.payroll-annual{--pa-ink:#142a58;--pa-teal:#08796f;--pa-line:#dfe7ee;--pa-paper:#fff;color:var(--pa-ink);background:#f5f7f7;padding:14px 18px 30px;font-size:12px;line-height:1.45}.payroll-annual *{box-sizing:border-box}.payroll-annual h1,.payroll-annual h2,.payroll-annual h3,.payroll-annual p{margin:0}.payroll-annual h1{font-size:24px}.payroll-annual h2{font-size:21px}.payroll-annual h3{font-size:17px}.payroll-annual .pa-heading{display:flex;align-items:center;gap:32px;margin-bottom:16px}.payroll-annual .pa-heading>strong{font-size:16px;color:var(--pa-teal);border-bottom:3px solid var(--pa-teal);padding:9px 12px}.payroll-annual a{color:var(--pa-teal);text-decoration:none}.payroll-annual a:hover{text-decoration:underline}.payroll-annual .pa-readonly{margin-left:auto;color:#7083a2}.payroll-annual .pa-filters{display:flex;align-items:end;gap:14px;background:var(--pa-paper);padding:11px 14px;border:1px solid var(--pa-line);border-radius:5px;margin:0 0 12px}.payroll-annual label{display:grid;gap:5px;font-size:11px;color:#657ba0}.payroll-annual input,.payroll-annual select{font:inherit;color:var(--pa-ink);border:1px solid var(--pa-line);border-radius:4px;background:#fff;min-height:34px;padding:6px 10px;max-width:220px}.payroll-annual input[type=number]{width:95px}.payroll-annual button{font:inherit;color:var(--pa-teal);border:1px solid #accbc7;background:#fff;border-radius:4px;min-height:32px;padding:5px 10px;cursor:pointer}.payroll-annual button:hover{background:#e5f3ef}.payroll-annual button:focus-visible,.payroll-annual a:focus-visible,.payroll-annual summary:focus-visible{outline:2px solid #237f78;outline-offset:2px}.payroll-annual .pa-filters small{margin-left:auto;align-self:center;color:#7489a7}.payroll-annual .pa-layout{display:grid;grid-template-columns:minmax(0,2.55fr) minmax(285px,1fr);gap:12px;align-items:start}.payroll-annual .pa-main{min-width:0}.payroll-annual .pa-panel{border:1px solid var(--pa-line);border-radius:5px;background:var(--pa-paper);overflow:hidden}.payroll-annual .pa-totals{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 14px;margin-bottom:12px;background:#fff;border:1px solid var(--pa-line);border-radius:4px;font-size:12px}.payroll-annual .pa-totals span{display:flex;gap:10px}.payroll-annual .pa-totals small{color:#7c8eaa;font-size:10px}.payroll-annual .pa-title{display:flex;align-items:center;gap:20px;padding:15px 14px 8px}.payroll-annual .pa-title p,.payroll-annual .pa-basis{color:#7186a4;font-size:11px}.payroll-annual .pa-basis{padding:0 14px 10px}.payroll-annual .pa-table-wrap{overflow:auto;margin:0 10px;max-height:calc(100dvh - 390px);min-height:260px;scrollbar-gutter:stable}.payroll-annual table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:11px;margin:0;font-variant-numeric:tabular-nums}.payroll-annual th,.payroll-annual td{height:auto;padding:10px 8px;border:1px solid #e5ebf1;text-align:right;white-space:normal;vertical-align:middle;background:transparent}.payroll-annual th:first-child,.payroll-annual td:first-child{position:static;text-align:left;background:transparent}.payroll-annual thead th{position:sticky;top:0;z-index:1;background:#f3f7fb;font-weight:600;color:#314c79}.payroll-annual thead th:nth-child(2),.payroll-annual thead th:nth-child(3){background:#edf9f4}.payroll-annual .pa-month-table th:first-child{width:115px}.payroll-annual .pa-month-table th:nth-child(7){width:112px}.payroll-annual .pa-month-table th:nth-child(6),.payroll-annual .pa-month-table th:nth-child(8){width:90px}.payroll-annual .pa-month th button{border:0;background:transparent;min-height:22px;padding:0 4px;color:inherit}.payroll-annual .pa-month [data-expand]{font-size:9px;color:#7488a1}.payroll-annual .pa-month [data-month]{font-weight:650;font-size:12px}.payroll-annual .pa-month.selected{background:#e3f3ec;box-shadow:inset 3px 0 var(--pa-teal)}.payroll-annual .pa-badge{display:inline-block;font-size:10px;white-space:nowrap;border-radius:4px;padding:4px 6px;font-weight:600}.payroll-annual .pa-badge.recorded{background:#dff5ec;color:#107970}.payroll-annual .pa-badge.pending{background:#fff1d9;color:#a76809}.payroll-annual .pa-badge.unknown{background:#eef1f5;color:#71819d}.payroll-annual tfoot{position:sticky;bottom:0;background:#f0f8fb;z-index:1;font-weight:700}.payroll-annual tfoot td{white-space:normal;font-size:11px}.payroll-annual .pa-footer{padding:17px 14px;color:#7388a4;font-size:11px}.payroll-annual .pa-aside{padding:15px}.payroll-annual .pa-company{color:#6b80a0;margin:4px 0 9px}.payroll-annual .pa-amount{font-size:40px;line-height:1.2;font-weight:750;color:var(--pa-teal);letter-spacing:1px;margin-bottom:10px}.payroll-annual .pa-amount small{font-size:14px;letter-spacing:0}.payroll-annual .pa-summary{margin:0;border:1px solid var(--pa-line);border-radius:4px}.payroll-annual .pa-summary>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 9px;border-bottom:1px solid var(--pa-line)}.payroll-annual .pa-summary>div:last-child{border:0;background:#f4f9fb;font-weight:700}.payroll-annual dt{color:#465e88}.payroll-annual dd{margin:0;text-align:right}.payroll-annual .pa-note{font-size:11px;color:#6c83a6;margin:8px 0}.payroll-annual .pa-aside section{margin-top:13px;border-top:1px solid var(--pa-line);padding-top:10px}.payroll-annual .pa-aside h3{margin-bottom:8px}.payroll-annual .pa-warning{background:#fff6e6;border:1px solid #ffe2a6;color:#966219;border-radius:4px;padding:7px 9px;font-size:11px;margin:8px 0}.payroll-annual .pa-opening{font-size:11px;color:#6b80a0;margin-top:10px}.payroll-annual summary{cursor:pointer}.payroll-annual .pa-opening p{margin-top:6px}.payroll-annual .pa-expanded>td{padding:0}.payroll-annual .pa-records{padding:12px;background:#f6faf9}.payroll-annual .pa-records h3{font-size:13px;margin-bottom:8px}.payroll-annual .pa-record-scroll{overflow:auto;max-height:330px}.payroll-annual .pa-record-scroll table{min-width:1250px}.payroll-annual .pa-record-scroll th:first-child{width:170px}.payroll-annual .pa-record-scroll th:last-child{width:125px}.payroll-annual .pa-record-scroll small{display:block;font-size:10px;font-weight:400;color:#7488a1;margin-top:4px}.payroll-annual .pa-record-scroll th,.payroll-annual .pa-record-scroll td{padding:7px 8px}.payroll-annual .pa-error:empty{display:none}.payroll-annual .pa-error{background:#fff1ec;color:#a33823;padding:10px;margin-bottom:12px}.payroll-annual .pa-empty{text-align:center;padding:35px}.payroll-annual[aria-busy=true] .pa-layout{opacity:.5;pointer-events:none}#content:has(.payroll-annual){max-width:none;padding:12px 4px}
@media(max-width:1100px){.payroll-annual .pa-layout{grid-template-columns:minmax(0,1fr)}.payroll-annual .pa-aside{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.payroll-annual .pa-aside h2,.payroll-annual .pa-company,.payroll-annual .pa-amount{grid-column:1/-1}.payroll-annual .pa-table-wrap{max-height:600px}.payroll-annual .pa-filters{flex-wrap:wrap}.payroll-annual .pa-filters small{margin-left:0}.payroll-annual .pa-totals{justify-content:start;gap:16px}}
@media(max-width:680px){.payroll-annual{padding:10px}.payroll-annual .pa-heading{gap:10px;flex-wrap:wrap}.payroll-annual h1{font-size:21px}.payroll-annual .pa-heading>strong{font-size:13px;padding:5px}.payroll-annual .pa-readonly{margin-left:0}.payroll-annual .pa-filters{gap:8px}.payroll-annual .pa-filters label{width:calc(50% - 4px)}.payroll-annual .pa-filters select{width:100%;max-width:none}.payroll-annual .pa-title{display:block}.payroll-annual .pa-title p{margin-top:5px}.payroll-annual h2{font-size:19px}.payroll-annual .pa-month-table{min-width:780px}.payroll-annual .pa-table-wrap{max-height:500px}.payroll-annual .pa-aside{display:block}.payroll-annual .pa-amount{font-size:34px}.payroll-annual .pa-totals{font-size:11px;gap:8px 15px}.payroll-annual .pa-totals>strong{width:100%}.payroll-annual .pa-footer{font-size:10px;padding:12px}.payroll-annual .pa-record-scroll{max-height:300px}}

.payroll-annual thead th:first-child{position:sticky;background:#f3f7fb}

.payroll-annual .pa-unassigned{margin-top:12px;padding:10px 14px}.payroll-annual .pa-unassigned[hidden]{display:none}.payroll-annual .pa-unassigned summary{font-weight:650;color:#986010}.payroll-annual .pa-unassigned summary small{font-weight:400;margin-left:10px}.payroll-annual .pa-pending-pages{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:8px}.payroll-annual .pa-pending-pages button:disabled{opacity:.45;cursor:default}.payroll-annual .pa-record-scroll .pa-pending-table{min-width:740px}.payroll-annual .pa-pending-table th:nth-child(2){width:260px}

/* Scope shared definition-list/input defaults and keep totals above app navigation. */
.payroll-annual .pa-summary{display:block}.payroll-annual .pa-summary dt{flex:1}.payroll-annual .pa-summary dd{white-space:nowrap;flex:none}.payroll-annual input:not([type=checkbox]),.payroll-annual select{min-height:34px;height:34px;padding:6px 10px}.payroll-annual .pa-table-wrap{max-height:calc(100dvh - 490px);min-height:0}.payroll-annual .pa-title{padding:10px 14px 6px}.payroll-annual .pa-basis{padding-bottom:8px}
@media(min-width:1101px){.payroll-annual .pa-filters label{display:flex;align-items:center;gap:8px}.payroll-annual .pa-filters{align-items:center}.payroll-annual .pa-heading{margin-bottom:12px}}
@media(min-width:1101px) and (max-height:800px){.payroll-annual{padding:6px 14px 20px}.payroll-annual .pa-heading{gap:22px;margin-bottom:6px}.payroll-annual h1{font-size:21px}.payroll-annual .pa-heading>strong{padding:5px 8px;font-size:14px}.payroll-annual .pa-filters{padding:7px 10px;gap:10px;margin-bottom:7px}.payroll-annual .pa-totals{padding:9px 11px;margin-bottom:7px;gap:9px;font-size:11px}.payroll-annual .pa-title{padding:8px 10px 4px;gap:12px}.payroll-annual h2{font-size:18px}.payroll-annual .pa-basis{padding:0 10px 6px;font-size:10px}.payroll-annual .pa-table-wrap{max-height:calc(100dvh - 405px)}.payroll-annual .pa-month-table th,.payroll-annual .pa-month-table td{padding:7px 6px}.payroll-annual .pa-footer{padding:10px;font-size:10px}.payroll-annual .pa-aside{padding:10px}.payroll-annual .pa-amount{font-size:32px}.payroll-annual .pa-summary>div{padding:4px 7px}.payroll-annual .pa-note{font-size:10px;margin:6px 0}.payroll-annual .pa-aside section{margin-top:9px;padding-top:7px}.payroll-annual h3{font-size:15px}}
@media(max-width:1100px){.payroll-annual .pa-table-wrap{max-height:600px;min-height:240px}}
@media(max-width:680px){.payroll-annual .pa-table-wrap{max-height:500px;min-height:240px}.payroll-annual .pa-summary{display:block}}

.payroll-annual .pa-month-table{font-size:12px}.payroll-annual .pa-month-table .pa-month>th,.payroll-annual .pa-month-table .pa-month>td{padding:7px 8px}.payroll-annual .pa-month-table .pa-badge{font-size:11px}.payroll-annual .pa-summary{font-size:13px}.payroll-annual .pa-totals{font-size:13px}@media(min-width:1101px) and (max-height:800px){.payroll-annual .pa-month-table{font-size:11px}.payroll-annual .pa-month-table .pa-month>th,.payroll-annual .pa-month-table .pa-month>td{padding:6px}.payroll-annual .pa-month-table .pa-badge{font-size:10px}.payroll-annual .pa-summary{font-size:12px}.payroll-annual .pa-totals{font-size:11px}}

.payroll-annual .pa-export-actions{display:flex;gap:8px;flex-wrap:wrap}.payroll-annual .pa-export-actions button:disabled{opacity:.55;cursor:default}.payroll-annual .pa-export-issues{padding-left:18px;margin:7px 0;color:#966219;font-size:11px}.payroll-annual .pa-accountant{min-width:0;overflow-wrap:anywhere}

.payroll-annual .pa-remittance{min-width:0;overflow-wrap:anywhere}.payroll-annual .pa-remittance .pa-summary dd{white-space:normal;max-width:65%;overflow-wrap:anywhere}.payroll-annual .pa-remittance button:disabled{opacity:.55;cursor:default}

.payroll-annual .pa-remittance-revoke{display:flex;flex-wrap:wrap;align-items:end;gap:7px;margin-top:10px}.payroll-annual .pa-remittance-revoke label{flex:1;min-width:120px}.payroll-annual .pa-remittance-revoke input{width:100%;max-width:none}.payroll-annual .pa-remittance-revoke small{flex-basis:100%;color:#6c83a6}

.payroll-annual .pa-workflow{min-width:0;overflow-wrap:anywhere}.payroll-annual .pa-workflow form{display:grid;gap:7px;margin:10px 0;padding:9px;border:1px solid var(--pa-line);border-radius:4px}.payroll-annual .pa-workflow input:not([type=checkbox]),.payroll-annual .pa-workflow select{width:100%;max-width:none;min-width:0}.payroll-annual .pa-workflow .pa-check{display:flex;align-items:start;gap:7px}.payroll-annual .pa-workflow input[type=checkbox]{width:17px;height:17px;min-height:17px;flex:none;margin:2px 0}.payroll-annual .pa-workflow .pa-summary dd{white-space:normal;max-width:65%;overflow-wrap:anywhere}.payroll-annual .pa-workflow dd small{display:block;font-size:10px;font-weight:400}.payroll-annual .pa-workflow button{white-space:normal}.payroll-annual .pa-workflow button:disabled{opacity:.55;cursor:default}.payroll-annual .pa-workflow-status{color:var(--pa-teal);font-weight:650;margin:7px 0}.payroll-annual [data-workflow-task-summary]{margin:9px 0;padding:7px;background:#f0f8f5}

.payroll-annual td[data-remittance-month-payment] .pa-badge,.payroll-annual td[data-remittance-month-bank] .pa-badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}.payroll-annual .pa-month-bank-amount{display:block;font-size:10px;overflow-wrap:anywhere}


/* Keep the three status columns on one consistent line. */
.payroll-annual .pa-month-table{min-width:1000px}
.payroll-annual .pa-month-table th:nth-child(6),.payroll-annual .pa-month-table th:nth-child(7),.payroll-annual .pa-month-table th:nth-child(8){width:140px}
.payroll-annual .pa-month-table .pa-badge,.payroll-annual td[data-remittance-month-payment] .pa-badge,.payroll-annual td[data-remittance-month-bank] .pa-badge{white-space:nowrap;overflow-wrap:normal;box-sizing:border-box;line-height:20px;min-height:28px;padding:4px 6px;max-width:none}