:root { --ink:#15363b; --muted:#708186; --line:#dce6e7; --surface:#fff; --primary:#148f83; --primary-dark:#08766c; --navy:#102d32; }
.requisition-details{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 22px}.requisition-details div{display:flex;flex-direction:column;gap:5px}.requisition-details span{color:var(--muted);font-size:.8rem}@media(max-width:700px){.requisition-details{grid-template-columns:1fr}}
.journal-layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,2fr);gap:20px}.journal-header{padding:20px}.journal-header.form-grid{margin:0}.editor-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px}.journal-workflow{display:flex;gap:10px;flex-wrap:wrap;padding:12px 22px;color:var(--muted);font-size:.8rem}.journal-workflow span{padding:6px 10px;background:#f4f7f8;border-radius:20px}.journal-attachments,.audit-list{padding:20px 22px;border-top:1px solid var(--line)}.journal-attachments{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.audit-list>div{display:grid;grid-template-columns:1fr auto;gap:2px 20px;padding:9px 0;border-bottom:1px solid var(--line)}.audit-list small{grid-column:1/-1;color:var(--muted)}@media(max-width:900px){.journal-layout{grid-template-columns:1fr}}
html, body { margin: 0; font-family: Inter, Aptos, "Segoe UI", sans-serif; color: var(--ink); background: #f4f7f8; }
* { box-sizing: border-box; }
a { color: var(--primary-dark); }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 6px; font-size: clamp(1.75rem, 2.5vw, 2.25rem); letter-spacing: -.035em; font-weight: 750; }
h1:focus { outline: none; }
.page-heading { margin-bottom: 28px; display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.page-heading.compact { margin-bottom: 22px; }
.page-heading p, .panel-heading p, .section-heading p { margin: 0; color: var(--muted); }
.eyebrow { display: block; margin-bottom: 7px; color: var(--primary-dark); font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.back-link { display: inline-block; margin-bottom: 12px; color: #61777b; font-size: .84rem; font-weight: 700; text-decoration: none; }
.button { min-height: 42px; padding: 10px 17px; border: 1px solid transparent; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; font-size: .86rem; font-weight: 750; text-decoration: none; cursor: pointer; }
.button.primary { color: white; background: var(--primary); box-shadow: 0 5px 14px rgba(20,143,131,.18); }
.button.primary:hover { color: white; background: var(--primary-dark); }
.button:disabled { opacity: .5; cursor: not-allowed; box-shadow: none; }
.button.secondary { color: var(--ink); background: white; border-color: var(--line); }
.button.wide { width: 100%; margin-top: 10px; }
.panel { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 4px 15px rgba(16,45,50,.035); }
.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; margin-bottom: 20px; }
.metric-card { min-height: 126px; padding: 22px; display: flex; align-items: flex-start; gap: 15px; background: white; border: 1px solid var(--line); border-radius: 15px; }
.metric-card small, .metric-card span { display: block; color: var(--muted); font-size: .75rem; }
.metric-card strong { display: block; margin: 5px 0 7px; font-size: 1.4rem; letter-spacing: -.025em; }
.metric-card .trend { color: #148567; }
.metric-icon { width: 38px; height: 38px; flex: 0 0 38px; display: grid !important; place-items: center; border-radius: 11px; font-weight: 800; font-size: 1rem !important; }
.metric-icon.teal { background:#dcf5f0; color:#0a8478; }.metric-icon.amber {background:#fff2d7;color:#a76d0b}.metric-icon.blue{background:#e7f0fa;color:#3c6f9f}.metric-icon.rose{background:#fae9e8;color:#ad5550}
.dashboard-grid { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(300px,.8fr); gap: 20px; }
.panel-heading { padding: 22px 24px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #edf1f2; }
.panel-heading h2, .section-heading h2 { margin-bottom: 4px; font-size: 1rem; }
.panel-heading p, .section-heading p { font-size: .78rem; }
.text-button { border: 0; background: none; color: var(--primary-dark); font-weight: 750; font-size: .78rem; }
.empty-state { min-height: 300px; padding: 45px 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: var(--muted); }
.empty-state > span { width: 48px; height: 48px; margin-bottom: 14px; display: grid; place-items: center; border-radius: 15px; color: var(--primary); background: #e8f6f3; font-size: 1.3rem; }
.empty-state h3 { margin-bottom: 6px; color: var(--ink); font-size: 1rem; }.empty-state p{max-width:410px;font-size:.84rem}.empty-state a{font-size:.82rem;font-weight:750;text-decoration:none}
.quick-panel > a { padding: 17px 20px; display: flex; align-items: center; gap: 13px; border-bottom: 1px solid #edf1f2; color: var(--ink); text-decoration: none; }
.quick-panel > a > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: #e9f6f4; color: var(--primary); font-weight: 800; }.quick-panel a strong,.quick-panel a small{display:block}.quick-panel a strong{font-size:.84rem}.quick-panel a small{margin-top:2px;color:var(--muted);font-size:.7rem}.quick-panel a b{margin-left:auto;color:#91a2a5}.quick-panel a.disabled{opacity:.58;pointer-events:none}
.data-panel { overflow: hidden; }.table-toolbar{padding:18px 20px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.table-search{height:40px;min-width:290px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:10px}.table-search input{width:100%;border:0;outline:0;font-size:.8rem}.filter-pills{display:flex;gap:4px;padding:3px;background:#f0f4f4;border-radius:9px}.filter-pills button{padding:6px 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:.72rem}.filter-pills button.active{background:white;color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}.record-count{margin-left:auto;color:var(--muted);font-size:.74rem}
.caregest-table{width:100%;border-collapse:collapse}.caregest-table th{padding:11px 18px;background:#f7f9f9;color:#738488;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;text-align:left}.caregest-table td{padding:15px 18px;border-top:1px solid #edf1f2;font-size:.8rem;vertical-align:middle}.caregest-table td small{color:var(--muted)}.customer-cell{display:flex;align-items:center;gap:11px}.customer-cell>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e2f2ef;color:#167b71;font-size:.7rem;font-weight:800}.customer-cell strong,.customer-cell small{display:block}.row-action{font-weight:750;text-decoration:none}.status{display:inline-block;padding:4px 8px;border-radius:20px;font-size:.66rem;font-weight:750}.status.active{background:#e1f5ec;color:#287b58}.status.onhold{background:#fff2d7;color:#9c670b}.status.inactive{background:#edf0f1;color:#647579}
.notice{margin-bottom:20px;padding:14px 17px;display:flex;flex-direction:column;border-radius:11px;font-size:.8rem}.notice.warning{background:#fff6df;border:1px solid #f1d898;color:#735616}.notice span{margin-top:3px}
.notice.success{background:#e3f5ed;border:1px solid #b8e4d1;color:#247756}.muted-copy{color:var(--muted);font-size:.78rem;line-height:1.6}.identity-shell{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:30px}.identity-card{width:min(460px,100%);padding:34px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 15px 40px rgba(16,45,50,.08)}.identity-card>p{color:var(--muted);font-size:.84rem}.identity-card .field{margin-top:15px}
.authenticator-setup{margin:18px 0 22px;display:flex;align-items:center;gap:24px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#f8fafa}.qr-card{flex:0 0 210px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:12px;background:white;box-shadow:0 4px 14px rgba(16,45,50,.08)}.qr-card img{width:180px;height:180px;image-rendering:pixelated}.qr-card small{color:var(--muted);font-size:.68rem}.manual-key{min-width:0}.manual-key p{margin:6px 0 12px;color:var(--muted);font-size:.8rem}.manual-key kbd{display:block;padding:10px 12px;overflow-wrap:anywhere;background:#102d32;color:white;font-size:.88rem;letter-spacing:.08em}
.notice a{margin-top:7px;font-weight:750}.checkbox-field{flex-direction:row;align-items:center;align-self:end;padding-bottom:10px}.checkbox-field input{width:17px;height:17px}.save-success{margin:12px 0 4px;padding:9px 11px;border-radius:8px;background:#e3f5ed;color:#247756;font-size:.75rem;font-weight:750}
.company-sections{min-width:0}.branding-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px}.logo-uploader{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.logo-uploader img,.logo-placeholder{width:170px;height:100px;object-fit:contain;padding:10px;border:1px dashed #bdcdcf;border-radius:11px;background:#f8fafa}.logo-placeholder{display:grid;place-items:center;color:#8ca0a3;font-weight:800}.logo-uploader input[type=file]{display:none}.logo-uploader small{color:var(--muted);font-size:.67rem}
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.form-section{padding:25px;margin-bottom:18px}.section-heading{display:flex;gap:13px;margin-bottom:22px}.section-heading>span{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;background:#e4f4f1;color:var(--primary-dark);font-size:.74rem;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:7px;color:#40585c;font-size:.75rem;font-weight:700}.field.span-2{grid-column:span 2}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #ccd9db;border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-weight:400}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:#36a99c;box-shadow:0 0 0 3px rgba(54,169,156,.12)}.validation-message,.validation-errors{color:#b84843;font-size:.7rem}.editor-aside{position:sticky;top:96px}.save-card{padding:22px}.save-card h3{margin-bottom:7px;font-size:.95rem}.save-card p{color:var(--muted);font-size:.76rem}
.valid.modified:not([type=checkbox]){outline:1px solid #28a174}.invalid{outline:1px solid #c94d47!important}.blazor-error-boundary{padding:1rem;background:#a33;color:white}#blazor-error-ui{display:none}
.catalogue-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.side-editor{padding:22px;position:sticky;top:96px}.side-editor-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.side-editor-heading h2{margin-bottom:4px;font-size:1rem}.side-editor-heading p{margin:0;color:var(--muted);font-size:.73rem}.side-editor-heading>button{width:30px;height:30px;border:0;border-radius:8px;background:#edf2f2;color:#61777b}.side-editor .field{margin-bottom:14px}.side-editor hr{border-color:var(--line)}.tax-list{display:flex;flex-direction:column}.tax-list button{padding:10px 0;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #edf1f2;background:none;text-align:left;color:var(--ink)}.tax-list span strong,.tax-list span small{display:block}.tax-list small{color:var(--muted);font-size:.67rem}.tax-list b{font-size:.78rem;color:var(--primary-dark)}.row-button{border:0;background:none;color:var(--primary-dark);font-size:.75rem;font-weight:750}
.quote-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.quote-header{padding:24px;margin-bottom:18px}.quote-header-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.line-editor{overflow:hidden}.quote-lines{overflow-x:auto}.quote-line{min-width:860px;padding:11px 18px;display:grid;grid-template-columns:minmax(250px,2.5fr) .55fr .85fr .7fr .6fr .9fr 28px;gap:9px;align-items:center;border-top:1px solid #edf1f2}.quote-line-head{padding-top:9px;padding-bottom:9px;background:#f7f9f9;color:#738488;font-size:.63rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.quote-line input,.quote-line select{width:100%;padding:8px;border:1px solid #d4dfe0;border-radius:7px;background:white;color:var(--ink);font-size:.72rem}.quote-line>div input{margin-top:5px}.quote-line strong{text-align:right;font-size:.75rem}.remove-line{width:27px;height:27px;border:0;border-radius:7px;background:#faeceb;color:#a44d48}.quote-aside{position:sticky;top:96px}.totals-card{padding:22px}.totals-card h3{margin-bottom:18px;font-size:.95rem}.totals-card>div:not(.validation-message){padding:7px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:.76rem}.totals-card div strong{color:var(--ink)}.totals-card .grand-total{margin-top:9px;padding-top:15px!important;border-top:1px solid var(--line);font-size:.9rem!important}.totals-card .grand-total strong{font-size:1.12rem}.status.sent{background:#e5effb;color:#3d6f9f}.status.accepted{background:#e1f5ec;color:#287b58}.status.rejected{background:#fae9e8;color:#ad5550}.status.expired,.status.converted{background:#edf0f1;color:#647579}.status.draft{background:#fff2d7;color:#9c670b}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.editor-layout{grid-template-columns:1fr}.editor-aside{position:static}}
@media(max-width:1100px){.catalogue-grid,.quote-layout{grid-template-columns:1fr}.side-editor,.quote-aside{position:static}.quote-header-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1350px){.branding-grid{grid-template-columns:1fr}.logo-uploader{margin-bottom:8px}}
@media(max-width:700px){.page-heading{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr}.form-grid,.quote-header-grid{grid-template-columns:1fr}.field.span-2{grid-column:auto}.branding-grid{grid-template-columns:1fr}.table-toolbar{flex-wrap:wrap}.table-search{min-width:100%}.record-count{margin-left:0}.filter-pills{order:3}.caregest-table th:nth-child(3),.caregest-table td:nth-child(3),.caregest-table th:nth-child(4),.caregest-table td:nth-child(4){display:none}}
@media(max-width:600px){.authenticator-setup{align-items:stretch;flex-direction:column}.qr-card{align-self:center}}
.quote-status-bar{margin-bottom:18px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-left:4px solid var(--primary)}.quote-status-bar>div{display:flex;flex-direction:column}.quote-status-bar strong{font-size:1rem}.quote-status-bar small{margin-top:5px;color:var(--muted);font-size:.74rem}.quote-status-bar .field{min-width:220px}
@media(max-width:700px){.quote-status-bar{align-items:stretch;flex-direction:column}.quote-status-bar .field{min-width:0}}
.statement-filter{margin-bottom:20px;padding:20px;display:grid;grid-template-columns:minmax(260px,2fr) 1fr 1fr auto;gap:16px;align-items:end}.ageing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.ageing-grid article{padding:17px}.ageing-grid small,.ageing-grid strong{display:block}.ageing-grid small{color:var(--muted);font-size:.7rem}.ageing-grid strong{margin-top:6px;font-size:.95rem}@media(max-width:900px){.statement-filter{grid-template-columns:1fr 1fr}.ageing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.statement-filter,.ageing-grid{grid-template-columns:1fr}}
.document-actions{display:flex;gap:9px;flex-wrap:wrap}.invoice-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.invoice-detail-grid aside{position:sticky;top:96px}.payment-history{margin-top:18px}.empty-state.small{min-height:150px}.balance-due{margin-top:8px;padding-top:14px!important;border-top:1px solid var(--line);color:var(--primary-dark)!important}.balance-due strong{color:var(--primary-dark)!important;font-size:1rem}.payment-card{margin-top:18px;padding:22px}.payment-card h3{font-size:.95rem}.payment-card .field{margin-top:13px}.status.issued{background:#e5effb;color:#3d6f9f}.status.partiallypaid{background:#fff2d7;color:#9c670b}.status.paid{background:#e1f5ec;color:#287b58}.status.overdue,.status.cancelled{background:#fae9e8;color:#ad5550}
@media(max-width:1100px){.invoice-detail-grid{grid-template-columns:1fr}.invoice-detail-grid aside{position:static}}
.credit-total{padding:22px;display:flex;justify-content:flex-end;align-items:center;gap:22px;border-top:1px solid var(--line)}.credit-total strong{font-size:1.15rem;color:var(--primary-dark)}
.account-tree{display:flex;align-items:flex-start;gap:9px}.account-tree.child{padding-left:24px}.account-tree>span{color:var(--primary);font-weight:800}.account-tree strong,.account-tree small{display:block}.account-tree small{margin-top:3px;color:var(--muted);font-size:.66rem}.settled-card{background:#f7faf9}.settled-card p{margin:0;color:var(--muted);font-size:.75rem}
.report-filter{margin-bottom:20px;padding:20px;display:flex;flex-wrap:wrap;gap:15px;align-items:end}.report-filter .field{min-width:165px;flex:1}.report-filter .field:first-child{min-width:210px}.report-summary{padding:18px 22px;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px 22px;border-bottom:1px solid var(--line)}.report-summary span{color:var(--muted)}.report-actions{display:flex;gap:10px;flex-wrap:wrap}.table-scroll{overflow-x:auto}.caregest-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.empty-cell{text-align:center;color:var(--muted);padding:32px!important}.total-row{font-weight:700}@media(max-width:900px){.report-filter .field{min-width:calc(50% - 10px)}}@media print{.nav-scrollable,.brand-row,.page-heading .button,.report-actions,.report-filter{display:none!important}.panel{box-shadow:none}.accounting-report{border:0}.table-scroll{overflow:visible}}
.accounting-period{padding:16px 20px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;border-bottom:1px solid var(--line)}.accounting-period strong,.accounting-period small{display:block}.accounting-period small{color:var(--muted);font-size:.7rem}.accounting-period .status{grid-column:2;grid-row:1/span 2;align-self:center}
.period-button{width:100%;border-top:0;border-left:0;border-right:0;background:white;text-align:left;color:var(--ink);cursor:pointer}.accounting-editor{max-width:760px;margin:20px 0 0 auto;padding:24px}.accounting-editor .button.primary{margin-top:20px}.form-subsection{margin-top:28px;padding-top:25px;border-top:1px solid var(--line)}
.module-launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.module-launch-card{min-height:160px;padding:24px;display:grid;grid-template-columns:44px 1fr auto;gap:17px;align-items:start;background:white;border:1px solid var(--line);border-radius:16px;color:var(--ink);text-decoration:none;transition:.18s ease}.module-launch-card:hover{transform:translateY(-2px);border-color:#a9cfca;box-shadow:0 10px 24px rgba(16,45,50,.07)}.module-launch-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e4f4f1;color:var(--primary-dark);font-size:.72rem;font-weight:800}.module-launch-card h2{margin:2px 0 7px;font-size:1rem}.module-launch-card p{margin:0;max-width:470px;color:var(--muted);font-size:.78rem;line-height:1.55}.module-launch-card b{align-self:end;color:var(--primary-dark);font-size:.76rem}.profile-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}.profile-nav{position:sticky;top:96px;overflow:hidden}.profile-nav button{width:100%;padding:16px 18px;display:flex;gap:12px;align-items:center;border:0;border-bottom:1px solid #edf1f2;background:white;text-align:left;color:var(--ink);cursor:pointer}.profile-nav button.active{background:#eaf6f4;box-shadow:inset 3px 0 var(--primary)}.profile-nav button:disabled{opacity:.42;cursor:not-allowed}.profile-nav button>span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#f0f4f4;color:var(--primary-dark);font-size:.64rem;font-weight:800}.profile-nav strong,.profile-nav small{display:block}.profile-nav strong{font-size:.78rem}.profile-nav small{margin-top:2px;color:var(--muted);font-size:.64rem}.lifecycle-card{margin-top:16px;padding:20px 23px;display:flex;gap:20px;align-items:center;justify-content:space-between}.lifecycle-card h3{margin-bottom:4px;font-size:.9rem}.lifecycle-card p{margin:0;color:var(--muted);font-size:.74rem}.lifecycle-card .field{min-width:240px}.danger-zone{border-color:#efd2cf}.document-upload-row{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}.document-list{margin-top:22px;border-top:1px solid var(--line)}.document-list>a{padding:14px 4px;display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #edf1f2;text-decoration:none}.document-list strong,.document-list small{display:block}.document-list small,.document-list>a>span{margin-top:3px;color:var(--muted);font-size:.68rem}.organisation-position{margin-top:18px}.metric-button{width:100%;color:var(--ink);text-align:left;cursor:pointer}.leave-request-panel{margin-bottom:20px}.leave-request-panel>.form-grid{padding:22px}.leave-view-tabs{margin:24px 0 14px;display:flex;gap:5px;overflow-x:auto;padding:4px;background:#e9eeee;border-radius:11px;width:max-content;max-width:100%}.leave-view-tabs button{white-space:nowrap;padding:9px 14px;border:0;border-radius:8px;background:transparent;color:#61777b;font-size:.75rem;font-weight:700}.leave-view-tabs button.active{background:white;color:var(--ink);box-shadow:0 2px 6px rgba(16,45,50,.1)}.leave-view-tabs span{margin-left:5px;padding:2px 6px;border-radius:10px;background:#fff2d7;color:#9c670b}
@media(max-width:900px){.module-launch-grid{grid-template-columns:1fr}.profile-shell{grid-template-columns:1fr}.profile-nav{position:static;display:flex;overflow-x:auto}.profile-nav button{min-width:175px;border-bottom:0;border-right:1px solid #edf1f2}.document-upload-row{grid-template-columns:1fr 1fr}.document-upload-row .button{grid-column:1/-1}.lifecycle-card{align-items:stretch;flex-direction:column}}
@media(max-width:600px){.module-launch-card{grid-template-columns:40px 1fr}.module-launch-card>b{grid-column:2}.document-upload-row{grid-template-columns:1fr}}
.accounting-shortcuts{display:flex;justify-content:flex-end;margin-bottom:-48px;position:relative;z-index:2}.bank-reconciliation-grid{grid-template-columns:minmax(250px,.7fr) minmax(0,2fr)}.reconciliation-toolbar{display:flex;gap:10px;flex-wrap:wrap;padding:18px 22px}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.import-hint{padding:0 22px 15px;color:var(--muted);font-size:.85rem}.inline-match{display:flex;gap:8px;min-width:330px}.inline-match select{min-width:250px}.subheading{border-top:1px solid var(--line);margin-top:20px}.reconciliation-summary .positive{color:var(--success)}.reconciliation-summary .negative{color:var(--danger)}@media(max-width:900px){.accounting-shortcuts{margin-bottom:10px;justify-content:flex-start}.bank-reconciliation-grid{grid-template-columns:1fr}}@media print{.bank-reconciliation-grid{display:block}.bank-reconciliation-grid>aside,.reconciliation-toolbar,.import-hint,.inline-match .row-button{display:none!important}}