.payroll-request-banner{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px;margin-bottom:18px;border:1px solid #e5bd48;border-left:6px solid #d6a51f;border-radius:16px;background:#fff8dc}.payroll-request-banner h2{margin:5px 0}.payroll-request-banner p{margin:0;color:#6f623e}.payroll-request-banner>strong{font-size:30px;color:#8a6500;text-align:right}.payroll-request-banner>strong small{display:block;font-size:12px;font-weight:500}.payroll-request-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.payroll-request-summary article{padding:16px;border:1px solid #dce5e3;border-radius:14px;background:#fff}.payroll-request-summary span,.payroll-request-summary b{display:block}.payroll-request-summary b{font-size:23px;margin-top:6px}.payroll-request-filter{display:flex;align-items:end;gap:12px;margin-bottom:18px}.payroll-request-filter label{flex:1}.payroll-request-attention{background:#fffaf0}.payroll-request-detail-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;margin:16px 0;border-radius:16px;color:#fff;background:linear-gradient(125deg,#0f5b91,#1878b9)}.payroll-request-detail-head h2{margin:6px 0}.payroll-request-detail-head p{margin:0}.payroll-request-note{margin:18px 24px;padding:15px;border-left:4px solid #d5a525;background:#fff9e7}.payroll-request-note span{font-size:12px;color:#776324}.payroll-request-note p{margin:5px 0 0}.payroll-decision-card{border-top:4px solid #d5a525}.decision-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding-top:18px}.button.warning{background:#d59a10;color:#fff}.button.danger{background:#b53a35;color:#fff}.nav-group-items a[href*="/payroll/requests"] .menu-notification{background:#e3a918;color:#171000}.payroll-request-install{padding:24px}@media(max-width:760px){.payroll-request-banner{align-items:flex-start}.payroll-request-summary{grid-template-columns:repeat(2,1fr)}.payroll-request-summary article:last-child{grid-column:span 2}.payroll-request-filter{align-items:stretch;flex-wrap:wrap}.payroll-request-detail-head{padding:18px}.decision-actions .button{flex:1 1 calc(50% - 10px)}}
.dashboard-payroll-request-alert{display:flex;align-items:center;gap:15px;margin-bottom:16px;padding:16px 18px;border:1px solid #e3bc48;border-left:6px solid #d39f13;border-radius:14px;color:#4f3d05;background:#fff7d4;text-decoration:none}.dashboard-payroll-request-alert>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#d29b0d;font-size:20px;font-weight:900}.dashboard-payroll-request-alert div{flex:1}.dashboard-payroll-request-alert strong,.dashboard-payroll-request-alert small{display:block}.dashboard-payroll-request-alert small{margin-top:3px;color:#78652c}.dashboard-payroll-request-alert>b{font-size:13px}
.badge.applied{border:1px solid #0b8067;color:#fff;background:#0b8067;box-shadow:0 4px 10px rgba(11,128,103,.16)}
.badge.superseded{border:1px solid #d1dad8;color:#66736f;background:#edf1f0;box-shadow:none}
.badge.setting-disabled{border:1px solid #cbd3d1;color:#5f6b68;background:#e8edec;box-shadow:none;white-space:normal;text-align:center}
.payroll-member-group.payroll-setting-disabled{border-color:#d7dddb;background:#f3f5f4;box-shadow:none}.payroll-member-group.payroll-setting-disabled>summary,.payroll-member-group.payroll-setting-disabled>summary:hover,.payroll-member-group.payroll-setting-disabled[open]>summary{background:#f1f3f2}.payroll-member-group.payroll-setting-disabled .payroll-member-identity strong,.payroll-member-group.payroll-setting-disabled .payroll-member-current strong,.payroll-member-group.payroll-setting-disabled .payroll-member-value strong{color:#66706e}
.payroll-request-filter{display:grid;grid-template-columns:minmax(280px,2fr) minmax(210px,1fr) auto auto}.payroll-request-filter label{min-width:0}.payroll-member-panel{overflow:hidden}.payroll-member-panel>.panel-head p{margin:4px 0 0;color:#70807c}.payroll-member-groups{display:grid;gap:12px;padding:0 22px 22px}.payroll-member-group{overflow:hidden;border:1px solid #d7e2df;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(18,60,52,.05)}.payroll-member-group.needs-action{border-left:5px solid #d6a51f}.payroll-member-group>summary{display:grid;grid-template-columns:minmax(210px,1.35fr) minmax(230px,1.2fr) minmax(105px,.55fr) auto 80px;align-items:center;gap:16px;padding:18px;cursor:pointer;list-style:none;transition:.18s ease}.payroll-member-group>summary::-webkit-details-marker{display:none}.payroll-member-group>summary:hover,.payroll-member-group[open]>summary{background:#f2f9f7}.payroll-member-identity strong,.payroll-member-identity small,.payroll-member-current strong,.payroll-member-current small,.payroll-member-value strong,.payroll-member-value small{display:block}.payroll-member-identity strong{color:#123f38;font-size:16px}.payroll-member-identity small,.payroll-member-current small,.payroll-member-value small{margin-top:4px;color:#71807c;font-size:12px}.payroll-member-current strong{font-size:13px}.payroll-member-value{text-align:right}.payroll-member-value strong{margin-top:3px;font-size:17px}.payroll-history-count{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px;color:#64736f}.payroll-history-count b{font-size:17px}.payroll-history-count small{font-size:11px}.payroll-history-count i{font-size:24px;font-style:normal;transition:transform .2s}.payroll-member-group[open] .payroll-history-count i{transform:rotate(90deg)}.payroll-member-detail{padding:18px;background:#f8fbfa;border-top:1px solid #dce6e3}.payroll-current-request{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;border:1px solid #cfe1dc;border-radius:12px;background:#fff}.payroll-current-request span,.payroll-current-request strong{display:block}.payroll-current-request span{font-size:11px;color:#72817d}.payroll-current-request strong{margin-top:3px}.payroll-history-head{display:flex;justify-content:space-between;align-items:center;margin:18px 2px 8px}.payroll-history-head small{color:#73817e}.payroll-history-row{display:grid;grid-template-columns:minmax(220px,1fr) 120px auto 18px;align-items:center;gap:14px;padding:13px 14px;border-top:1px solid #e0e8e6;color:#183d37;text-decoration:none;background:#fff}.payroll-history-row:first-of-type{border-radius:12px 12px 0 0}.payroll-history-row:last-child{border-radius:0 0 12px 12px}.payroll-history-row:hover{background:#eef7f4}.payroll-history-row strong,.payroll-history-row small{display:block}.payroll-history-row small{margin-top:3px;color:#71807c}.payroll-history-row>b{text-align:right}.payroll-history-row>i{font-size:21px;font-style:normal}.payroll-history-empty{margin:0;border-radius:12px;background:#fff}
@media(max-width:900px){.payroll-member-group>summary{grid-template-columns:1fr auto 68px}.payroll-member-current{grid-column:1}.payroll-member-value{grid-column:2;text-align:left}.payroll-member-group>summary>.badge{grid-column:2;grid-row:1}.payroll-history-count{grid-column:3;grid-row:1/3}}
@media(max-width:760px){.payroll-request-filter{display:grid;grid-template-columns:1fr 1fr}.payroll-request-filter label{grid-column:1/-1}.payroll-request-filter .button{width:100%}.payroll-member-groups{padding:0 12px 16px}.payroll-member-group>summary{grid-template-columns:1fr auto;padding:15px;gap:10px}.payroll-member-current{grid-column:1/-1}.payroll-member-value{grid-column:1}.payroll-member-group>summary>.badge{grid-column:2;grid-row:1}.payroll-history-count{grid-column:2;grid-row:2/4}.payroll-member-detail{padding:12px}.payroll-history-row{grid-template-columns:1fr auto}.payroll-history-row>.badge{grid-column:1}.payroll-history-row>i{grid-column:2;grid-row:1/3}.payroll-current-request{align-items:flex-start}.payroll-history-head{align-items:flex-start;flex-direction:column;gap:3px}}
.payroll-request-table-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.payroll-request-member-table{width:100%;min-width:1120px;border-collapse:collapse}.payroll-request-member-table th,.payroll-request-member-table td{padding:12px 10px;border-bottom:1px solid #dce5e3;vertical-align:middle;white-space:nowrap}.payroll-request-member-table th{font-size:11px;color:#60716d;background:#f3f7f6;text-transform:uppercase}.payroll-request-member-table td{font-size:13px}.payroll-request-member-table td small{display:block;margin-top:3px;color:#73817e;font-size:11px}.payroll-request-main-row.needs-action td:first-child{border-left:4px solid #d6a51f}.payroll-request-main-row.setting-disabled{background:#f1f3f2;color:#66706e}.payroll-member-name-link{color:#0b6656;font-weight:800;text-decoration:none}.payroll-member-name-link:hover{text-decoration:underline}.payroll-history-toggle{min-width:58px;padding:7px 9px;border:1px solid #cbd8d5;border-radius:9px;color:#24534a;background:#fff;font-weight:800;cursor:pointer}.payroll-history-toggle span{display:inline-block;transition:transform .2s}.payroll-history-toggle.open span{transform:rotate(180deg)}.payroll-request-history-row[hidden]{display:none}.payroll-request-history-row>td{padding:0!important;background:#f4f8f7}.payroll-request-history-box{padding:12px 18px 16px}.payroll-request-history-box .payroll-history-row{min-width:760px}@media(max-width:760px){.payroll-member-panel>.panel-head{padding-bottom:12px}.payroll-request-table-scroll{border-top:1px solid #dce5e3}.payroll-request-member-table{min-width:1080px}.payroll-request-member-table th,.payroll-request-member-table td{padding:10px 9px}.payroll-request-history-box{padding:10px}.payroll-member-panel .pagination{min-width:0}}
