/* Scout — concept C «Screener» (Finviz / Yahoo Finance density).
   Self-contained: system fonts only, no CDN, tokens only (no hex in components).
   Two themes: dark terminal (default) and light "paper", switched by [data-theme]. */
:root,[data-theme="dark"]{
  --bg:#0b0e13; --panel:#11161d; --panel-2:#161c25; --raise:#1b2230;
  --fg:#e6e9ee; --fg-2:#a6afbd; --fg-3:#8792a3;
  --line:#232b38; --line-2:#2f3949;
  --accent:#f5a623; --accent-fg:#1a1203; --link:#6cb2ff;
  --up:#2fbf71; --dn:#ef5350; --flat:#6b7686;
  --up-bg:rgba(47,191,113,.14); --dn-bg:rgba(239,83,80,.14);
  --buyout:#7fb6ff; --credit:#f0b45a;
  --hm-up:47,191,113; --hm-dn:239,83,80; --hm-0:#2b3444; --hm-edge:#0b0e13;
  --shadow:0 8px 28px rgba(0,0,0,.55);
  color-scheme:dark;
}
[data-theme="light"]{
  --bg:#f3f5f8; --panel:#ffffff; --panel-2:#f7f8fa; --raise:#eceff4;
  --fg:#16202e; --fg-2:#45536a; --fg-3:#5b6a80;
  --line:#dde2ea; --line-2:#c6cdd8;
  --accent:#b5530a; --accent-fg:#ffffff; --link:#0b5cd1;
  --up:#0a7d40; --dn:#c62828; --flat:#6b7686;
  --up-bg:rgba(10,125,64,.10); --dn-bg:rgba(198,40,40,.10);
  --buyout:#1d57b8; --credit:#8a5a00;
  --hm-up:10,160,80; --hm-dn:215,50,50; --hm-0:#dfe4ec; --hm-edge:#f3f5f8;
  --shadow:0 8px 28px rgba(20,30,50,.18);
  color-scheme:light;
}
/* colour convention switch: ▲ red / ▼ green (Asian-market style) */
[data-pal="rev"]{
  --up:#ef5350; --dn:#2fbf71; --up-bg:rgba(239,83,80,.14); --dn-bg:rgba(47,191,113,.14);
  --hm-up:239,83,80; --hm-dn:47,191,113;
}
[data-theme="light"][data-pal="rev"]{--up:#c62828;--dn:#0a7d40;--up-bg:rgba(198,40,40,.10);--dn-bg:rgba(10,125,64,.10);--hm-up:215,50,50;--hm-dn:10,160,80}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);
  font:13px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
.num,.mono,td.n,th.n{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  font-variant-numeric:tabular-nums}
button,select,input{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.up{color:var(--up)} .dn{color:var(--dn)} .flat{color:var(--fg-3)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- top bar ---------- */
.top{display:flex;align-items:center;gap:14px;padding:0 14px;height:44px;background:var(--panel);
  border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.brand{font:700 17px/1 system-ui,sans-serif;letter-spacing:.02em;color:var(--fg)}
.brand b{color:var(--accent)}
.brand:hover{text-decoration:none}
.nav{display:flex;gap:2px;margin-left:6px}
.nav a{padding:6px 10px;border-radius:4px;color:var(--fg-2);font-weight:600}
.nav a:hover{background:var(--raise);text-decoration:none;color:var(--fg)}
.nav a.on{color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}
.qs{margin-left:auto;position:relative}
.qs input{width:230px;background:var(--bg);border:1px solid var(--line-2);border-radius:4px;padding:6px 9px;
  color:var(--fg)}
.qs input::placeholder{color:var(--fg-3)}
.qs .res{position:absolute;right:0;top:34px;width:340px;max-width:92vw;background:var(--panel);border:1px solid var(--line-2);
  box-shadow:var(--shadow);border-radius:4px;display:none;max-height:340px;overflow:auto}
.qs .res.open{display:block}
.qs .res a{display:flex;gap:10px;align-items:baseline;padding:7px 10px;color:var(--fg);border-bottom:1px solid var(--line)}
.qs .res a:hover,.qs .res a.hi{background:var(--raise);text-decoration:none}
.qs .res .t{font-weight:700;width:46px;color:var(--accent)}
.tbtn{background:var(--raise);border:1px solid var(--line-2);border-radius:4px;padding:5px 9px;cursor:pointer;color:var(--fg-2)}
.tbtn:hover{color:var(--fg)}
.tbtn[aria-pressed="true"]{color:var(--accent-fg);background:var(--accent);border-color:var(--accent)}

/* ---------- ticker tape ---------- */
.tape{background:var(--bg);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;height:26px;position:relative}
.tape .in{display:inline-block;animation:tape 160s linear infinite;line-height:26px}
.tape:hover .in{animation-play-state:paused}
.tape a{display:inline-block;margin-right:26px;color:var(--fg-2)}
.tape a b{color:var(--fg);margin-right:5px}
@keyframes tape{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tape .in{animation:none}.tape{overflow-x:auto}}

/* ---------- layout ---------- */
.wrap{max-width:1560px;margin:0 auto;padding:10px 14px 40px}
.pane{background:var(--panel);border:1px solid var(--line);border-radius:4px;margin-bottom:12px}
.pane>header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--line)}
.pane h2,.pane h1{margin:0;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-2);font-weight:700}
.pane .sp{flex:1}
.pane .note{color:var(--fg-3);font-size:12px}

/* market summary strip */
.mkt{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;margin-bottom:12px;overflow:hidden}
.mkt>div{background:var(--panel);padding:8px 12px;min-width:0}
.mkt .k{font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mkt .v{font:600 20px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
.mkt .d{font:12px ui-monospace,Menlo,Consolas,monospace}
.bar2{height:5px;border-radius:3px;background:var(--dn);overflow:hidden;margin-top:5px}
.bar2 i{display:block;height:100%;background:var(--up)}

/* segmented controls */
.seg{display:inline-flex;border:1px solid var(--line-2);border-radius:4px;overflow:hidden}
.seg button{background:var(--panel-2);border:0;border-right:1px solid var(--line-2);padding:4px 10px;cursor:pointer;color:var(--fg-2);font-weight:600}
.seg button:last-child{border-right:0}
.seg button:hover{color:var(--fg)}
.seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-fg)}
.lab{color:var(--fg-3);font-size:11px;text-transform:uppercase;letter-spacing:.05em}

/* ---------- heatmap ---------- */
#hm{position:relative;height:560px;background:var(--hm-edge);overflow:hidden;-webkit-user-select:none;user-select:none}
.hmg{position:absolute;overflow:hidden}
.hmg>.gl{position:absolute;left:0;top:0;right:0;height:16px;padding:0 5px;font:700 10.5px/16px system-ui,sans-serif;
  letter-spacing:.06em;text-transform:uppercase;color:var(--fg);background:var(--hm-edge);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2}
.hmt{position:absolute;overflow:hidden;border:1px solid var(--hm-edge);cursor:pointer;color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.15}
[data-theme="light"] .hmt{color:#0d1520}
.hmt:hover,.hmt:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:3}
.hmt b{font:700 12px/1.1 system-ui,sans-serif;letter-spacing:.02em}
.hmt span{font:11px ui-monospace,Menlo,Consolas,monospace}
.hmt.big b{font-size:clamp(14px,2.3vw,26px)} .hmt.big span{font-size:clamp(12px,1.3vw,15px)}
.hmt.tiny b,.hmt.tiny span{display:none}
.hmt.small span{display:none}
.hmlegend{display:flex;align-items:center;gap:8px;padding:7px 12px;border-top:1px solid var(--line);flex-wrap:wrap;color:var(--fg-3);font-size:12px}
.hmlegend .grad{flex:0 0 220px;height:10px;border-radius:2px;
  background:linear-gradient(90deg,rgba(var(--hm-dn),.95),var(--hm-0) 50%,rgba(var(--hm-up),.95))}
.tip{position:fixed;z-index:90;pointer-events:none;background:var(--panel);border:1px solid var(--line-2);border-radius:4px;box-shadow:var(--shadow);
  padding:8px 10px;min-width:210px;max-width:290px;display:none}
.tip h4{margin:0 0 2px;font-size:13px}
.tip .r{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--fg-2)}
.tip .r b{color:var(--fg);font-family:ui-monospace,Menlo,monospace}

/* ---------- screener: filters ---------- */
.presets{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--line);align-items:center}
.presets .lab{margin-right:4px}
.chip{background:var(--panel-2);border:1px solid var(--line-2);border-radius:3px;padding:3px 9px;cursor:pointer;color:var(--fg-2);font-weight:600;white-space:nowrap}
.chip:hover{color:var(--fg);border-color:var(--fg-3)}
.chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.chip .c{font-family:ui-monospace,Menlo,monospace;font-weight:400;opacity:.8;margin-left:4px}
.filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 10px;padding:10px 12px;border-bottom:1px solid var(--line)}
.filters label{display:flex;flex-direction:column;gap:2px;min-width:0}
.filters label>span{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-3)}
.filters select,.filters input{background:var(--bg);border:1px solid var(--line-2);border-radius:3px;padding:4px 6px;width:100%;min-width:0;color:var(--fg)}
.filters select.set,.filters input.set{border-color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}
.fbar{display:flex;gap:10px;align-items:center;padding:7px 12px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.fbar .cnt{font-weight:700}
.fbar .cnt b{color:var(--accent)}
.fbar .sp{flex:1}
.linkbtn{background:none;border:0;color:var(--link);cursor:pointer;padding:2px 4px}
.linkbtn:hover{text-decoration:underline}
#fold{display:none}

/* ---------- screener: table ---------- */
.tw{-webkit-overflow-scrolling:touch}
@media (max-width:1100px){.tw{overflow-x:auto}}
table.scr{border-collapse:collapse;width:100%;min-width:900px}
table.scr th{position:sticky;top:44px;z-index:5;background:var(--panel-2);color:var(--fg-2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  text-align:left;padding:6px 8px;border-bottom:1px solid var(--line-2);cursor:pointer;white-space:nowrap;user-select:none}
table.scr th:hover{color:var(--fg)}
table.scr th.n{text-align:right}
table.scr th .ar{display:inline-block;width:10px;color:var(--accent)}
table.scr td{padding:4px 8px;border-bottom:1px solid var(--line);white-space:nowrap;max-width:230px;overflow:hidden;text-overflow:ellipsis}
table.scr td.n{text-align:right}
table.scr tbody tr{cursor:pointer}
table.scr tbody tr:nth-child(even){background:var(--panel-2)}
table.scr tbody tr:hover{background:var(--raise)}
table.scr tbody tr.sel{background:var(--raise);box-shadow:inset 3px 0 0 var(--accent)}
table.scr td.tk a{font-weight:700;color:var(--accent)}
table.scr td.idx{color:var(--fg-3)}
.cell-bar{position:relative;display:block}
.cell-bar i{position:absolute;left:0;top:50%;height:60%;transform:translateY(-50%);background:var(--accent);opacity:.18;border-radius:2px}
.cell-bar span{position:relative}
.pill{display:inline-block;padding:0 6px;border-radius:3px;font-size:11px;font-weight:600;line-height:17px;border:1px solid var(--line-2);color:var(--fg-2)}
.pill.buyout{color:var(--buyout);border-color:var(--buyout)}
.pill.credit{color:var(--credit);border-color:var(--credit)}
.pill.sig{background:var(--raise)}
.pg{display:flex;align-items:center;gap:6px;padding:8px 12px;flex-wrap:wrap}
.pg .sp{flex:1}
.pg button{background:var(--panel-2);border:1px solid var(--line-2);border-radius:3px;padding:3px 9px;cursor:pointer;min-width:30px}
.pg button:hover:not(:disabled){border-color:var(--fg-3)}
.pg button:disabled{opacity:.4;cursor:default}
.pg button.cur{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:700}
.pg select{background:var(--bg);border:1px solid var(--line-2);border-radius:3px;padding:3px 5px}

/* ---------- drawer (company card) ---------- */
.dr-bg{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:60;display:none}
.dr-bg.open{display:block}
.drawer{position:fixed;top:0;right:0;bottom:0;width:430px;max-width:100vw;background:var(--panel);border-left:1px solid var(--line-2);
  box-shadow:var(--shadow);z-index:70;transform:translateX(102%);transition:transform .18s ease;overflow-y:auto;padding:0 0 24px}
.drawer.open{transform:none}
@media (prefers-reduced-motion:reduce){.drawer{transition:none}}
.drawer .hd{padding:12px 14px 8px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:3}
.drawer .hd h3{margin:0;font-size:16px;line-height:1.25;padding-right:34px}
.drawer .hd .sub{color:var(--fg-3);font-size:12px;margin-top:2px}
.drawer .x{position:absolute;top:8px;right:10px;background:var(--raise);border:1px solid var(--line-2);border-radius:4px;width:28px;height:28px;cursor:pointer;color:var(--fg-2)}
.drawer .bd{padding:10px 14px}
.bigq{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:2px 0 6px}
.bigq .q{font:600 30px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.bigq .dq{font:600 14px ui-monospace,Menlo,monospace}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin:8px 0}
.kv>div{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid var(--line)}
.kv span:first-child{color:var(--fg-3)}
.kv span:last-child{font-family:ui-monospace,Menlo,monospace;text-align:right}
.btn{display:inline-block;background:var(--accent);color:var(--accent-fg);border-radius:4px;padding:6px 12px;font-weight:700;border:0;cursor:pointer}
.btn:hover{text-decoration:none;filter:brightness(1.08)}
.btn.ghost{background:var(--raise);color:var(--fg);border:1px solid var(--line-2)}
.sigl{list-style:none;margin:6px 0;padding:0}
.sigl li{padding:5px 0;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:baseline}
.sigl .d{color:var(--fg-3);font:12px ui-monospace,Menlo,monospace;flex:0 0 74px}
h5.sec{margin:14px 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3)}

/* ---------- charts ---------- */
svg.ch{display:block;width:100%;height:auto}
svg.ch text{fill:var(--fg-3);font:10px ui-monospace,Menlo,monospace}
svg.ch .grid{stroke:var(--line);stroke-width:1}
svg.ch .ln{fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
svg.ch .ev{cursor:pointer}

/* ---------- company page ---------- */
.qh{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap;padding:12px 14px}
.qh h1{margin:0;font-size:22px;text-transform:none;letter-spacing:0;color:var(--fg)}
.qh .sub{color:var(--fg-3)}
.qh .px{margin-left:auto;text-align:right}
.qh .px .q{font:600 34px/1 ui-monospace,Menlo,monospace}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);padding:0 8px;overflow-x:auto}
.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:9px 12px;cursor:pointer;color:var(--fg-2);font-weight:600;white-space:nowrap}
.tabs button[aria-selected="true"]{color:var(--fg);border-bottom-color:var(--accent)}
.tp{padding:10px 12px;display:none}
.tp.on{display:block}
table.fin{border-collapse:collapse;width:100%;min-width:560px}
table.fin th,table.fin td{padding:5px 8px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
table.fin th:first-child,table.fin td:first-child{text-align:left}
table.fin th{color:var(--fg-3);font-size:11px;text-transform:uppercase}
.tile3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:0 0 10px;border:1px solid var(--line)}
.tile3>div{background:var(--panel);padding:8px 10px}
.tile3 .k{font-size:11px;text-transform:uppercase;color:var(--fg-3);letter-spacing:.04em}
.tile3 .v{font:600 22px/1.2 ui-monospace,Menlo,monospace}
.tile3 .d{font:12px ui-monospace,Menlo,monospace}
.mini{display:flex;flex-direction:column;gap:0}
.mini a.row{display:flex;gap:8px;padding:6px 10px;border-bottom:1px solid var(--line);color:var(--fg)}
.mini a.row:hover{background:var(--raise);text-decoration:none}
.mini a.row b{width:48px;color:var(--accent)}
.mini a.row .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-2)}

.foot{color:var(--fg-3);font-size:12px;padding:14px;text-align:center;border-top:1px solid var(--line);margin-top:20px}
.synth{display:inline-block;border:1px solid var(--accent);color:var(--accent);border-radius:3px;padding:0 6px;font-size:11px;font-weight:700;letter-spacing:.05em}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .mkt{grid-template-columns:repeat(3,1fr)}
  .cols{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  body{font-size:14px}
  .top{height:auto;flex-wrap:wrap;padding:6px 10px;gap:6px 10px}
  .nav{order:3;width:100%;margin:0;overflow-x:auto}
  .qs{margin-left:auto}
  .qs input{width:150px}
  table.scr th{top:0}
  .wrap{padding:8px 8px 30px}
  #hm{height:420px}
  .mkt{grid-template-columns:repeat(2,1fr)}
  .mkt .v{font-size:17px}
  .filters{grid-template-columns:repeat(2,1fr);display:none}
  .filters.open{display:grid}
  #fold{display:inline-block}
  .hmlegend .grad{flex-basis:140px}
  .drawer{top:auto;left:0;right:0;width:100%;height:82vh;max-width:none;border-left:0;border-top:1px solid var(--line-2);
    border-radius:10px 10px 0 0;transform:translateY(102%)}
  .drawer.open{transform:none}
  .qh .px{margin-left:0;text-align:left}
  .qh .px .q{font-size:28px}
  .tile3 .v{font-size:18px}
  .kv{grid-template-columns:1fr}
  table.scr td.hm-c,table.scr th.hm-c{display:none}
}

/* sticky ticker column keeps its place while the table scrolls sideways (390px) */
table.scr th.tk,table.scr td.tk{position:sticky;left:0;z-index:4;background:var(--panel);box-shadow:1px 0 0 var(--line)}
table.scr th.tk{background:var(--panel-2);z-index:6}
table.scr tbody tr:nth-child(even) td.tk{background:var(--panel-2)}
table.scr tbody tr:hover td.tk,table.scr tbody tr.sel td.tk{background:var(--raise)}
aside .pane:last-child{margin-bottom:0}
.hmlegend{position:relative}
/* tile ink: white on the saturated dark-theme tints, near-black on the light theme */
[data-theme="dark"]{--hm-up:30,140,84;--hm-dn:205,60,56}
[data-theme="dark"][data-pal="rev"]{--hm-up:205,60,56;--hm-dn:30,140,84}
[data-theme="light"]{--hm-up:60,185,110;--hm-dn:235,95,90}
[data-theme="light"][data-pal="rev"]{--hm-up:235,95,90;--hm-dn:60,185,110}
/* mobile: no grid child may widen the page */
.cols>*{min-width:0}
.tile3>*{min-width:0}
@media (max-width:700px){.tile3{grid-template-columns:1fr}}