/* TraderMap theme: deep-water palette + type. Loaded after shell.css on every page so all pages share one identity. */
:root {
  --bg: #0b1c29;
  --bg-subtle: #0e2231;
  --panel: #112b3d;
  --panel-card: #143349;
  --panel-hover: #194159;
  --line: #21455d;
  --line-light: #2d5974;
  --fg: #e4f0f5;
  --dim: #8aa6b6;
  --gold: #f1c27d;
  --gold-glow: rgba(241, 194, 125, 0.18);
  --buy: #3fe0b0;
  --buy-glow: rgba(63, 224, 176, 0.22);
  --sell: #ff7468;
  --sell-glow: rgba(255, 116, 104, 0.22);
  --serif: "Instrument Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --sans: "Geist", "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: var(--sans);
}
html { color: var(--fg); font-family: var(--sans); font-variant-numeric: tabular-nums; background: var(--bg); }
body { background:
    radial-gradient(1200px 520px at 78% -8%, rgba(63,224,176,0.07), transparent 60%),
    radial-gradient(900px 480px at -5% 110%, rgba(241,194,125,0.05), transparent 60%),
    var(--bg); }
::-webkit-scrollbar-thumb { background: #2a5670; } ::-webkit-scrollbar-thumb:hover { background: #3a7090; } ::-webkit-scrollbar-track { background: transparent; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; border-radius: 3px; }

/* header */
.bar { background: rgba(11, 28, 41, 0.9); border-bottom: 1px solid var(--line); padding: 8px 18px; gap: 12px; }
.bar nav { gap: 0; font-size: 0.8rem; }
.bar nav a { padding: 6px 7px; border-radius: 0; border: 0; border-bottom: 2px solid transparent; color: var(--dim); font-weight: 500; }
.bar nav a:hover { background: none; border: 0; border-bottom: 2px solid var(--line-light); color: #fff; }
.bar nav a.active, .bar nav a.active:hover { background: none; border: 0; border-bottom: 2px solid var(--gold); color: #fff; }
.ref-links { gap: 8px; }
.ref-btn { border-radius: 999px; padding: 5px 12px 5px 10px; font-weight: 600; letter-spacing: 0; font-size: 0.76rem; background: transparent; box-shadow: none; animation: none; }
.ref-btn::before { display: none; }
.ref-hl { border: 1px solid rgba(63,224,176,0.45); color: var(--buy); }
.ref-hl:hover { background: rgba(63,224,176,0.1); color: var(--buy); }
.ref-bitunix { border: 1px solid rgba(241,194,125,0.5); color: var(--gold); }
.ref-bitunix:hover { background: rgba(241,194,125,0.1); color: var(--gold); }
.ref-tag-hl, .ref-tag-bitunix { animation: none; box-shadow: none; border: 0; border-radius: 999px; padding: 1px 8px; font-size: 0.68rem; font-weight: 700; }
.ref-tag-hl { background: rgba(63,224,176,0.16); color: var(--buy); }
.ref-tag-bitunix { background: rgba(241,194,125,0.18); color: var(--gold); }
.lang-select { font-size: 0.78rem; background: var(--panel); border-color: var(--line); border-radius: 999px; padding: 5px 10px; font-family: var(--sans); }
.foot { background: transparent; border-top: 1px solid var(--line); color: var(--dim); font-size: 0.74rem; }
.foot a:hover { color: #fff; }
.up { color: var(--buy); } .dn { color: var(--sell); }
.pos { color: var(--buy) !important; } .neg { color: var(--sell) !important; }

/* shared components on analytics pages, mapped onto the new palette */
.panel > .ph { background: var(--bg-subtle); font-family: var(--serif); font-style: italic; font-weight: 400; font-size: 1rem; text-transform: none; letter-spacing: 0; color: #fff; padding: 9px 14px; }
.panel > .ph .dim { font-family: var(--sans); font-style: normal; font-size: 0.72rem; }
.page-head h1 { font-family: var(--serif); font-weight: 400; font-size: 2rem; letter-spacing: -0.01em; }
.card .v { font-family: var(--serif); font-weight: 400; font-size: 1.6rem; }
.card .k { text-transform: none; letter-spacing: 0; font-size: 0.74rem; }
.dt th { background: var(--bg-subtle); text-transform: none; letter-spacing: 0; font-size: 0.72rem; font-weight: 600; }
.dt th:first-child { background: var(--bg-subtle); }
.dt td { border-bottom-color: #183649; }
.input, .select, .btn { background: var(--panel); border-color: var(--line); font-family: var(--sans); }
.seg { background: var(--panel); }
.seg button[aria-pressed="true"] { background: var(--gold); color: #1a1205; }
.hm-stage { background: #081722; }
.pill.n { background: #17384c; }