#pageContent:has(#reconContent){overflow-y:scroll;min-height:0;scrollbar-gutter:stable;overscroll-behavior-y:contain}
#pageContent:has(#reconContent),.bank-match-options{scrollbar-width:auto;scrollbar-color:#657b96 #e5ebf2}
#pageContent:has(#reconContent)::-webkit-scrollbar,.bank-match-options::-webkit-scrollbar{width:14px;height:14px}
#pageContent:has(#reconContent)::-webkit-scrollbar-track,.bank-match-options::-webkit-scrollbar-track{background:#e5ebf2;border-radius:7px}
#pageContent:has(#reconContent)::-webkit-scrollbar-thumb,.bank-match-options::-webkit-scrollbar-thumb{background:#657b96;border:3px solid #e5ebf2;border-radius:7px;min-height:40px}
#pageContent:has(#reconContent)::-webkit-scrollbar-thumb:hover,.bank-match-options::-webkit-scrollbar-thumb:hover{background:#34557e}
#reconContent:focus-visible{outline:2px solid var(--accent,#2563eb);outline-offset:3px}
.bank-workbench-labels,.bank-workbench-row{display:grid;grid-template-columns:minmax(210px,.85fr) 124px minmax(320px,1.4fr);gap:16px}
.bank-workbench-labels{padding:18px 0 10px;font-size:12px;font-weight:700;color:var(--text-3)}
.bank-workbench-row{align-items:start;padding:20px 0;border-bottom:1px solid var(--border)}
.bank-statement-card,.bank-match-card{margin:0;border:1px solid var(--border);border-radius:10px;background:var(--surface,#fff);min-width:0}
.bank-statement-card{display:flex;align-items:flex-start;gap:12px;padding:16px!important}
.bank-statement-card>input{margin-top:5px;flex-shrink:0}
.bank-statement-select{display:flex;flex:1;min-width:0;flex-direction:column;gap:10px;background:none;border:0;text-align:left;font:inherit;color:var(--text-1);cursor:pointer;overflow-wrap:anywhere}
.bank-statement-value{font-family:var(--mono);font-weight:700}.bank-statement-value.spent{color:var(--red)}.bank-statement-value.received{color:var(--green)}
.bank-match-card{padding:16px;min-height:135px}.bank-reconcile-action{align-self:center;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:11px;color:var(--text-3)}
.bank-reconcile-action button{width:100%;justify-content:center}.bank-reconcile-action small{overflow-wrap:anywhere}
.bank-match-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px}.bank-match-tabs button{font:inherit;font-size:12px;background:none;border:0;cursor:pointer;padding:8px}
.bank-match-tabs button.active{color:var(--accent);border-bottom:2px solid var(--accent)}
.bank-workbench-help,.bank-workbench-placeholder{color:var(--text-3);font-size:12px;line-height:1.6}
.bank-match-options{max-height:360px;overflow:auto;margin-top:12px}.bank-match-option{display:flex;flex-direction:column;gap:7px;width:100%;padding:12px;margin:7px 0;border:1px solid var(--border);border-radius:8px;background:transparent;text-align:left;font:inherit;font-size:12px;color:var(--text-1);overflow-wrap:anywhere}
.bank-match-option[hidden]{display:none}.bank-match-option.selected{border-color:var(--accent);background:rgba(43,127,224,.06)}
.bank-match-option label{display:flex;align-items:center;gap:10px}.bank-match-option span{color:var(--text-3)}
.bank-allocation-label{justify-content:space-between}.bank-allocation-label input{max-width:145px}.bank-allocation-totals{padding:12px 0;font-size:12px;font-weight:700}
.bank-match-card .form-label{display:block;margin:10px 0 6px}.bank-match-card .form-input{background:var(--surface,#fff);width:100%}
.bank-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;color:var(--text-3);font-size:12px}
.bank-pagination label,.bank-page-buttons{display:flex;align-items:center;gap:8px}
.bank-pagination .form-input{width:auto;min-width:72px;padding:7px 10px;background:var(--surface,#fff)}
.bank-page-buttons .btn:disabled{opacity:.45;cursor:default}
@media(max-width:600px){.bank-pagination{align-items:flex-start}.bank-page-summary{width:100%}.bank-page-buttons{flex-wrap:wrap}}
@media(max-width:1000px){.bank-workbench-row,.bank-workbench-labels{grid-template-columns:minmax(175px,.8fr) 104px minmax(240px,1.2fr);gap:10px}}
@media(max-width:760px){.bank-workbench-labels{display:none}.bank-workbench-row{grid-template-columns:1fr;gap:10px}.bank-statement-card{grid-row:1}.bank-match-card{grid-row:2}.bank-reconcile-action{grid-row:3;align-self:stretch;align-items:stretch}.bank-reconcile-action button{min-height:44px}.bank-match-options{max-height:300px}}