*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{background:var(--bg);color:var(--text);font-family:var(--f-ui);font-size:14px}
button{font-family:var(--f-ui);cursor:pointer}
input,select,textarea{font-family:var(--f-ui)}
.mono{font-family:var(--f-mono)}
.pos{color:var(--pos)}
.neg{color:var(--neg)}
.dim{color:var(--dim)}
[hidden]{display:none !important}

/* ── login ─────────────────────────────────────────────── */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}
.login-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);padding:34px 38px;width:340px}
.login-card label{display:block;font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:14px 0 5px}
.login-card input{width:100%;background:var(--input);border:1px solid var(--border);border-radius:var(--r-input);color:var(--text);padding:9px 11px;font-size:14px}
.login-card input:focus{outline:none;border-color:var(--accent)}
.login-card button{width:100%;margin-top:20px;background:var(--accent);color:var(--bg);border:none;border-radius:var(--r-input);padding:10px;font-weight:700;font-size:14px}
.login-err{color:var(--neg);font-size:12.5px;margin-top:12px;min-height:16px}

/* ── top bar ───────────────────────────────────────────── */
.topbar{display:flex;align-items:center;gap:26px;padding:14px 26px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:20}
.logo{font-family:var(--f-serif);font-size:23px;font-weight:600;white-space:nowrap}
.logo em{color:var(--accent)}
.nav{display:flex;gap:20px;flex:1}
.nav a{color:var(--dim);text-decoration:none;font-size:13.5px;font-weight:600;padding:6px 2px;border-bottom:2px solid transparent}
.nav a.on{color:var(--text);border-bottom-color:var(--accent)}
.nav a:hover{color:var(--text)}
.topdate{font-family:var(--f-serif);font-style:italic;font-size:13.5px;color:var(--dim);white-space:nowrap}
.legacylink{color:var(--dim);font-size:11px;text-decoration:underline dotted}
.legacylink:hover{color:var(--text)}
.settings-pill{background:var(--panel);border:1px solid var(--border);border-radius:99px;color:var(--text);font-size:12.5px;font-weight:600;padding:7px 14px}
.settings-pill.on{border-color:var(--accent);color:var(--accent)}

/* ── layout ────────────────────────────────────────────── */
.page{max-width:1240px;margin:0 auto;padding:22px 26px 46px}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel)}
.empty{border:1.5px dashed var(--border);border-radius:var(--r-panel);padding:30px;text-align:center;font-family:var(--f-serif);font-style:italic;font-size:14px;color:var(--dim)}

/* ── KPI hero row ──────────────────────────────────────── */
.kpis{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:var(--r-panel);background:var(--panel);margin-bottom:22px}
.kpi{padding:16px 20px;border-right:1px solid var(--border2)}
.kpi:last-child{border-right:none}
/* toggle sits over the last tile's empty top-right corner, so it stays out of
   the 4-column grid flow instead of becoming a fifth column */
.kpitog{position:absolute;top:7px;right:9px;padding:5px 9px;
  display:flex;align-items:center;gap:5px;background:var(--hdr);
  border:1px solid var(--border);border-radius:5px;color:var(--dim);
  font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;line-height:1}
.kpitog:hover{color:var(--text);border-color:var(--dim);background:var(--panel)}
.kpitog .kpichev{font-style:normal;font-size:9px;line-height:1;position:relative;top:.5px}
.kpis.kpimin{grid-template-columns:1fr}
.kpimin .kpitog{top:50%;transform:translateY(-50%)}
.kpihint{padding:9px 20px;font-size:9.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--dim)}
.kpi .lbl{font-size:9.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--dim);margin-bottom:6px}
.kpi .val{font-family:var(--f-serif);font-size:26px;font-weight:500;line-height:1.1}
.kpi .sub{font-size:11px;color:var(--dim);margin-top:4px;font-family:var(--f-mono)}

/* ── journal grid ──────────────────────────────────────── */
.jgrid{display:grid;grid-template-columns:1fr 392px;gap:22px;align-items:start}

/* calendar */
.calhead{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
.calhead h2{font-family:var(--f-serif);font-size:19px;font-weight:500}
.calnav{display:flex;gap:2px}
.calnav button{background:none;border:1px solid var(--border);border-radius:5px;color:var(--dim);width:26px;height:26px;font-size:14px;line-height:1}
.calnav button:hover{color:var(--text);border-color:var(--dim)}
.legend{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}
.legend span{font-size:10px;color:var(--dim);display:flex;align-items:center;gap:4px}
.legend i{width:6.5px;height:6.5px;border-radius:50%;display:inline-block}
.cal{border:1px solid var(--border);border-radius:var(--r-panel);overflow:hidden;background:var(--panel)}
.dow{display:grid;grid-template-columns:repeat(7,1fr);background:var(--hdr);border-bottom:1px solid var(--border)}
.dow div{padding:6px 8px;font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}
.cells{display:grid;grid-template-columns:repeat(7,1fr)}
.cell{min-height:84px;padding:7px 8px;border-right:1px solid var(--border2);border-bottom:1px solid var(--border2);position:relative}
.cell:nth-child(7n){border-right:none}
.cell.out{background:var(--calout)}
.cell.out .dnum{opacity:.45}
.cell.today{box-shadow:inset 0 2px 0 var(--accent)}
.cell.today .dnum{color:var(--accent)}
.cell.hasT{cursor:pointer}
.cell.hasT:hover{background:var(--hdr)}
.cell.sel{outline:1.5px solid var(--amb);outline-offset:-1.5px}
.dnum{font-family:var(--f-serif);font-size:11.5px;color:var(--dim)}
.cellbp{font-family:var(--f-mono);font-size:14.5px;font-weight:600;margin-top:3px}
.dots{display:flex;gap:3px;flex-wrap:wrap;margin-top:5px}
.dots i{width:6.5px;height:6.5px;border-radius:50%}
.openct{position:absolute;bottom:6px;right:8px;font-size:9px;color:var(--dim);font-family:var(--f-mono)}

/* day drawer */
.drawer{border:1px solid var(--amb);border-radius:var(--r-panel);background:var(--panel);margin-top:14px;padding:13px 16px}
.drawer .dhead{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.drawer .dtitle{font-family:var(--f-serif);font-size:14.5px}
.drawer .dclear{margin-left:auto;background:none;border:none;color:var(--dim);font-size:12px}
.drawer .dclear:hover{color:var(--text)}
.dchips{display:flex;flex-wrap:wrap;gap:6px}
.dchip{display:flex;gap:8px;align-items:center;background:var(--hdr);border:1px solid var(--border2);border-radius:var(--r-chip);padding:5px 9px;font-size:11.5px;color:var(--text);font-family:var(--f-ui)}
.dchip .mono{font-weight:600}
button.dchip:hover{border-color:var(--accent);cursor:pointer}

/* insight note */
.insight{border:1px solid var(--border);border-left:3px solid var(--amb);border-radius:var(--r-panel);background:var(--panel);padding:12px 16px;margin-top:14px;font-family:var(--f-serif);font-style:italic;font-size:12.5px;color:var(--dim)}
.insight b{color:var(--text);font-weight:600}

/* right rail */
.rail{display:flex;flex-direction:column;gap:16px}
.rail h3{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin-bottom:8px}

/* season strip (bottom of journal) */
.season{margin-top:26px}
.seasonhead{display:flex;align-items:baseline;gap:14px;margin-bottom:10px}
.seasonhead h3{font-family:var(--f-serif);font-size:15px;font-weight:500}
.kbdhint{font-size:10.5px;color:var(--dim);font-family:var(--f-mono)}
.tiles{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.tile{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 12px}
.tile.cur{border-color:var(--amb)}
.tile .m{font-size:9.5px;font-family:var(--f-mono);color:var(--dim);letter-spacing:.06em}
.tile .v{font-size:15px;font-weight:700;font-family:var(--f-mono);margin:3px 0 6px}
.tile .bar{height:4px;background:var(--border2);border-radius:2px;position:relative;overflow:hidden}
.tile .bar i{position:absolute;top:0;height:100%;border-radius:2px}

/* ── settings ──────────────────────────────────────────── */
.set-section{margin-bottom:26px}
.set-section h2{font-family:var(--f-serif);font-size:17px;font-weight:500;margin-bottom:12px}
.themecards{display:flex;gap:14px}
.themecard{width:190px;border:2px solid var(--border);border-radius:var(--r-panel);padding:0;overflow:hidden;background:none;text-align:left}
.themecard.on{border-color:var(--accent)}
.themecard .prev{height:86px;padding:10px 12px}
.themecard .prev .pt{font-family:var(--f-serif);font-size:12px}
.themecard .prev .pl{height:5px;border-radius:3px;margin-top:8px;width:70%}
.themecard .nm{padding:8px 12px;font-size:12px;font-weight:600;display:flex;gap:8px;align-items:center;background:var(--panel);color:var(--text)}
.themecard .tag{font-size:8.5px;letter-spacing:.08em;color:var(--dim);border:1px solid var(--border);padding:1.5px 5px;border-radius:3px}
.prev-dark{background:#121410}
.prev-dark .pt{color:#e9ece4}
.prev-dark .pl{background:#191d18;border:1px solid #2a2f28}
.prev-light{background:#f7f5f0}
.prev-light .pt{color:#20241f}
.prev-light .pl{background:#fff;border:1px solid #ddd8cb}

/* ── paper slips ───────────────────────────────────────── */
.railsum{margin-left:8px;font-size:9.5px;text-transform:none;letter-spacing:0;color:var(--dim)}
.slips{display:flex;flex-direction:column;gap:12px}
.slipsec{margin-top:16px}
.slipsec h3{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin-bottom:9px}
.sliprow{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;align-items:start}
.sliprow .empty{grid-column:1/-1;padding:18px}
.slip{background:var(--paper);color:var(--ink);border-radius:3px;box-shadow:var(--slipshadow);padding:12px 14px}
.slip.sbuy{background:#edf2df;border-left:3px solid #7fae7a}
.slip.ssell{background:#f7eade;border-left:3px solid #c98a76}
.sliphead{display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid var(--ink);padding-bottom:7px;margin-bottom:9px}
.tno{font-size:10.5px;color:var(--inkmut);letter-spacing:.04em}
.stamp{background:none;border:2px solid var(--stamp);color:var(--stamp);font-weight:800;font-size:10px;letter-spacing:.12em;padding:2px 8px;border-radius:3px;transform:rotate(-4deg);font-family:var(--f-ui)}
.stamp.wk{border-color:#a87b1f;color:#a87b1f;border-style:dashed}
.stamp:hover{filter:brightness(1.15)}
.sym{font-weight:800;font-size:15px;letter-spacing:.02em}
.sub{font-size:11px;color:var(--inkmut);margin-top:3px}
.slipbp{font-size:11px;color:var(--inkmut);margin-top:3px}
.slipbp .bpt{color:var(--stamp);font-weight:700}
.slipbp .bps{color:#b0432f;font-weight:700}
.slipnotes{font-family:var(--f-serif);font-style:italic;font-size:11.5px;color:var(--inkmut);margin-top:5px}
.slipactions{display:flex;gap:8px;margin-top:11px}
.slipbtn{flex:1;background:none;border:1.5px solid var(--ink);border-radius:5px;color:var(--ink);font-weight:700;font-size:11.5px;padding:6px}
.slipbtn.dark{background:var(--ink);color:var(--paper)}
.slipbtn:hover{opacity:.85}

/* close section on a slip */
.closesec{border-top:1.5px dashed var(--inkmut);margin-top:10px;padding-top:10px;display:flex;flex-direction:column;gap:7px}
.crow{display:flex;gap:8px;align-items:center}
.cin{flex:1;background:#fffdf6;border:1px solid var(--inkmut);border-radius:4px;color:var(--ink);padding:6px 9px;font-size:12px;min-width:0}
.cin:focus{outline:none;border-color:var(--ink)}
.cest{font-size:13px;font-weight:700;min-width:64px;text-align:right;color:var(--inkmut)}
.cest.cp{color:var(--stamp)}
.cest.cn{color:#b0432f}
.closesec .bondfmt{margin:-3px 0 0 2px;color:var(--inkmut)}
.stampbtn{flex:1;background:var(--stamp);border:none;border-radius:4px;color:#fff;font-weight:800;font-size:11.5px;letter-spacing:.06em;padding:7px}
.cancelbtn{background:none;border:1px solid var(--inkmut);border-radius:4px;color:var(--inkmut);font-size:11.5px;padding:7px 12px}
.sliplinks{margin-top:7px;font-size:10px;color:var(--inkmut);text-align:right}
.sliplinks button{background:none;border:none;color:var(--inkmut);font-size:10px;text-decoration:underline;padding:0}
.sliplinks button:hover{color:#b0432f}
.slipbtn:disabled{opacity:.4;cursor:default}

/* confirmation modal */
.modalback{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:60}
.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);padding:22px 24px;width:380px}
.mtitle{font-family:var(--f-serif);font-size:17px;margin-bottom:9px}
.mtext{font-size:12.5px;color:var(--dim);line-height:1.5;margin-bottom:16px}
.mbtns{display:flex;gap:10px;justify-content:flex-end}
.mcancel{background:none;border:1px solid var(--border);border-radius:var(--r-input);color:var(--dim);padding:7px 14px;font-size:12.5px}
.mdo{background:var(--accent);border:none;border-radius:var(--r-input);color:var(--bg);font-weight:700;padding:7px 14px;font-size:12.5px}
.mdo.danger{background:var(--neg)}

/* ghost CLOSED stamp */
@keyframes ghostin{0%{opacity:0;transform:scale(.92)}12%{opacity:1;transform:scale(1.02)}20%{transform:scale(1)}80%{opacity:1}100%{opacity:0}}
.ghost{position:fixed;bottom:30px;right:30px;z-index:55;background:var(--paper);color:var(--ink);border-radius:3px;box-shadow:var(--slipshadow);padding:14px 18px;width:270px;animation:ghostin 1.6s ease forwards}
.gstamp{position:absolute;top:10px;right:12px;border:2.5px solid var(--stamp);color:var(--stamp);font-weight:800;font-size:13px;letter-spacing:.14em;padding:2px 9px;border-radius:3px;transform:rotate(-8deg)}
.gstamp.gneg{border-color:#b0432f;color:#b0432f}
.gsym{font-weight:800;font-size:14px}
.gsub{font-size:10.5px;color:var(--inkmut);margin-top:3px}
.gbp{font-size:17px;font-weight:700;margin-top:7px}

/* ── new ticket panel ──────────────────────────────────── */
.tkt{padding:15px 16px}
.tkthead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:11px}
.tkttitle{font-family:var(--f-serif);font-size:15px}
.cancel-edit{background:none;border:none;color:var(--amb);font-size:11.5px}
.seg{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--r-input);overflow:hidden;margin-bottom:10px}
.seg.small{margin-top:10px}
.segb{flex:1;background:var(--input);border:none;color:var(--dim);font-weight:700;font-size:12px;padding:8px}
.segb.onb{background:var(--pos);color:var(--bg)}
.segb.ons{background:var(--neg);color:var(--bg)}
.segb.on{background:var(--chipsel);color:var(--accent)}
.tin{width:100%;background:var(--input);border:1px solid var(--border);border-radius:var(--r-input);color:var(--text);padding:8px 10px;font-size:13px;margin-bottom:6px}
.tin:focus{outline:none;border-color:var(--accent)}
.matched{font-size:11px;color:var(--pos);margin:2px 0 6px}
.suggs{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}
.sugg{text-align:left;background:var(--hdr);border:1px solid var(--border2);border-radius:var(--r-chip);color:var(--text);font-size:11.5px;padding:5px 9px}
.sugg:hover{border-color:var(--accent)}
.prow{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.prow label{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);width:64px;flex-shrink:0}
.prow input,.prow select{background:var(--input);border:1px solid var(--border);border-radius:var(--r-input);color:var(--text);padding:7px 9px;font-size:13px;flex:1;min-width:0}
.prow input:focus,.prow select:focus{outline:none;border-color:var(--accent)}
.tickinfo{font-size:10px;color:var(--dim);margin:-3px 0 7px 74px}
.bondfmt{font-size:10px;color:var(--amb);margin:-5px 0 7px 74px}
.stepper{display:flex;gap:0;flex:1}
.stepper button{background:var(--hdr);border:1px solid var(--border);color:var(--dim);width:30px;font-size:15px;flex-shrink:0}
.stepper button:first-child{border-radius:var(--r-input) 0 0 var(--r-input);border-right:none}
.stepper button:last-child{border-radius:0 var(--r-input) var(--r-input) 0;border-left:none}
.stepper button:hover{color:var(--accent)}
.stepper input{border-radius:0 !important;text-align:center}
#setupout .suggs{margin-left:74px;margin-top:-3px}
.chipx{background:none;border:none;color:var(--dim);margin-left:5px;padding:0;font-size:12px;cursor:pointer}
.chipx:hover{color:var(--neg)}
.chiprow{margin-bottom:9px}
.chiprow label{display:block;font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:5px}
.chips{display:flex;flex-wrap:wrap;gap:4px}
.chip{background:var(--input);border:1px solid var(--border);border-radius:var(--r-chip);color:var(--dim);font-size:10.5px;font-weight:600;padding:4px 8px}
.chip.on{background:var(--chipsel);border-color:var(--accent);color:var(--accent)}
.chip.more{border-style:dashed}
.chip:hover{color:var(--text)}
.chip.on:hover{color:var(--accent)}
.tfbad{border-color:var(--neg) !important}

/* closed-trade edit modal */
.ecmodal{width:460px;max-width:calc(100vw - 24px)}
.ecgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px 12px;margin-bottom:12px}
.ecgrid label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);display:flex;flex-direction:column;gap:3px}
.ecgrid input,.ecgrid select,.ecgrid textarea{background:var(--input);border:1px solid var(--border);border-radius:var(--r-input);color:var(--text);padding:7px 9px;font-size:12.5px;color-scheme:dark}
html.lt .ecgrid input,html.lt .ecgrid select,html.lt .ecgrid textarea{color-scheme:light}
.ecgrid textarea{resize:vertical;font-family:inherit}
.ecwide{grid-column:1/-1}
.echint{font-size:10.5px;margin-bottom:12px}
.ecbp{margin-right:auto;font-size:14px;font-weight:700}
.mathbox{display:flex;justify-content:space-between;background:var(--hdr);border:1px solid var(--border2);border-radius:var(--r-input);padding:9px 12px;font-size:11px;margin:10px 0}
.mathbox .dim{font-size:9px;letter-spacing:.08em;display:block;margin-bottom:2px}
.fxwarn{color:var(--neg);font-size:9px;letter-spacing:.04em;margin-left:4px}
.logbtn{width:100%;background:var(--accent);border:none;border-radius:var(--r-input);color:var(--bg);font-weight:700;font-size:13.5px;padding:10px}
.logbtn.off{opacity:.4;cursor:default}
.logbtn .kbd{font-size:10px;font-weight:400;opacity:.75;font-family:var(--f-mono);margin-left:6px}

/* ── book ──────────────────────────────────────────────── */
.booktabs{display:flex;gap:8px;margin-bottom:16px}
.btab{font-size:12px;padding:6px 12px}
.btable{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--panel);overflow:hidden}
.brow{display:grid;gap:8px;padding:9px 14px;border-bottom:1px solid var(--border2);font-size:12.5px;align-items:center}
.brow:last-child{border-bottom:none}
.brow.bhead{background:var(--hdr);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);padding:7px 14px}
.brow:not(.bhead):hover{background:var(--hdr)}
.grid-open{grid-template-columns:76px 1.4fr 60px 50px 90px 90px 110px 80px 80px}
.grid-closed{grid-template-columns:76px 1.4fr 60px 50px 90px 90px 110px 80px 80px}
.grid-nf{grid-template-columns:76px 1.2fr 60px 50px 90px 90px 1.4fr 70px}
.brow[data-oedit],.brow[data-bedit]{cursor:pointer}
.wktag{font-size:8.5px;letter-spacing:.1em;color:var(--amb);border:1px dashed var(--amb);border-radius:3px;padding:1px 4px;margin-left:6px;vertical-align:1px}
.bfilter{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12.5px}
.bfilter select{background:var(--input);border:1px solid var(--border);border-radius:var(--r-input);color:var(--text);padding:6px 9px;font-size:12px}
.nfdel{background:none;border:1px solid var(--border);border-radius:var(--r-chip);color:var(--dim);font-size:10.5px;padding:3px 9px}
.nfdel.armed{border-color:var(--neg);color:var(--neg);font-weight:700}
.bedit{background:var(--hdr);border-bottom:1px solid var(--border2);padding:12px 14px}
.beditgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 12px}
.beditgrid label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);display:flex;flex-direction:column;gap:3px}
.beditgrid input,.beditgrid select{background:var(--input);border:1px solid var(--border);border-radius:var(--r-input);color:var(--text);padding:6px 8px;font-size:12px}
.beditfoot{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:10px}
.beditfoot .mono{font-size:14px;font-weight:700;margin-right:auto}

/* ── analytics ─────────────────────────────────────────── */
.afilters{display:flex;gap:10px;max-width:640px;margin-bottom:16px}
.afilters select{flex:1;background:var(--input);border:1px solid var(--border);border-radius:var(--r-input);color:var(--text);padding:7px 9px;font-size:12.5px}
.acards{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}
.acard{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);padding:12px 14px}
.acard .lbl{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:5px}
.acard .val{font-size:19px;font-weight:700}
.athree{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
.atwo{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.apanel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);overflow:hidden}
.ahead{font-family:var(--f-serif);font-size:13.5px;padding:10px 14px;border-bottom:1px solid var(--border2)}
.arow{display:grid;grid-template-columns:1fr 44px 74px 52px;gap:8px;padding:6.5px 14px;font-size:12px;border-bottom:1px solid var(--border2)}
.arow:last-child{border-bottom:none}
.arow.ahdr{background:var(--hdr);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);padding:5px 14px}
.arow span:not(:first-child){text-align:right}

/* ── seasonals ─────────────────────────────────────────── */
.seasbanner{background:var(--panel);border:1px solid var(--amb);border-radius:var(--r-panel);color:var(--amb);font-size:12.5px;padding:11px 15px;margin-bottom:14px;display:flex;align-items:center;gap:12px}
.seasbanner button{margin-left:auto;background:none;border:1px solid var(--amb);border-radius:var(--r-chip);color:var(--amb);font-size:11px;padding:4px 10px}
.seascard{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);padding:12px 15px;margin-bottom:9px}
.seascard.soon{opacity:.75}
.seasrow1{display:flex;align-items:center;gap:10px}
.dirbadge{font-size:9.5px;font-weight:800;letter-spacing:.1em;border-radius:4px;padding:2.5px 7px}
.dirbadge.lg{background:rgba(111,206,143,.15);color:var(--pos)}
.dirbadge.sh{background:rgba(240,133,120,.15);color:var(--neg)}
.seasname{font-size:15px;font-weight:700}
.srcchip{font-size:9.5px;color:var(--dim);border:1px solid var(--border);border-radius:var(--r-chip);padding:2px 7px}
.seasleft{margin-left:auto;font-size:12px;font-weight:600}
.seasrow2{display:flex;align-items:center;gap:12px;margin-top:9px;font-size:11px}
.seasprog{flex:1;height:5px;background:var(--border2);border-radius:3px;overflow:hidden}
.seasprog i{display:block;height:100%;border-radius:3px}
.seash3{font-family:var(--f-serif);font-size:14.5px;font-weight:500;margin:18px 0 10px}
.seastools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.ssort{background:var(--input);border:1px solid var(--border);border-radius:var(--r-input);color:var(--text);padding:6px 9px;font-size:12px}

/* ── data releases ─────────────────────────────────────── */
.datahead{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.regnote{font-family:var(--f-serif);font-style:italic;font-size:11.5px;color:var(--dim)}
.amb{color:var(--amb)}
.dayhead{font-family:var(--f-serif);font-size:15px;font-weight:500;margin:18px 0 8px}
.relrow{display:grid;grid-template-columns:60px 1fr auto 170px;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin-bottom:6px;font-size:12.5px;cursor:pointer}
.relrow:hover,.relrow.open{border-color:var(--dim)}
.leanchip{font-size:10px;font-weight:700;border-radius:var(--r-chip);padding:3px 8px;white-space:nowrap}
.ln-h{background:rgba(240,133,120,.16);color:var(--neg)}
.ln-d{background:rgba(111,206,143,.16);color:var(--pos)}
.ln-n{background:var(--hdr);color:var(--dim)}
.ln-p{background:rgba(224,180,100,.16);color:var(--amb)}
.ladder{border:1px solid var(--border);border-radius:8px;overflow:hidden;margin:-2px 0 8px;background:var(--panel)}
.lrow{display:grid;grid-template-columns:1.2fr 1fr 90px 90px 90px;gap:10px;padding:7px 14px;font-size:11.5px;border-bottom:1px solid var(--border2)}
.lrow:last-child{border-bottom:none}
.lrow.lhdr{background:var(--hdr);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}
.lrow.cur{outline:1.5px solid var(--amb);outline-offset:-1.5px}
.lr-xd{background:rgba(111,206,143,.16)}
.lr-d{background:rgba(111,206,143,.08)}
.lr-n{background:transparent}
.lr-h{background:rgba(240,133,120,.08)}
.lr-xh{background:rgba(240,133,120,.16)}
.lfoot{padding:6px 14px;font-size:10px;border-top:1px solid var(--border2)}

/* ── settings extras ───────────────────────────────────── */
.setrow{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);padding:13px 16px;margin-bottom:9px}
.setrow>div:first-child{flex:1}
.setlbl{font-size:13px;font-weight:600}
.setsub{font-size:11px;color:var(--dim);margin-top:2px}
.setin{background:var(--input);border:1px solid var(--border);border-radius:var(--r-input);color:var(--text);padding:7px 10px;font-size:13px;max-width:160px}
.setin:focus{outline:none;border-color:var(--accent)}
.reftable{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-panel);overflow:hidden;margin-bottom:9px}
.refrow{display:grid;grid-template-columns:1.6fr 1fr 90px 90px;gap:10px;padding:7px 14px;font-size:12px;border-bottom:1px solid var(--border2)}
.refrow:last-child{border-bottom:none}
.refrow.refhdr{background:var(--hdr);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}
.refrow.urow{grid-template-columns:1.4fr 1fr auto;align-items:center}
.refnote{padding:9px 14px;font-size:10.5px;border-top:1px solid var(--border2)}

/* ── guided tour ───────────────────────────────────────── */
.tour-dim{position:fixed;inset:0;z-index:90}
.tour-dim.solid{background:rgba(6,8,5,.72)}
.tour-hole{position:fixed;z-index:91;border-radius:10px;pointer-events:none;
  box-shadow:0 0 0 100000px rgba(6,8,5,.72);outline:1.5px solid var(--accent);
  transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}
.tour-card{position:fixed;z-index:92;background:var(--panel);border:1px solid var(--accent);
  border-radius:var(--r-panel);padding:18px 20px;width:min(400px,calc(100vw - 24px));
  box-shadow:0 10px 30px rgba(0,0,0,.5)}
.tour-title{font-family:var(--f-serif);font-size:17px;margin-bottom:8px}
.tour-text{font-size:12.5px;color:var(--dim);line-height:1.55}
.tour-text b{color:var(--text)}
.tour-foot{display:flex;align-items:center;gap:10px;margin-top:14px}
.tour-count{font-size:10.5px;color:var(--dim)}
.tour-skip{background:none;border:none;color:var(--dim);font-size:11px;text-decoration:underline dotted;margin-right:auto;margin-left:6px}
.tour-skip:hover{color:var(--text)}
.tour-btn{background:none;border:1px solid var(--border);border-radius:var(--r-input);color:var(--text);font-size:12px;font-weight:600;padding:6px 12px}
.tour-btn:disabled{opacity:.35}
.tour-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.tourpill{background:var(--panel);border:1px solid var(--border);border-radius:99px;color:var(--dim);font-size:12.5px;font-weight:700;width:30px;height:30px;line-height:1}
.tourpill:hover{color:var(--accent);border-color:var(--accent)}

/* ── toast ─────────────────────────────────────────────── */
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--panel);border:1px solid var(--accent);color:var(--text);border-radius:8px;padding:10px 18px;font-size:13px;z-index:50;box-shadow:0 6px 18px rgba(0,0,0,.3)}