/* FileBuddy Accounts
   Layout: navy brand bar on top, register index on the left (a scrolling strip on phones), ruled working area on the right.
   Palette taken from the FileBuddy mascot: folder navy, spectacle teal, outline ink, smile coral. */
:root{
  --navy:#163960; --teal:#00A0A1; --coral:#D9505C;
  --bg:#F2F5F9; --surface:#FFFFFF; --sunk:#E9EEF4; --ink:#0F2440; --muted:#56667E; --line:#D3DCE7; --rule:#EAEFF5;
  --accent:#00777A; --accent-soft:#DBF1F1;
  --primary:#163960; --primary-ink:#FFFFFF;
  --bar-bg:#163960; --bar-ink:#FFFFFF; --bar-muted:#A9BDD6; --bar-line:rgba(255,255,255,.18); --bar-field:#1F4673;
  --good:#1C7549; --good-soft:#E3F2EA; --bad:#B42318; --bad-soft:#FBE9E7; --warn:#8C5B00; --warn-soft:#FBF0D9;
  --scrim:rgba(15,36,64,.5);
  --f-display:"Baloo 2", "Trebuchet MS", system-ui, sans-serif;
  --f-body:"Mukta", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-num:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --r:10px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0A1424; --surface:#112038; --sunk:#172A49; --ink:#E4EBF5; --muted:#94A4BC; --line:#253B5E; --rule:#1A2E4D;
  --accent:#4FD0D0; --accent-soft:#103B45; --primary:#3CC4C5; --primary-ink:#04282A;
  --bar-bg:#0E2645; --bar-ink:#FFFFFF; --bar-muted:#93A9C6; --bar-line:rgba(255,255,255,.14); --bar-field:#173459;
  --good:#5CC48D; --good-soft:#163326; --bad:#F27D73; --bad-soft:#3A1C1C; --warn:#E3B651; --warn-soft:#352A12;
  --scrim:rgba(0,0,0,.62); color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#0A1424; --surface:#112038; --sunk:#172A49; --ink:#E4EBF5; --muted:#94A4BC; --line:#253B5E; --rule:#1A2E4D;
  --accent:#4FD0D0; --accent-soft:#103B45; --primary:#3CC4C5; --primary-ink:#04282A;
  --bar-bg:#0E2645; --bar-ink:#FFFFFF; --bar-muted:#93A9C6; --bar-line:rgba(255,255,255,.14); --bar-field:#173459;
  --good:#5CC48D; --good-soft:#163326; --bad:#F27D73; --bad-soft:#3A1C1C; --warn:#E3B651; --warn-soft:#352A12;
  --scrim:rgba(0,0,0,.62); color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{min-height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.45}
button{font:inherit;color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.muted{color:var(--muted)} .small{font-size:13px}
:focus-visible{outline:2px solid var(--teal);outline-offset:1px}

/* ---------- login ---------- */
.login{min-height:100vh;min-height:100dvh;background:var(--navy);display:flex;align-items:center;justify-content:center;
  padding-block:calc(env(safe-area-inset-top,0px) + 32px) calc(env(safe-area-inset-bottom,0px) + 32px);
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.login-card{width:100%;max-width:400px;background:var(--surface);border-radius:18px;padding:28px 24px 22px;display:flex;flex-direction:column;gap:18px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.login-brand{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.login-brand img{width:92px;height:92px;border-radius:20px;border:3px solid var(--navy)}
.wordmark{font-family:var(--f-display);font-weight:700;font-size:32px;line-height:1;letter-spacing:-.01em;color:var(--ink)}
.wordmark b{color:var(--accent);font-weight:700}
.login-brand p{margin:0;color:var(--muted)}
.login form{display:flex;flex-direction:column;gap:12px}
.pw{position:relative;display:block}
.pw input{padding-right:64px}
.pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--accent);font-weight:600;font-size:13px;cursor:pointer;padding:6px}
.login .btn{justify-content:center;padding:11px 14px;font-size:16px}
.login-note{font-size:13px;color:var(--muted);text-align:center;margin:0}
.splash{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy)}
.splash img{width:84px;height:84px;border-radius:18px;opacity:.95}

/* ---------- top bar ---------- */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--bar-bg);color:var(--bar-ink);
  padding-block:8px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
  display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.brand{display:flex;align-items:center;gap:9px;flex:none}
.brand img{width:34px;height:34px;border-radius:8px;display:block}
.brand .wordmark{color:#fff;font-size:22px}
.brand .wordmark b{color:#5FD3D3}
.top select{background:var(--bar-field);color:var(--bar-ink);border:1px solid var(--bar-line);font-weight:600;max-width:34vw;padding:6px 8px;border-radius:7px}
.top .pick{display:flex;flex-direction:column;gap:0;min-width:0}
.top .pick span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--bar-muted);font-weight:600}
.top .grow{flex:1}
.top .btn{background:var(--teal);border-color:var(--teal);color:#04282A}
.who{border:1px solid var(--bar-line);background:none;color:var(--bar-ink);border-radius:999px;width:36px;height:36px;font-weight:700;cursor:pointer;flex:none;font-family:var(--f-display);font-size:16px}
.who:hover{background:var(--bar-field)}
@media (max-width:640px){.brand .wordmark,.top .addv kbd,.top .pick span{display:none}.top .addv .lbl{display:none}}

/* ---------- shell ---------- */
.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - var(--hh,52px))}
nav.side{background:var(--surface);border-right:1px solid var(--line);padding-block:14px 24px;
  padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:12px;
  position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hh,52px));align-self:start;max-height:calc(100vh - var(--hh,52px));overflow:auto}
nav .sec{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:14px 10px 4px}
nav .sec:first-child{margin-top:0}
nav button{display:block;width:100%;text-align:left;padding:6px 10px;border-radius:7px;border:0;background:none;cursor:pointer}
nav button:hover{background:var(--sunk)}
nav button[aria-current="page"]{background:var(--accent-soft);color:var(--accent);font-weight:700}
nav .note{margin:18px 10px 0;font-size:12px;color:var(--muted);line-height:1.4}
main{padding-block:22px 96px;padding-left:28px;padding-right:max(16px,env(safe-area-inset-right,0px));min-width:0;display:flex;flex-direction:column;gap:18px}
@media (max-width:820px){
  .shell{grid-template-columns:minmax(0,1fr)}
  nav.side{display:flex;gap:4px;overflow-x:auto;max-height:none;border-right:0;border-bottom:1px solid var(--line);z-index:25;
    padding-block:8px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  nav .sec,nav .note{display:none}
  nav button{white-space:nowrap;width:auto}
  main{padding-left:max(16px,env(safe-area-inset-left,0px))}
}

/* ---------- type ---------- */
h1{font-family:var(--f-display);font-weight:700;font-size:28px;line-height:1.1;margin:2px 0 0;text-wrap:balance;letter-spacing:-.01em}
h2{font-size:16px;font-weight:700;margin:0;text-wrap:balance}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.head p{margin:4px 0 0;color:var(--muted)}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}

/* ---------- surfaces ---------- */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);min-width:0}
.card>.ch{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}
.pad{padding:14px}
.two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:1000px){.two{grid-template-columns:minmax(0,1fr)}}

/* ---------- tables ---------- */
.tbl{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14px}
th{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:700;text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--sunk);white-space:nowrap}
td{padding:8px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
th.num,td.num,.num{text-align:right;font-family:var(--f-num);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}
td.num.l,th.num.l{text-align:left}
tr.grp td{background:var(--sunk);font-weight:700}
tr.tot td{font-weight:700;border-top:2px solid var(--ink);border-bottom:0}
tr.click{cursor:pointer}
tr.click:hover td{background:var(--accent-soft)}
td .sub{display:block;font-size:12.5px;color:var(--muted)}
.linkish{background:none;border:0;padding:0;color:var(--ink);font-weight:600;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.linkish:hover{text-decoration-color:var(--accent);color:var(--accent)}
.empty{padding:28px 16px;text-align:center;color:var(--muted)}

/* ---------- tiles ---------- */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.tile{padding:14px 16px;display:flex;flex-direction:column;gap:3px}
.tile .k{font-size:13px;color:var(--muted);font-weight:500}
.tile .v{font-family:var(--f-num);font-size:19px;font-weight:600;font-variant-numeric:tabular-nums}
.tile .s{font-size:12.5px;color:var(--muted)}
.tile.hi{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}
.tile.hi .v{color:var(--accent)}

/* ---------- pills ---------- */
.pill{display:inline-block;font-size:11.5px;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--sunk);color:var(--muted);white-space:nowrap}
.pill.good{background:var(--good-soft);color:var(--good)} .pill.bad{background:var(--bad-soft);color:var(--bad)} .pill.warn{background:var(--warn-soft);color:var(--warn)} .pill.acc{background:var(--accent-soft);color:var(--accent)}
kbd{font-family:var(--f-num);font-size:10.5px;border:1px solid currentColor;border-radius:4px;padding:0 4px;opacity:.7;font-weight:500}
@media (hover:none){kbd{display:none}}

/* ---------- forms ---------- */
label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);font-weight:600;min-width:0}
input,select,textarea{font:inherit;font-size:15px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:8px 10px;min-width:0;width:100%}
input[readonly]{background:var(--sunk);font-family:var(--f-num);font-size:14px}
textarea{resize:vertical}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.hint{font-size:12.5px;color:var(--muted);font-weight:500} .hint.ok{color:var(--good)} .hint.no{color:var(--bad)}
.err{border:1px solid var(--bad);background:var(--bad-soft);color:var(--bad);border-radius:7px;padding:10px 12px;font-size:14px;margin:0}
.err ul{margin:4px 0 0;padding-left:18px}
.ok-box{border:1px solid var(--good);background:var(--good-soft);color:var(--ink);border-radius:7px;padding:12px 14px;font-size:14px;display:flex;flex-direction:column;gap:6px}
.ok-box dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;margin:0}
.ok-box dt{color:var(--muted)} .ok-box dd{margin:0;font-family:var(--f-num);font-size:13.5px;overflow-wrap:anywhere}
details.card>summary{cursor:pointer;padding:12px 14px;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center}
details.card>summary::-webkit-details-marker{display:none}
details.card>summary::after{content:"+";font-family:var(--f-num);color:var(--accent);font-size:18px}
details.card[open]>summary::after{content:"–"}
details.card form,.fstack{padding:0 14px 14px;display:flex;flex-direction:column;gap:12px}

/* ---------- buttons ---------- */
.btn{font-weight:700;border-radius:7px;padding:7px 14px;border:1px solid var(--primary);background:var(--primary);color:var(--primary-ink);cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--ink)}
.btn.danger{background:var(--surface);color:var(--bad);border-color:var(--bad)}
.btn.sm{padding:4px 10px;font-size:13.5px}
.btn[disabled]{opacity:.5;cursor:progress}
.tabs{display:flex;flex-wrap:wrap;gap:6px}
.tab{font-size:14px;font-weight:700;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.tab[aria-pressed="true"]{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}
.tab[disabled]{opacity:.4;cursor:not-allowed}
.x{width:34px;height:36px;border:1px solid var(--line);border-radius:7px;background:var(--surface);cursor:pointer;color:var(--muted);font-size:17px;line-height:1}
.x:hover{color:var(--bad);border-color:var(--bad)}

/* ---------- voucher entry ---------- */
.vform{display:flex;flex-direction:column;gap:16px;padding:16px}
.pinfo{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.pinfo .g{font-family:var(--f-num);font-size:13px}
.irows,.lrows{display:flex;flex-direction:column;gap:8px}
.irow{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,.9fr) minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1.2fr) 34px;gap:8px;align-items:center}
.irow.h,.lrow.h{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.irow .c-amt{text-align:right;font-family:var(--f-num);font-variant-numeric:tabular-nums}
.lrow{display:grid;grid-template-columns:78px minmax(0,1fr) minmax(0,170px) 34px;grid-template-areas:"side led amt del";gap:8px;align-items:start}
.lrow .c-side{grid-area:side}.lrow .c-led{grid-area:led}.lrow .c-amt{grid-area:amt}.lrow .c-del{grid-area:del}
.lrow .bal{font-size:12px;color:var(--muted);font-family:var(--f-num);margin-top:3px;display:block}
@media (max-width:640px){
  .irow{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;border:1px solid var(--line);border-radius:7px}
  .irow .c-item{grid-column:1/-1}
  .irow .c-amt{grid-column:1/3;text-align:left;align-self:center}
  .irow.h,.lrow.h{display:none}
  .lrow{grid-template-columns:70px minmax(0,1fr) 34px;grid-template-areas:"side led del" ". amt .";padding-bottom:8px;border-bottom:1px solid var(--rule)}
}
.vtot{display:grid;grid-template-columns:auto auto;justify-content:end;gap:5px 28px;padding-top:12px;border-top:1px solid var(--line)}
.vtot .num{min-width:120px}
.vtot .gt{font-size:17px;font-weight:700;padding-top:6px;border-top:1px solid var(--ink)}
.vtot .bad{color:var(--bad)}
.words{grid-column:1/-1;text-align:right;font-size:12.5px;color:var(--muted);margin:2px 0 0}

/* ---------- T-form statements ---------- */
.t2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tcol{display:flex;flex-direction:column;min-width:0}
.tcol+.tcol{border-left:1px solid var(--line)}
.thd{display:flex;justify-content:space-between;padding:9px 14px;background:var(--sunk);font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.trow{display:flex;justify-content:space-between;gap:12px;padding:7px 14px;border-bottom:1px solid var(--rule)}
.trow span:first-child{min-width:0}
.trow.sub{padding-left:28px;color:var(--muted);font-size:14px}
.trow.strong{font-weight:600}
.trow.tot{font-weight:700;border-top:2px solid var(--ink);border-bottom:0;margin-top:auto}
.trow.hl{color:var(--accent);font-weight:700}
@media (max-width:700px){.t2{grid-template-columns:minmax(0,1fr)}.tcol+.tcol{border-left:0;border-top:1px solid var(--line)}}

/* ---------- invoice paper ---------- */
.paper{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:14px}
.paper .pt{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-bottom:2px solid var(--ink);padding-bottom:12px}
.paper .pt h3{font-family:var(--f-display);font-weight:700;font-size:22px;margin:0}
.paper .doc{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.paper .parties{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;font-size:14px}
.paper .parties b{display:block;font-size:15px}

/* ---------- modal + toast ---------- */
.ov{position:fixed;inset:0;z-index:50;background:var(--scrim);display:flex;justify-content:center;align-items:flex-start;overflow:auto;
  padding-top:calc(env(safe-area-inset-top,0px) + 24px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px);
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.modal{width:100%;max-width:840px;background:var(--bg);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:14px;padding:18px}
.modal.narrow{max-width:440px}
.modal .mh{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 20px);z-index:60;background:var(--ink);color:var(--surface);padding:10px 16px;border-radius:9px;font-weight:600;font-size:14px;max-width:calc(100% - 32px)}

/* ---------- companies, clients, account ---------- */
.cos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.co-card{padding:16px;display:flex;flex-direction:column;gap:8px}
.co-card h3{font-family:var(--f-display);font-weight:700;font-size:20px;line-height:1.15;margin:0}
.co-card .g{font-family:var(--f-num);font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.co-card.on{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}
.folder{font-family:var(--f-num);font-size:12.5px;background:var(--sunk);border-radius:6px;padding:4px 8px;overflow-wrap:anywhere;color:var(--ink)}
.logins{display:flex;flex-direction:column;border-top:1px solid var(--rule);margin-top:4px}
.login-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 10px;padding:8px 0;border-bottom:1px solid var(--rule);align-items:center}
.login-row .u{font-family:var(--f-num);font-size:13px}
.callout{border-left:3px solid var(--teal);padding:10px 14px;background:var(--surface);border-radius:0 8px 8px 0;font-size:14px;color:var(--muted)}
.steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.notices{display:flex;flex-direction:column}
.notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;background:var(--accent-soft);color:var(--ink);border-bottom:1px solid var(--line);font-size:14.5px;font-weight:500;
  padding-block:8px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.notice span{min-width:0;overflow-wrap:anywhere}
.notice.update{background:var(--warn-soft)}
.terms{margin:0;font-size:13px;color:var(--muted);border-top:1px solid var(--rule);padding-top:10px}
form.card{display:flex;flex-direction:column}
.st-group{padding:14px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.st-group .fgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.st-foot{padding:14px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.offline{background:var(--warn-soft);color:var(--warn);font-weight:600;font-size:13.5px;text-align:center;padding:6px 16px}
@media (prefers-reduced-motion: no-preference){.btn,.tab,nav button{transition:background .12s,border-color .12s,filter .12s}}

/* ---------- company logo ---------- */
.logo-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.logo-box{width:220px;max-width:100%;height:110px;border:1px dashed var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff;padding:8px}
.logo-preview{max-width:100%;max-height:100%;object-fit:contain}
.pt-left{display:flex;gap:14px;align-items:center;min-width:0}
.inv-logo{max-height:64px;max-width:180px;object-fit:contain;background:#fff;border-radius:4px}
.print-head{display:none}
.co-logo{max-height:56px;max-width:170px;object-fit:contain}

/* ---------- printing: invoices and reports on plain white paper ---------- */
@media print {
  :root, :root:not([data-theme="light"]), :root[data-theme="dark"] {
    --bg:#fff; --surface:#fff; --sunk:#f1f3f6; --ink:#000; --muted:#444; --line:#bbb; --rule:#ddd; --accent:#00585a; --accent-soft:#eef7f7;
    --good:#14532d; --good-soft:#eef7f1; --bad:#8b1a12; --bad-soft:#fbeeec; --warn:#6b4500; --warn-soft:#fbf4e6; color-scheme:light;
  }
  @page { margin:12mm; }
  body{background:#fff;font-size:11pt}
  .top, nav.side, #notices, .offline, .toast, .no-print, .btn, .tabs, .x, kbd, .callout, .head .row, details.card, .err { display:none !important; }
  .shell{display:block;min-height:0}
  main{padding:0 !important;gap:10px}
  .card{border:1px solid var(--line);break-inside:avoid}
  .tbl{overflow:visible}
  table{font-size:10pt}
  tr.click:hover td{background:transparent}
  h1{font-size:18pt}
  .print-head{display:flex;gap:14px;align-items:center;border-bottom:2px solid #000;padding-bottom:8px;margin-bottom:4px}
  .print-head div{display:flex;flex-direction:column;font-size:10pt}
  .print-head b{font-size:13pt}
  /* printing an invoice from its window: only the window */
  body[data-print="modal"] #app{display:none !important}
  body[data-print="modal"] .ov{position:static;background:none;padding:0;display:block !important;overflow:visible}
  body[data-print="modal"] .modal{max-width:none;border:0;padding:0;background:#fff}
  body[data-print="modal"] .modal .mh{display:none}
  body[data-print="modal"] .modal > .card{display:none}
  body[data-print="modal"] .paper{border:0;padding:0}
  body[data-print="page"] .ov{display:none !important}
}