/* Homepage Radar only: compact terminal ledger inside the existing blue frame. */
/* Bound the stage panels on phones so the inner ledger can overflow vertically. */
@media (max-width: 768px) {
    html:not(.terminal-embed) #radar-glance .radar-glance-map-track {
        height: 460px;
        min-height: 0;
        flex: 0 0 460px;
    }
}

html:not(.terminal-embed) #radar-glance {
    --radar-ledger-columns: minmax(94px, 1fr) minmax(0, .7fr) minmax(100px, 1.4fr) 62px;
    background: #0a0a0a;
}

html:not(.terminal-embed) #radar-glance .radar-glance-header,
html:not(.terminal-embed) #radar-glance .radar-glance-title-lockup h2,
html:not(.terminal-embed) #radar-glance .radar-glance-header-meta,
html:not(.terminal-embed) #radar-glance .radar-glance-cycle,
html:not(.terminal-embed) #radar-glance .radar-glance-map-tabs button,
html:not(.terminal-embed) #radar-glance .radar-glance-stage-name,
html:not(.terminal-embed) #radar-glance .radar-glance-stage-count,
html:not(.terminal-embed) #radar-glance .radar-glance-map-row,
html:not(.terminal-embed) #radar-glance .radar-glance-row-main strong,
html:not(.terminal-embed) #radar-glance .radar-glance-row-context {
    font-family: 'JetBrains Mono', monospace;
}

html:not(.terminal-embed) #radar-glance .radar-glance-header {
    padding: 9px 12px;
    background: #111;
    border-bottom-color: #2a2a2a;
}

html:not(.terminal-embed) #radar-glance .radar-glance-title-lockup h2 {
    font-size: 12px;
    letter-spacing: .08em;
    color: #e0e0e0;
}

html:not(.terminal-embed) #radar-glance .radar-glance-header-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    font-size: 8px;
    line-height: 1.3;
    color: #999;
}

html:not(.terminal-embed) #radar-glance .radar-glance-meta-refresh,
html:not(.terminal-embed) #radar-glance .radar-glance-meta-date {
    color: #707070;
}

html:not(.terminal-embed) #radar-glance .radar-glance-cycle {
    padding: 0;
}

html:not(.terminal-embed) #radar-glance .radar-glance-map-tabs {
    padding: 0 6px;
    border-bottom-color: #2a2a2a;
    background: #111;
}

html:not(.terminal-embed) #radar-glance .radar-glance-map-tabs button {
    min-height: 30px;
    font-size: 9px;
    font-weight: 400;
    color: #8a8a8a;
    opacity: .45;  /* other tabs fade out; the active one is the only bright title (no underline) */
}

html:not(.terminal-embed) #radar-glance .radar-glance-map-tabs button span {
    font-size: 8px;
    color: #666;
}

html:not(.terminal-embed) #radar-glance .radar-glance-map-tabs button.active {
    color: #e5e5e5;
    border-bottom-color: transparent;
    opacity: 1;
}

html:not(.terminal-embed) #radar-glance .radar-glance-map-tabs button.active span {
    color: #c7a467;
}

html:not(.terminal-embed) #radar-glance .radar-glance-stage {
    min-height: 27px;
    padding: 5px 12px;
    border-bottom-color: #252525;
    background: #0d0d0d;
}

html:not(.terminal-embed) #radar-glance .radar-glance-stage-name {
    font-size: 9px;
    font-weight: 400;
    color: #9b9b9b !important;
}

html:not(.terminal-embed) #radar-glance .radar-glance-stage-name span {
    color: #b5b5b5;
}

html:not(.terminal-embed) #radar-glance .radar-glance-stage-count {
    font-size: 8px;
    font-weight: 400;
    color: #737373 !important;
}

html:not(.terminal-embed) #radar-glance .radar-glance-ledger-head,
html:not(.terminal-embed) #radar-glance .radar-glance-map-row {
    display: grid;
    grid-template-columns: var(--radar-ledger-columns);
    column-gap: 6px;
    align-items: center;
    padding: 0 12px 0 10px;
}

html:not(.terminal-embed) #radar-glance .radar-glance-ledger-head {
    min-height: 23px;
    flex: 0 0 auto;
    border-left: 2px solid transparent;
    border-bottom: 1px solid #333;
    background: #151515;
    font-size: 8px;
    color: #929292;
    letter-spacing: .04em;
}

html:not(.terminal-embed) #radar-glance .radar-glance-ledger-head span:last-child {
    text-align: right;
}

html:not(.terminal-embed) #radar-glance .radar-glance-map-list {
    padding: 0;
    gap: 0;
    scrollbar-width: thin;
    scrollbar-color: #3a3a3a #0a0a0a;
    scrollbar-gutter: stable;
}

html:not(.terminal-embed) #radar-glance .radar-glance-map-row {
    min-height: 34px;
    flex: 0 0 auto;
    border-bottom: 1px solid #242424;
    background: #0b0b0b;
    box-shadow: none;
    border-radius: 0;
}

html:not(.terminal-embed) #radar-glance .radar-glance-map-row:nth-child(even) {
    background: #171717;
}

html:not(.terminal-embed) #radar-glance .radar-glance-map-row:hover,
html:not(.terminal-embed) #radar-glance .radar-glance-map-row:focus-visible {
    background: #232323;
    box-shadow: none;
}

html:not(.terminal-embed) #radar-glance .radar-glance-row-main {
    min-width: 0;
    gap: 6px;
}

html:not(.terminal-embed) #radar-glance .radar-glance-logo {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    border-radius: 2px;
    border-color: #333;
    background: #202020;
}

html:not(.terminal-embed) #radar-glance .radar-glance-row-main strong {
    font-size: 11px;
    letter-spacing: 0;
    color: #d8d8d8;
    font-weight: 700;
    text-shadow: none;
}

html:not(.terminal-embed) #radar-glance .radar-glance-row-setup {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 2px;
    padding: 5px 0;
    text-align: left;
}

html:not(.terminal-embed) #radar-glance .radar-glance-row-context {
    font-size: 9px;
    font-weight: 400;
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: anywhere;
    color: #aaa;
}

html:not(.terminal-embed) #radar-glance .radar-glance-row-context.is-empty {
    color: #484848;
}

html:not(.terminal-embed) #radar-glance .gex-confluence .radar-glance-row-context,
html:not(.terminal-embed) #radar-glance .radar-glance-row-context.is-price-discovery {
    color: #b394cf;
}

html:not(.terminal-embed) #radar-glance .gex-rotation-bullish .radar-glance-row-context {
    color: #55ad87;
}

html:not(.terminal-embed) #radar-glance .gex-rotation-bearish .radar-glance-row-context {
    color: #cd697b;
}
html:not(.terminal-embed) #radar-glance .radar-glance-row-context.is-bullish-watch { color: #55ad87; }
html:not(.terminal-embed) #radar-glance .radar-glance-row-context.is-bearish-watch { color: #cd697b; }
html:not(.terminal-embed) #radar-glance .radar-glance-row-context.is-reversal { color: #bea1dd; }

html:not(.terminal-embed) #radar-glance .radar-glance-row-extension {
    color: #bbb;
    font-size: 11px;
    line-height: 1.4;
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

html:not(.terminal-embed) #radar-glance .radar-glance-row-gex {
    display: grid;
    min-width: 0;
    gap: 2px;
    padding-block: 5px;
    font: 9px/1.35 'JetBrains Mono', monospace;
    font-variant-numeric: tabular-nums;
}
html:not(.terminal-embed) #radar-glance .radar-glance-row-gex > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html:not(.terminal-embed) #radar-glance .radar-glance-row-gex .is-positive { color: #64b392; }
html:not(.terminal-embed) #radar-glance .radar-glance-row-gex .is-negative { color: #e6657d; }

@media (max-width: 768px) {
    html:not(.terminal-embed) #radar-glance .radar-glance-map-tabs button {
        min-height: 32px;
    }
}

/* Fixed columns: label | strike | notional | %. The % column never shrinks; the notional ellipsizes first. */
#radar-glance .radar-glance-row-gex > .radar-gex-line { display: grid; grid-template-columns: 3.4em 3.6em minmax(0, 1fr); align-items: baseline; column-gap: 0.5em; min-width: 0; overflow: visible; }
#radar-glance .radar-gex-line.is-positive .radar-gex-label { color: #64b392; }
#radar-glance .radar-gex-line.is-negative .radar-gex-label { color: #e6657d; }
#radar-glance .radar-gex-strike { color: rgba(231, 250, 255, 0.72); text-align: right; overflow: hidden; white-space: nowrap; }
#radar-glance .radar-gex-values { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 0.5em; min-width: 0; }
#radar-glance .radar-gex-notional { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; }
#radar-glance .radar-gex-pct { white-space: nowrap; text-align: right; min-width: 3.4em; }
/* Narrow Radar: first the label shortens to +/−, then the notional goes; strike and % always stay. */
#radar-glance .radar-glance-row-gex { container-type: inline-size; }
@container (max-width: 135px) {
    #radar-glance .radar-glance-row-gex > .radar-gex-line { grid-template-columns: 0.8em 3.2em minmax(0, 1fr); column-gap: 0.4em; }
    #radar-glance .radar-gex-label { font-size: 0; }
    #radar-glance .radar-gex-line.is-positive .radar-gex-label::before { content: '+'; font-size: 9px; }
    #radar-glance .radar-gex-line.is-negative .radar-gex-label::before { content: '−'; font-size: 9px; }
    #radar-glance .radar-gex-values { column-gap: 0.4em; }
    #radar-glance .radar-gex-pct { min-width: 0; }
}
@container (max-width: 88px) {
    #radar-glance .radar-gex-notional { display: none; }
    #radar-glance .radar-gex-values { grid-template-columns: auto; }
}

/* Labels identify polarity; values describe the comparable magnitude change. */
#radar-glance .radar-glance-row-gex strong { font-weight:400; }
html:not(.terminal-embed) #radar-glance .radar-glance-row-gex .gex-up { color:#37f29a; }
html:not(.terminal-embed) #radar-glance .radar-glance-row-gex .gex-down { color:#ff5e7a; }
html:not(.terminal-embed) #radar-glance .radar-glance-row-gex .gex-flat { color:rgba(231,250,255,.58); }
html:not(.terminal-embed) #radar-glance .radar-glance-row-gex .gex-awaiting { color:rgba(231,250,255,.48); }

.radar-alert-sound { border:0; background:transparent; color:#9caa9f; padding:2px 0; cursor:pointer; font:9px 'JetBrains Mono',monospace; }
.radar-alert-sound:hover,.radar-alert-sound:focus-visible { color:#b3e4cc; }
.radar-node-alert-status { color:#9fc6b0; font:9px 'JetBrains Mono',monospace; padding:0 12px; }
.radar-node-alert-status:not(:empty) { padding-block:5px; border-bottom:1px solid #26362d; }
.radar-node-reached { animation:radar-node-reach 1.8s ease-out; }
@keyframes radar-node-reach { from { background:#254537; } to { background:transparent; } }
@media(prefers-reduced-motion:reduce) { .radar-node-reached { animation:none; outline:1px solid #65ae8d; } }

/* Wall label in the SETUP slot: amber wall / green floor within 1 ATR, red at the wall (flashes once), dim when fading. */
html:not(.terminal-embed) #radar-glance .radar-glance-row-context.is-wall-set { color: #e0ac55; }
html:not(.terminal-embed) #radar-glance .radar-glance-row-context.is-wall-at { color: #ff4466; font-weight: 700; }
html:not(.terminal-embed) #radar-glance .radar-glance-row-context.is-floor-set { color: #37f29a; }
html:not(.terminal-embed) #radar-glance .radar-glance-row-context.is-floor-at { color: #37f29a; font-weight: 700; }
html:not(.terminal-embed) #radar-glance .radar-glance-row-context.is-fading { opacity: .55; }
html:not(.terminal-embed) #radar-glance .radar-glance-row-context.wall-arrive { animation: radar-glance-wall-arrive .9s ease-out; }
@keyframes radar-glance-wall-arrive { 0%, 25% { background: rgba(255, 68, 102, .3); } 100% { background: transparent; } }
@media (prefers-reduced-motion: reduce) { html:not(.terminal-embed) #radar-glance .radar-glance-row-context.wall-arrive { animation: none; } }
html:not(.terminal-embed) #radar-glance .radar-glance-row-context[data-wall] { white-space: nowrap; }

/* Tracked Fish-style top panel: one-line header (RDR badge, ★ RADAR, count | session pill, refresh time, sound),
   then the stage tabs and a thin breadth bar with an up / down readout. */
#radar-glance .radar-glance-header { display: flex; align-items: center; gap: 10px; padding: 7px 12px; background: #050607; border-bottom: 1px solid #1d2126; }
#radar-glance .radar-glance-title-lockup { display: flex; align-items: center; gap: 9px; min-width: 0; }
#radar-glance .radar-glance-badge { background: #e0ac55; color: #120c02; font: 700 10px 'JetBrains Mono', monospace; padding: 0 5px; letter-spacing: .04em; }
#radar-glance .radar-glance-title-lockup h2, html:not(.terminal-embed) #radar-glance .radar-glance-title-lockup h2 { margin: 0; color: #e0ac55; font: 600 11px 'JetBrains Mono', monospace; letter-spacing: .18em; text-shadow: none; white-space: nowrap; }
#radar-glance .radar-glance-count { color: #6b7178; font: 10px 'JetBrains Mono', monospace; }
#radar-glance .radar-glance-header-state { margin-left: auto; flex-direction: row; align-items: center; gap: 9px; }
#radar-glance .radar-glance-header-meta, html:not(.terminal-embed) #radar-glance .radar-glance-header-meta { display: flex; flex-direction: row; align-items: center; gap: 7px; max-width: none; font: 10px 'JetBrains Mono', monospace; color: #6b7178; white-space: nowrap; letter-spacing: .04em; }
#radar-glance .radar-glance-header-meta .radar-glance-session-chip { border-radius: 0; font-size: 9px; letter-spacing: .08em; padding: 1px 5px; font-weight: 600; }
#radar-glance .radar-alert-sound { font-size: 9px; letter-spacing: .06em; color: #45e08a; }
#radar-glance .radar-alert-sound[aria-pressed="false"] { color: #6b7178; }
#radar-glance .decoration-line { display: none; }
.radar-glance-breadth-bar { display: flex; height: 4px; background: #111; }
.radar-glance-breadth-bar i { display: block; height: 100%; transition: width .5s cubic-bezier(.2,.7,.3,1); }
.radar-glance-breadth-bar .is-reclaim { background: #8fe3b5; } .radar-glance-breadth-bar .is-advance { background: #1fae63; }
.radar-glance-breadth-bar .is-extended { background: #e0ac55; } .radar-glance-breadth-bar .is-fade { background: #e07a40; }
.radar-glance-breadth-bar .is-decline { background: #e0405c; }
.radar-glance-breadth-read { display: flex; justify-content: space-between; padding: 5px 12px; border-bottom: 1px solid #1d2126; color: #6b7178; font: 10px 'JetBrains Mono', monospace; letter-spacing: .06em; }
.radar-glance-breadth-read b { font-weight: 400; }
.radar-glance-breadth-read .is-up { color: #45e08a; } .radar-glance-breadth-read .is-down { color: #ff4466; }
#radar-glance { container-type: inline-size; }
#radar-glance .radar-alert-sound, .radar-glance-breadth-read span { white-space: nowrap; }
/* Narrow docks: keep one line by dropping the refresh time and count; the readout tightens. */
@container (max-width: 420px) {
  #radar-glance .radar-glance-header { gap: 6px; padding: 6px 8px; }
  #radar-glance .radar-glance-count, #radar-glance .radar-glance-meta-refresh, #radar-glance .radar-glance-meta-date { display: none; }
  .radar-glance-breadth-read { padding: 4px 8px; font-size: 9px; letter-spacing: .02em; }
}

/* Orange identifies names available on Hyperliquid without recoloring signals. */
#radar-glance .radar-glance-map-row.is-hyperliquid .radar-glance-ticker-name {
    color: #ff9e24;
}