/* Price Action terminal chrome. Native chart calculations remain shared with Radar. */
#live-price-action {
    background: #101010;
    border: 1px solid #363636;
    border-radius: 0;
    box-shadow: none;
}
#live-price-action::after { display: none; }
#live-price-action > .widget-header {
    position: relative;
    top: auto;
    min-height: 28px;
    padding: 3px 9px;
    gap: 10px;
    background: #202020;
    border-bottom: 1px solid #343434;
}
#live-price-action .header-left-group { gap: 12px; flex-wrap: wrap; }
#live-price-action .widget-header h2 { margin: 0; font-size: 12px; letter-spacing: 0.2px; color: #d8d8d8; text-shadow: none; }
#live-price-action .decoration-line { display: none; }
#live-price-action .price-action-view-switcher { gap: 4px; }
#live-price-action .price-action-view-btn {
    min-height: 20px;
    padding: 2px 4px;
    color: #929292;
    font-size: 8px;
    letter-spacing: 0;
    text-shadow: none;
    border-bottom: 1px solid transparent;
}
#live-price-action .price-action-view-btn::before { display: none; }
#live-price-action .price-action-view-btn.is-active { color: #e1c391; border-bottom-color: #ad8954; }
#live-price-action .price-action-view-btn:hover { color: #f0f0f0; }
#live-price-action .price-action-view-btn:focus-visible { outline: 1px solid #ad8954; outline-offset: 1px; }
#live-price-action .status-container { margin-left: auto; gap: 4px; }
#live-price-action .status-container .status-text { font: 8px 'JetBrains Mono',monospace; text-shadow: none; letter-spacing: 1px; animation: none; }
#live-price-action .status-container.status-live .status-text { color: #8b949e; }
#live-price-action .status-container .status-dot { font-size: 0; animation: none; }
#live-price-action .status-container.status-live .status-dot {
    width: 4px;
    height: 4px;
    background: #37f29a;
    box-shadow: 0 0 6px #37f29ab3;
    animation: price-action-status-pulse 1.2s steps(2,end) infinite;
}
@keyframes price-action-status-pulse { 0%,100% { opacity: 1; } 50% { opacity: .45; } }
@media (prefers-reduced-motion: reduce) {
    #live-price-action .status-container.status-live .status-dot { animation: none; }
}
#live-price-action .widget-content { padding: 0; }
#live-price-action.price-action-view-chart #chart-container { height: auto !important; }
#chart-container > .price-action-native-chart {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    flex: 1;
    height: auto !important;
    background: #101010;
    color: #c8cdd2;
    font: 10px 'JetBrains Mono',monospace;
    font-variant-numeric: tabular-nums;
}
.price-action-chart-identity {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    min-height: 61px;
    padding: 9px 11px;
}
.price-action-chart-search { display: flex; align-items: center; gap: 9px; margin: 0; min-width: 0; }
.price-action-company-logo { width: 30px; height: 30px; flex: 0 0 30px; object-fit: contain; border-radius: 0; }
.price-action-chart-symbol { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.price-action-chart-ticker { display: inline-flex; align-items: center; gap: 3px; width: fit-content; cursor: text; font: 700 15px 'JetBrains Mono',monospace; }
.price-action-chart-search input {
    box-sizing: content-box;
    width: calc(var(--ticker-length,4) * 1ch + 2px);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #e4e7ea;
    font: 700 15px 'JetBrains Mono',monospace;
    text-transform: uppercase;
    caret-color: #dca75b;
}
.price-action-ticker-cursor { width: 1px; height: .9em; background: #dca75b; animation: price-action-cursor-blink 1s step-end infinite; }
.price-action-chart-ticker:focus-within .price-action-ticker-cursor { visibility: hidden; animation: none; }
@keyframes price-action-cursor-blink { 0%,100% { opacity: 1; } 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
    .price-action-ticker-cursor { animation: none; }
}
.price-action-chart-interval { color: #777; font-size: 7px; letter-spacing: 0.1px; white-space: nowrap; }
.price-action-chart-quote { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; white-space: nowrap; }
.price-action-chart-quote strong { color: #e4e4e4; font-size: 19px; font-weight: 500; line-height: 1.1; }
.price-action-chart-change { color: #777; font-size: 8px; }
.price-action-chart-change.is-up { color: #70b795; }
.price-action-chart-change.is-down { color: #df6a79; }
.price-action-chart-command {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5px 10px;
    min-height: 24px;
    padding: 2px 9px;
    background: #202020;
    border-top: 1px solid #282828;
    border-bottom: 1px solid #282828;
}
.price-action-chart-caption { color: #b7b7b7; font-size: 8px; }
.price-action-chart-ranges { display: flex; align-items: center; gap: 12px; }
.price-action-chart-command button {
    padding: 2px 0;
    border: 0;
    background: transparent;
    color: #858585;
    font: 8px 'JetBrains Mono',monospace;
    cursor: pointer;
}
.price-action-chart-command button.is-active { color: #e0c18e; }
.price-action-chart-command button:hover { color: #f0d8b3; }
/* Intraday ranges need Hyperliquid candles; other tickers show them dimmed and unclickable. */
.price-action-chart-ranges button:disabled { color: #4a4a4a; cursor: not-allowed; }
.price-action-chart-ranges button:disabled:hover { color: #4a4a4a; }
.price-action-native-chart :focus-visible { outline: 1px solid #ad8954; outline-offset: 3px; }
.price-action-native-chart .radar-tv-chart-body { flex: 1; min-height: 200px; position: relative; }
.price-action-native-chart .radar-yfinance-chart-wrap { background: #101010; }
.price-action-native-chart .radar-tv-chart-empty { margin: auto; color: #828a92; font-size: 10px; }
.price-action-native-chart .radar-chart-legend { top: 8px; color: #9a9a9a; letter-spacing: 0; }
/* The O/H/L/C strip under the chart is hidden: the chart and its crosshair already show these. */
.price-action-chart-footer { display: none; }
.price-action-chart-ledger { display: grid; flex: 1 1 290px; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; margin: 0; }
.price-action-chart-ledger > div { display: flex; align-items: baseline; gap: 5px; min-width: 0; }
.price-action-chart-ledger dt { color: #777; font-size: 7px; }
.price-action-chart-ledger dd { margin: 0; color: #bdbdbd; font-size: 8px; white-space: nowrap; }
.price-action-chart-meta { color: #717171; font-size: 7px; line-height: 12px; }
:is(.terminal-window,.terminal-native-panel) #live-price-action.price-action-view-chart { min-height: 0 !important; }
:is(.terminal-window,.terminal-native-panel) #live-price-action.price-action-view-chart #chart-container { min-height: 0 !important; }
:is(.terminal-window,.terminal-native-panel) .price-action-native-chart .radar-tv-chart-body { min-height: 0; }
@media (max-width: 768px) {
    #live-price-action .header-left-group { gap: 7px; }
    #live-price-action .widget-header h2 { font-size: 11px; letter-spacing: 0; }
    #live-price-action .price-action-view-btn { font-size: 8px; padding: 2px 3px; }
    .price-action-chart-identity { min-height: 54px; padding: 7px 9px; gap: 8px; }
    .price-action-chart-search { gap: 7px; }
    .price-action-chart-ticker,.price-action-chart-search input { font-size: 14px; }
    .price-action-company-logo { width: 26px; height: 26px; flex-basis: 26px; }
    .price-action-chart-quote strong { font-size: 17px; }
    .price-action-chart-change { font-size: 7px; }
    .price-action-chart-command { padding: 2px 8px; }
    .price-action-chart-ledger { gap: 5px; }
    .price-action-chart-ledger > div { flex-direction: column; gap: 3px; }
}

.price-action-chart-quote strong.tick-up { animation: radar-gex-tick-up 210ms steps(1, end) 1; }
.price-action-chart-quote strong.tick-down { animation: radar-gex-tick-down 210ms steps(1, end) 1; }
@media (prefers-reduced-motion: reduce) {
    .price-action-chart-quote strong.tick-up, .price-action-chart-quote strong.tick-down { animation: none; }
}

/* Native PA uses one toolbar; keep the company logo and live quote at their original sizes. */
#live-price-action { container-type:inline-size; container-name:price-action; }
#live-price-action.price-action-view-chart > .widget-header { display:none; }
.price-action-chart-identity {
    display:grid;
    grid-template-columns:minmax(0,auto) auto minmax(0,1fr) auto;
    gap:10px;
    min-height:46px;
    padding:5px 10px;
    background:#101010;
    border-bottom:1px solid #292929;
    flex:none;
}
.price-action-chart-symbol { gap:0; }
.price-action-chart-interval[hidden] { display:none; }
.price-action-chart-quote { align-items:flex-start; gap:3px; }
.price-action-chart-view-controls { display:flex; align-items:center; justify-content:flex-end; gap:8px; min-width:0; }
#live-price-action .price-action-chart-view-controls .price-action-view-switcher { flex-wrap:nowrap; white-space:nowrap; }
#live-price-action .price-action-chart-view-controls .status-container { margin:0; flex:none; }
#live-price-action .price-action-chart-view-controls .status-text { display:none; }
.price-action-chart-tools { display:flex; align-items:center; gap:8px; }
.price-action-chart-ranges { gap:10px; }
.price-action-chart-tools button,.price-action-chart-options summary {
    border:0; background:none; color:#858585; cursor:pointer; font:9px 'JetBrains Mono',monospace;
    padding:6px 0; white-space:nowrap;
}
.price-action-chart-tools button.is-active { color:#e0c18e; }
.price-action-chart-tools button:hover,.price-action-chart-options summary:hover { color:#f0d8b3; }
.price-action-chart-options { position:relative; }
.price-action-chart-options summary { list-style:none; font-size:18px; line-height:18px; padding:3px 5px; }
.price-action-chart-options summary::-webkit-details-marker { display:none; }
.price-action-chart-options-menu { position:absolute; right:0; top:calc(100% + 5px); z-index:15; padding:5px; background:#101214; border:1px solid #42464b; box-shadow:0 8px 20px #0009; }
.price-action-chart-options-menu .price-action-chart-refresh { display:block; padding:10px; text-align:left; color:#c7cbd0; }
.price-action-chart-options-menu .price-action-chart-refresh:hover { background:#222629; }
@container price-action (max-width:620px) {
    .price-action-chart-identity { grid-template-columns:minmax(0,1fr) auto; gap:0 8px; min-height:0; padding:3px 9px 0; }
    .price-action-chart-search { min-height:28px; align-items:center; gap:6px; }
    .price-action-company-logo { width:20px; height:20px; flex-basis:20px; }
    .price-action-chart-search input { max-width:100%; min-width:0; }
    .price-action-chart-ticker { max-width:100%; min-width:0; }
    .price-action-chart-quote { flex-direction:row; align-items:baseline; gap:7px; }
    .price-action-chart-quote strong { font-size:15px; }
    .price-action-chart-view-controls { justify-content:flex-start; min-height:26px; gap:5px; }
    .price-action-chart-tools { justify-content:flex-end; min-height:26px; }
    #live-price-action .price-action-chart-view-controls .price-action-view-btn { min-height:26px; }
    .price-action-chart-tools button,.price-action-chart-options summary { min-height:26px; box-sizing:border-box; display:flex; align-items:center; }
    .price-action-chart-options-menu .price-action-chart-refresh { min-height:44px; }
}
@container price-action (max-width:360px) {
    #live-price-action .price-action-chart-view-controls .status-container { display:none; }
    #live-price-action .price-action-chart-view-controls .price-action-view-switcher { gap:1px; }
    #live-price-action .price-action-chart-view-controls .price-action-view-btn { font-size:7px; padding-inline:2px; }
    .price-action-chart-tools,.price-action-chart-ranges { gap:6px; }
    .price-action-chart-tools button { font-size:8px; }
}

/* A docked terminal (e.g. Tracer) hides the chart toolbar, so the header with the view tabs comes back. */
#live-price-action.pa-show-dock > .widget-header { display:flex !important; }

/* Tracked Fish: brand-purple square tag under the entry candle (a chart marker); this card shows on hovering it. */
.pa-fish-card { position:absolute; left:0; top:0; z-index:5; pointer-events:none; min-width:190px; padding:7px 9px; background:#111418; border:1px solid rgba(87, 60, 250, 0.6); border-radius:4px; font:10px 'JetBrains Mono',monospace; color:#aab0b8; white-space:nowrap; }
.pa-fish-card[hidden] { display:none; }
.pa-fish-card b { display:block; margin-bottom:4px; color:#e6e6e6; font-weight:500; }
.pa-fish-card > span { display:block; line-height:1.6; }  /* rows only; coloured spans inside a row or the title stay inline */
.pa-fish-card i { display:inline-block; width:44px; font-style:normal; color:#6b7078; }
.pa-fish-card em { font-style:normal; }
.pa-fish-card em.up { color:#37f29a; }
.pa-fish-card em.down { color:#ff4f64; }

/* Live spot beside the forming candle (Tracer style): price, blue countdown to the candle close, Bloomberg flash per tick. */
.radar-live-spot { position:absolute; left:0; top:0; z-index:4; pointer-events:none; display:flex; flex-direction:column; gap:0; margin-top:-5px; line-height:1.15; font-family:'JetBrains Mono',monospace; white-space:nowrap; }
.radar-live-spot[hidden] { display:none; }
.radar-live-spot::before { content:''; position:absolute; left:-4px; top:5px; width:4px; border-top:1px solid rgba(231, 235, 242, 0.82); }
.radar-live-spot.is-left { align-items:flex-end; }
.radar-live-spot.is-left::before { left:auto; right:-4px; }
.radar-live-spot b { padding:0 2px; font-size:7px; font-weight:400; color:rgba(231, 235, 242, 0.92); text-shadow:0 0 5px rgba(255, 255, 255, 0.16); }
.radar-live-spot b.is-up { animation:radar-live-spot-up 210ms steps(1, end); }
.radar-live-spot b.is-down { animation:radar-live-spot-down 210ms steps(1, end); }
.radar-live-spot-timer { padding:0 2px; font-size:6px; color:#2962ff; text-shadow:0 0 3px rgba(41, 98, 255, 0.62); }
/* Pigment spot flash (Tracer's): a solid mint / pink block with near-black text for ~0.2s, then a hard cut back. */
@keyframes radar-live-spot-up { 0%, 100% { color: #04110a; background: #73ffb8; } }
@keyframes radar-live-spot-down { 0%, 100% { color: #160609; background: #f0788c; } }
@media (prefers-reduced-motion: reduce) { .radar-live-spot b.is-up, .radar-live-spot b.is-down { animation:none; } }

/* View tabs pinned right in every view (header or chart toolbar), so they don't jump sides when switching. */
#live-price-action > .widget-header { justify-content:flex-start; }
#live-price-action > .widget-header > .price-action-view-switcher { margin-left:auto; margin-right:12px; }
#live-price-action > .widget-header > .status-container { margin-left:0; }
.pa-fish-tag { position:absolute; left:0; top:0; z-index:4; pointer-events:auto; cursor:default; display:flex; align-items:center; gap:3px; padding:1px 4px 1px 2px; background:rgba(5, 7, 10, 0.85); border-left:1px solid #573cfa; font:8px 'JetBrains Mono',monospace; color:#d8d8e0; white-space:nowrap; text-shadow:0 0 3px #05070a, 0 0 3px #05070a; }
.pa-fish-tag[hidden] { display:none; }
:is(.pa-fish-tag, .pa-fish-card) .k.call { color:#5fd38a; }
:is(.pa-fish-tag, .pa-fish-card) .k.put { color:#ef6f8b; }
:is(.pa-fish-tag, .pa-fish-card) .s.up { color:#45e08a; }
:is(.pa-fish-tag, .pa-fish-card) .s.down { color:#ff4466; }
:is(.pa-fish-tag, .pa-fish-card) .s.mid { color:#5b7cff; }
:is(.pa-fish-tag, .pa-fish-card) .p { color:#d8d8e0; }
:is(.pa-fish-tag, .pa-fish-card) .p.mega { color:#8c52ff; }
/* Tracked Fish mark (three tailed stars), white; replaces the old star and the chart's purple square. */
.tf-mark { display:inline-block; width:1.05em; height:1.05em; vertical-align:-0.18em; background:currentColor; -webkit-mask:url(/assets/tracked-fish-mark.svg) center/contain no-repeat; mask:url(/assets/tracked-fish-mark.svg) center/contain no-repeat; }
.pa-fish-tag .tf-mark { width:13px; height:13px; color:#fff; filter:drop-shadow(0 0 2px #05070a); }
/* AUTO / LOG price-axis toggles, bottom-right of the chart, styled like the timeframe buttons (amber when on). */
.radar-scale-toggles { position:absolute; right:60px; bottom:30px; z-index:4; display:flex; gap:8px; }
.radar-scale-toggles button { padding:1px 2px; border:0; background:transparent; color:#5d5d5d; font:8px 'JetBrains Mono',monospace; letter-spacing:.04em; cursor:pointer; }
.radar-scale-toggles button:hover { color:#bdbdbd; }
.radar-scale-toggles button.is-on { color:#e0c18e; }
.pa-fish-stem { position:absolute; left:0; top:0; z-index:3; pointer-events:none; width:0; border-left:1px dotted rgba(87, 60, 250, 0.7); }
.pa-fish-stem[hidden] { display:none; }
.pa-fish-col { position:absolute; left:0; top:0; z-index:3; background:rgba(87, 60, 250, 0.16); box-shadow:inset 1px 0 rgba(87, 60, 250, 0.35), inset -1px 0 rgba(87, 60, 250, 0.35); cursor:default; }
.pa-fish-col[hidden] { display:none; }
.pa-fish-card hr { margin:6px 0; border:0; border-top:1px solid rgba(87, 60, 250, 0.4); }
.pa-fish-chip { position:absolute; left:0; top:0; z-index:5; display:flex; align-items:center; gap:3px; height:15px; padding:0 5px 0 3px; background:#0d0b1a; border:1px solid #573cfa; border-radius:2px; font:9px 'JetBrains Mono',monospace; white-space:nowrap; cursor:default; }
.pa-fish-chip[hidden] { display:none; }
.pa-fish-chip .tf-mark { width:11px; height:11px; color:#fff; vertical-align:0; }
.pa-fish-chip .k.call { color:#5fd38a; }
.pa-fish-chip .k.put { color:#ef6f8b; }

/* A grid tile keeps the original company mark and quote, without nested view navigation. */
.pa-grid-tile .price-action-chart-view-controls { display:none; }
.pa-grid-tile .price-action-chart-identity { grid-template-columns:minmax(0,1fr) auto; gap:0 8px; padding:4px 9px 0; }
.pa-grid-tile .price-action-chart-quote { align-items:flex-end; }
.pa-grid-tile .price-action-chart-tools { grid-column:1 / -1; justify-content:flex-end; min-height:32px; }
.pa-grid-tile .price-action-chart-tools button { min-height:32px; padding-inline:5px; }
.pa-grid-tile .price-action-chart-ranges { gap:8px; }
@media(pointer:coarse) { .pa-grid-tile .price-action-chart-tools button, .pa-grid-tile .price-action-chart-options summary { min-height:44px; } }

/* Grid-only terminal chrome. Keep chart colors and original company artwork. */
html.pa-grid-tile body::after,html.pa-grid-tile body::before { display:none !important; }
html.pa-grid-tile #live-price-action,html.pa-grid-tile .terminal-native-panel { border:0 !important; outline:0 !important; box-shadow:none !important; background:#101010; }
html.pa-grid-tile #live-price-action::before { display:none !important; }
.pa-grid-tile .price-action-chart-identity { min-height:0; padding:3px 8px 0; background:#151515; border-color:#272727; }
.pa-grid-tile .price-action-chart-search { min-height:32px; }
.pa-grid-tile .price-action-chart-quote { flex-direction:row; align-items:baseline; gap:7px; white-space:nowrap; }
.pa-grid-tile .price-action-chart-quote strong { font-size:15px; }
.pa-grid-tile .price-action-chart-change { font-size:8px; }
.pa-grid-tile .price-action-chart-tools { min-height:23px; }
.pa-grid-tile .price-action-chart-tools button,.pa-grid-tile .price-action-chart-options summary { min-height:23px; padding:3px 4px; font-size:8px; }
.pa-grid-tile .price-action-chart-tools button.is-active { color:#e0ac55; box-shadow:inset 0 -1px #8b7044; }
.pa-grid-tile .price-action-chart-options { display:none; }
.pa-grid-tile .price-action-chart-ranges { gap:8px; }
@media(max-width:360px) {
    .pa-grid-tile .price-action-chart-identity { padding:2px 5px 0; gap:2px; }
    .pa-grid-tile .price-action-chart-search { gap:4px; }
    .pa-grid-tile .price-action-chart-ticker { font-size:11px; }
    .pa-grid-tile .price-action-chart-quote { flex-direction:column; align-items:flex-end; gap:1px; }
    .pa-grid-tile .price-action-chart-quote strong { font-size:12px; }
    .pa-grid-tile .price-action-chart-change { font-size:7px; }
    .pa-grid-tile .price-action-chart-ranges { width:100%; justify-content:space-between; gap:0; }
    .pa-grid-tile .price-action-chart-tools button { font-size:7px; padding-inline:2px; }
}
html.pa-grid-tile #chart-container { border:0 !important; }
html.pa-grid-tile .scanline-overlay { display:none !important; }
/* Tiny overview panes reserve their plots for price. Focus restores the full legend. */
@media(max-width:230px) {
    .pa-grid-tile .radar-chart-legend { display:none; }
    .pa-grid-tile .radar-candle-toggle { right:55px; font-size:7px; }
}

/* Chart-first grid: one identity row; timeframes live in the shared command bar. */
.pa-grid-tile .price-action-chart-tools { display:none !important; }
.pa-grid-tile .price-action-chart-identity { padding:1px 6px; min-height:32px; }
.pa-grid-tile .price-action-chart-search { min-height:30px; }
.pa-grid-tile .grid-tile-interval { font:8px 'JetBrains Mono',monospace; color:#aa916b; margin-left:3px; }
#live-price-action.price-action-view-grid > .widget-header { min-height:26px; padding-block:2px; }
#live-price-action.price-action-view-grid #chart-container { border:0; }
@media(max-width:230px) {
    .pa-grid-tile .price-action-chart-change { display:none; }
    .pa-grid-tile .price-action-chart-quote { justify-content:center; }
    .pa-grid-tile .price-action-chart-search { gap:3px; }
    .pa-grid-tile .grid-tile-interval { margin:0; font-size:7px; }
}
/* GRID only: identity floats over the plot; no reserved header or duplicate quote. */
.pa-grid-tile .price-action-native-chart { position:relative; }
.pa-grid-tile .price-action-chart-identity {
    position:absolute; top:5px; left:7px; right:auto; z-index:6;
    display:flex; width:max-content; max-width:calc(100% - 65px);
    min-height:0; padding:0; border:0; background:transparent;
    pointer-events:none;
}
.pa-grid-tile .price-action-chart-search {
    min-height:0; gap:6px; pointer-events:auto; background:rgba(16,16,16,.82);
}
.pa-grid-tile .price-action-chart-quote { display:none; }
.pa-grid-tile .radar-chart-legend { top:40px; }
.pa-grid-tile .radar-candle-toggle { top:40px; }
@media(max-width:230px) {
    .pa-grid-tile .price-action-chart-identity { left:4px; }
    .pa-grid-tile .price-action-chart-search { gap:3px; }
}

/* Independent, overlay-only GRID controls. */
.pa-grid-tile .grid-pane-menu { position:absolute; right:5px; top:4px; z-index:12; font:9px 'JetBrains Mono',monospace; }
.pa-grid-tile .grid-pane-menu summary { list-style:none; cursor:pointer; color:#aaa; padding:1px 7px; font-size:17px; line-height:20px; background:#101010d9; }
.pa-grid-tile .grid-pane-menu summary::-webkit-details-marker { display:none; }
.pa-grid-tile .grid-pane-menu[open] summary { color:#e0ac55; }
.pa-grid-tile .grid-pane-actions { position:absolute; top:25px; right:0; width:220px; max-width:calc(100vw - 12px); box-sizing:border-box; padding:6px; background:#141414; border:1px solid #343434; display:flex; flex-wrap:wrap; gap:4px; box-shadow:0 5px 12px #0008; }
.pa-grid-tile .grid-pane-actions .price-action-chart-ranges { width:100%; min-width:0; display:flex; flex-wrap:wrap; justify-content:flex-start; gap:1px; }
.pa-grid-tile .grid-pane-actions button,.pa-grid-tile .grid-pane-actions a { border:0; background:none; color:#a9a9a9; font:8px 'JetBrains Mono',monospace; padding:7px 3px; cursor:pointer; text-decoration:none; }
.pa-grid-tile .grid-pane-actions button.is-active,.pa-grid-tile .grid-pane-actions button:hover,.pa-grid-tile .grid-pane-actions a:hover { color:#e0ac55; }
.pa-grid-tile .grid-pane-actions .price-action-chart-refresh { width:100%; text-align:left; }
@media(pointer:coarse) { .pa-grid-tile .grid-pane-menu summary { min-height:28px; min-width:28px; } .pa-grid-tile .grid-pane-actions button,.pa-grid-tile .grid-pane-actions a { min-height:32px; } }

/* The timeframe itself opens the pane controls. */
.pa-grid-tile .price-action-chart-identity { gap:6px; z-index:12; }
.pa-grid-tile .grid-pane-menu { position:relative; top:auto; right:auto; pointer-events:auto; }
.pa-grid-tile .grid-pane-menu summary { font:9px/20px 'JetBrains Mono',monospace; padding:2px 4px; margin:0; color:#aa916b; background:transparent; }
.pa-grid-tile .grid-pane-menu summary:hover { color:#e0ac55; }
.pa-grid-tile .grid-pane-menu summary:focus-visible { outline:1px solid #aa916b; outline-offset:1px; }
.pa-grid-tile .grid-pane-actions { position:fixed; right:auto; }

/* One PA navigation language across Chart, Globe and Grid. */
#live-price-action .pa-view-title { display:none; }
#live-price-action:is(.price-action-view-globe,.price-action-view-grid,.price-action-view-perp,.pa-show-dock) .pa-default-title { display:none; }
#live-price-action:is(.price-action-view-globe,.price-action-view-grid,.price-action-view-perp,.pa-show-dock) .pa-view-title { display:inline; font:600 11px 'JetBrains Mono',monospace; letter-spacing:.04em; }
#live-price-action.price-action-view-globe .pa-view-title::after { content:'GLOBE'; }
#live-price-action.price-action-view-grid .pa-view-title::after { content:'GRID'; }
#live-price-action:is(.price-action-view-globe,.price-action-view-grid,.price-action-view-perp,.pa-show-dock) > .widget-header { min-height:30px; box-sizing:border-box; padding:3px 10px; background:#101010; border-bottom:1px solid #292929; gap:8px; flex-wrap:nowrap; }
#live-price-action:is(.price-action-view-globe,.price-action-view-grid,.price-action-view-perp,.pa-show-dock) > .widget-header > .price-action-view-switcher { margin-left:auto; margin-right:0; flex-wrap:nowrap; white-space:nowrap; }
#live-price-action:is(.price-action-view-globe,.price-action-view-grid,.price-action-view-perp,.pa-show-dock) > .widget-header .status-text { display:none; }
#live-price-action:is(.price-action-view-globe,.price-action-view-grid,.price-action-view-perp,.pa-show-dock) > .widget-header > .status-container { margin:0; flex:none; }
html:not(.pa-grid-tile) .price-action-chart-identity { grid-template-columns:minmax(0,auto) auto minmax(0,1fr) auto; }
html:not(.pa-grid-tile) .price-action-chart-view-controls { grid-column:4; grid-row:1; }
html:not(.pa-grid-tile) .price-action-chart-tools { grid-column:3; grid-row:1; justify-content:flex-end; }
@container price-action (max-width:620px) {
    html:not(.pa-grid-tile) .price-action-chart-identity { grid-template-columns:minmax(0,1fr) auto; }
    html:not(.pa-grid-tile) .price-action-chart-view-controls { grid-column:1 / -1; grid-row:3; justify-content:flex-end; }
    html:not(.pa-grid-tile) .price-action-chart-tools { grid-column:1 / -1; grid-row:2; }
    #live-price-action:is(.price-action-view-globe,.price-action-view-grid,.price-action-view-perp,.pa-show-dock) > .widget-header { padding-inline:9px; }
}

#live-price-action.price-action-view-perp .pa-view-title::after { content:'HYPERLIQUID'; }
#live-price-action.pa-show-dock .pa-view-title::after { content:'PRICE ACTION'; }
#live-price-action .pa-dock-tab[data-tool="tracer"] { color:#ef6f80; }
#live-price-action .pa-dock-tab[data-tool="tracer"].is-active { color:#ff6378; border-bottom-color:#b54858; }
#live-price-action #price-action-view-globe { order:10; }
@container price-action (max-width:620px) {
    #live-price-action.price-action-view-perp .pa-view-title { font-size:9px; }
    #live-price-action > .widget-header .price-action-view-switcher { gap:1px; }
}

#live-price-action .pa-dock-tab[data-tool="tracer"] .pa-dock-undock { display:none; }

/* Phone GRID and GLOBE: the embedded page is one screen tall (they share the Perp frame's class, not its height). */
@media(max-width:768px) {
    #live-price-action:is(.price-action-view-grid,.price-action-view-globe) { min-height:0 !important; height:auto !important; max-height:none !important; flex:none !important; }
    #live-price-action:is(.price-action-view-grid,.price-action-view-globe) #chart-container { flex:none !important; height:calc(100dvh - 126px) !important; min-height:0 !important; padding:0 !important; overflow:hidden !important; }
    #live-price-action:is(.price-action-view-grid,.price-action-view-globe) .price-action-perp-terminal { height:100% !important; min-height:0 !important; max-height:100% !important; }
}

/* GRID chart count: plain numbers beside the title, gold underline on the active one. */
.pa-grid-count { display:none; align-items:center; gap:2px; margin-left:8px; }
#live-price-action.price-action-view-grid:not(.pa-show-dock) .pa-grid-count { display:inline-flex; }
.pa-grid-count button { min-width:18px; padding:3px 2px; border:0; border-radius:0; background:none; color:#6f6f6f; font:600 10px 'JetBrains Mono',monospace; cursor:pointer; }
.pa-grid-count button:hover { color:#d6d6d6; }
.pa-grid-count button[aria-pressed=true] { color:#e0ac55; box-shadow:inset 0 -1px #a18555; }
.pa-grid-count button:focus-visible { outline:1px solid #a18555; }
@media(max-width:768px) { .pa-grid-count button { min-width:28px; min-height:28px; } }

/* GRID tile loading: ticker and timeframe with a sweeping bar, then a hard mint cut (no fade). */
.pa-grid-tile #radar-tv-chart-container { position:relative; }
.pa-tile-loader { position:absolute; inset:0; z-index:40; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; background:#05070a; font:10px 'JetBrains Mono',monospace; pointer-events:none; }
.pa-tile-loader-line { display:flex; align-items:center; gap:6px; color:#6c6c6c; letter-spacing:.08em; }
.pa-tile-loader-line i { width:6px; height:6px; border-radius:50%; background:#e0ac55; animation:grid-tile-blink 1s steps(1,end) infinite; }
.pa-tile-loader-line b { color:#e6e6e6; }
.pa-tile-loader-bar { width:min(120px,60%); height:2px; overflow:hidden; background:#1d1d1d; }
.pa-tile-loader-bar em { display:block; width:32%; height:100%; background:#37f29a; animation:grid-tile-sweep .9s steps(12,end) infinite; }
.pa-tile-loader.is-ready { background:#73ffb8; }
.pa-tile-loader.is-ready > * { visibility:hidden; }
@keyframes grid-tile-blink { 50% { opacity:0; } }
@keyframes grid-tile-sweep { from { transform:translateX(-100%); } to { transform:translateX(312%); } }
@media (prefers-reduced-motion: reduce) { .pa-tile-loader-line i,.pa-tile-loader-bar em { animation:none; } }
/* Phone GRID: tiles are short, so the plot shrinks to fit and the time axis and 24H / AUTO / LOG stay in view. */
.pa-grid-tile .price-action-native-chart .radar-tv-chart-body { min-height:0; }