.payroll-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0 24px}.payroll-admin-hero h1{font-size:clamp(1.6rem,3vw,2.3rem);margin:8px 0;letter-spacing:-.035em}.payroll-admin-hero p{color:var(--muted);margin:8px 0}.payroll-admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.payroll-admin-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:22px 0}.payroll-admin-kpis article{padding:20px;border:1px solid var(--line);border-radius:14px;background:#f9fafc}.payroll-admin-kpis span{display:block;color:var(--muted);font-size:.8rem;margin-bottom:10px}.payroll-admin-kpis b{font-size:1.45rem;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.payroll-admin-kpis article:first-child{background:#fff7ed}.payroll-admin-table td{vertical-align:middle;padding:18px 14px}.payroll-admin-table small,.payroll-admin-selection small{display:block;color:var(--muted);margin-top:8px;font-size:.8rem}.payroll-admin-table strong{display:block;margin-top:10px;white-space:nowrap}.payroll-admin-table .btn{min-width:130px;white-space:normal;word-break:normal}.payroll-admin-current{font-size:2rem;font-weight:750;letter-spacing:-.035em}.payroll-admin-selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;max-height:360px;overflow:auto;margin:12px 0}.payroll-admin-selection .payroll-check{padding:10px;border-bottom:1px solid var(--line)}#adm-increase-people{border:1px solid var(--line);border-radius:12px;padding:16px;margin:20px 0}#adm-increase-people[hidden]{display:none}.payroll-admin-actions{display:flex;flex-wrap:wrap;gap:10px}.payroll-admin-history{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.payroll-admin-history p{margin:8px 0}.payroll-admin-history small{color:var(--muted);overflow-wrap:anywhere}.payroll-admin-history-detail{padding:18px 0;border-top:1px solid var(--line)}.payroll-admin-history-detail summary{cursor:pointer;font-weight:650}.payroll-admin-dialog{width:min(840px,calc(100vw - 28px));padding:26px}.payroll-admin-dialog details{padding:16px 0;border-top:1px solid var(--line);margin:20px 0}.payroll-admin-dialog summary{cursor:pointer;font-weight:700;margin-bottom:18px}.payroll-admin-dialog textarea{min-height:90px;resize:vertical}.payroll-admin-dialog .field{margin-bottom:14px}.payroll-admin-dialog .payroll-rates{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-admin-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-admin-dialog .btn{word-break:normal;white-space:normal}#payroll-admin-content{display:grid;gap:20px}.payroll-admin-shortcut{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px}.payroll-admin-dialog [role=status]{min-height:1em}
@media(max-width:650px){.payroll-admin-hero{align-items:flex-start;flex-direction:column;gap:12px}.payroll-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payroll-admin-kpis article{padding:14px}.payroll-admin-kpis b{font-size:1.12rem}.payroll-admin-selection{grid-template-columns:1fr}.payroll-admin-dialog{padding:18px}.payroll-admin-dialog .form-grid,.payroll-admin-dialog .payroll-rates{grid-template-columns:1fr}.payroll-admin-history{align-items:flex-start;flex-direction:column;gap:10px}.payroll-admin-tabs button{flex:1;min-width:110px}.payroll-admin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:760px){
 #page[data-visual-page="payroll-admin"] .payroll-admin-tabs{flex-wrap:wrap!important;overflow:visible}
 #page[data-visual-page="payroll-admin"] .payroll-admin-tabs button{flex:1 1 auto;white-space:normal;min-width:100px;line-height:1.5}
 #page[data-visual-page="payroll-admin"] .payroll-admin-table td{display:block;padding:10px 8px}
 #page[data-visual-page="payroll-admin"] .payroll-admin-table td:before{display:block;margin-bottom:6px;font-size:.72rem}
 .payroll-admin-dialog .data-table{display:table;min-width:570px}
 .payroll-admin-dialog .data-table thead{display:table-header-group}
 .payroll-admin-dialog .data-table tbody{display:table-row-group}
 .payroll-admin-dialog .data-table tr{display:table-row}
 .payroll-admin-dialog .data-table :is(td,th){display:table-cell;width:auto}
 .payroll-admin-dialog .data-table td:before{display:none}
}

.payroll-admin-module-select{display:none}
@media(max-width:760px){#page .payroll-admin-module-select{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}#page .payroll-admin-module-tabs{display:none!important}}
