.metrics.four-metrics{grid-template-columns:repeat(4,1fr)}
.metrics .received{color:var(--green)}
.invoice-header>div{min-width:280px}
.invoice-header h1{margin:0 0 8px}
.invoice-no{font-weight:800;font-size:1rem;margin-bottom:5px;white-space:nowrap}
.user-panel,.payment-panel{margin-top:28px}
.payment-grid{grid-template-columns:1fr 1fr 1fr 1.2fr}
.payment-note{grid-column:span 3}
.invoice-totals .balance{font-weight:800}
@media(max-width:850px){.metrics.four-metrics,.payment-grid{grid-template-columns:1fr}.payment-note{grid-column:auto}}
@page{size:A4;margin:0}
@media print{
  body{background:#fff;font-size:13px}
  .no-print,body>footer{display:none!important}
  .page.invoice-page{margin:0;width:auto}
  .invoice-sheet{box-shadow:none;width:210mm;height:297mm;min-height:297mm;padding:10mm 12mm}
  .invoice-header{padding-bottom:10px}
  .invoice-header img{width:82px;height:75px}
  .invoice-header h1{font-size:1.55rem}
  .invoice-header p{margin-bottom:3px}
  .party-grid{padding:12px 0;gap:26px}
  .party-grid p{font-size:.76rem;line-height:1.35}
  .party-grid h2{font-size:1rem}
  .invoice-items{margin:4px 0 16px}
  .invoice-items th,.invoice-items td{padding:6px 7px;font-size:.73rem}
  .invoice-bottom{gap:30px}
  .invoice-bottom p{font-size:.72rem;line-height:1.4}
  .invoice-totals div{padding:5px 0}
  .terms{margin-top:12px;padding-top:10px;font-size:.68rem;line-height:1.35}
  .terms h3{margin-bottom:3px}
  .computer-note{margin-top:10px}
}
.report-filter{display:flex;align-items:end;gap:16px}.report-filter label{min-width:180px}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.report-card{margin:0;display:flex;flex-direction:column;align-items:flex-start}.report-card p{color:var(--muted);flex:1}.report-icon{width:38px;height:38px;border-radius:10px;background:#191f2b;color:#fff;display:grid;place-items:center;font-size:.75rem;font-weight:900;margin-bottom:16px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:22px}.guide-card{background:#fff;border:1px solid var(--line);border-left:5px solid #98a2b3;border-radius:14px;padding:24px;box-shadow:var(--shadow)}.guide-card>span{font-size:.7rem;font-weight:900;letter-spacing:.1em;color:var(--muted)}.guide-card strong{display:block;font-size:1.15rem;margin-bottom:8px}.guide-card p{color:var(--muted)}.guide-card.needs-action{border-left-color:var(--red)}.guide-card.needs-action>span{color:var(--red)}.guide-card.attention{border-left-color:var(--gold)}.guide-card.complete{border-left-color:var(--green)}.guide-card.complete>span{color:var(--green)}.guide-routine li{padding:5px 0}
@media(max-width:850px){.report-grid,.guide-grid{grid-template-columns:1fr}.report-filter{align-items:stretch;flex-direction:column}.report-filter label{min-width:0}}
.drawer-form{margin:18px 0;padding:18px;background:#f7f8fa;border:1px solid var(--line);border-radius:12px}.compact-table{margin-top:22px}.profit{color:var(--green);font-weight:800}.loss{color:var(--red);font-weight:800}.mini-pay{display:grid;gap:6px;min-width:190px;margin-top:8px}.mini-pay input,.mini-pay select{padding:7px;font-size:.8rem}details summary{cursor:pointer}details>summary.button{list-style:none}
.pnr-panel{border-left:5px solid var(--brand)}.pnr-row{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;align-items:end}.pnr-status{padding:12px;background:#f7f8fa;border-radius:8px;color:var(--muted)}.import-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.import-card form{display:grid;gap:10px;margin-top:16px}.import-card ol{padding-left:20px;color:var(--muted)}@media(max-width:850px){.pnr-row,.import-grid{grid-template-columns:1fr}}
.lookup-results{max-height:240px;overflow:auto;background:white;position:relative;z-index:3}.lookup-result{display:block;text-align:left;background:#fff;border:1px solid #ddd;padding:12px;width:100%;cursor:pointer}.lookup-result:hover{background:#fff1f3}.topbar nav{flex-wrap:wrap;gap:14px}.panel .button{margin:5px}.finance-notice{background:#fff4d8;padding:14px;border-radius:8px}input[type=checkbox]{width:auto}.panel .grid{margin-top:12px}@media print{form,.lookup-results{display:none}.panel{box-shadow:none}}
/* Compact office workspace. Invoice print layout remains unchanged. */
@media screen{.page{padding-top:24px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:28px}.panel{padding:20px;margin-bottom:18px;border-radius:12px}.panel h2{font-size:18px;margin:0 0 14px}.panel form.panel{padding:12px;margin:10px 0;box-shadow:none}.grid{gap:12px}input,select,textarea{padding:9px 11px;font-size:14px;border-radius:7px}label{font-size:13px}.button{padding:9px 13px;font-size:13px;border-radius:7px}.topbar{padding:16px 30px}.topbar nav{gap:18px}.topbar nav a{font-size:14px}.ledger-table th,.ledger-table td{padding:12px 10px;font-size:13px;vertical-align:top}.ledger-table small{display:block;color:#6e788d;margin-top:4px}.ledger-table details{min-width:140px}.ledger-table details[open]{min-width:270px}.ledger-table td:nth-last-child(1){min-width:140px}.search-toolbar{display:flex;align-items:end;gap:10px;margin:16px 0}.search-toolbar input{max-width:440px}.search-toolbar label{min-width:180px}.toolbar,.subnav{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.subnav .button{background:#f1f3f7;border:0}.pager{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:14px}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 24px}.metric-link{display:flex;flex-direction:column;gap:10px;background:white;border:1px solid #e0e4ec;border-radius:12px;padding:18px;text-decoration:none;color:#202735}.metric-link span{font-size:13px;color:#65718a}.metric-link strong{font-size:24px}.metric-link:hover{border-color:#b82b4c}.bank-receipt{margin:16px 0;padding:12px;background:#f5f7fa;border-radius:8px}.bank-receipt summary{cursor:pointer;font-weight:600}.guide-grid{gap:16px}.guide-card{padding:20px}details>summary{cursor:pointer;color:#a62345}.pnr-row{align-items:start}.payment-panel .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:800px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.search-toolbar{flex-wrap:wrap}.topbar{padding:14px}.topbar nav{gap:10px}.payment-panel .grid{grid-template-columns:1fr}}@media print{.subnav,.toolbar,.pager,.search-toolbar,.bank-receipt{display:none!important}}
@media screen {
 .list-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0 10px}
 .list-controls input{flex:1 1 240px;min-width:180px;max-width:440px;margin:0}
 .list-controls select{width:auto;min-width:110px;margin:0}
 .list-controls .button{margin:0;white-space:nowrap}
 .list-count{font-size:12px;color:#657087;white-space:nowrap}
 .table-wrap.list-scroll{max-height:480px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid #e1e5ed;border-radius:8px}
 .list-scroll th{position:sticky;top:0;background:#f5f6fa;z-index:1}
 .list-scroll tr[hidden]{display:none!important}
 .list-scroll:focus-visible{outline:2px solid #b72e4e}
 .button:disabled{opacity:.4;cursor:default}
 input[readonly]{background:#f4f6fa;font-weight:650}
}
@media print {.list-scroll{max-height:none!important;overflow:visible!important}.list-scroll tr[hidden]{display:table-row!important}}

@media screen {
 .list-controls input{flex:0 1 230px;max-width:260px;min-width:160px;height:36px;padding:7px 10px}
 .list-controls select,.list-controls .button{min-height:36px;padding:7px 10px}
 .panel-title{justify-content:flex-start;gap:10px;align-items:center}
 .panel-title h2{margin-right:auto}
 a[href^="/imports"]:not(.subnav a){background:#b42d4d;color:white;border-color:#b42d4d}
 .inline-link,.ledger-table .inline-link{display:flex!important;align-items:flex-start!important;gap:8px;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
 .inline-link label{flex:1;min-width:160px;max-width:240px;font-size:12px}
 .inline-link input[type="search"]{height:36px;padding:7px 9px;margin-top:4px}
 .inline-link>.button{align-self:flex-start!important;height:36px!important;min-height:36px!important;padding:7px 12px!important;flex:none;margin-top:21px}
 .lookup-results:empty{display:none}
 .lookup-results{max-height:140px;overflow:auto;overscroll-behavior:contain}
 .lookup-result{display:block;width:100%;text-align:left;min-height:32px!important;height:auto!important;padding:7px 9px!important;font-size:12px;border:1px solid #e1e5ed;background:white}
}

.nav-group{display:flex;align-items:center;gap:4px;position:relative}.nav-group summary{cursor:pointer;list-style:none;color:white}.nav-menu{position:absolute;right:0;top:100%;background:#161b26;z-index:100;min-width:210px;padding:12px;border-radius:10px;box-shadow:0 8px 24px #0003}.nav-menu a{display:block!important;padding:9px;white-space:nowrap}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.report-chart{width:100%;max-height:280px}.report-note{color:#647089;line-height:1.6}.metric-link small{display:block;font-size:13px;margin-top:8px}.nav-group details[open] .nav-menu{display:block}

@media screen { .table-wrap thead th {background:#f8e9ed;color:#84213b;border-bottom:2px solid #b52b4b} .panel>h2,.panel-title h2{color:#972643} .table-wrap[data-sizes="5,10,20"],.vendor-compact{max-height:340px;overflow:auto;overscroll-behavior:contain} .table-wrap td small{display:block;max-width:360px;white-space:normal} }
.record-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:0}.record-details div{min-width:0;padding:12px;background:#f7f8fb;border-radius:8px}.record-details dt{text-transform:capitalize;color:#536078;font-size:.85rem;margin-bottom:6px}.record-details dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap;font-weight:600}