.pay-toolbar{display:flex;flex-wrap:wrap;gap:8px}.pay-toolbar input,.pay-toolbar select{width:auto;max-width:100%;min-width:0}.pay-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-day{border-bottom:1px solid #444;background:#25282d}.pay-day summary{display:grid;grid-template-columns:65px 1fr auto;gap:10px;padding:12px;cursor:pointer;align-items:center}.pay-day summary span:nth-child(2){font-size:12px;color:#c8c8c8}.pay-person{padding:12px;border-top:1px solid #444}.pay-person dl{margin:8px 0}.pay-person dl>div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}.pay-person dd{margin:0;white-space:nowrap}.pay-total{display:flex;justify-content:space-between;padding:16px 12px;background:#35383c}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.team-grid p{margin:6px 0}.shift-person{display:block;font-size:13px;margin:4px 0}.shift-ended{opacity:.6}.shift-panel{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:18px}.review-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}#policyForm label{display:block;margin:12px 0}#policyForm input{width:auto}.profile-menu{position:relative}.profile-menu>summary{cursor:pointer;list-style:none}.profile-links{position:absolute;right:0;top:100%;z-index:30;min-width:210px;background:#22262b;border:1px solid #555;border-radius:10px;padding:8px;display:grid;gap:6px}.pay-month{overflow:hidden;border-radius:10px}.pay-person .btn{display:block;margin-top:8px}@media(max-width:600px){.pay-day summary{grid-template-columns:42px minmax(0,1fr) auto;gap:6px;padding:10px 8px}.pay-day summary strong{font-size:13px}.pay-stats b{font-size:19px}.shift-panel{flex-wrap:wrap}.pay-toolbar select{width:100%}.team-grid{grid-template-columns:1fr 1fr}.profile-menu .profile-links{position:fixed;right:12px;top:64px;max-width:calc(100vw - 24px)}.pay-person{font-size:13px}}
.pay-toolbar input[type=month]{min-width:170px;flex:1;max-width:220px}
.review-list [data-pay-confirm]:disabled{background:#555a61!important;border-color:#6b7078!important;color:#e4e6e9!important;opacity:1;cursor:default;box-shadow:none}
.review-list .review-problem{margin:10px 0;padding:8px 10px}
.cabinet-back{flex:0 0 auto;white-space:nowrap}
@media(max-width:700px){.cabinet-back{min-height:40px;padding:7px 9px;font-size:12px}.topbar:has(.cabinet-back) .testmark{display:none}}

.manager-work-scroll{max-width:100%;overflow:auto;border:1px solid #444b53;border-radius:8px;margin:12px 0;max-height:65vh}
.manager-work-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.manager-work-table caption{text-align:left;padding:10px;background:#30343a;font-weight:600}
.manager-work-table th,.manager-work-table td{padding:8px 10px;border-right:1px solid #ffffff12;border-bottom:1px solid #ffffff12;vertical-align:top;white-space:nowrap}
.manager-work-table thead th{position:sticky;top:0;background:#30343a;z-index:2;text-align:left}
.manager-work-table tbody th{position:sticky;left:0;background:#292d33;z-index:1;text-align:left}
.manager-work-table tbody tr:nth-child(even){background:#ffffff04}
.manager-work-table td:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}
.manager-work-table small{display:block;color:#b6bdc6;font-size:11px;margin-top:3px}
.manager-work-table tfoot th,.manager-work-table tfoot td{background:#353a42;font-weight:600;border-top:2px solid #69717c}
@media(max-width:600px){.manager-work-table{font-size:12px}.manager-work-table th,.manager-work-table td{padding:7px}.manager-work-scroll{max-height:60vh}}

/* Payroll filters stay readable in every viewport. */
.pay-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;max-width:480px;margin:16px 0 20px}
.pay-filter-field{display:grid;gap:6px;min-width:0;margin:0}.pay-filter-field>span{font-size:13px;font-weight:600;color:#c9ccd2}
.pay-filter-field select,.pay-filter-field input{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;font-size:16px}
.pay-filter-field select{height:46px;padding:9px 36px 9px 12px}.pay-filter-month{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center;min-width:0}
.pay-filter-month .btn{width:44px;min-width:0;padding:0;height:46px}.pay-filter-month input[type=month]{height:46px;padding:8px 10px}.pay-filter-reload{justify-self:start;min-height:42px}
@media(max-width:600px){.pay-filters{max-width:100%;gap:10px}.pay-filter-field select{font-size:16px}.pay-filter-month{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px}.pay-filter-month .btn{width:40px}.pay-filter-month input[type=month]{font-size:16px}}