/* BUILD 211R — 211Q workforce cleanup retained; mobile edit overrides live in ux211r.css */

/* Build 211Q — clean attendance and payroll UI */
.clean-workforce-head,.clean-payroll-head{align-items:center}
.clean-workforce-head small,.clean-payroll-head small{letter-spacing:.13em;color:var(--muted);font-weight:900}
.clean-attendance-stats{margin-top:14px}
.workforce-clean-tabs{display:inline-flex;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--panel);gap:4px}
.workforce-clean-tabs button{border-radius:8px;padding:9px 14px}
.clean-attendance-shell{padding-top:14px}
.clean-attendance-shell .attendance-health{margin-bottom:12px;border-radius:10px}
.clean-attendance-shell .attendance-health summary{padding:10px 12px}
.clean-attendance-shell .attendance-health-facts b:nth-of-type(n+2){display:none}
.clean-attendance-shell .attendance-toolbar{padding:10px 0 14px;border-bottom:1px solid var(--line);margin-bottom:16px}
.clean-attendance-shell .attendance-section-title{margin:8px 0 12px}
.clean-attendance-shell .attendance-table th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.clean-attendance-shell .attendance-table td{padding-top:12px;padding-bottom:12px}
.clean-attendance-shell .attendance-row.needs-attention{background:color-mix(in srgb,var(--amber) 5%,transparent)}
.clean-attendance-shell .attendance-signals{gap:5px}
.clean-attendance-shell .attendance-signal{padding:4px 7px;font-size:10px}
.clean-attendance-shell .attendance-time strong{font-size:13px}

.clean-payroll-actions{align-items:center}
.clean-payroll-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.clean-payroll-kpis article{padding:16px 17px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:grid;gap:5px}
.clean-payroll-kpis small{font-size:9px;letter-spacing:.09em;color:var(--muted);font-weight:900}
.clean-payroll-kpis strong{font-size:23px;letter-spacing:-.02em}
.clean-payroll-kpis span{font-size:11px;color:var(--muted)}
.clean-payroll-ready,.clean-payroll-alert{margin-top:12px;border:1px solid var(--line);border-radius:11px;padding:10px 13px;display:flex;gap:10px;align-items:center}
.clean-payroll-ready{background:color-mix(in srgb,var(--green) 7%,var(--panel));border-color:color-mix(in srgb,var(--green) 25%,var(--line))}
.clean-payroll-ready strong{color:var(--green)}
.clean-payroll-ready span,.clean-payroll-alert span{color:var(--muted);font-size:12px}
.clean-payroll-alert.warning{background:color-mix(in srgb,var(--amber) 7%,var(--panel));border-color:color-mix(in srgb,var(--amber) 25%,var(--line))}
.clean-payroll-alert.danger{background:color-mix(in srgb,var(--red) 6%,var(--panel));border-color:color-mix(in srgb,var(--red) 24%,var(--line))}
.clean-salary-sheet{padding-top:16px}
.clean-payroll-table th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap}
.clean-payroll-table td{vertical-align:top;padding-top:14px;padding-bottom:14px}
.clean-employee{min-width:155px}
.clean-employee>strong{font-size:14px}
.clean-employee>.payroll-status{display:inline-flex;margin-top:8px}
.clean-money-stack{display:grid;gap:5px;min-width:145px}
.clean-money-line{display:flex;justify-content:space-between;gap:14px;font-size:11px;color:var(--muted)}
.clean-money-line em{font-style:normal}
.clean-money-line b{color:var(--text);white-space:nowrap}
.clean-money-line.plus b{color:var(--green)}
.clean-money-line.minus b{color:var(--red)}
.clean-zero{font-size:11px;color:var(--muted)}
.clean-payable{min-width:130px}
.clean-payable>strong{font-size:18px;color:var(--text)}
.clean-row-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:150px}
.clean-row-actions button{padding:7px 9px;font-size:11px}
.clean-payroll-bottom{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:16px;align-items:start}
.clean-payroll-details summary{cursor:pointer;font-weight:900;padding:2px 0}
.clean-payroll-details[open] summary{margin-bottom:14px}
.clean-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.clean-detail-grid>div{border:1px solid var(--line);border-radius:9px;padding:9px;display:grid;gap:3px}
.clean-detail-grid span{color:var(--muted);font-size:11px}
.clean-adjust-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 16px}
.clean-adjust-summary span{border:1px solid var(--line);border-radius:10px;padding:11px;display:grid;gap:4px}
.clean-adjust-summary small{color:var(--muted);font-size:10px}
.clean-adjust-summary strong{font-size:15px}
@media(max-width:1100px){.clean-payroll-kpis{grid-template-columns:1fr 1fr}.clean-payroll-bottom{grid-template-columns:1fr}.clean-payroll-table{min-width:950px}}
@media(max-width:650px){.clean-payroll-kpis{grid-template-columns:1fr 1fr}.clean-payroll-kpis strong{font-size:18px}.clean-adjust-summary{grid-template-columns:1fr}.workforce-clean-tabs{display:flex;overflow-x:auto}.clean-attendance-shell .attendance-toolbar{gap:8px}.clean-attendance-shell .attendance-date-nav{width:100%}}