.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.form label{display:block;font-size:12px;color:#62725b}.form-grid input,.form-grid select,.form input,.form select,.form textarea{display:block;width:100%;margin:7px 0 13px}.form-grid .full{grid-column:1/-1}.form label.check{display:flex;gap:10px;align-items:center;line-height:1.8}.form label.check input{width:auto;margin:0}dialog{width:min(600px,95vw);max-height:88vh;overflow:auto}.muted{color:#8c9883;font-size:11px}.actions{display:flex;gap:9px;flex-wrap:wrap}.state-error{background:#fff0e8;color:#9b593a;border:1px solid #edc9b4;border-radius:8px;padding:17px;font-size:12px;line-height:1.9}.connection{font-size:10px;padding:6px 10px;border-radius:5px;background:#edf3e9;color:#4c704a}.metrics-inline{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px}.metrics-inline strong{display:block;font-size:23px;margin-bottom:4px}.tabs{display:flex;gap:8px;margin-bottom:20px}.tabs button{border:1px solid #d9e2d2;background:white;padding:9px 16px;border-radius:6px;color:#506644}.tabs button.active{background:#183f36;color:white}.qr{max-width:250px;margin:15px auto}.qr svg{width:100%;height:auto}.code{font:27px monospace;letter-spacing:3px;text-align:center;margin:15px 0}.privacy{font-size:11px;line-height:1.9;padding:13px;background:#eef2e8;border-radius:7px;margin:15px 0;color:#607350}.scroll-box{overflow:auto;max-height:480px}.request-card .actions{min-width:140px}.record-warning{color:#ab7331;font-size:10px}.site-card .actions{margin-top:15px}.badge.off{background:#f5e9e5;color:#a66a55}.stat-foot a{color:inherit}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid input[type=checkbox]{width:auto;display:inline}.empty a{color:#254b33}.bar-chart{height:15px;display:flex;border-radius:5px;overflow:hidden;margin-top:10px;background:#edf1e8}.bar-chart i{background:#507251;display:block}.text-right{text-align:right}.nowrap{white-space:nowrap}button.busy{opacity:.5;pointer-events:none}#sync{margin-left:auto;font-size:9px}a.btn{text-decoration:none;display:inline-block}nav{scrollbar-width:thin}@media(max-width:760px){.form-grid,.split{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.private{font-size:9px}.metrics-inline{gap:15px}.actions .btn{padding:9px 11px}header .crumb,.slash{display:none}.notice{line-height:1.9}footer a{margin-left:auto;font-size:10px;letter-spacing:0}#sync{display:none}}

.weekdays{display:flex;gap:15px;flex-wrap:wrap;margin:12px 0 20px}.weekdays label.check{gap:5px}body.saving button{pointer-events:none;opacity:.6}nav{overflow-y:auto;max-height:70vh}@media(max-width:760px){nav{overflow-x:auto;max-height:none}}
.nav-group{font-size:11px;font-weight:700;color:#aabfae;padding:18px 14px 7px;letter-spacing:.04em}.access-tools{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:16px}.access-panel{max-width:520px;margin:40px auto}.access-panel input{font-size:20px;letter-spacing:3px}nav button{min-height:44px}button:focus-visible,a:focus-visible{outline:3px solid #d49b39;outline-offset:3px}@media(max-width:760px){.nav-group{display:none}.access-tools{justify-content:flex-start}.code{font-size:20px;overflow-wrap:anywhere}nav button{flex-shrink:0}}
.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.quick-card{border:1px solid #d9e2d2;border-radius:12px;background:white;text-align:left;padding:20px;cursor:pointer;color:#183f36}.quick-card:hover{background:#eef4ec;border-color:#56735b}.quick-card strong,.quick-card small{display:block}.quick-card strong{font-size:16px;margin-bottom:8px}.quick-card small{font-size:12px;color:#637461}@media(max-width:760px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-card{padding:15px}}
/* Refined workspace and linked, readable help pages. */
:root{--bg:#f3f5f7;--line:#e2e7eb;--text:#1d3430;--muted:#657772}body{font-size:14px;line-height:1.6}aside{background:linear-gradient(160deg,#133a32,#0f2925);padding-top:28px}header{background:#ffffffed;border-bottom:1px solid #e4e9eb}main{max-width:1500px;margin:auto;padding-top:30px}.panel,.table-panel,.site-card{border:1px solid #e3e9e7;border-radius:16px;box-shadow:0 4px 20px #17382c04}.btn{border-radius:9px;min-height:42px;font-weight:600}.btn.primary{box-shadow:0 3px 8px #133a3215}.title-row{margin-bottom:26px}.eyebrow{letter-spacing:.14em;font-size:10px;font-weight:700}h1{letter-spacing:-.04em}input,select,textarea{border-radius:9px}nav button{transition:background .15s,color .15s}nav button:hover{background:#ffffff12;color:white}.heading-help{border:0;background:none;padding:0;text-align:left;color:inherit;font:inherit;letter-spacing:inherit;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.heading-help span{font-size:11px;font-weight:500;letter-spacing:0;color:#637d74;border:1px solid #d6e2dc;border-radius:20px;padding:5px 10px;background:white}.heading-help:hover span{background:#e6f0e9;color:#214e3e}.help-hero{background:linear-gradient(115deg,#e5efe9,#f9fbfa);border:1px solid #dce8e0;border-radius:20px;padding:36px;margin-bottom:24px}.help-hero h1{font-size:32px;line-height:1.35;margin:10px 0 14px}.help-hero p{color:#567066;max-width:650px;line-height:1.9}.help-search{display:block;max-width:460px;margin-top:22px;font-size:12px;color:#4d695d}.help-search input{display:block;width:100%;margin-top:8px;min-height:48px;background:white;border:1px solid #cadcd0;padding:10px 15px}.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.help-card{position:relative;text-align:left;background:white;border:1px solid #e0e7e3;border-radius:16px;padding:25px;transition:transform .15s,border-color .15s,box-shadow .15s;color:var(--text)}.help-card:hover{transform:translateY(-3px);border-color:#9dbbab;box-shadow:0 10px 26px #17382c0b}.help-card h2{font-size:17px;margin:12px 0 10px;line-height:1.5}.help-card p{font-size:12px;color:#697d73;line-height:1.9;margin-bottom:22px}.help-icon{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:9px;background:#edf4ef;color:#3e6c54;font-size:20px}.text-link{background:none;border:0;padding:0;color:#34684d;font-size:12px;font-weight:600;cursor:pointer}.help-detail{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:start}.help-detail h2{font-size:19px}.help-steps{padding:0;list-style:none}.help-steps li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #edf1ee;align-items:start}.help-steps li:last-child{border:0}.help-steps span{flex:0 0 30px;height:30px;border-radius:50%;background:#edf3ee;color:#3a644d;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.help-steps p{margin:2px 0;line-height:1.9}.help-check{border-top:3px solid #c7ab72}.help-check p{line-height:1.9;color:#66776c}.help-check .btn{margin-top:15px}.help-card[hidden]{display:none}@media(max-width:1050px){.help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.help-grid,.help-detail{grid-template-columns:1fr}.help-hero{padding:24px}.help-hero h1{font-size:25px}.help-card{padding:22px}.heading-help{gap:8px}.heading-help span{font-size:10px}main{padding-top:20px}}
.stat[role=button]{cursor:pointer;transition:transform .15s,box-shadow .15s}.stat[role=button]:hover{transform:translateY(-2px);box-shadow:0 8px 22px #17382c0a}.stat[role=button]:focus-visible{outline:3px solid #c7ab72;outline-offset:3px}.stat[role=button] .stat-top:after{content:' ↗';opacity:.65}
.preset-picker{background:#edf4ef;border:1px solid #d8e7dc;border-radius:12px;padding:16px;margin:16px 0 24px}.preset-picker p{font-size:12px;line-height:1.8;color:#4c6a58}.schedule-break-note{display:block;color:#718475;font-size:11px;margin-top:5px}
.schedule-preview{border:1px solid #bdd5c4;background:#f3f8f4;border-radius:12px;padding:18px;margin:20px 0}.schedule-preview h3{margin:0 0 12px}.schedule-preview dl{display:grid;grid-template-columns:85px 1fr;gap:8px;font-size:13px}.schedule-preview dt{color:#718475}.schedule-preview dd{margin:0;overflow-wrap:anywhere}.schedule-preview p{font-size:12px;color:#476653}.schedule-preview[hidden]{display:none}
.setup-panel{background:white;border:1px solid #dce6df;border-radius:18px;padding:24px;margin-bottom:24px}.setup-panel h2{font-size:20px;margin:8px 0 14px}.setup-panel>p{font-size:11px;color:#718175;margin-top:16px}.setup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.setup-step{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;border:1px solid #e0e8e3;border-radius:12px;background:#f8faf8;padding:18px;color:#264535}.setup-step:hover{background:#edf5ef;border-color:#a9c4b1}.setup-index{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e9efeb;font-size:12px}.setup-step.complete .setup-index{background:#28573d;color:white}.setup-step strong{font-size:15px}.setup-step small{font-size:11px;color:#718175}.setup-status{font-size:11px;color:#4c765b;margin-top:auto}@media(max-width:1000px){.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.setup-panel{padding:18px}.setup-step{padding:14px}}
body.locating #punchForm button{pointer-events:none;opacity:.55}

/* Keep mobile functions visible without horizontal menu swiping. */
@media(max-width:760px){
 aside{position:relative;padding:14px 15px;width:100%;box-sizing:border-box}
 nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;max-height:none;margin-top:14px}
 nav button{min-width:0;width:100%;white-space:normal;font-size:12px;line-height:1.4;padding:9px 5px;text-align:center;min-height:52px}
 nav button span{display:block;width:auto;font-size:17px;margin:0 0 3px}
 .side-bottom{display:flex;position:static;margin-top:12px;padding-top:10px;border-top:1px solid #ffffff24}
 .side-bottom .avatar,.side-bottom .online{display:none}
 #identity{display:flex;gap:10px;align-items:center;font-size:12px}#identity small{display:inline;color:#bdd0c4;font-size:11px}
 header{height:auto;min-height:53px;padding:12px 15px;display:flex;align-items:flex-start;gap:10px;flex-direction:column}
 .head-right{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .head-right .private{display:none}.head-right .btn{font-size:11px;padding:8px 4px;text-align:center;white-space:normal;display:flex;align-items:center;justify-content:center}
 .shell,main,#app,.title-row,.controls{min-width:0}main{padding:18px 15px}.title-row{flex-wrap:wrap;gap:12px}.controls{flex-wrap:wrap}.controls input,.controls select{min-width:0;max-width:100%;box-sizing:border-box}
 .panel{padding:18px}.tabs{flex-wrap:wrap}footer{flex-wrap:wrap;gap:8px}dialog{box-sizing:border-box;max-width:calc(100vw - 20px)}
}

.permission-guide{margin-bottom:20px}.permission-guide summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item}.permission-guide p,.permission-guide li{font-size:13px;line-height:1.9}.permission-guide table{margin-top:15px}#roleDescription{padding:12px;background:#edf4ef;border-radius:9px;font-size:13px}

.employment-filters{margin:0 0 16px}.employment-filters .btn{min-height:44px}

.brand-header{display:flex;align-items:center;justify-content:space-between;gap:7px}.brand-header .brand{min-width:0;gap:7px;font-size:10px;letter-spacing:0}.homepage-return{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 7px;border:1px solid #8ca89a;border-radius:8px;color:#fff;text-decoration:none;white-space:nowrap;font-size:10px;line-height:1.4}.homepage-return:hover{background:#ffffff18;border-color:#c8d9d0}.homepage-return:focus-visible{outline:3px solid #dfc17e;outline-offset:3px}@media(min-width:761px) and (max-width:1100px){.brand-header .brand>span:last-child{display:none}}@media(max-width:760px){.brand-header .brand{font-size:11px}.homepage-return{padding:8px 12px;font-size:12px}}

.employee-cell-button{min-height:36px;padding:6px 8px;text-align:left;border-radius:6px}.employee-cell-button:focus-visible{outline:3px solid #bd9958;outline-offset:2px}.employee-cell-button:hover{background:#edf4ef}
@media(max-width:760px){.employee-cell-button{min-height:44px;padding:8px}}

.attendance-calendar{margin-top:20px}.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.attendance-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-weekday{text-align:center;font-weight:700;padding:8px}.calendar-day{min-height:110px;border:1px solid #d7dfd9;border-radius:8px;background:#fff;text-align:left;padding:8px;cursor:pointer;color:#183b2a;display:flex;flex-direction:column;gap:4px;font:inherit}.calendar-day:hover,.calendar-day:focus-visible{background:#edf5ee;outline:2px solid #47775d}.calendar-day strong{font-size:16px}.calendar-day span{font-size:12px;overflow-wrap:anywhere}.calendar-day .calendar-status{font-weight:700}.calendar-today{border:2px solid #386349;background:#f0f7ee}.calendar-detail{margin-top:16px;padding:16px;background:#f5f7f3;border-radius:10px}.calendar-detail article{border-bottom:1px solid #d7dfd9}dialog:has(.attendance-calendar){width:min(1000px,94vw);max-width:1000px}@media(max-width:600px){.attendance-month{gap:3px}.calendar-day{padding:5px 3px;min-height:105px}.calendar-day span{font-size:10px}.calendar-heading h2{font-size:19px}.calendar-weekday{padding:6px 0}.attendance-calendar.panel{padding:12px}}
.calendar-day[data-status="퇴근 완료"] .calendar-status{color:#206644}.calendar-day[data-status="근무 중"] .calendar-status{color:#175fb0}.calendar-day[data-status="휴게 중"] .calendar-status{color:#965a05}.calendar-day[data-status="휴무"],.calendar-day[data-status="승인 휴가"]{background:#f3f0fa}.calendar-day[data-status="기록 없음"] .calendar-status{color:#68736c}
.calendar-legend{display:flex;gap:8px 14px;flex-wrap:wrap;font-size:12px}.calendar-legend span:before{content:'●';margin-right:4px}.legend-complete{color:#206644}.legend-working{color:#175fb0}.legend-break{color:#965a05}.legend-off{color:#725296}.legend-empty{color:#68736c}
.calendar-net-time{font-weight:700;border-top:1px solid #dce6dd;padding-top:4px;margin-top:3px}.calendar-month-total{margin:18px 0;padding:18px;border:1px solid #c4d5c9;border-radius:12px;background:#edf5ee}.calendar-total-number{font-weight:800;font-size:26px;color:#204c37;margin:8px 0}.calendar-time-summary{padding:10px 12px;border-left:3px solid #47775d;background:#fff;margin:12px 0}.calendar-day:has(.calendar-net-time){min-height:138px}@media(max-width:600px){.calendar-total-number{font-size:22px}.calendar-month-total{padding:12px}.calendar-day:has(.calendar-net-time){min-height:130px}.calendar-day .calendar-net-time{font-size:10px}}

/* Keep the monthly calendar beside the clock; daily actions follow it. */
.employee-layout{align-items:start}.employee-workspace-main{min-width:0;display:grid;gap:20px}.employee-workspace-main>.attendance-calendar{margin-top:0}.employee-today-records{min-width:0}

/* Consistent status cues: labels remain visible alongside color. */
:root{--cue-green:#157347;--cue-blue:#185abd;--cue-amber:#925400;--cue-red:#b42332;--cue-purple:#7042a0}
.clock-buttons .btn[name="event"][value="in"]{background:#16834b;color:#fff;border:2px solid #56c98a;font-weight:800;box-shadow:0 3px 10px #081f1930}
.clock-buttons .btn[name="event"][value="out"]{background:#2167ce;color:#fff;border:2px solid #83b4ff;font-weight:800;box-shadow:0 3px 10px #081f1930}
.clock-buttons .btn[name="event"][value^="break"]{background:#fff0cf;color:#754400;border:2px solid #e7b65a;font-weight:700}
.clock-buttons .btn:not(:disabled):hover{filter:brightness(1.08)}
.btn:disabled,.clock-buttons .btn:disabled{background:#e0e5e8;color:#66727b;border:2px solid #c0c9d0;box-shadow:none;opacity:1;cursor:not-allowed}
.badge.end,.badge.approved{background:#e1f4e9;color:#12633d}.badge.working{background:#e5efff;color:#1855a4}.badge.break,.badge.pending,.badge.wait{background:#fff0d2;color:#805000}.badge.late,.badge.rejected{background:#fde8eb;color:#a52032}
.calendar-day[data-status="퇴근 완료"]{background:#edf9f1;border-color:#9dd4b1}.calendar-day[data-status="근무 중"]{background:#eaf2ff;border-color:#91b9ef}.calendar-day[data-status="근무 예정"]{background:#f0f6ff;border-color:#bed2ef}.calendar-day[data-status="휴게 중"]{background:#fff5df;border-color:#e4c17e}.calendar-day[data-status="휴무"],.calendar-day[data-status="승인 휴가"]{background:#f3edfb;border-color:#c7b1e2;color:#65408a}.calendar-day[data-status="기록 없음"]{background:#f8f9fa;border-color:#dde2e5}.calendar-day.calendar-today{border:3px solid #2167ce;box-shadow:0 0 0 2px #dceaff}.calendar-day:hover,.calendar-day:focus-visible{outline:2px solid #2167ce;outline-offset:2px}
.calendar-weekday:first-child{color:#b42332}.calendar-weekday:nth-child(7){color:#185abd}.calendar-pending{background:#fff0cf;color:#805000;border-radius:4px;padding:3px;font-weight:700}
.request-card[data-request-state="pending"]{border-left:5px solid #d5901e;background:#fffcf4}.request-card[data-request-state="approved"]{border-left:5px solid #219965;background:#f3fbf6}.request-card[data-request-state="rejected"]{border-left:5px solid #cf4152;background:#fff6f7}
.btn[data-decide*=":1:"]{background:#157347;color:#fff;border-color:#157347}.btn[data-decide*=":0:"]{background:#fff0f2;color:#aa2031;border-color:#e6a0a9}
.employee-cell-button[data-employment-state="active"]{background:#e3f5ea;color:#12633d;font-weight:700}.employee-cell-button[data-employment-state="pending"]{background:#fff0d2;color:#805000;font-weight:700}.employee-cell-button[data-employment-state="retired"]{background:#f1e9ed;color:#874353}.employee-cell-button[data-field="site"]{background:#eaf2ff;color:#1855a4}
tr[data-attendance-state="end"]>td:first-child{border-left:4px solid #219965}tr[data-attendance-state="working"]>td:first-child{border-left:4px solid #2167ce}tr[data-attendance-state="break"]>td:first-child{border-left:4px solid #d5901e}tr[data-attendance-state="late"]>td:first-child{border-left:4px solid #cf4152}
.attendance-stats .stat:nth-child(2){background:#eaf2ff;border-color:#b6cff2}.attendance-stats .stat:nth-child(3),.attendance-stats .stat:nth-child(4){background:#fff5df;border-color:#e4c17e}.site-card{border-top:4px solid #4f89c8}
.employee-today-records .timeline article:first-child{border-left:4px solid #16834b;padding-left:12px}.employee-today-records .timeline article:last-child:not(:first-child){border-left:4px solid #2167ce;padding-left:12px}
.clock-buttons .btn[name="event"]:disabled{background:#e0e5e8;color:#66727b;border:2px solid #c0c9d0;box-shadow:none;opacity:1;cursor:not-allowed}

.calendar-day .calendar-clock-in{color:#126b3e;background:#ddf3e6;font-weight:800;padding:3px 4px;border-radius:4px}.calendar-day .calendar-clock-out{color:#174fa3;background:#e2edff;font-weight:800;padding:3px 4px;border-radius:4px}

.work-hours-editor{border:1px solid #b6cbdc;border-radius:12px;padding:16px;margin:18px 0;min-width:0}.work-hours-editor legend{font-weight:800;color:#1855a4}.work-hours-note{background:#edf4ff;color:#234d75;padding:12px;border-radius:8px;font-size:12px;line-height:1.8}.work-hours-grid{display:grid;gap:10px}.work-hours-day{padding:12px;border:1px solid #d8e2ea;border-radius:8px}.work-hours-day h3{margin:0 0 10px}.work-hours-shift{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:10px;background:#eef7f0;margin-top:6px;border-radius:6px}.work-hours-shift.night{background:#edf1fb}.work-hours-shift.inactive{opacity:.5}.work-hours-shift input[type=time]{width:100%;min-width:0;box-sizing:border-box}.work-hours-summary{padding:12px;background:#f0f5fb;border-radius:8px;margin:12px 0;font-size:12px;line-height:1.6}.work-hours-summary p{margin:4px 0}.attendance-timing{display:block;color:#375a49;margin-top:5px;font-weight:700}@media(max-width:600px){.work-hours-shift{grid-template-columns:1fr 1fr}.work-hours-shift>.check{grid-column:1/-1}.work-hours-editor{padding:10px}}

.calendar-day [data-timing="late"],.calendar-day .calendar-clock-out[data-timing="early"]{color:#a52032;background:#fde8eb}.calendar-day .calendar-clock-in[data-timing="early"],.calendar-day [data-timing="overtime"]{color:#805000;background:#fff0d2}

/* Daily guidance and exception review. */
.attention-panel{margin-bottom:22px;border-top:4px solid #d5901e}.attention-panel>.panel-head h2{margin:7px 0}.attention-panel>p{font-size:12px;line-height:1.8}.attention-filters{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.attention-item{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px;border:1px solid #dde5eb;border-left:4px solid #cfad5c;border-radius:10px;margin:10px 0;background:#fffcf5}.attention-item.open{border-left-color:#cf4152;background:#fff6f7}.attention-item.timing{border-left-color:#568cce;background:#f5f8ff}.attention-item h3{margin:10px 0 5px;font-size:15px}.attention-item h3 small{font-size:12px;font-weight:400}.attention-item p,.attention-empty{font-size:12px;line-height:1.7}.attention-item>.btn{flex-shrink:0}.attention-range,.attention-highlight{background:#fff3d7;outline:2px solid #d5901e}.attention-empty{padding:18px;background:#edf7f0;border-radius:10px}.next-action{padding:14px;margin:12px 0;background:#e8f1ff;color:#164a85;border-left:4px solid #4f91e8;border-radius:9px;font-size:12px;line-height:1.7}.next-action p{margin:5px 0}.next-action.complete{background:#e4f5e9;color:#145a36;border-color:#32996b}.next-action.break,.next-action.attention{background:#fff0d0;color:#805000;border-color:#d5901e}.next-action.off{background:#eee6f8;color:#65408a;border-color:#9768ba}.shift-guidance{background:#fff;color:#234534;padding:12px;border-radius:8px;margin:10px 0;font-size:12px;line-height:1.7}.shift-guidance p{margin:6px 0}.shift-guidance .in-window{color:#126b3e;font-weight:700}.shift-guidance .out-window{color:#174fa3;font-weight:700}.shift-guidance small{display:block;color:#5e6c68}.hours-quick{background:#f0f5fb;border-radius:10px;padding:14px;margin:14px 0;font-size:12px}.hours-quick h3{margin:0 0 12px}.hours-quick .actions{margin:12px 0}.hours-preview{padding:14px;background:#f5f9f0;border:1px solid #bdccae;border-radius:10px;margin-bottom:16px;font-size:12px}.hours-preview article{border-top:1px solid #d5dfcd;padding:10px 0;line-height:1.8}.hours-preview span{display:block}.hours-preview small{display:block;color:#436051}.work-hours-shift{padding:8px}.work-hours-day .work-hours-shift label{margin:0}.work-hours-day h3{font-size:14px}.work-hours-day .work-hours-shift .check{align-self:center}@media(max-width:600px){.attention-item{align-items:flex-start;flex-direction:column;gap:9px}.attention-item>.btn{width:100%}.attention-panel .panel-head{flex-wrap:wrap}.hours-quick .actions{flex-direction:column;align-items:stretch}}

.punch-prediction{padding:8px;border-radius:6px;background:#e8f4ed;font-weight:800;color:#126b3e}.punch-prediction[data-prediction="late"]{background:#fde8eb;color:#a52032}.punch-prediction[data-prediction="early"]{background:#fff0d2;color:#805000}

.people-filter-summary{background:#edf3ff;border-left:4px solid #1547ad;color:#173c75;padding:12px 16px;border-radius:6px;margin:16px 0;font-size:14px;overflow-wrap:anywhere}.people-filter-summary strong{font-size:17px}.controls #peopleSite{min-width:160px}.empty [data-clear-people]{margin-top:14px}

.brand .brand-mark{display:block;width:48px;height:48px;object-fit:contain;flex-shrink:0;background:white;border-radius:3px}.brand-header .brand{flex-shrink:0}@media(max-width:760px){.brand .brand-mark{width:40px;height:40px}}

@media(min-width:1101px){.brand-header{flex-wrap:wrap}.brand-header .homepage-return{margin-top:3px}}
.site-name-button{border:0;background:transparent;color:#123e62;font:inherit;font-weight:800;text-align:left;cursor:pointer;padding:0;width:100%;line-height:1.5}.site-name-button span{display:block;font-size:12px;color:#1547ad;text-decoration:underline;margin-top:6px}.site-name-button:focus-visible{outline:3px solid #1547ad;outline-offset:6px}.site-overview-open{background:#123e62!important;color:white!important;width:100%;font-weight:800}.site-overview-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.site-overview-heading h2,.site-overview-heading h3{margin:6px 0}.site-overview-asof{color:#40556d;font-size:13px}.site-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.site-metric{border-radius:10px;padding:16px;background:#1547ad;color:#fff;min-width:0}.site-metric span{display:block;font-size:13px;font-weight:700}.site-metric strong{display:block;font-size:27px;line-height:1.5;overflow-wrap:anywhere}.site-metric small{font-size:11px;line-height:1.6;display:block}.site-metric.navy{background:#12344e}.site-metric.green{background:#08663c}.site-metric.amber{background:#774400}.site-metric.red{background:#a22038}dialog:has(#siteOverview){width:min(1080px,96vw)}#siteOverview .panel{margin:16px 0;padding:18px;border:1px solid #d3dfeb;border-radius:10px}#siteOverview h3{font-size:16px}#siteOverview .site-person-list{display:flex;gap:8px;flex-wrap:wrap}#siteOverviewFinance .site-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}#siteOverviewMonth{margin-left:8px;padding:8px;color:#12344e;background:white;border:1px solid #879bb6;border-radius:6px}#siteOverview .tiny{line-height:1.8;color:#40556d}@media(max-width:700px){.site-metrics,#siteOverviewFinance .site-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.site-metric{padding:12px}.site-metric strong{font-size:24px}#siteOverview .panel{padding:12px}}@media(max-width:360px){#siteOverviewFinance .site-metrics{grid-template-columns:1fr}}
.site-card-overview{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#edf3ff;border-radius:8px;padding:12px;margin:16px 0;color:#12344e}.site-card-overview span{font-size:12px}.site-card-overview strong{display:block;font-size:23px}.site-card-overview small{grid-column:1/-1;font-size:11px}.site-metric{border:0;cursor:pointer;text-align:left;font-family:inherit;box-shadow:0 2px 5px #12344e20}.site-metric:hover{filter:brightness(1.12)}.site-metric:focus-visible{outline:3px solid #1769dc;outline-offset:3px}.metric-drill{margin-top:10px;text-decoration:underline}dialog:has(#siteOverviewDetail){width:min(850px,96vw)}.site-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.site-detail-person{border:1px solid #b8cadf;border-left:5px solid #1547ad;background:#f1f6ff;border-radius:8px;padding:16px;text-align:left;color:#12344e;cursor:pointer}.site-detail-person strong,.site-detail-person span{display:block}.site-detail-person strong{font-size:17px;margin-bottom:8px}.site-detail-person span{font-size:13px;line-height:1.6}@media(max-width:600px){.site-detail-list{grid-template-columns:1fr}}
.site-current-plan{background:#edf5ff!important;border-left:5px solid #1547ad!important}.site-applied-hours{display:block;color:#12344e;font-size:24px;line-height:1.6;overflow-wrap:anywhere}.site-current-plan summary{cursor:pointer;color:#1547ad;font-weight:700}.site-week-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}.site-week-plan p{margin:4px 0}#sitePolicyShowOverview{display:block;margin-top:12px}@media(max-width:600px){.site-week-plan{grid-template-columns:1fr}.site-applied-hours{font-size:19px}}
.detail-path{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-bottom:1px solid #cfdae7;padding:0 0 12px;margin:0 25px 18px 0;font-size:12px;color:#38516d}.detail-path button{border:1px solid #bacce0;border-radius:6px;background:#edf4ff;color:#163f79;padding:8px;cursor:pointer}.detail-summary{background:#edf4ff;border:1px solid #cad9ec;border-radius:10px;padding:18px;margin:16px 0 22px}.detail-summary h2{font-size:16px;margin:0 0 8px}.detail-summary p{font-size:12px;color:#38516d}.detail-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.detail-summary-grid button{background:#123f69;border:0;border-radius:8px;color:white;text-align:left;padding:16px;cursor:pointer}.detail-summary-grid strong{display:block;font-size:27px;margin:8px 0}.detail-summary-grid span,.detail-summary-grid small{display:block}.detail-list,.detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.detail-entry,.detail-field{background:#f3f7ff;border:1px solid #c1d1e5;border-left:4px solid #1547ad;border-radius:8px;color:#12344e;padding:16px;text-align:left;cursor:pointer;overflow-wrap:anywhere;white-space:pre-wrap}.detail-entry strong,.detail-entry span,.detail-field strong,.detail-field span,.detail-field small{display:block}.detail-entry span,.detail-field small{font-size:12px;margin-top:8px}.detail-field strong{font-size:15px;margin:9px 0}.detail-field span{font-size:12px;color:#405c7c}.detail-search{display:flex;gap:8px;margin:14px 0}.detail-search input{min-width:0;flex:1;padding:9px;border:1px solid #bacce0;border-radius:6px}.detail-value{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf4ff;color:#12344e;padding:20px;font-family:inherit;font-size:16px;line-height:1.8}dialog:has([data-detail-path]){width:min(950px,96vw)}.detail-summary button:focus-visible,.detail-entry:focus-visible,.detail-field:focus-visible{outline:3px solid #1769dc;outline-offset:3px}@media(max-width:700px){.detail-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-list,.detail-fields{grid-template-columns:1fr}.detail-path{margin-right:25px}}
.inbox-button.has-unread{background:#a22038!important;color:white!important;font-weight:800}.main-inbox-popup{position:fixed;top:85px;right:24px;width:min(370px,calc(100vw - 32px));z-index:9999;background:white;border:2px solid #a22038;border-radius:12px;box-shadow:0 12px 45px #12344e44;padding:18px;color:#12344e}.main-inbox-popup>div{display:flex;justify-content:space-between;align-items:center}.main-inbox-popup>div strong{color:#a22038;font-size:20px}.main-inbox-popup button{cursor:pointer}.main-inbox-popup [data-popup-notice]{display:block;width:100%;border:0;border-left:4px solid #1547ad;background:#edf4ff;text-align:left;padding:12px;margin:8px 0;color:#12344e;font-weight:700}.main-inbox-popup small{display:block;font-size:12px;line-height:1.6;margin-top:10px}#inboxPopupLater{border:0;background:white;font-size:25px;color:#12344e}.inbox-unread{border-left-color:#a22038!important;background:#fff4f4!important}dialog .main-inbox-popup{position:sticky;top:0;right:0;width:auto;margin-top:18px}#mainInboxButton:focus-visible{outline:3px solid #1769dc;outline-offset:3px}
dialog .main-inbox-popup{position:fixed;top:24px;right:24px;width:min(370px,calc(100vw - 64px));margin:0}
.inbox-sound-controls{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.inbox-sound-controls small{display:block;flex-basis:100%;font-size:10px;color:#395474}.inbox-sound-controls button{padding:7px 9px!important;font-size:11px!important}.inbox-sound-controls button[aria-pressed="true"]{background:#123f69!important;color:#fff!important}.inbox-reply-form{border-top:2px solid #c6d8ec;margin-top:20px;padding-top:16px}.inbox-reply-form textarea{min-height:110px}.head-right:has(.inbox-sound-controls){flex-wrap:wrap}
.shell>header{height:auto;min-height:82px;padding:18px 32px;display:flex;flex-direction:column;align-items:stretch;gap:12px;box-sizing:border-box}
.shell>header>div:first-child{min-width:0;line-height:1.6;overflow-wrap:anywhere}
.shell>header .head-right{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;min-width:0;box-sizing:border-box}
.head-right>.private{grid-column:1/-1;grid-row:1;white-space:normal;line-height:1.5}
.head-right>.btn{width:100%;min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere;line-height:1.5;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center}
.head-right .inbox-sound-controls{grid-column:span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:stretch;gap:8px;min-width:0;padding:12px;border:1px solid #c6d5e6;border-radius:10px;background:#f3f7fd;box-sizing:border-box}
.head-right .inbox-sound-controls button{min-width:0;min-height:44px;padding:9px!important;font-size:12px!important;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.head-right .inbox-sound-controls small,.head-right #backgroundPushInstall{grid-column:1/-1;min-width:0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.head-right #backgroundPushInstall{display:block;padding:4px 0;color:#174b84;text-decoration:underline}
@media(max-width:600px){.shell>header{min-height:0;padding:14px 16px;gap:10px}.shell>header .head-right{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.head-right .inbox-sound-controls{grid-column:1/-1;padding:10px}.head-right>.btn{font-size:12px;padding:9px 7px}.head-right>.private{font-size:11px}}
.notification-device-scope{grid-column:1/-1;min-width:0;background:#fff;border:1px solid #b9cce0;border-radius:10px;padding:12px;line-height:1.6;color:#183d60}.notification-device-scope>strong{font-size:14px}.notification-device-scope p{font-size:12px;margin:8px 0 0;overflow-wrap:anywhere}.notification-device-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.notification-device-chips span{padding:6px 10px;border-radius:6px;font-weight:700;font-size:12px}.device-computer{background:#124b95;color:#fff}.device-phone{background:#086344;color:#fff}.head-right .device-computer-settings{border-top:5px solid #124b95;background:#edf4ff}.head-right .device-phone-settings{border-top:5px solid #086344;background:#edf9f2}.notification-setting-title,.notification-setting-note{grid-column:1/-1;min-width:0;overflow-wrap:anywhere;line-height:1.6}.notification-setting-title{color:#12344e;font-size:14px}.notification-setting-note{color:#304e6d;font-size:12px;margin:0}
.shell>header .head-right{align-items:stretch}
.head-right #inboxSoundControls{border:2px solid #1857a6;border-top:6px solid #1857a6;background:#eaf2ff}
.head-right #backgroundPushControls{border:2px solid #08704b;border-top:6px solid #08704b;background:#e8f6ed}
#inboxSoundControls .notification-setting-title,#backgroundPushControls .notification-setting-title{padding:9px 10px;border-radius:6px;color:#fff;font-size:14px}
#inboxSoundControls .notification-setting-title{background:#124b95}
#backgroundPushControls .notification-setting-title{background:#086344}
.head-right #backgroundPushControls button{border-color:#08704b;color:#064a32}
.head-right #backgroundPushControls #backgroundPushOn{background:#086344;color:#fff}
[data-app-install-link][hidden],#appInstalledBadge[hidden]{display:none!important}
#appInstalledBadge{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px;background:#e8f6ed;color:#086344;border:1px solid #08704b;box-sizing:border-box;text-align:center;line-height:1.5}

.dashboard-metric-number{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:0;margin:2px 0 6px;cursor:pointer;font:inherit;font-size:32px;font-weight:800;line-height:1.15}.dashboard-metric-number small{font-size:13px;font-weight:600;margin-left:5px}.dashboard-metric-number:hover{text-decoration:underline;text-underline-offset:5px}.dashboard-metric-number:focus-visible{outline:3px solid #d49b39;outline-offset:4px;border-radius:4px}.attendance-today-stat{background:#edf4ff!important;border-color:#c4d8f1!important}.dashboard-calendar{margin-top:24px;padding:20px}.dashboard-calendar-head{align-items:flex-start;gap:12px;flex-wrap:wrap}.dashboard-calendar-head h2{margin:0 0 4px}.dashboard-calendar-head .tiny{margin:0}.dashboard-calendar-legend{display:flex;flex-wrap:wrap;gap:12px;color:#596b63;font-size:11px;margin:10px 0}.dashboard-calendar-legend span:first-child{color:#23784a}.dashboard-calendar-legend span:nth-child(2){color:#926713}.dashboard-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.dashboard-calendar-weekday{text-align:center;font-weight:700;color:#52665b;padding:7px}.dashboard-calendar-empty{min-height:72px}.dashboard-calendar-day{display:flex;min-width:0;min-height:72px;flex-direction:column;align-items:flex-start;gap:4px;padding:8px;border:1px solid #dbe4dd;border-radius:8px;background:#fff;color:#213d30;text-align:left;font:inherit;cursor:pointer}.dashboard-calendar-day:hover{border-color:#4b8c64;background:#f1f7f2}.dashboard-calendar-day[data-day-state=record]{background:#e4f4e9;border-color:#8eb79a}.dashboard-calendar-day[data-day-state=scheduled]{background:#fff0d8;border-color:#c49b68}.dashboard-calendar-day[data-day-state=none]{background:#f3f5f8;border-color:#b9c5d3}.dashboard-calendar-day.selected{outline:3px solid #14243a;outline-offset:1px}.dashboard-calendar-day.today{box-shadow:inset 0 0 0 2px #ffd365}.dashboard-today-label{display:inline-block;margin-left:3px;padding:1px 3px;background:#ffd365;color:#14243a;font-size:9px;border-radius:3px}.dashboard-calendar-day strong{font-size:15px}.dashboard-calendar-day small{font-size:10px;line-height:1.35;color:#486456;overflow-wrap:anywhere}.dashboard-calendar-day .dashboard-schedule-count{color:#88631b}.dashboard-selected-day{margin-top:20px;padding-top:16px;border-top:1px solid #e0e7e2}.dashboard-day-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.dashboard-day-heading h3{margin:0;font-size:17px}.dashboard-day-heading p{margin:3px 0 10px;color:#5a6d63;font-size:12px}.dashboard-day-table{margin-top:10px}.dashboard-day-empty{padding:14px;background:#f6f8f6;border-radius:8px;color:#5a6d63;font-size:12px}.dashboard-metric-detail ul{list-style:none;padding:0;margin:14px 0}.dashboard-metric-detail li{display:flex;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #e4e9e5}.dashboard-metric-detail li span{color:#586b60;text-align:right;font-size:12px}@media(max-width:600px){.dashboard-calendar{padding:12px}.dashboard-calendar-head .actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dashboard-calendar-head .actions .btn{min-width:0;padding:8px 4px;font-size:11px}.dashboard-month-grid{gap:3px}.dashboard-calendar-empty{min-height:58px}.dashboard-calendar-day{min-height:58px;padding:4px;border-radius:6px;gap:2px}.dashboard-calendar-day strong{font-size:13px}.dashboard-calendar-day small{font-size:8px;line-height:1.2}.dashboard-calendar-legend{gap:7px;font-size:10px}.dashboard-day-heading h3{font-size:15px}.dashboard-metric-number{font-size:28px}.dashboard-metric-detail li{display:block}.dashboard-metric-detail li span{display:block;text-align:left;margin-top:3px}}

.dashboard-support{margin-top:16px}.dashboard-support>summary{cursor:pointer;font-weight:700;min-height:44px;padding:10px}.dashboard-support .quick-grid{margin-top:16px}.dashboard-entry-chooser{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding-top:16px}.dashboard-entry-chooser label{display:grid;gap:6px;min-width:180px;max-width:100%}.dashboard-entry-chooser select{max-width:100%}.site-card-count{min-width:0;border:1px solid #92b3ca;border-radius:9px;padding:10px;background:#f0f6fb;color:#123e62;text-align:left;cursor:pointer}.site-card-count strong,.site-card-count small{display:block}.site-card-count strong{font-size:24px;text-decoration:underline;text-underline-offset:4px}.site-card-count small{font-size:11px;margin-top:5px}.site-card-count:hover{background:#dfedf8}.site-card-count:focus-visible{outline:3px solid #d9aa00;outline-offset:2px}@media(max-width:480px){.dashboard-entry-chooser>*{width:100%}.dashboard-calendar-head{align-items:start;flex-wrap:wrap}}

.compact-workspace .dashboard-calendar{margin-top:0;padding:14px}.compact-workspace .dashboard-calendar-day{min-height:60px;padding:6px}.compact-workspace .dashboard-calendar-head{margin-bottom:10px}.compact-workspace .dashboard-calendar-legend{margin:6px 0}.compact-workspace[data-hub-view="page"] #app>.title-row{margin-bottom:14px}.compact-workspace .attendance-today-stat{background:#1547ad!important;border-color:#1547ad!important}.compact-workspace .attendance-stats .stat:nth-child(3),.compact-workspace .attendance-stats .stat:nth-child(4){background:#8e4d11;color:#fff}.compact-workspace .attendance-stats{margin-top:16px}

.calendar-dashboard #app>.title-row{margin-bottom:8px!important;padding-block:0!important}.calendar-dashboard .title-row h1{font-size:20px;margin:0;line-height:1.3}.calendar-dashboard .title-row p,.calendar-dashboard .title-row .eyebrow{display:none}.calendar-dashboard .dashboard-calendar-day,.calendar-dashboard .dashboard-calendar-empty{min-height:48px}.calendar-dashboard .dashboard-calendar-weekday{padding:3px;font-size:11px}.calendar-dashboard .dashboard-month-grid{gap:4px}.calendar-dashboard .dashboard-selected-day{margin-top:8px;padding-top:8px}.calendar-dashboard .dashboard-day-empty{margin:0;padding:8px}.calendar-dashboard .dashboard-calendar-head h2{font-size:18px}.calendar-dashboard .dashboard-calendar{padding:12px}.calendar-dashboard .dashboard-calendar-day strong{font-size:14px}.calendar-dashboard .dashboard-calendar-day small{font-size:10px}

.dashboard-site-picker select{display:block;width:100%;max-width:560px;min-height:44px;margin-top:8px}.dashboard-current-site{padding:0 4px}

/* Keep record-search site selection and text filters readable on mobile. */
.detail-search{flex-wrap:wrap;align-items:end}
.detail-search label{display:grid;gap:6px;flex:1 1 190px;min-width:0;font-size:14px}
.detail-search input,.detail-search select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;font:inherit;padding:9px;border:1px solid #bacce0;border-radius:6px;background:#fff;color:#12344e}
.detail-search button{min-height:44px}
@media(max-width:600px){.detail-search label{flex-basis:100%}.detail-search input,.detail-search select{font-size:16px}}

.assignment-waiting-list{display:grid;gap:10px}.assignment-waiting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #d4dfd8}.assignment-waiting-row>div{min-width:0;overflow-wrap:anywhere}.assignment-waiting-row small{display:block;margin-top:5px}.assignment-waiting-row .btn{flex-shrink:0;min-height:44px}#site-assignment-queue{margin:18px 0;scroll-margin-top:80px}

/* Employee home: essential actions first, details available on demand. */
.employee-home{max-width:760px;margin:auto}.employee-punch-card{padding:20px;border-radius:14px}.employee-punch-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.employee-punch-heading h1{font-size:24px;line-height:1.25;margin:0}.employee-punch-heading p,.employee-clock{margin:4px 0;font-size:13px}.employee-site-name{font-size:18px;font-weight:700;margin:10px 0 0}.employee-punch-card .next-action{margin:8px 0;padding:8px 12px}.employee-punch-card .next-action p{margin:2px 0}.employee-punch-card .form{gap:8px}.employee-punch-card label{margin:0}.employee-punch-card select,.employee-punch-card input{min-height:44px}.employee-punch-card .employee-consent{margin:4px 0;font-size:14px}.employee-punch-card .clock-buttons{margin:4px 0 0;gap:8px}.employee-punch-card .clock-buttons .btn{min-height:48px;padding:10px}.employee-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.employee-shortcuts .btn{min-height:48px;padding:8px}.employee-more{margin-top:10px}.employee-more summary{cursor:pointer;min-height:44px;padding:10px;box-sizing:border-box}.employee-today-records{padding:8px 12px;background:#fff;border:1px solid #d6e2dc;border-radius:10px}#employeeCalendarPanel{margin:16px 0}#employeeCalendarPanel[hidden],#employeeQrField[hidden]{display:none!important}#employeeCalendarBack{margin-bottom:12px}@media(max-width:600px){.employee-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-punch-card{padding:16px}.employee-punch-heading h1{font-size:22px}}
.employee-punch-card .employee-privacy{font-size:12px;line-height:1.4;margin:2px 0;color:#eaf4e9}
.employee-punch-heading h1{color:#fff}.employee-punch-card .next-action p,.employee-punch-card .next-action small{color:#183b36}

/* Count colors describe record status, not the punch action buttons. */
.attendance-counts{display:flex;flex-wrap:wrap;gap:4px;line-height:1.45}.attendance-count{display:inline-block;padding:3px 6px;border-radius:4px;font-size:12px;font-weight:800;color:#fff;white-space:nowrap}.count-present{background:var(--signal-neutral,#49566a)}.count-completed{background:var(--signal-green,#075a36)}.count-working{background:var(--signal-blue,#1547ad)}.count-scheduled{background:var(--signal-amber,#984400)}.dashboard-calendar-day .attendance-counts{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.dashboard-calendar-day .attendance-count{font-size:10px;padding:2px 1px;white-space:nowrap;letter-spacing:-.4px}.dashboard-no-record{color:#49566a}.dashboard-day-heading .attendance-counts{margin:8px 0}@media(max-width:760px){.dashboard-calendar-day .attendance-counts{grid-template-columns:1fr}.dashboard-calendar-day{padding:3px 0}.dashboard-calendar-day .attendance-count{font-size:10px;padding:1px 0}.dashboard-today-label{margin-left:1px;font-size:8px}.dashboard-calendar-day strong{display:flex;flex-wrap:wrap;align-items:center}}

.dashboard-count-guide{font-size:11px;color:#48566b;margin:6px 0}.dashboard-count-guide summary{cursor:pointer;padding:6px 0}.dashboard-count-guide p{margin:6px 0}@media(max-width:760px){.compact-workspace .dashboard-calendar-day{padding:3px 0}}