*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f3f6fb;color:#172033}.layout{display:flex;min-height:100vh}aside{width:255px;background:#101828;padding:24px 16px;color:#fff;position:fixed;inset:0 auto 0 0;overflow:auto}aside h2{margin:0 8px 22px;font-size:21px}aside h2 span{font-size:12px;background:#2563eb;padding:3px 7px;border-radius:20px}aside a{display:block;color:#cbd5e1;text-decoration:none;padding:11px 12px;border-radius:9px;margin:3px 0}aside a:hover{background:#1f2937;color:#fff}main{margin-left:255px;padding:24px;width:calc(100% - 255px)}h1{margin:6px 0 18px}.top{text-align:right;color:#667085;margin-bottom:12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:16px 0}.card,.panel{background:white;padding:18px;border-radius:14px;box-shadow:0 4px 16px rgba(16,24,40,.06);border:1px solid #eef2f6}.card small{color:#667085}.card b{display:block;font-size:25px;margin-top:7px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:11px}.full{grid-column:1/-1}input,select,button,textarea{padding:11px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;font:inherit;width:100%}button{background:#101828;color:#fff;border:0;cursor:pointer;font-weight:600}button:hover{opacity:.9}.danger{background:#b42318}.success{background:#067647}.warning{background:#b54708}.muted{color:#667085}.flash{background:#ecfdf3;border:1px solid #abefc6;padding:12px;border-radius:9px;margin-bottom:12px}.flash.error{background:#fef3f2;border-color:#fecdca}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;margin-top:16px;border:1px solid #eaecf0;border-radius:12px;overflow:hidden}th,td{padding:11px;border-bottom:1px solid #eaecf0;text-align:left;font-size:14px;vertical-align:middle}th{background:#f9fafb;color:#475467}.amount{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.debit{color:#b42318}.credit{color:#067647}.balance{color:#175cd3}.inline{display:flex;gap:6px;align-items:center}.inline input{min-width:140px}.searchbar{display:flex;gap:8px;margin-bottom:12px}.status{display:inline-block;padding:4px 9px;border-radius:20px;background:#f2f4f7;font-size:12px}.status.pending{background:#fffaeb;color:#b54708}.status.approved,.status.posted{background:#ecfdf3;color:#067647}.login{max-width:420px;margin:10vh auto;background:#fff;padding:30px;border-radius:18px;box-shadow:0 8px 30px rgba(16,24,40,.12)}.login input,.login button{margin:6px 0 14px}.note{padding:10px;background:#f8fafc;border-radius:8px;color:#475467;font-size:13px}.actions{display:flex;gap:5px}.actions form{display:flex;gap:5px}.actions button{width:auto}.attachment{font-weight:600;color:#175cd3;text-decoration:none}@media(max-width:900px){aside{position:static;width:100%}.layout{display:block}main{margin:0;width:100%;padding:14px}aside a{display:inline-block;font-size:13px}.grid{grid-template-columns:1fr}table{display:block;overflow-x:auto}.top{text-align:left}}
.simple-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;align-items:end}.simple-grid label{font-size:12px;font-weight:700;color:#475467}.simple-grid label input,.simple-grid label select{margin-top:5px}.compact-panel{padding:16px}.manual-only,.bank-wrap,.split-wrap{display:none}.edit-btn,.cancel-btn,.print-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:8px;text-decoration:none;font-weight:700;background:#175cd3;color:#fff;white-space:nowrap}.cancel-btn{background:#667085}.print-btn{width:auto;border:0}.statement-head{display:flex;align-items:center;justify-content:space-between}.diff-table{margin:0;border-radius:6px}.diff-table th,.diff-table td{padding:6px;font-size:12px}.warning{background:#fffaeb!important;border-color:#fedf89!important}.actions form input{min-width:110px}@media(max-width:1100px){.simple-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}}@media(max-width:700px){.simple-grid{grid-template-columns:1fr}}@media print{aside,.top,.no-print,.print-btn,.flash{display:none!important}main{margin:0;width:100%;padding:0}body{background:#fff}.card,table{box-shadow:none}.statement-head h1{font-size:22px}}
.statement-page{max-width:1120px;margin:0 auto}.statement-filter{max-width:520px;margin-bottom:14px}.statement-meta{display:flex;justify-content:space-between;gap:20px;background:#fff;border:1px solid #dfe5ee;border-radius:12px;padding:16px 20px;margin:12px 0}.statement-meta small,.statement-meta span{display:block;color:#667085}.statement-meta strong{display:block;font-size:22px;margin:4px 0}.statement-meta .right{text-align:right}.statement-table th,.statement-table td{padding:9px 10px;font-size:13px}.statement-total{display:flex;justify-content:flex-end;gap:25px;border-top:2px solid #172033;padding:12px 8px;margin-top:8px;font-size:18px}.statement-total strong{min-width:180px;text-align:right}.empty{text-align:center;color:#667085;padding:28px!important}.status.missing{background:#fef3f2;color:#b42318}.status.resolved{background:#ecfdf3;color:#067647}
@page{size:A4 landscape;margin:9mm}
@media print{html,body{width:100%;font-size:10px}.statement-page{max-width:none}.statement-head{margin-bottom:5px}.statement-head h1{font-size:18px;margin:0}.statement-head p{margin:2px 0}.statement-meta{padding:8px 10px;margin:6px 0;border-radius:0}.statement-meta strong{font-size:15px}.statement-table{margin-top:6px;border-radius:0;table-layout:fixed}.statement-table th,.statement-table td{font-size:9px;padding:4px 5px;word-wrap:break-word}.statement-total{font-size:12px;padding:6px 4px;page-break-inside:avoid}thead{display:table-header-group}tr{page-break-inside:avoid}a{color:#000;text-decoration:none}}
.statement-filter{max-width:none;display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end;background:#fff;padding:14px;border:1px solid #e4e7ec;border-radius:12px}.statement-filter label{font-size:12px;font-weight:700;color:#475467}.statement-filter label input,.statement-filter label select{margin-top:5px}.opening-row{background:#f8fafc}.statement-table{font-size:14px}.statement-table th,.statement-table td{padding:12px 10px}
@media print{@page{size:A4 landscape;margin:8mm}html,body{font-size:12px}.statement-page{width:100%;max-width:none}.statement-head h1{font-size:24px}.statement-head p{font-size:11px}.statement-meta{padding:10px 12px}.statement-meta strong{font-size:18px}.statement-table th,.statement-table td{font-size:11px;padding:7px 6px}.statement-total{font-size:15px}.statement-table th:nth-child(1){width:10%}.statement-table th:nth-child(2){width:15%}.statement-table th:nth-child(3){width:17%}.statement-table th:nth-child(4){width:22%}.statement-table th:nth-child(5),.statement-table th:nth-child(6),.statement-table th:nth-child(7){width:12%}}

/* ===== HT Cloud ERP Professional V2.5 unified theme ===== */
:root{--navy:#0b1f3a;--navy-2:#12345b;--blue:#2563eb;--blue-soft:#eff6ff;--line:#dbe3ef;--text:#162033;--muted:#667085;--surface:#fff;--bg:#f4f7fb;--green:#067647;--red:#b42318}
body{background:var(--bg);color:var(--text)}
.sidebar{width:270px;background:linear-gradient(180deg,#081a31 0%,#102d50 100%);padding:20px 14px;box-shadow:8px 0 28px rgba(11,31,58,.12)}
.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 22px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:14px}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--navy);font-weight:900;letter-spacing:-1px;box-shadow:0 7px 18px rgba(0,0,0,.16)}.brand h2{font-size:18px!important;margin:0!important}.brand span{font-size:11px;color:#a9bdd3}.nav-label{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#7f9bb7;margin:18px 11px 6px}.sidebar a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;margin:3px 0;color:#c8d6e5}.sidebar a span{width:18px;text-align:center}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.12);color:#fff}.sidebar a.active{box-shadow:inset 3px 0 0 #60a5fa}.sidebar-user{position:sticky;bottom:0;margin-top:22px;padding:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;gap:10px}.sidebar-user .avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-weight:800}.sidebar-user b,.sidebar-user small{display:block}.sidebar-user small{color:#9fb4c8;font-size:11px}.sidebar-user>a{margin-left:auto;padding:6px;color:#fff}
main{margin-left:270px;width:calc(100% - 270px);padding:0 28px 30px}.topbar{height:68px;margin:0 -28px 24px;padding:0 28px;background:rgba(255,255,255,.92);border-bottom:1px solid #e7edf5;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.topbar b,.topbar span{display:block}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#667085;font-weight:800}.user-pill{display:flex!important;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e4e7ec;padding:8px 12px;border-radius:999px;font-size:12px;color:#475467}.online-dot{width:8px;height:8px;border-radius:50%;background:#12b76a}
.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.page-title h1{font-size:28px;letter-spacing:-.035em;margin:4px 0}.page-title p{margin:0;color:var(--muted)}
.card,.panel{border:1px solid #e4eaf2;border-radius:16px;box-shadow:0 7px 24px rgba(16,24,40,.055)}
button,.edit-btn,.print-btn{background:var(--navy);border-radius:9px;min-height:42px}.print-btn{padding:0 17px;box-shadow:0 6px 16px rgba(11,31,58,.18)}input,select,textarea{border-color:#cfd8e5;transition:.18s}input:focus,select:focus,textarea:focus{outline:0;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
table{border-color:#dce4ee;box-shadow:0 4px 18px rgba(16,24,40,.035)}th{background:#f2f5f9;color:#344054;text-transform:uppercase;letter-spacing:.035em;font-size:11px}tbody tr:nth-child(even){background:#fbfcfe}tbody tr:hover{background:#f5f9ff}
.statement-page{max-width:1320px}.statement-filter{grid-template-columns:minmax(260px,2fr) minmax(150px,1fr) minmax(150px,1fr) 150px;padding:16px;border-radius:14px;box-shadow:0 6px 18px rgba(16,24,40,.04);margin-bottom:18px}.ledger-sheet{background:#fff;border:1px solid #dce4ee;border-radius:16px;padding:24px;box-shadow:0 10px 32px rgba(16,24,40,.07)}.print-brand{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:3px solid var(--navy)}.print-brand h2{margin:0;color:var(--navy);font-size:22px;letter-spacing:.02em}.print-brand p{margin:2px 0 0;color:var(--muted);font-size:12px}.print-brand .document-tag{margin-left:auto;border:1px solid #bfd1e6;background:#f5f9ff;color:var(--navy);padding:8px 12px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:.08em}.ledger-info{display:flex;justify-content:space-between;gap:20px;padding:18px 2px 14px}.ledger-info>div{min-width:40%}.ledger-info span,.summary-strip span,.balance-box span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.ledger-info strong{display:block;font-size:19px;margin:4px 0;color:var(--navy)}.ledger-info p{margin:2px 0;color:#475467;font-size:12px}.ledger-info .right{text-align:right}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dbe5f0;border-radius:12px;overflow:hidden;margin-bottom:16px}.summary-strip>div{padding:13px 15px;background:#f8fafc;border-right:1px solid #dbe5f0}.summary-strip>div:last-child{border-right:0}.summary-strip b{display:block;margin-top:5px;font-size:16px;color:var(--navy);font-variant-numeric:tabular-nums}.summary-strip .closing{background:var(--navy)}.summary-strip .closing span{color:#b9c9dc}.summary-strip .closing b{color:#fff}
.statement-table{margin:0;border-radius:10px;table-layout:fixed}.statement-table th,.statement-table td{padding:10px 9px}.statement-table th:nth-child(1){width:10%}.statement-table th:nth-child(2){width:15%}.statement-table th:nth-child(3){width:22%}.statement-table th:nth-child(4){width:17%}.statement-table th:nth-child(5),.statement-table th:nth-child(6),.statement-table th:nth-child(7){width:12%}.statement-table thead th{background:var(--navy);color:#fff;border-color:#24415f}.statement-table thead small{color:#bbcad9;font-size:9px}.statement-table .opening-row{background:#edf4fb!important}.statement-table .opening-row td{border-top:1px solid #cddbeb;border-bottom:1px solid #cddbeb}.statement-table tfoot td{background:#eaf1f8;font-weight:800;border-top:2px solid var(--navy);color:var(--navy)}.statement-table small{color:#667085}.ledger-footer{display:grid;grid-template-columns:1fr 1fr minmax(260px,1.2fr);gap:24px;align-items:end;margin-top:24px}.ledger-footer>div:not(.balance-box){padding-top:18px;color:#667085;font-size:11px}.ledger-footer i{display:block;border-bottom:1px solid #98a2b3;margin-top:30px;width:170px}.balance-box{background:#f3f7fb;border:1px solid #cfdceb;border-left:5px solid var(--navy);padding:14px 16px;border-radius:10px;text-align:right}.balance-box strong{display:block;color:var(--navy);font-size:20px;margin-top:5px}.print-note{text-align:center;color:#98a2b3;font-size:10px;margin-top:20px;padding-top:10px;border-top:1px dashed #d0d5dd}
@media(max-width:900px){.sidebar{width:100%;position:static}.sidebar-user{display:none}main{margin:0;width:100%;padding:0 14px 20px}.topbar{margin:0 -14px 18px;padding:0 14px}.statement-filter{grid-template-columns:1fr}.summary-strip{grid-template-columns:1fr 1fr}.ledger-info{display:block}.ledger-info .right{text-align:left;margin-top:14px}.ledger-footer{grid-template-columns:1fr}.statement-table{min-width:980px}.ledger-sheet{overflow-x:auto}.page-title{align-items:flex-start;gap:12px}.page-title h1{font-size:24px}}
@media print{
  @page{size:A4 landscape;margin:8mm}
  .sidebar,.topbar,.no-print,.flash{display:none!important}main{margin:0!important;width:100%!important;padding:0!important}.statement-page{max-width:none!important}.ledger-sheet{border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}.print-brand{padding-bottom:8px}.print-brand .brand-mark{width:34px;height:34px;border:1px solid #111}.print-brand h2{font-size:17px}.print-brand .document-tag{padding:5px 8px}.ledger-info{padding:8px 0 6px}.ledger-info strong{font-size:14px}.ledger-info p{font-size:9px}.summary-strip{margin-bottom:7px;border-radius:0}.summary-strip>div{padding:7px 9px}.summary-strip b{font-size:11px}.statement-table{min-width:0!important;border-radius:0!important}.statement-table th,.statement-table td{font-size:8.5px!important;padding:4px 5px!important}.statement-table th{letter-spacing:0}.statement-table thead th{background:#dce5ef!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.statement-table .opening-row,.statement-table tfoot td,.summary-strip .closing{ -webkit-print-color-adjust:exact;print-color-adjust:exact}.summary-strip .closing{background:#d7e2ee!important}.summary-strip .closing span,.summary-strip .closing b{color:#000!important}.ledger-footer{margin-top:10px;gap:12px}.ledger-footer i{margin-top:15px;width:120px}.balance-box{padding:7px 9px}.balance-box strong{font-size:13px}.print-note{margin-top:8px;padding-top:5px}thead{display:table-header-group}tfoot{display:table-row-group}tr{page-break-inside:avoid}
}


/* ===== V2.7 statement print fit correction ===== */
@media print {
  @page { size: A4 landscape; margin: 7mm; }
  html, body { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; background: #fff !important; }
  body { zoom: 1 !important; }
  .layout, main, .statement-page, .ledger-sheet { display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; }
  .layout { min-height: 0 !important; }
  main { padding: 0 !important; }
  .statement-page { position: static !important; }
  .ledger-sheet { padding: 0 !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; }
  .statement-table { display: table !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; table-layout: fixed !important; margin: 5px 0 0 !important; overflow: visible !important; }
  .statement-table thead { display: table-header-group !important; }
  .statement-table tbody { display: table-row-group !important; }
  .statement-table tfoot { display: table-row-group !important; }
  .statement-table tr { display: table-row !important; }
  .statement-table th, .statement-table td { display: table-cell !important; overflow-wrap: anywhere !important; word-break: normal !important; white-space: normal !important; }
  .statement-table th:nth-child(1) { width: 10% !important; }
  .statement-table th:nth-child(2) { width: 16% !important; }
  .statement-table th:nth-child(3) { width: 22% !important; }
  .statement-table th:nth-child(4) { width: 16% !important; }
  .statement-table th:nth-child(5), .statement-table th:nth-child(6), .statement-table th:nth-child(7) { width: 12% !important; }
  .amount { white-space: nowrap !important; }
  .print-brand, .ledger-info, .summary-strip, .ledger-footer, .print-note { width: 100% !important; max-width: none !important; }
}
.page-title-row{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}.branch-filter{min-width:240px}.branch-filter label{display:block;font-size:12px;font-weight:700;text-transform:uppercase}.branch-filter select{margin-top:6px}.approval-card{text-decoration:none;color:inherit;border:2px solid #f0b429}.approval-card span{display:block;margin-top:8px;font-size:12px}.inline-edit{display:grid;grid-template-columns:1fr 1fr 130px 150px auto;gap:8px;align-items:center}.inline-edit input,.inline-edit select{min-width:0}@media(max-width:1000px){.inline-edit{grid-template-columns:1fr 1fr}.inline-edit button{grid-column:1/-1}}

/* ===== V3.0 balance-ranked customer statement ===== */
.credit-branch-filter{display:flex;justify-content:space-between;align-items:end;gap:18px;background:#fff;border:1px solid #e4eaf2;border-radius:14px;padding:15px 17px;margin-bottom:16px;box-shadow:0 6px 18px rgba(16,24,40,.04)}.credit-branch-filter label{min-width:300px;font-size:12px;font-weight:700}.credit-branch-filter select{margin-top:6px}.credit-count{text-align:right}.credit-count span,.selected-customer span,.credit-last span,.credit-balance span{display:block;color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.credit-count strong{display:block;font-size:24px;color:var(--navy)}
.credit-customer-panel{background:#fff;border:1px solid #e4eaf2;border-radius:16px;box-shadow:0 7px 24px rgba(16,24,40,.055);overflow:hidden;margin-bottom:18px}.credit-list-head{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid #e7edf5}.credit-list-head h2{margin:0;font-size:18px}.credit-list-head p{margin:4px 0 0;color:#667085;font-size:12px}.credit-list-head>span{background:#eef4fb;color:var(--navy);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.credit-customer-list{max-height:440px;overflow:auto}.credit-customer-row{display:grid;grid-template-columns:44px minmax(240px,1fr) 150px 190px 70px;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid #edf1f5;text-decoration:none;color:inherit;transition:.15s}.credit-customer-row:hover,.credit-customer-row.active{background:#f4f8fd}.credit-customer-row.active{box-shadow:inset 4px 0 var(--navy)}.credit-rank{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eef2f7;color:#475467;font-weight:800;font-size:12px}.credit-party strong,.credit-party small{display:block}.credit-party strong{color:#101828}.credit-party small{margin-top:3px;color:#667085}.credit-last strong{display:block;margin-top:4px;font-size:12px;color:#344054}.credit-balance{text-align:right}.credit-balance strong{display:block;margin-top:4px;color:#b42318;font-size:16px;font-variant-numeric:tabular-nums}.credit-view{text-align:right;color:#175cd3;font-weight:800;font-size:12px}.empty-credit-state{text-align:center;padding:45px 20px}.empty-credit-state p{color:#667085;margin:7px 0 0}
.statement-date-filter{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(150px,.8fr) minmax(150px,.8fr) 160px;gap:14px;align-items:end;background:#eef4fb;border:1px solid #cfdeed;border-radius:14px;padding:15px 17px;margin-bottom:18px}.selected-customer strong,.selected-customer small{display:block}.selected-customer strong{font-size:17px;color:var(--navy);margin-top:4px}.selected-customer small{color:#667085;margin-top:3px}.statement-date-filter label{font-size:12px;font-weight:700}
@media(max-width:900px){.credit-branch-filter{align-items:stretch;flex-direction:column}.credit-branch-filter label{min-width:0}.credit-count{text-align:left}.credit-customer-row{grid-template-columns:38px 1fr 130px}.credit-last,.credit-view{display:none}.credit-balance{grid-column:3;text-align:right}.statement-date-filter{grid-template-columns:1fr}.credit-list-head>span{display:none}}

/* ===== V3.1 statement image + PDF export ===== */
.export-actions{display:flex;gap:9px;align-items:center}.export-actions button{width:auto;min-width:132px;padding:0 16px;box-shadow:0 6px 16px rgba(11,31,58,.14)}.image-btn{background:#175cd3}.pdf-btn{background:var(--navy)}.export-actions button:disabled{opacity:.65;cursor:wait}@media(max-width:600px){.export-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.export-actions button{min-width:0;width:100%}}@media print{.export-actions{display:none!important}}

/* V3.2 customer statement filters and manual invoice entry */
.sale-book{display:block}.table-scroll{overflow-x:auto}.statement-filter-toolbar{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(260px,1.4fr) minmax(210px,.9fr) 130px 80px;gap:12px;align-items:end;background:#fff;border:1px solid #e4eaf2;border-radius:14px;padding:16px 17px;margin-bottom:13px;box-shadow:0 6px 18px rgba(16,24,40,.04)}.statement-filter-toolbar label{font-size:12px;font-weight:700;color:#475467}.statement-filter-toolbar input,.statement-filter-toolbar select{margin-top:6px}.statement-filter-toolbar button{height:42px}.clear-filter{height:42px;display:flex;align-items:center;justify-content:center;border:1px solid #d0d5dd;border-radius:8px;text-decoration:none;color:#344054;font-weight:750;background:#fff}.locked-branch{min-height:64px;display:flex;flex-direction:column;justify-content:center;padding:8px 11px;border:1px solid #dce4ee;border-radius:9px;background:#f8fafc}.locked-branch span,.statement-counts span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#667085}.locked-branch strong{margin-top:4px;color:var(--navy)}.locked-branch small{margin-top:3px;color:#667085}.statement-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:16px}.statement-counts>div{background:#fff;border:1px solid #e4eaf2;border-radius:12px;padding:13px 15px}.statement-counts strong{display:block;margin-top:5px;font-size:20px;color:var(--navy)}.credit-balance.settled strong{color:#027a48}.credit-balance.settled span{color:#667085}@media(max-width:1050px){.statement-filter-toolbar{grid-template-columns:repeat(2,minmax(220px,1fr))}.statement-filter-toolbar button,.clear-filter{width:100%}.statement-counts{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.statement-filter-toolbar,.statement-counts{grid-template-columns:1fr}.credit-customer-row{grid-template-columns:38px minmax(0,1fr) 110px;padding:12px 10px}.credit-party strong{word-break:break-word}.credit-balance strong{font-size:14px}}