/* Layout: left rail (top tab strip on phones) + work area with KPI row, then tabbed tables */
/* ATEXSO identity v2: monochrome, datum-cut wordmark, signal colour for warnings only */
:root{
  --bg:#F2F3F3; --paper:#FFFFFF; --ink:#0E0F10; --muted:#555B62; --rule:#D5D8DB; --soft:#E9EBEC;
  --accent:#0E0F10; --accent-ink:#F2F3F3; --rail:#0E0F10; --rail-ink:#A3A8AE; --rail-active:#F2F3F3; --gold:#2A2C2F; --signal:#C2410C;
  --good:#1F6B47; --good-bg:#E3EFE8; --warn:#8A5A00; --warn-bg:#F5EEDC; --bad:#B42318; --bad-bg:#F8E3E0; --info:#2A2C2F; --info-bg:#E6E8EA;
  --s1:#0E0F10; --s2:#9AA0A6;
  --f-display:"Geist","IBM Plex Sans Thai","Helvetica Neue",Arial,sans-serif;
  --f-body:"Geist","IBM Plex Sans Thai","Helvetica Neue",Arial,sans-serif;
  --f-mono:"Geist Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0E0F10; --paper:#17191B; --ink:#ECEDED; --muted:#A3A8AE; --rule:#2C2F33; --soft:#202326;
  --accent:#ECEDED; --accent-ink:#0E0F10; --rail:#060707; --rail-ink:#A3A8AE; --rail-active:#F2F3F3; --gold:#C9CDD1; --signal:#FF7A3D;
  --good:#6FCF9C; --good-bg:#16291F; --warn:#E3B04B; --warn-bg:#2E2610; --bad:#F97066; --bad-bg:#3A1916; --info:#C9CDD1; --info-bg:#202326;
  --s1:#ECEDED; --s2:#6E747B; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0E0F10; --paper:#17191B; --ink:#ECEDED; --muted:#A3A8AE; --rule:#2C2F33; --soft:#202326;
  --accent:#ECEDED; --accent-ink:#0E0F10; --rail:#060707; --rail-ink:#A3A8AE; --rail-active:#F2F3F3; --gold:#C9CDD1; --signal:#FF7A3D;
  --good:#6FCF9C; --good-bg:#16291F; --warn:#E3B04B; --warn-bg:#2E2610; --bad:#F97066; --bad-bg:#3A1916; --info:#C9CDD1; --info-bg:#202326;
  --s1:#ECEDED; --s2:#6E747B; color-scheme:dark}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);line-height:1.45}
.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}
nav.rail{background:var(--rail);color:var(--rail-ink);padding-block:22px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:16px;display:flex;flex-direction:column;gap:4px}
.brand{display:flex;align-items:center;gap:10px;color:var(--rail-active);margin:0 8px 6px}
.brand .bs{width:30px;height:auto;flex:none}
.brand .bw{height:12px;width:auto;flex:none}
.tl{list-style:none;margin:0;padding:0;display:grid;gap:0}
.tl li{display:grid;grid-template-columns:96px 14px 1fr;gap:12px;align-items:start;padding:8px 0}
.tl .d{font:400 12.5px var(--f-mono);color:var(--muted);padding-top:2px;text-align:right}
.tl .n{width:12px;height:12px;border-radius:50%;margin-top:5px;background:var(--rule)}
.tl .n.done{background:var(--accent)} .tl .n.now{background:var(--gold)}
.tl .t{font-size:14px} .tl .t b{font-weight:600} .tl .t .nx{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.brand-sub{font:500 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;margin:0 8px 18px}
.rail a{display:flex;align-items:center;gap:10px;color:var(--rail-ink);text-decoration:none;padding:9px 10px;border-radius:3px;font-weight:500;font-size:14px;white-space:nowrap}
.rail a:hover{background:rgba(255,255,255,.06)}
.rail a[aria-current="page"]{background:rgba(255,255,255,.1);color:var(--rail-active)}
.rail .code{font:600 10.5px var(--f-mono);width:30px;color:inherit;opacity:.75}
.rail .spacer{flex:1}
main{min-width:0;padding-block:24px 64px;padding-left:28px;padding-right:max(28px,env(safe-area-inset-right,0px));display:grid;gap:20px;align-content:start}
.demo{background:var(--info-bg);color:var(--info);border-radius:3px;padding:8px 14px;font-size:13px}
.ph{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between}
.ph h1{font-family:var(--f-display);font-weight:600;letter-spacing:-.025em;font-size:clamp(22px,3vw,28px);margin:0;line-height:1.15}
.ph p{margin:4px 0 0;color:var(--muted);font-size:14px;max-width:70ch}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.kpi{background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:14px 16px;display:grid;gap:2px}
.kpi .l{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}
.kpi .v{font:500 22px var(--f-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.kpi .s{font-size:12.5px;color:var(--muted)}
.kpi .s.bad{color:var(--bad)}
.panel{background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:16px 18px;min-width:0}
.panel h2{font-family:var(--f-display);font-weight:600;letter-spacing:-.01em;font-size:16px;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--rule);overflow-x:auto}
.tabs button{font:500 14px var(--f-body);background:none;border:none;color:var(--muted);padding:9px 14px;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}
.tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--accent)}
.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0 10px}
.toolbar input[type=search]{flex:1 1 220px;min-width:0;font:400 14px var(--f-body);color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:7px 10px}
.btn{font:500 13.5px var(--f-body);color:var(--ink);background:var(--soft);border:1px solid var(--rule);border-radius:3px;padding:7px 14px;cursor:pointer;white-space:nowrap}
.btn.pri{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.danger{color:var(--bad);border-color:var(--bad);background:transparent}
.btn.danger.armed{background:var(--bad);color:#fff}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.tabs button:focus-visible,tr[tabindex]:focus-visible,.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tablewrap{overflow-x:auto;border:1px solid var(--rule);border-radius:3px}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{text-align:left;font-weight:600;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:var(--soft);padding:8px 10px;white-space:nowrap}
td{padding:9px 10px;border-top:1px solid var(--rule);vertical-align:top}
td.num,th.num{text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
tbody tr{cursor:pointer}
tbody tr:hover{background:var(--soft)}
.empty{padding:24px;text-align:center;color:var(--muted)}
.chip{display:inline-block;font:500 11.5px var(--f-body);padding:2px 8px;border-radius:3px;white-space:nowrap;background:var(--soft);color:var(--muted)}
.chip.good{background:var(--good-bg);color:var(--good)} .chip.warn{background:var(--warn-bg);color:var(--warn)}
.chip.bad{background:var(--bad-bg);color:var(--bad)} .chip.info{background:var(--info-bg);color:var(--info)}
.alerts{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.alerts li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:13.5px;padding:8px 10px;border-radius:3px;background:var(--soft)}
.alerts .when{color:var(--muted);font-size:12.5px}
/* chart */
.chart{position:relative}
.chart svg{display:block;width:100%;height:auto;color:var(--muted)}
.legend{display:flex;gap:16px;font-size:12.5px;color:var(--muted)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.tip{position:absolute;pointer-events:none;background:var(--ink);color:var(--paper);font-size:12.5px;padding:6px 9px;border-radius:3px;white-space:nowrap;transform:translate(-50%,-100%);margin-top:-8px}
.na{color:var(--muted);font-weight:400}
.linkbtn{background:none;border:none;color:var(--accent);font:500 12.5px var(--f-body);cursor:pointer;padding:0}
/* board */
.board{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:12px;overflow-x:auto;padding-bottom:4px}
.col{background:var(--soft);border-radius:4px;padding:10px;display:grid;gap:8px;align-content:start;min-width:190px}
.col h3{margin:0;font-size:13px;font-weight:600;display:flex;justify-content:space-between;gap:8px}
.col h3 span{font:500 12px var(--f-mono);color:var(--muted)}
.card{background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:9px 10px;cursor:pointer;display:grid;gap:3px;font-size:13px}
.card .t{font-weight:500}
.card .m{color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:6px}
.card .m b{font:500 12px var(--f-mono);color:var(--ink)}
.aging{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.aging div{background:var(--soft);border-radius:3px;padding:10px 12px}
.aging .l{font-size:12px;color:var(--muted)} .aging .v{font:500 16px var(--f-mono);font-variant-numeric:tabular-nums}
/* form overlay */
.overlay{position:fixed;inset:0;z-index:30;background:rgba(10,18,22,.5);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;
  padding-block:max(24px,env(safe-area-inset-top,0px)) 24px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.dialog{background:var(--paper);border-radius:4px;width:100%;max-width:560px;padding:20px 22px;display:grid;gap:14px;box-shadow:0 18px 50px rgba(0,0,0,.3)}
.dialog h2{font-family:var(--f-display);font-weight:500;font-size:18px;margin:0}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{display:grid;gap:4px;min-width:0}
.field.wide{grid-column:1/-1}
.field label{font-size:12.5px;color:var(--muted);font-weight:500}
.field input,.field select,.field textarea{font:400 14px var(--f-body);color:var(--ink);background:var(--bg);border:1px solid var(--rule);border-radius:3px;padding:8px 10px;width:100%;box-sizing:border-box}
.field textarea{min-height:70px;resize:vertical}
.calc{font-size:12.5px;color:var(--muted);background:var(--soft);border-radius:3px;padding:8px 10px}
.drow{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap}
.drow .r{display:flex;gap:8px}
.err{color:var(--bad);font-size:13px}
.set{display:grid;gap:12px;max-width:560px}
.set textarea{width:100%;box-sizing:border-box;min-height:120px;font:400 12px var(--f-mono);color:var(--ink);background:var(--bg);border:1px solid var(--rule);border-radius:3px;padding:8px}
.note{font-size:13px;color:var(--muted);margin:0}
/* analysis pipeline */
.pipe{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:16px 6px 14px}
.pipe button{position:relative;background:none;border:0;display:grid;justify-items:center;align-content:start;gap:4px;text-align:center;cursor:pointer;color:var(--ink);font:inherit;padding:0 6px;border-radius:3px}
.pipe button+button::before{content:"";position:absolute;top:14px;right:50%;width:100%;height:3px;background:var(--accent)}
.pipe button:last-child .sn{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--gold)}
.pipe .lb{font:600 13.5px var(--f-display)} .pipe .st{font-size:12px;color:var(--muted);line-height:1.3}
.pipe button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sn{position:relative;z-index:1;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font:600 13px var(--f-mono);flex:none}
.stepsec{scroll-margin-top:16px}
.stepsec h2 .tt{display:flex;align-items:center;gap:10px;font-size:17px}
.stepsec h2 .sn{width:26px;height:26px;font-size:12px}
td.lg{font:400 12px var(--f-mono);color:var(--muted)}
tr.ro{cursor:default} tr.ro:hover{background:none}
.vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.vbox{background:var(--bg);border:1px solid var(--rule);border-radius:4px;padding:14px 16px}
.vbox h3{margin:0 0 10px;font:600 13.5px var(--f-display)}
.bars{display:grid;gap:8px}
.br{display:grid;grid-template-columns:minmax(90px,140px) 1fr auto;gap:10px;align-items:center;font-size:13px}
.bl{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.track{display:flex;height:12px;background:var(--soft);border-radius:3px;overflow:hidden}
.track i{display:block;height:100%}
.bv{font:500 12px var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.story{display:grid;gap:12px;max-width:78ch}
.story h3{margin:0;font:600 24px var(--f-display);color:var(--accent)}
.story .eb{font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.story .sp{border-left:3px solid var(--accent);padding-left:12px}
.story .sp p{margin:2px 0 0;font-size:14.5px}
.dec{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dec li{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:start;padding:10px 12px;border-radius:3px;background:var(--soft);font-size:14px}
.dec li>.chip{justify-self:start}
.dec li div{display:grid;gap:3px}
.dec .when{color:var(--muted);font-size:12.5px}
.dec .acts{display:flex;gap:14px;align-items:center;margin-top:4px}
/* sign-in */
body.auth .shell{grid-template-columns:1fr}
body.auth nav.rail{display:none}
body.auth main{min-height:100vh;place-content:center}
.login{width:min(360px,100%);display:grid;gap:14px;background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:28px 26px}
.login h1{margin:0;font:600 24px var(--f-display);letter-spacing:-.02em}
.login .lbrand{display:flex;align-items:center;gap:10px;background:var(--rail);padding:12px 14px;border-radius:3px;justify-self:start}
.login .lbrand .bs{width:26px;height:auto}.login .lbrand .bw{height:11px;width:auto}
.login input{font:400 15px var(--f-body);color:var(--ink);background:var(--bg);border:1px solid var(--rule);border-radius:3px;padding:10px 12px;width:100%;box-sizing:border-box}
.login .btn.pri{padding:10px 14px;font-size:15px}
.signout{display:flex;align-items:center;gap:10px;color:var(--rail-ink);background:none;border:0;text-align:left;padding:9px 10px;border-radius:3px;font:500 14px var(--f-body);cursor:pointer}
.signout:hover{background:rgba(255,255,255,.06)}
.signout .code{font:600 10.5px var(--f-mono);width:30px;opacity:.75}
.demo.bad{background:var(--bad-bg);color:var(--bad)}
/* notes */
.ncats{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.ncat{font:500 13px var(--f-body);color:var(--muted);background:var(--soft);border:1px solid var(--rule);border-radius:3px;padding:5px 12px;cursor:pointer}
.ncat span{font:500 11.5px var(--f-mono);opacity:.8}
.ncat[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.ncat:focus-visible,.ncard:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.notes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.ncard{background:var(--bg);border:1px solid var(--rule);border-radius:4px;padding:14px 16px;display:grid;gap:8px;align-content:start;cursor:pointer;min-width:0}
.ncard:hover{border-color:var(--accent)}
.ncard header{display:flex;justify-content:space-between;gap:8px;align-items:start}
.ncard header b{font:600 15px var(--f-display);overflow-wrap:anywhere}
.ncard .pin{flex:none;font:600 10.5px var(--f-mono);text-transform:uppercase;letter-spacing:.05em;background:var(--ink);color:var(--bg);border-radius:4px;padding:1px 6px}
.ncard p{margin:0;font-size:13.5px;white-space:pre-line;overflow-wrap:anywhere;color:var(--ink)}
.ncard footer{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
#f-body{min-height:180px}
/* purchasing documents */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dialog.wide{max-width:940px}
.dhead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.lines td{padding:5px 6px;vertical-align:middle}
.lines th:nth-child(1),.lines td:nth-child(1){width:28px;text-align:center}
.lines th:nth-child(3),.lines td:nth-child(3),.lines th:nth-child(4),.lines td:nth-child(4){width:84px}
.lines th:nth-child(5),.lines td:nth-child(5),.lines th:nth-child(6),.lines td:nth-child(6){width:118px}
.lines th:nth-child(7),.lines td:nth-child(7){width:64px}
.lines td:nth-child(2){min-width:220px}
.lines input{font:400 14px var(--f-body);color:var(--ink);background:var(--bg);border:1px solid var(--rule);border-radius:3px;padding:6px 8px;width:100%;box-sizing:border-box}
.lines input[type=number]{text-align:right;font-family:var(--f-mono)}
.lines input:disabled,.field input:disabled,.field select:disabled,.field textarea:disabled{appearance:none;-webkit-appearance:none;resize:none;background:transparent;border-color:transparent;color:var(--ink);opacity:1;padding-left:0}
.ltot{display:grid;justify-items:end;gap:4px;font-size:14px}
.ltot div{display:grid;grid-template-columns:auto 150px;gap:16px;text-align:right}
.ltot b{font:500 14px var(--f-mono);font-variant-numeric:tabular-nums}
.ltot .gt b{font-size:16px;font-weight:600}
.ltot .words{margin:0;font-size:13px;color:var(--muted)}
#print{display:none}
@media print{
  @page{size:A4;margin:12mm 13mm}
  body.printing{background:#fff!important}
  body.printing .shell,body.printing #modal{display:none!important}
  body.printing #print{display:block}
}
.pdoc{position:relative;color:#0E0F10;background:#fff;font:400 10pt/1.45 "IBM Plex Sans Thai","Geist",Arial,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.pdoc small{display:block;font:500 7pt "Geist",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#555B62}
.pdoc header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:2px solid #0E0F10;padding-bottom:10px}
.pdoc .co{display:grid;gap:1px;font-size:9pt}.pdoc .co b{font-size:12pt}
.pdoc .lg{display:flex;align-items:center;gap:8px;flex:none}.pdoc .lg .bs{width:26px;height:auto}.pdoc .lg .bw{height:10px;width:auto}
.pdoc h1{margin:14px 0 10px;font:600 17pt "IBM Plex Sans Thai","Geist",sans-serif;display:flex;align-items:baseline;gap:10px}
.pdoc h1 small{display:inline;font-size:9pt}
.pdoc .ptop{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pdoc .pbox{border:1px solid #9AA0A6;padding:8px 10px}.pdoc .pbox h3{margin:0 0 4px;font-size:9pt;font-weight:600}.pdoc .pbox p{margin:0}
.pdoc .pmeta{margin:0;border:1px solid #9AA0A6;padding:6px 10px;display:grid;gap:3px}
.pdoc .pmeta div{display:grid;grid-template-columns:170px 1fr;gap:8px;align-items:baseline}
.pdoc .pmeta dt{font-weight:600;font-size:9pt}.pdoc .pmeta dt small{display:inline;margin-left:4px}.pdoc .pmeta dd{margin:0;font-family:"Geist","IBM Plex Sans Thai",sans-serif}
.pdoc .purp{margin:10px 0 0}
.pdoc .pitems{width:100%;border-collapse:collapse;margin-top:10px;font-size:9.5pt}
.pdoc .pitems th{background:#E9EBEC;color:#0E0F10;font-weight:600;font-size:9pt;text-transform:none;letter-spacing:0;padding:5px 6px;border:1px solid #9AA0A6;white-space:normal}
.pdoc .pitems td{border:1px solid #9AA0A6;border-top:0;border-bottom:0;padding:4px 6px}
.pdoc .pitems tbody tr:last-child td{border-bottom:1px solid #9AA0A6}
.pdoc .pitems tr.pad td{height:20px}
.pdoc .pitems tbody tr{cursor:default}.pdoc .pitems tbody tr:hover{background:none}
.pdoc .c{text-align:center}.pdoc .r{text-align:right;font-variant-numeric:tabular-nums}
.pdoc .ptot{display:grid;grid-template-columns:1fr 250px;gap:14px;margin-top:8px}
.pdoc .ptot .words p{margin:6px 0 0}
.pdoc .ptot dl{margin:0;display:grid;gap:2px}
.pdoc .ptot dl div{display:grid;grid-template-columns:1fr 100px;gap:8px;align-items:baseline;padding:2px 6px}
.pdoc .ptot dt small{display:inline;margin-left:4px}.pdoc .ptot dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.pdoc .ptot .gt{border-top:2px solid #0E0F10;border-bottom:2px solid #0E0F10;font-weight:600}
.pdoc .psign{display:grid;gap:18px;margin-top:40px;break-inside:avoid}.pdoc .psign.two{grid-template-columns:1fr 1fr}.pdoc .psign.three{grid-template-columns:1fr 1fr 1fr}
.pdoc .sg{text-align:center;font-size:9pt}.pdoc .sg .ln{border-bottom:1px dotted #0E0F10;height:36px;margin:0 8px 4px}.pdoc .sg p{margin:1px 0}.pdoc .sg small{display:inline;margin-left:4px}
.pdoc .stamp{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%) rotate(-18deg);font:700 34pt "Geist","IBM Plex Sans Thai",sans-serif;color:rgba(194,65,12,.18);border:4px solid rgba(194,65,12,.18);padding:4px 18px;white-space:nowrap;pointer-events:none}
@media (max-width:900px){
  .pipe{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}
  .pipe button:nth-child(4)::before{display:none}
  .br{grid-template-columns:90px 1fr auto}
  .shell{grid-template-columns:1fr}
  nav.rail{flex-direction:row;overflow-x:auto;padding-block:10px;padding-right:max(16px,env(safe-area-inset-right,0px));gap:2px;position:sticky;top:env(safe-area-inset-top,0px);z-index:10}
  body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:11;background:var(--rail)}
  .brand,.brand-sub,.rail .spacer{display:none}
  nav.rail{align-items:center}
  main{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .grid2{grid-template-columns:1fr}
  .fields{grid-template-columns:1fr}
  .aging{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}