@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap');:root{--bg:#111214;--bg2:#161719;--bg3:#1c1d20;--bg4:#202124;--bg5:#252628;--border:#222426;--border2:#2a2c2f;--border3:#333538;--yes:#26a65b;--yes-d:rgba(38,166,91,.08);--yes-m:rgba(38,166,91,.18);--no:#c0392b;--no-d:rgba(192,57,43,.08);--no-m:rgba(192,57,43,.18);--accent:#4a9eff;--accent-d:rgba(74,158,255,.06);--accent-m:rgba(74,158,255,.14);--yellow:#e8a020;--yellow-d:rgba(232,160,32,.08);--purple:#7c6fcd;--orange:#d4721a;--text:#d4d6d8;--text2:#878a8e;--muted:#454749;--font:'IBM Plex Mono',monospace;--ui:'IBM Plex Sans',sans-serif;--topbar:38px;--sidebar:168px;--stbar:22px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:var(--ui);height:100vh;overflow:hidden;display:flex;flex-direction:column;font-size:13px;-webkit-font-smoothing:antialiased}
.topbar{height:var(--topbar);background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 12px;gap:0;flex-shrink:0}
.t-collapse{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:color .15s;flex-shrink:0;margin-right:10px}
.t-collapse:hover{color:var(--text2)}
.t-collapse svg{transition:transform .25s}
body.collapsed .t-collapse svg{transform:rotate(180deg)}
.t-logo{display:flex;align-items:baseline;gap:0;font-family:var(--ui);font-size:14px;font-weight:600;letter-spacing:-.2px;margin-right:14px;flex-shrink:0}
.t-logo-pred{color:var(--text)}
.t-logo-prime{color:#00e87a}
.t-logo-dot{width:5px;height:5px;border-radius:50%;background:#00e87a;margin:0 6px 1px;flex-shrink:0;align-self:center}
.t-sep{width:1px;height:18px;background:var(--border2);margin:0 12px;flex-shrink:0}
.t-conn{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--text2);flex-shrink:0}
.t-dot{width:6px;height:6px;border-radius:50%;background:var(--yes);flex-shrink:0}
.t-conn.live .t-dot{animation:pulse 2.5s infinite}
.t-conn.live .t-conn-label{color:var(--text)}
.t-conn.off .t-dot{background:var(--no)}
@keyframes pulse{0%,100%{opacity:1}
50%{opacity:.3}
}
.t-uptime{font-family:var(--font);font-size:10px;color:var(--muted);margin-left:6px}
.t-right{margin-left:auto;display:flex;align-items:center;gap:4px}
.t-btn{padding:3px 9px;border-radius:2px;font-size:11px;font-weight:500;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--text2);transition:all .12s;font-family:var(--ui);letter-spacing:0;white-space:nowrap}
.t-btn:hover{background:var(--bg3);color:var(--text);border-color:var(--border2)}
.t-btn.add{border-color:var(--border2);color:var(--text2)}
.t-btn.add:hover{color:var(--text)}
.t-btn.kill{color:var(--no);border-color:transparent}
.t-btn.kill:hover{background:var(--no-d);border-color:var(--no-m)}
.t-clock{font-family:var(--font);font-size:10px;color:var(--muted);padding:0 0 0 10px;border-left:1px solid var(--border);margin-left:6px}
.kill-banner{display:none;background:rgba(192,57,43,.12);border-bottom:1px solid rgba(192,57,43,.3);padding:5px 14px;font-size:11px;color:var(--no);font-family:var(--font);align-items:center;gap:10px;flex-shrink:0}
.kill-banner.active{display:flex}
.kill-resume{margin-left:auto;cursor:pointer;padding:2px 8px;border:1px solid var(--no-m);border-radius:2px;font-size:10px;color:var(--no);background:var(--no-d);transition:all .12s}
.kill-resume:hover{background:var(--no-m)}
.app{flex:1;display:flex;overflow:hidden}
.sidebar{width:var(--sidebar);background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s,opacity .15s;overflow:hidden}
body.collapsed .sidebar{width:0;opacity:0;pointer-events:none}
.sb-section{padding:6px 0;border-bottom:1px solid var(--border)}
.sb-head{padding:8px 12px 4px;font-size:9px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
.sb-item{padding:5px 12px;font-size:12px;font-weight:400;color:var(--text2);cursor:pointer;transition:all .1s;white-space:nowrap;border-left:2px solid transparent;display:flex;align-items:center;gap:6px}
.sb-item:hover{background:var(--bg3);color:var(--text)}
.sb-item.act{color:var(--text);border-left-color:var(--accent);background:var(--bg3);font-weight:500}
.sb-item.dim{opacity:.25;cursor:not-allowed}
.sb-add{padding:6px 12px;font-size:11px;color:var(--muted);cursor:pointer;transition:color .1s}
.sb-add:hover{color:var(--text2)}
.sb-sync{padding:2px 12px;font-size:9px;color:var(--muted);font-family:var(--font);line-height:1.8}
.main{flex:1;display:flex;flex-direction:column;overflow:hidden}
.view-tabs{display:flex;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0}
.view-tab{padding:9px 16px;font-size:11px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;cursor:pointer;transition:all .12s;white-space:nowrap}
.view-tab:hover{color:var(--text2)}
.view-tab.act{color:var(--text);border-bottom-color:var(--accent)}
.view{flex:1;display:none;overflow:hidden}
.view.act{display:flex;flex-direction:column}
.dashboard{flex:1;display:flex;flex-direction:column;overflow:hidden}
.zone-account{flex-shrink:0;border-bottom:1px solid var(--border)}
.w-header{padding:5px 14px;display:flex;align-items:center;justify-content:space-between;background:var(--bg2);border-bottom:1px solid var(--border)}
.w-title{font-size:10px;font-weight:500;color:var(--text2);letter-spacing:0}
.w-actions{display:flex;gap:4px;align-items:center}
.w-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:2px;cursor:pointer;font-size:11px;color:var(--muted);transition:color .12s}
.w-btn:hover{color:var(--text2)}
.account-metrics{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg2)}
.am{padding:8px 14px;border-right:1px solid var(--border)}
.am:last-child{border-right:none}
.am-label{font-size:9px;font-weight:500;color:var(--muted);letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}
.am-val{font-size:17px;font-weight:600;font-family:var(--font);letter-spacing:-.5px;line-height:1;color:var(--text)}
.am-val.g{color:var(--yes)}
.am-val.r{color:var(--no)}
.am-val.b{color:var(--accent)}
.am-val.w{color:var(--text)}
.am-sub{font-size:9px;color:var(--muted);font-family:var(--font);margin-top:3px}
.zone-positions{flex-shrink:0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;max-height:130px;overflow:hidden}
.pos-tabs{display:flex;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0}
.pos-tab{padding:6px 14px;font-size:10px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;cursor:pointer;transition:all .12s;letter-spacing:.3px}
.pos-tab:hover{color:var(--text2)}
.pos-tab.act{color:var(--text);border-bottom-color:var(--accent)}
#pos-rows{overflow-y:auto;flex:1}
.pos-thead{display:grid;padding:4px 14px;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0}
.pos-thead.instruments{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr}
.pos-th{font-size:9px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.pos-th.r{text-align:right}
.pos-row{display:grid;padding:5px 14px;border-bottom:1px solid var(--border);transition:background .1s;cursor:pointer}
.pos-row.instruments{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr}
.pos-row:hover{background:var(--bg3)}
.pos-cell{font-size:11px;font-weight:400;font-family:var(--font);color:var(--text2)}
.pos-cell.r{text-align:right}
.pos-cell.g{color:var(--yes)}
.pos-cell.r2{color:var(--no)}
.pos-cell.b{color:var(--accent)}
.pos-cell.sym{color:var(--text);font-weight:500}
.pos-expand{font-size:9px;color:var(--muted);margin-right:6px;cursor:pointer}
.pos-empty{padding:16px 14px;font-size:10px;color:var(--muted);font-family:var(--font);text-align:center}
.zone-books{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;min-height:0}
.ob-widget{flex:0 0 700px;min-width:700px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative}
.ob-widget:only-child{flex:1;min-width:0}
.ob-widget:last-child{border-right:none}
.ob-r1{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-bottom:1px solid var(--border);background:var(--bg2);flex-shrink:0}
.ob-cat-btn{display:flex;align-items:center;gap:5px;padding:2px 7px;background:transparent;border:1px solid var(--border2);border-radius:2px;cursor:pointer;font-size:11px;font-weight:500;color:var(--text2);transition:all .12s;white-space:nowrap}
.ob-cat-btn:hover{color:var(--text);border-color:var(--border3)}
.ob-sizes{display:flex;gap:2px}
.ob-sz{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border2);border-radius:2px;cursor:pointer;font-size:9px;color:var(--muted);transition:all .12s}
.ob-sz:hover{color:var(--text2);border-color:var(--border3)}
.ob-sz.act{background:var(--accent-d);border-color:var(--accent-m);color:var(--accent)}
.ob-r2{padding:4px 10px;border-bottom:1px solid var(--border);background:var(--bg2);flex-shrink:0}
.ob-inst-btn{display:flex;align-items:center;justify-content:space-between;padding:3px 7px;background:transparent;border:1px solid var(--border2);border-radius:2px;cursor:pointer;font-size:10px;font-weight:400;color:var(--text2);transition:all .12s}
.ob-inst-btn:hover{color:var(--text);border-color:var(--border3)}
.dd-menu{position:fixed;z-index:500;background:var(--bg3);border:1px solid var(--border2);border-radius:3px;box-shadow:0 8px 24px rgba(0,0,0,.6);display:none}
.dd-menu.open{display:block}
.dd-section{padding:7px 10px 3px;font-size:8px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
.dd-item{padding:6px 12px;font-size:11px;font-weight:400;color:var(--text2);cursor:pointer;transition:background .1s;border-left:2px solid transparent;display:flex;align-items:center;justify-content:space-between;gap:10px}
.dd-item:hover{background:var(--bg4);color:var(--text)}
.dd-item.act{background:var(--bg4);color:var(--text);border-left-color:var(--accent)}
.dd-item.dim{opacity:.25;cursor:not-allowed}
.dd-cnt{font-size:9px;background:var(--bg4);color:var(--muted);border:1px solid var(--border2);padding:0 4px;border-radius:2px;font-family:var(--font)}
.dd-search{display:flex;align-items:center;gap:7px;padding:7px 12px;border-bottom:1px solid var(--border);color:var(--muted);font-size:11px}
.dd-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font);font-size:10px}
.dd-search input::placeholder{color:var(--muted)}
.dd-list{max-height:220px;overflow-y:auto}
.dd-inst-item{padding:7px 12px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}
.dd-inst-item:hover{background:var(--bg4)}
.dd-inst-name{font-size:11px;font-weight:400;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.dd-inst-meta{display:flex;gap:8px;margin-top:2px}
.dd-inst-y{font-size:9px;color:var(--yes);font-family:var(--font)}
.dd-inst-n{font-size:9px;color:var(--no);font-family:var(--font)}
.dd-inst-v{font-size:9px;color:var(--muted);font-family:var(--font)}
.dd-empty{padding:16px;font-size:9px;color:var(--muted);text-align:center;font-family:var(--font)}
.ob-ticker{display:grid;grid-template-columns:1fr 64px 1fr;flex-shrink:0;border-bottom:1px solid var(--border)}
.ob-ts{padding:10px 14px;display:flex;flex-direction:column;gap:3px}
.ob-ts .ob-tba-wrap{display:flex;flex-direction:row;gap:16px;align-items:baseline}
.ob-ts.yes{background:var(--yes-d);border-right:1px solid rgba(38,166,91,.12)}
.ob-ts.no{background:var(--no-d);border-left:1px solid rgba(192,57,43,.12)}
.ob-tl{font-size:8px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:2px}
.ob-tl.yes{color:var(--yes)}
.ob-tl.no{color:var(--no)}
.ob-tp{font-size:28px;font-weight:600;line-height:1;font-family:var(--font);letter-spacing:-1px}
.ob-tp.yes{color:var(--yes)}
.ob-tp.no{color:var(--no)}
.ob-tp sup{font-size:13px;font-weight:400;letter-spacing:0;vertical-align:super;opacity:.7}
@keyframes fg{0%{opacity:.4}
100%{opacity:1}
}
@keyframes fr{0%{opacity:.4}
100%{opacity:1}
}
.fg{animation:fg .2s ease}
.fr{animation:fr .2s ease}
.ob-tsb{font-size:8px;color:var(--muted);font-family:var(--font)}
.ob-tba{display:flex;flex-direction:row;align-items:baseline;gap:7px;margin-bottom:2px}
.ob-tba-l{font-size:9px;font-weight:600;letter-spacing:.5px;color:var(--muted);font-family:var(--font);min-width:22px}
.ob-tc{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-bottom:1px solid var(--border)}
.ob-sl{font-size:7px;color:var(--muted);letter-spacing:.8px;text-transform:uppercase}
.ob-sv{font-size:12px;font-weight:600;color:var(--text);font-family:var(--font)}
.ob-sbp{font-size:7px;color:var(--muted);font-family:var(--font)}
.ob-depth{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;overflow:hidden;min-height:0}
.ob-dcol{display:flex;flex-direction:column;overflow:hidden}
.ob-dcol.bids{border-right:1px solid var(--border)}
.ob-dcol.yes-asks{border-right:1px solid var(--border2);background:rgba(38,166,91,.015)}
.ob-dcol.no-bids{border-right:1px solid var(--border)}
.ob-dcol.no-asks{background:rgba(192,57,43,.015)}
.ob-dhead{display:grid;grid-template-columns:1fr 1fr 1fr;padding:4px 10px;border-bottom:1px solid var(--border);background:var(--bg2);flex-shrink:0}
.ob-dh{font-size:8px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.ob-dh.r{text-align:right}
.ob-dh.c{text-align:center}
.ob-drows{flex:1;overflow-y:auto}
.ob-dr{display:grid;grid-template-columns:1fr 1fr 1fr;padding:2px 10px;position:relative;transition:background .08s}
.ob-dr:hover{background:var(--bg4)}
.ob-dr::before{content:'';position:absolute;top:0;bottom:0;opacity:.07}
.bids .ob-dr::before{right:0;background:var(--yes)}
.asks .ob-dr::before{left:0;background:var(--no)}
.yes-asks .ob-dr::before{right:0;background:var(--yes)}
.no-asks .ob-dr::before{left:0;background:var(--no)}
.ob-dv{font-size:9px;font-weight:400;position:relative;z-index:1;font-family:var(--font);line-height:1.7}
.ob-dv.yes{color:var(--yes);text-align:right}
.ob-dv.no{color:var(--no)}
.ob-dv.yes-ask{color:var(--yes);opacity:.65;text-align:right}
.ob-dv.no-ask{color:var(--no);opacity:.65}
.ob-dv.sz{color:var(--text2);text-align:center}
.ob-dv.tot{color:var(--muted);text-align:right}
.ob-dv.totl{color:var(--muted)}
.ob-bot{padding:4px 12px;border-top:1px solid var(--border);display:flex;gap:14px;background:var(--bg2);flex-shrink:0;align-items:center}
.ob-stat{font-size:8px;color:var(--muted);font-family:var(--font)}
.ob-stat span{color:var(--text2)}
.ob-pip{width:4px;height:4px;border-radius:50%;background:var(--yes);margin-left:auto;opacity:0;transition:opacity .1s}
.ob-pip.on{opacity:1}
.ob-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--muted);font-size:10px;font-family:var(--font);flex-direction:column;gap:6px}
.ob-ticket{background:var(--bg2);border-bottom:1px solid var(--border);padding:6px 10px;display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap}
.ob-tk-toggle{display:flex;border:1px solid var(--border2);border-radius:2px;overflow:hidden;flex-shrink:0}
.ob-tk-btn{padding:3px 8px;font-size:10px;font-weight:500;cursor:pointer;color:var(--muted);background:transparent;transition:all .12s;letter-spacing:.3px;font-family:var(--ui)}
.ob-tk-btn.yes-act{background:var(--yes-d);color:var(--yes);border-right:1px solid var(--border2)}
.ob-tk-btn.no-act{background:var(--no-d);color:var(--no)}
.ob-tk-btn.buy-act{background:var(--yes-d);color:var(--yes);border-right:1px solid var(--border2)}
.ob-tk-btn.sell-act{background:var(--no-d);color:var(--no)}
.ob-tk-input{background:var(--bg3);border:1px solid var(--border2);border-radius:2px;padding:3px 7px;font-family:var(--font);font-size:10px;font-weight:400;color:var(--text);outline:none;width:70px;transition:border-color .12s}
.ob-tk-input:focus{border-color:var(--border3)}
.ob-tk-label{font-size:8px;font-weight:500;letter-spacing:.5px;color:var(--muted);font-family:var(--ui);text-transform:uppercase}
.ob-tk-field{display:flex;flex-direction:column;gap:2px}
.ob-tk-exec{padding:4px 14px;border-radius:2px;font-size:10px;font-weight:600;cursor:pointer;border:1px solid var(--yes-m);background:var(--yes-d);color:var(--yes);transition:all .12s;letter-spacing:.3px;font-family:var(--ui);white-space:nowrap;margin-left:8px}
.ob-tk-exec:hover{background:var(--yes-m)}
.ob-tk-exec.sell{border-color:var(--no-m);background:var(--no-d);color:var(--no)}
.ob-tk-exec.sell:hover{background:var(--no-m)}
.ob-tk-result{font-size:8px;font-family:var(--font);padding:3px 10px 5px;color:var(--muted)}
.ob-tk-bps{cursor:pointer;font-size:8px;font-weight:500;padding:1px 5px;border-radius:2px;background:var(--accent-d);border:1px solid var(--accent-m);color:var(--accent);margin-left:3px}
.zone-order{flex-shrink:0;border-bottom:1px solid var(--border);background:var(--bg2)}
.ot-body{display:flex;align-items:flex-end;gap:8px;padding:8px 14px}
.ot-field{display:flex;flex-direction:column;gap:3px}
.ot-label{font-size:8px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-family:var(--ui)}
.ot-input{background:var(--bg3);border:1px solid var(--border2);border-radius:2px;padding:4px 8px;font-family:var(--font);font-size:11px;font-weight:400;color:var(--text);outline:none;transition:border-color .12s;width:100%}
.ot-input:focus{border-color:var(--border3)}
.ot-input::placeholder{color:var(--muted)}
.ot-field-market{flex:2}
.ot-field-client{flex:1}
.ot-field-size{width:90px}
.ot-field-price{width:90px}
.ot-side-btns{display:flex;gap:3px}
.ot-side-btn{padding:4px 12px;border-radius:2px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid;transition:all .12s;letter-spacing:.3px;font-family:var(--ui)}
.ot-side-btn.buy{border-color:var(--yes-m);color:var(--yes);background:var(--yes-d)}
.ot-side-btn.buy.act{background:var(--yes-m)}
.ot-side-btn.sell{border-color:var(--no-m);color:var(--no);background:var(--no-d)}
.ot-side-btn.sell.act{background:var(--no-m)}
.ot-exec-btn{padding:5px 20px;border-radius:2px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid var(--accent-m);background:var(--accent-d);color:var(--accent);transition:all .12s;letter-spacing:.3px;font-family:var(--ui);white-space:nowrap;flex-shrink:0}
.ot-exec-btn:hover{background:var(--accent-m)}
.ot-result{display:flex;align-items:center;gap:14px;padding:4px 14px 8px}
.ot-status-badge{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;font-family:var(--ui);letter-spacing:.3px}
.ot-status-badge.accepted{color:var(--yes)}
.ot-status-badge.rejected{color:var(--no)}
.ot-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}
.ot-meta-row{display:flex;gap:16px;font-family:var(--font);font-size:9px;color:var(--muted)}
.ot-meta-item{display:flex;gap:4px;align-items:center}
.ot-meta-item .v{color:var(--text2)}
.ot-meta-item .g{color:var(--yes)}
.ot-meta-item .r{color:var(--no)}
.ot-meta-item .b{color:var(--accent)}
.zone-execution{background:var(--bg2);border-top:1px solid var(--border);flex-shrink:0;max-height:130px;display:flex;flex-direction:column}
.exec-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 12px;gap:0}
.exec-tab{padding:6px 14px;font-size:10px;font-weight:500;letter-spacing:.3px;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .12s}
.exec-tab:hover{color:var(--text2)}
.exec-tab.act{color:var(--text);border-bottom-color:var(--accent)}
.exec-tab.dim{opacity:.25;cursor:not-allowed}
.exec-header{display:grid;grid-template-columns:70px 1fr 50px 50px 90px 90px 90px 70px;padding:4px 12px;border-bottom:1px solid var(--border);flex-shrink:0}
.exec-hcell{font-size:8px;font-weight:600;letter-spacing:.8px;color:var(--muted);text-transform:uppercase}
.exec-row{display:grid;grid-template-columns:70px 1fr 50px 50px 90px 90px 90px 70px;padding:4px 12px;border-bottom:1px solid var(--border);transition:background .08s}
.exec-row:hover{background:var(--bg3)}
.exec-cell{font-family:var(--font);font-size:10px;color:var(--text2);display:flex;align-items:center}
.exec-cell.muted{color:var(--muted)}
.exec-cell.g{color:var(--yes)}
.exec-cell.r{color:var(--no)}
.exec-empty{padding:18px;text-align:center;color:var(--muted);font-size:9px;letter-spacing:.8px;font-family:var(--font)}
#exec-log-rows{overflow-y:auto;flex:1}
.health-view{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}
.hgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.hcard{background:var(--bg2);border:1px solid var(--border);border-radius:2px;padding:10px 14px}
.hcl{font-size:8px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.hcv{font-size:16px;font-weight:600;font-family:var(--font)}
.hcv.g{color:var(--yes)}
.hcv.b{color:var(--accent)}
.hcv.w{color:var(--text)}
.hcs{font-size:9px;color:var(--muted);font-family:var(--font);margin-top:3px}
.hraw{background:var(--bg2);border:1px solid var(--border);border-radius:2px;padding:12px}
.hraw pre{font-family:var(--font);font-size:10px;color:var(--accent);line-height:1.7;overflow:auto;max-height:180px}
.stbar{height:var(--stbar);background:var(--bg2);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 12px;gap:16px;flex-shrink:0}
.sti{font-size:9px;color:var(--muted);font-family:var(--font)}
.sti span{color:var(--text2)}
.sti span.g{color:var(--yes)}
.lmsg{display:flex;align-items:center;justify-content:center;height:50px;color:var(--muted);font-size:9px;letter-spacing:.8px;font-family:var(--font)}
::-webkit-scrollbar{width:3px;height:3px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}
@keyframes fu{from{opacity:0;transform:translateY(3px)}
to{opacity:1;transform:translateY(0)}
}
input[id$="-tk-price"]::-webkit-inner-spin-button,
input[id$="-tk-price"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}