.rule-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;flex-wrap:wrap}.rule-toolbar .field{margin:0}.rule-section{margin-top:24px}.work-hours-grid{display:grid;grid-template-columns:1fr 1fr}.work-hours-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px}.work-hours-item+.work-hours-item{border-left:1px solid var(--line)}.work-hours-item strong,.work-hours-item span,.work-hours-item small{display:block}.work-hours-item strong{font-size:13px}.work-hours-item span{font-size:17px;margin:9px 0;color:#233e60}.work-hours-item small{font-size:10px;color:var(--muted)}.rule-actions{display:flex;align-items:center;gap:14px}.rule-note{max-width:260px;white-space:normal;overflow-wrap:anywhere}.rule-check{display:flex;align-items:center;gap:8px;font-size:12px;margin:0 0 20px}.rule-selection-tools{display:flex;justify-content:space-between;gap:12px;margin:0 0 12px}.rule-people{max-height:230px;overflow:auto;border:1px solid var(--line);border-radius:9px;padding:13px 15px;margin-bottom:20px}.rule-people-group{border:0;margin:0 0 14px;padding:0}.rule-people-group:last-child{margin:0}.rule-people-group legend{font-size:11px;font-weight:700;color:#64758c;margin-bottom:8px}.rule-people-group label{display:flex;gap:8px;align-items:center;font-size:12px;padding:7px 0}.rule-selected-person{font-size:13px;font-weight:600;margin-bottom:20px}.rule-history details{padding:17px 23px;border-bottom:1px solid var(--line);font-size:12px}.rule-history details:last-child{border-bottom:0}.rule-history summary{cursor:pointer;line-height:1.7}.rule-history summary span{display:block;font-size:10px;color:var(--muted);margin-left:14px}.rule-history p{line-height:1.8;font-size:11px;margin:12px 0 0 14px;color:#64758c;overflow-wrap:anywhere}.schedule-hours,.schedule-overtime{display:block;font-size:11px;line-height:1.7}.schedule-hours{color:var(--muted)}.schedule-overtime{color:#486e9d;margin-top:3px}.clock-schedule{display:flex;flex-direction:column;gap:6px;color:#becfe4;font-size:11px;line-height:1.6;margin:16px 0 0;padding-top:14px;border-top:1px solid #ffffff24}.clock-schedule strong{color:#e8eff9;font-weight:500}
@media(max-width:640px){.work-hours-grid{grid-template-columns:1fr}.work-hours-item+.work-hours-item{border-left:0;border-top:1px solid var(--line)}.work-hours-item{padding:18px}.rule-history details{padding:17px 18px}.rule-section .card-head{align-items:flex-start;flex-wrap:wrap}.rule-selection-tools .btn{font-size:11px}.rule-people input[type=checkbox]{width:auto}.rule-check input{flex:0 0 auto}}
@media(max-width:850px){.mobile-nav{justify-content:flex-start;overflow-x:auto}.mobile-nav button{flex:1 0 58px;padding:4px 5px}.mobile-nav button span{white-space:nowrap}}

.rule-workdays{border:0;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:14px}.rule-workdays legend{font-size:12px;font-weight:600;margin-bottom:12px}.rule-workdays label{display:flex;gap:6px;align-items:center;font-size:12px}