.payroll-page{max-width:1200px;margin:0 auto}.payroll-hero{align-items:flex-start}.payroll-header-actions{display:flex;gap:8px;flex-wrap:wrap}.payroll-period-card{display:flex;align-items:end;justify-content:space-between;gap:20px}.payroll-period-card>div:first-child{min-width:180px}.payroll-range-title{display:flex;flex-direction:column;text-align:right}.payroll-range-title span{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--gold)}.payroll-range-title b{font-size:20px}.payroll-range-title small{margin-top:3px;color:#777}.payroll-kpis{grid-template-columns:repeat(6,minmax(120px,1fr))}.payroll-gross-kpi{border:2px solid var(--gold)}.payroll-attention{border-left:4px solid #9a3412}.payroll-open-row{align-items:center}.payroll-open-pill{background:#fff1b5}.payroll-employee-list>.card-head{margin-bottom:12px}.payroll-employee{border:1px solid #ddd;border-radius:12px;margin:10px 0;background:#fff;overflow:hidden}.payroll-employee>summary{list-style:none;display:grid;grid-template-columns:minmax(180px,2fr) repeat(4,minmax(90px,1fr)) minmax(80px,.8fr);gap:12px;align-items:center;padding:16px;cursor:pointer}.payroll-employee>summary::-webkit-details-marker{display:none}.payroll-employee>summary span{display:flex;flex-direction:column;gap:2px}.payroll-employee>summary small{color:#777}.payroll-employee-body{padding:0 16px 16px;background:#fafafa;border-top:1px solid #eee}.payroll-employee-actions{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0}.payroll-day{border:1px solid #e4e4e4;border-radius:10px;background:#fff;margin:10px 0;overflow:hidden}.payroll-day>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:13px 14px;cursor:pointer}.payroll-day>summary::-webkit-details-marker{display:none}.payroll-day>summary>span:first-child{display:flex;flex-direction:column}.payroll-day>summary small{color:#777}.payroll-day-actions{display:flex;gap:12px;align-items:center}.payroll-day-body{border-top:1px solid #eee}.payroll-entry-row{display:grid;grid-template-columns:minmax(135px,1fr) minmax(180px,2fr) minmax(130px,1fr) auto;gap:14px;align-items:center;padding:13px 14px;border-bottom:1px solid #eee}.payroll-entry-row:last-child{border-bottom:0}.payroll-entry-time,.payroll-entry-job,.payroll-entry-money{display:flex;flex-direction:column;gap:3px}.payroll-entry-time span,.payroll-entry-job span,.payroll-entry-money span{font-size:13px;color:#666}.payroll-entry-ot{font-weight:800;color:#9a3412}.payroll-entry-edited{font-weight:700;color:#725800}.payroll-ot-pill{background:#fee2e2;color:#8a1c1c}.payroll-salary-pill{background:#eef3ff;color:#273b76}.payroll-edited-pill{background:#fff1b5;color:#725800}.payroll-edit-summary{display:flex;flex-direction:column;margin-bottom:12px}.payroll-overwrite-note{margin:12px 0;background:#fffaf0;border-left:4px solid var(--gold)}.payroll-overwrite-note p{margin-bottom:0}.payroll-edit-btn{white-space:nowrap}@media(max-width:1000px){.payroll-kpis{grid-template-columns:repeat(3,1fr)}.payroll-employee>summary{grid-template-columns:minmax(160px,2fr) repeat(3,minmax(75px,1fr));}.payroll-employee>summary span:nth-child(5),.payroll-employee>summary span:nth-child(6){display:none}}@media(max-width:700px){.payroll-period-card{align-items:stretch;flex-direction:column}.payroll-range-title{text-align:left}.payroll-kpis{grid-template-columns:repeat(2,1fr)}.payroll-employee>summary{grid-template-columns:1fr 1fr;gap:8px}.payroll-employee-name{grid-column:1/-1}.payroll-employee>summary span:nth-child(5),.payroll-employee>summary span:nth-child(6){display:flex}.payroll-entry-row{grid-template-columns:1fr 1fr}.payroll-entry-job{grid-column:1/-1}.payroll-edit-btn{width:100%}.payroll-header-actions{width:100%}.payroll-header-actions button{flex:1}}.payroll-submission-card{border:2px solid var(--gold)}.payroll-selection-list{margin:12px 0;border:1px solid #e4e4e4;border-radius:10px;overflow:hidden}.payroll-select-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #eee;background:#fff;cursor:pointer}.payroll-select-row:last-child{border-bottom:0}.payroll-select-row input{width:auto;min-height:auto}.payroll-select-row span.grow{display:flex;flex-direction:column;gap:3px}.payroll-select-row small{color:#666}.payroll-selection-actions,.payroll-submit-actions,.payroll-email-actions{display:flex;gap:8px;flex-wrap:wrap}.payroll-selected-totals{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:10px;margin:14px 0}.payroll-selected-totals>div{border:1px solid #e4e4e4;border-radius:10px;padding:10px 12px;background:#fafafa}.payroll-selected-totals span{display:block;font-size:11px;font-weight:800;color:#777;text-transform:uppercase;letter-spacing:.04em}.payroll-selected-totals b{display:block;margin-top:3px;font-size:18px}.payroll-submit-warning{margin:12px 0;padding:10px 12px;border-left:4px solid #9a3412;background:#fff5f0}.payroll-email-body{min-height:360px;white-space:pre-wrap;font-family:inherit}.payroll-submit-actions button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:700px){.payroll-select-row{align-items:flex-start}.payroll-selected-totals{grid-template-columns:repeat(2,1fr)}.payroll-selection-actions,.payroll-submit-actions,.payroll-email-actions{flex-direction:column}.payroll-selection-actions button,.payroll-submit-actions button,.payroll-email-actions button{width:100%}}