/* MatArc CashBook — app styles */
:root{--bg:#f7f5ef;--card:#fff;--ink:#20201e;--muted:#746f63;--line:#e7e1d4;--green:#8a5b00;--greenSoft:#fff3d2;--red:#b3403b;--redSoft:#fbecea;--amber:#9a6b18;--blue:#3f6c99;
color-scheme:light;font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:14px}
:root[data-theme=dark]{--bg:#141414;--card:#202020;--ink:#f7f1e5;--muted:#b8ad98;--line:#3d372c;--green:#f2b331;--greenSoft:#3a2d13;--red:#ec9b96;--redSoft:#3a2523;--amber:#dfb877;--blue:#9cbfe0;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,p{margin:0}
a{color:var(--green)}
.hide{display:none!important}
input,select,textarea{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:10px 12px;width:100%;min-width:0}
input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:1px}
.btn{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:9px 14px;white-space:nowrap}
.btn:hover{border-color:var(--green)}
.btn.primary{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}
.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}
.btn.danger{color:var(--red);border-color:var(--line)}
.btn.sm{padding:6px 10px;font-size:12px}
.wrap{max-width:1150px;margin:0 auto;padding:0 16px 64px}

/* header */
header.top{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.topin{max-width:1150px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:.5px}
.brand b{width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:14px}
.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:600}
.spacer{flex:1}
.balchip{background:var(--greenSoft);color:var(--green);border-radius:999px;padding:7px 14px;font-weight:700;font-size:13px;white-space:nowrap}
.balchip.neg{background:var(--redSoft);color:var(--red)}

/* tabs */
nav.tabs{display:flex;gap:4px;overflow:auto;padding:10px 0 0}
nav.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:9px 14px;color:var(--muted);font-weight:600;white-space:nowrap;border-radius:0}
nav.tabs button.on{color:var(--green);border-bottom-color:var(--green)}

/* stat strip */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}
.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.stat small{display:block;color:var(--muted);font-size:11px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.6px}
.stat b{font-size:20px;letter-spacing:-.4px;display:block}
.stat.in b{color:var(--green)} .stat.out b{color:var(--red)}

/* filters */
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.filters input,.filters select{width:auto;min-width:130px;padding:8px 10px;font-size:13px}
.filters .grow{flex:1;min-width:180px}

/* table / list */
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
table{width:100%;border-collapse:collapse;font-size:13px}
th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600;padding:11px 12px;border-bottom:1px solid var(--line);background:var(--card);position:sticky;top:0}
td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}
tr:last-child td{border-bottom:0}
tbody tr:hover{background:var(--greenSoft)}
.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.in{color:var(--green);font-weight:600}
.out{color:var(--red);font-weight:600}
.dim{color:var(--muted)}
.tag{display:inline-block;background:var(--greenSoft);color:var(--green);border-radius:6px;padding:2px 7px;font-size:11px;white-space:nowrap}
.tag.grey{background:var(--bg);color:var(--muted)}
.rowbtn{background:transparent;border:0;padding:0;text-align:left;font:inherit;color:var(--green);font-weight:600}
.scroll{overflow:auto;max-height:70vh}
.empty{padding:44px 20px;text-align:center;color:var(--muted)}
.empty b{display:block;color:var(--ink);margin-bottom:6px;font-size:15px}

/* bars */
.barrow{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:10px 12px;border-bottom:1px solid var(--line)}
.barrow:last-child{border-bottom:0}
.barrow .track{grid-column:1/-1;height:6px;background:var(--bg);border-radius:4px;overflow:hidden}
.barrow .track i{display:block;height:100%;background:var(--green)}
.barrow .track i.red{background:var(--red)}

/* chart */
.chart{padding:14px}
.chart svg{width:100%;height:auto;display:block;overflow:visible}
.chart text{fill:var(--muted);font-size:9px}
.gl{stroke:var(--line);stroke-dasharray:3 4}

/* dialog */
dialog{border:0;border-radius:16px;padding:0;width:min(560px,calc(100vw - 24px));background:var(--card);color:var(--ink);box-shadow:0 24px 60px #0003}
dialog::backdrop{background:#0a1512b3}
.dlghead{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}
.dlghead h2{font-size:16px;flex:1}
.dlgbody{padding:18px;max-height:min(70vh,640px);overflow:auto}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.seg button{padding:12px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);font-weight:600}
.seg button.on.out{border-color:var(--red);background:var(--redSoft);color:var(--red)}
.seg button.on.in{border-color:var(--green);background:var(--greenSoft);color:var(--green)}
.field{margin-bottom:13px}
.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.three{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:10px}
.seg2{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.seg2 button{padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:12px;font-weight:600;color:var(--muted)}
.seg2 button.on{background:var(--greenSoft);border-color:var(--green);color:var(--green)}
@media(max-width:560px){.three{grid-template-columns:1fr}}
.amt input{font-size:26px;font-weight:700;padding:12px 14px;letter-spacing:-.5px}
.dlgfoot{display:flex;gap:10px;justify-content:space-between;padding:14px 18px;border-top:1px solid var(--line)}
#dlg{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:hidden}
#dlg>form,#dlg>div{display:flex;flex-direction:column;max-height:calc(100dvh - 32px);min-height:0}
#dlg .dlghead,#dlg .dlgfoot{flex-shrink:0;background:var(--card);padding:20px 24px}
#dlg .dlghead h2{font-size:19px}
#dlg .dlgbody{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px}
#dlg .field{min-width:0;margin-bottom:18px}
#dlg input,#dlg select{min-width:0}
#dlg .two{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#dlg .three{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#dlg .entry-classification{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:18px 18px 0;margin-bottom:18px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
#dlg .entry-classification select{width:100%;padding:12px}
.list-control{display:flex;gap:8px;min-width:0}
.list-control select{flex:1 1 0;min-width:0}
@media(max-width:600px){
  #dlg{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
  #dlg>form,#dlg>div{max-height:calc(100dvh - 16px)}
  #dlg .dlghead,#dlg .dlgfoot{padding:16px}
  #dlg .dlgbody{padding:16px}
  #dlg .three,#dlg .two{grid-template-columns:minmax(0,1fr);gap:0}
  #dlg .amt input{font-size:23px}
}
.err{color:var(--red);font-size:12px;min-height:16px;margin-bottom:6px}

#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;background:var(--ink);color:var(--bg);padding:12px 20px;border-radius:10px;font-size:13px;z-index:60;display:none;box-shadow:0 10px 30px #0004}

/* calculator */
dialog#calc{width:min(340px,calc(100vw - 24px))}
.calcdisp{padding:18px;text-align:right;border-bottom:1px solid var(--line)}
.calcdisp .ex{color:var(--muted);font-size:14px;min-height:20px;word-break:break-all;font-variant-numeric:tabular-nums}
.calcdisp .res{font-size:30px;font-weight:700;letter-spacing:-1px;margin-top:6px;font-variant-numeric:tabular-nums}
.calcdisp .res.bad{color:var(--red);font-size:16px;font-weight:600}
.pad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px}
.pad button{padding:15px 0;border-radius:10px;border:1px solid var(--line);background:var(--card);font-size:18px;font-weight:600}
.pad button:active{background:var(--greenSoft)}
.pad button:hover{border-color:var(--green)}
.pad button.op{color:var(--green)}
.pad button.fn{color:var(--muted);font-size:14px}
.pad button.eq{background:var(--green);color:#fff;border-color:var(--green)}

/* global search */
dialog#gs{width:min(680px,calc(100vw - 24px))}
.gsbar{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center}
.gsbar input{font-size:16px}
.gsmeta{padding:9px 18px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);background:var(--bg)}
.gslist{max-height:min(58vh,520px);overflow:auto}
.gsrow{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:11px 18px;border-bottom:1px solid var(--line);cursor:pointer;width:100%;text-align:left;background:transparent;border-left:0;border-right:0;border-top:0;font:inherit;color:inherit}
.gsrow:hover{background:var(--greenSoft)}
.gsrow b{font-weight:600}
.gsrow .sub{grid-column:1;font-size:12px;color:var(--muted)}
.gsrow .amt{grid-row:1/3;align-self:center;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.pbadge{display:inline-block;background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:10px;color:var(--muted);margin-left:6px}

/* project form extras */
.filerow{display:flex;gap:10px;align-items:center;justify-content:space-between;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:13px;margin-bottom:8px}
.filerow .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.addrow{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.addrow input{flex:1 1 110px;min-width:0}
.addrow button{flex:0 0 auto;font-size:12px;padding:8px 10px}
dialog#addl{width:min(380px,calc(100vw - 24px))}

.fab{position:fixed;right:20px;bottom:20px;z-index:30;border-radius:999px;padding:14px 20px;font-size:15px;box-shadow:0 10px 26px #1c665040;display:none}

/* header: brand left · project centred · actions right */
.topmain{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:20px}
.topmain .l{display:flex;align-items:center;gap:10px;min-width:0}
.topmain .r{display:flex;align-items:center;gap:8px;justify-content:flex-end;min-width:0;flex-wrap:wrap}
.projc{display:flex;justify-content:center;min-width:0}
#projSel{width:200px;min-width:0;max-width:100%;font-size:14px;font-weight:600;padding:8px 12px;text-align:center;text-align-last:center}

/* collapsible sections (open/closed state survives refresh) */
.secbar{display:flex;gap:8px;justify-content:flex-end;margin:4px 0 10px}
.sec{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}
.sechead{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;padding:13px 16px;text-align:left}
.sechead h3{font-size:14px;flex:1}
.sechead .dim{font-size:12px;text-align:right}
.chev{display:inline-block;width:14px;color:var(--muted);transition:transform .15s}
.sec:not(.shut)>.sechead .chev{transform:rotate(90deg)}
.sec:not(.shut)>.sechead{border-bottom:1px solid var(--line)}
.sec.shut>.secbody{display:none}
.secbody{padding:14px 16px}
.secbody.flush{padding:0}
.sec .sec{margin:0;border-radius:0;border-width:0 0 1px}
.sec .sec:last-child{border-bottom:0}
.sec .stats{margin:0 0 14px}
.fl{display:grid;grid-template-columns:1fr auto;gap:12px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:13px}
.fl:last-child{border-bottom:0}
.fl.tot{font-weight:700;border-top:1px solid var(--ink);border-bottom:0;margin-top:4px;padding-top:9px}
.fl .dim{font-size:11px;display:block}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.note{font-size:11px;color:var(--muted);margin-top:10px}
.pill{display:inline-block;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;background:var(--bg);color:var(--muted)}
.pill.good{background:var(--greenSoft);color:var(--green)}
.pill.warn{background:#f6ecd8;color:var(--amber)}
.pill.bad{background:var(--redSoft);color:var(--red)}
:root[data-theme=dark] .pill.warn{background:#3a3020}
.xbtn{background:transparent;border:0;padding:0 6px 0 0;color:var(--muted);font:inherit}
.subrows{grid-column:1/-1;margin:6px 0 2px 20px;border-left:2px solid var(--line);padding-left:10px}
.subrows .fl{padding:5px 0}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px 6px 4px 11px;font-size:12px}
.chip button{background:transparent;border:0;color:var(--red);padding:0 4px;font-size:14px;line-height:1}
.pagehead{display:flex;justify-content:space-between;align-items:center;margin:16px 0 12px;gap:10px;flex-wrap:wrap}
.pagehead h2{font-size:17px}

/* cash-flow chart — series colours validated for colour-blind separation */
:root{--s-in:#2a78d6;--s-out:#eb6834}
:root[data-theme=dark]{--s-in:#3987e5;--s-out:#d95926}
.cfchart{position:relative}
.cfchart .bin{fill:var(--s-in)} .cfchart .bout{fill:var(--s-out)}
.cfchart .hit{fill:transparent}
.cfchart .hit:hover{fill:var(--ink);fill-opacity:.05}
.cfchart .base{stroke:var(--muted);stroke-width:1}
.legend{display:flex;gap:16px;font-size:12px;color:var(--muted);margin-bottom:8px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.tip{position:absolute;pointer-events:none;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:8px 11px;font-size:12px;box-shadow:0 8px 24px #0002;display:none;white-space:nowrap;z-index:5}
.tip b{display:block;margin-bottom:4px}
.tip span{display:flex;justify-content:space-between;gap:14px}

/* "spent by company for client" — paid from the company's pocket, adjusted later in the client's account */
.stat.co{text-align:left;font:inherit;color:inherit;border-style:dashed;border-color:var(--amber);cursor:pointer}
.stat.co:hover,.stat.co.on{background:#fbf4e6;border-style:solid}
:root[data-theme=dark] .stat.co:hover,:root[data-theme=dark] .stat.co.on{background:#2e2717}
.stat.co b{color:var(--amber)}
.cosub{display:block;font-size:11px;margin-top:4px;color:var(--muted)}
.cosub .out,.cosub .in{font-weight:600}
.coamt{color:var(--amber);font-weight:600}
.tag.co{background:#f6ecd8;color:var(--amber)}
:root[data-theme=dark] .tag.co{background:#3a3020}
.tag.adj{border:1px solid var(--green);background:var(--greenSoft);color:var(--green);cursor:pointer;font:inherit;font-size:11px}
.tag.adj.pend{border-color:var(--red);background:var(--redSoft);color:var(--red)}
.cobanner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--card);border:1px solid var(--amber);border-left-width:4px;border-radius:12px;padding:12px 16px;margin-bottom:12px}
.cobanner>div{display:grid;gap:3px}
.cobanner b{color:var(--amber)}
.cbar{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 16px;margin:-4px 0 14px;font-size:13px}
.cbar-row{display:flex;gap:8px 22px;flex-wrap:wrap;align-items:center}
.cbar-row .dim{font-size:12px}
.cbar-row button{margin-left:auto}
.cbar .track{height:6px;background:var(--bg);border-radius:4px;overflow:hidden}
.cbar .track i{display:block;height:100%;background:var(--green)}
.tag.rec{background:var(--blue);color:#fff}
.cochk{display:flex;gap:10px;align-items:flex-start;background:#fbf4e6;border:1px dashed var(--amber);border-radius:10px;padding:10px 12px;margin-bottom:13px;cursor:pointer;font-size:13px}
:root[data-theme=dark] .cochk{background:#2e2717}
.cochk input{width:auto;margin:2px 0 0;accent-color:var(--amber)}
.cochk small{display:block;color:var(--muted);font-size:11px;margin-top:2px}

/* reports */
.repctl{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:14px;display:grid;gap:12px}
.repctl .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.repctl .rl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;min-width:84px}
.repctl select,.repctl input[type=date]{width:auto;min-width:160px;padding:8px 10px;font-size:13px}
.repctl .seg2{margin:0}
.pchk{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer;background:var(--card)}
.pchk:has(input:checked){border-color:var(--green);background:var(--greenSoft);color:var(--green);font-weight:600}
.pchk input{width:auto;margin:0;accent-color:var(--green)}
.rephead{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end;border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:14px}
.rephead h1{font-size:20px;letter-spacing:-.3px}
.rephead .meta{font-size:12px;color:var(--muted);text-align:right;line-height:1.6}
.rep table{font-size:12px}
.rep tfoot th{color:var(--ink);font-size:12px;text-transform:none;letter-spacing:0;border-top:1px solid var(--ink)}
.printonly{display:none}
@media print{
  @page{size:A4;margin:12mm}
  :root,:root[data-theme=dark]{--bg:#fff;--card:#fff;--ink:#000;--muted:#555;--line:#cfcfcf;--green:#1c6650;--greenSoft:#fff;--red:#b3403b;--redSoft:#fff;--amber:#9a6b18;color-scheme:light}
  body{background:#fff;font-size:12px}
  header.top,.fab,.noprint,#toast,dialog{display:none!important}
  .printonly{display:block}
  .wrap{max-width:none;padding:0}
  .scroll{max-height:none!important;overflow:visible!important}
  th{position:static}
  thead{display:table-header-group}
  tr,.stat,.fl{break-inside:avoid}
  .sec{break-inside:auto;border-color:#bbb}
  .sechead{break-after:avoid}
  .sec.shut>.secbody{display:block!important}
  .sec.shut>.sechead{border-bottom:1px solid var(--line)}
  .chev{display:none}
  .stats{grid-template-columns:repeat(4,1fr)!important}
  .hide-sm{display:table-cell!important}
  tbody tr:hover{background:none}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
@media(max-width:1100px){
  .topmain{grid-template-columns:auto 1fr}
  .projc{grid-column:1/-1;grid-row:2}
  .twocol{grid-template-columns:1fr}
}
@media(max-width:600px){
  .topmain{grid-template-columns:minmax(0,1fr)}
  .topmain .l{justify-content:center}
  .topmain .r{grid-column:1;grid-row:3;justify-content:center}
}
@media(max-width:860px){
  .stats{grid-template-columns:1fr 1fr}
  .hide-sm{display:none}
  .fab{display:block}
  .topin{padding:10px 14px}
  .wrap{padding:0 12px 90px}
  td,th{padding:9px 8px}
}
/* Workspace navigation */
body{padding-left:236px}
.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#152738;color:#d7e4ed;z-index:40;display:flex;flex-direction:column;border-right:1px solid #263d4e}
.sidebar-brand{padding:26px 22px;border-bottom:1px solid #2a3c4c}
.sidebar-brand .brand small{color:#91a9ba}
.sidebar nav{flex:1;overflow-y:auto;padding:18px 12px;display:flex;flex-direction:column;gap:5px}
.nav-label{font-size:10px;letter-spacing:1.8px;color:#91a9ba;font-weight:700;padding:18px 12px 7px}
.sidebar nav button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid transparent;border-radius:9px;background:transparent;color:#d7e4ed;padding:12px;font-weight:600;line-height:1.4}
.sidebar nav button:hover{background:#21384b}
.sidebar nav button.on{background:#284b43;border-color:#39685c;color:#a3f0d5}
.nav-icon{display:grid;place-items:center;width:22px;font-size:19px;flex-shrink:0;color:#9bb7c9}
.sidebar nav button.on .nav-icon{color:#a3f0d5}
.sidebar-footer{padding:18px 22px;border-top:1px solid #2a3c4c;font-size:12px;color:#91a9ba}
.sidebar-footer b{display:block;color:#e1edf5;margin-bottom:4px}
.topin,.wrap{max-width:1440px}
.topmain{grid-template-columns:auto minmax(160px,1fr) auto}
#sidebarToggle,#sidebarShade{display:none}
@media(max-width:1180px){.topmain{grid-template-columns:auto 1fr}.projc{grid-column:1/-1;grid-row:2}}
@media(max-width:900px){
 body{padding-left:0}
 .sidebar{transform:translateX(-100%);transition:transform .18s ease}
 body.sidebar-open .sidebar{transform:translateX(0)}
 #sidebarToggle{display:inline-block}
 body.sidebar-open #sidebarShade{display:block;position:fixed;inset:0;background:#09172280;border:0;z-index:35}
}
@media(max-width:600px){.topmain{grid-template-columns:minmax(0,1fr)}.topmain .l{justify-content:flex-start}}
@media print{body{padding-left:0}.sidebar,#sidebarShade,#sidebarToggle{display:none!important}.wrap{max-width:none;padding:0}}

/* Matarc Group: gold, charcoal and warm white */
:root{--brand-gold:#efa923;--brand-black:#171717}
.sidebar{background:var(--brand-black);border-color:#34312b;color:#eae3d6}
.sidebar-brand{padding:20px 16px 17px;border-color:#34312b}
.company-logo{display:block;width:100%;height:auto;border-radius:10px;background:#fff}
.brand-caption{text-align:center;font-size:9px;font-weight:700;letter-spacing:2px;color:#d2ae63;margin-top:12px}
.sidebar nav{padding-top:8px}
.nav-label{color:#c5a96c}
.sidebar nav button{color:#e5dfd3}
.sidebar nav button:hover{background:#30291c}
.sidebar nav button.on{background:#3b2e13;border-color:#70521e;color:#ffd16e;box-shadow:inset 3px 0 0 var(--brand-gold)}
.nav-icon{color:#aa9d83}
.sidebar nav button.on .nav-icon{color:#ffd16e}
.sidebar-footer{border-color:#34312b;color:#aaa18f}
.sidebar-footer b{color:#f0c465}
.btn.primary{background:var(--brand-gold);border-color:#d99a21;color:#201900}
.btn.primary:hover{background:#f8bb43;border-color:#bd8010}
.balchip{border:1px solid #dfbf73}
.balchip.neg{border-color:var(--red)}
.cbar .track i,.track i:not(.red){background:var(--brand-gold)}
header.top{box-shadow:0 2px 12px #34270a06}
.rephead{border-bottom-color:var(--brand-gold)}
:root[data-theme=dark] .cochk{background:#342a17}
dialog::backdrop{background:#11100ec2}
@media print{.btn.primary{color:#000}.rephead{border-bottom-color:#8a5b00}}
/* Compact, collapsible navigation */
.sidebar-brand{padding:12px 16px 10px;background:#fff;border-bottom-color:#e7e1d4}
.company-logo{width:112px;max-width:100%;margin:0 auto;border-radius:0;background:#fff;filter:none;mix-blend-mode:normal}
.brand-caption{font-size:8px;letter-spacing:1.5px;margin-top:7px;color:#8a5b00}
.sidebar nav{padding:8px 10px;gap:2px;scrollbar-width:none;min-height:0}
.sidebar nav::-webkit-scrollbar{display:none}
.nav-label{padding:10px 10px 4px;font-size:9px;letter-spacing:1.4px}
.sidebar nav button{padding:8px 10px;font-size:13px;line-height:1.35;gap:10px;flex-shrink:0}
.nav-icon{font-size:17px}
.sidebar-footer{padding:12px 20px;font-size:11px}
#sidebarToggle{display:inline-block}
@media(min-width:901px){
 body.sidebar-hidden{padding-left:0}
 body.sidebar-hidden .sidebar{display:none}
}
@media(max-height:680px){
 .company-logo{width:88px}
 .sidebar-brand{padding:8px 16px}
 .sidebar nav button{padding:6px 10px}
 .nav-label{padding-top:7px}
 .sidebar-footer{padding:8px 20px}
}
@media print{#sidebarToggle{display:none!important}}