.payroll-overview{margin:24px 0}.payroll-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.payroll-metric{padding:22px;display:flex;flex-direction:column;gap:12px}.payroll-metric span{font-size:13px;opacity:.75}.payroll-metric strong{font-size:26px;overflow-wrap:anywhere}.payroll-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:20px}.payroll-filters label{display:flex;flex-direction:column;gap:6px;font-size:13px;flex:1;min-width:150px}.payroll-filters input,.payroll-filters select{width:100%;min-height:42px}.payroll-result{padding:0 20px}.payroll-overview .banner{margin-bottom:20px}@media(max-width:1000px){.payroll-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.payroll-metrics{gap:10px}.payroll-metric{padding:16px}.payroll-metric strong{font-size:21px}.payroll-filters{padding:16px}.payroll-filters label{min-width:100%}}

.payslip-shift-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 7px;min-width:0;max-width:100%;font-size:12px;line-height:1.4}.payslip-shift-summary>strong{flex:0 0 auto;color:var(--muted);white-space:nowrap}.payslip-shift-primary{min-width:0;overflow-wrap:anywhere}.payslip-shift-more{flex:0 0 auto;color:#0c6962;cursor:help;text-decoration:underline dotted;text-underline-offset:2px;white-space:nowrap}.payslip-shift-more:hover,.payslip-shift-more:focus-visible{text-decoration-style:solid}
.payroll-workflow{display:grid;gap:16px;margin:24px 0}.payroll-workflow>p{margin:0}.payroll-stage{padding:18px;border:1px solid var(--border,#deded9);border-radius:14px;background:var(--surface,#fff);min-width:0}.payroll-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px}.payroll-stage-heading h3{margin:0}.payroll-stage-heading p{margin:5px 0 0}.payroll-stage .tablewrap{margin:0}.weekly-payroll-edit{display:grid;grid-template-columns:minmax(96px,.8fr) minmax(150px,1.2fr) minmax(120px,1fr);gap:12px;margin:16px 0;padding:14px;border:1px solid var(--border,#deded9);border-radius:10px}.weekly-payroll-edit legend{font-weight:700;padding:0 6px}.weekly-payroll-edit label{margin:0}.weekly-payroll-edit label textarea{min-height:44px}@media(max-width:700px){.payroll-stage{padding:12px}.weekly-payroll-edit{grid-template-columns:1fr}}