/* Shared Aurora candlestick presentation. Semantic geometry lives in CandleChartModel profiles. */
.aurora-candle-host { container-type: inline-size; min-width:0; }
.aurora-candle-frame { display:grid; grid-template-columns:minmax(0,1fr) 204px; align-items:stretch; gap:24px; min-width:0; }
.aurora-candle-frame--solo { grid-template-columns:minmax(0,1fr); }
.chart-box.small.aurora-candle-host, .chart-box.modal-chart.aurora-candle-host,
.chart-box.aurora-candle-host, .pm-chart-section .chart-box.small.aurora-candle-host { height:auto; min-height:280px; }
.aurora-candle-viewport { display:flex; flex-direction:column; min-width:0; padding:0 72px 50px 0; }
.aurora-candle-frame--daily .aurora-candle-viewport { padding-bottom:28px; }
.aurora-candle-plot { position:relative; flex:1; min-width:0; min-height:clamp(250px,24cqw,360px); }
.aurora-candle-plot svg { position:absolute; inset:0; display:block; width:100%; height:100%; overflow:visible; font-family:'JetBrains Mono',monospace; }
.aurora-grid-label { position:absolute; left:calc(100% + 8px); transform:translateY(-50%); width:64px; font:10.5px 'JetBrains Mono',monospace; color:#5E6B85; pointer-events:none; }
.aurora-price-label { position:absolute; left:calc(100% + 5px); transform:translateY(-50%); padding:2px 3px; border-radius:4px; background:rgba(8,14,26,.92); font:600 10.5px/1.3 'JetBrains Mono',monospace; white-space:nowrap; visibility:hidden; pointer-events:none; }
.aurora-edge-label { position:absolute; left:calc(100% + 5px); transform:translateY(-50%); padding:1px 3px; border-radius:4px; background:rgba(8,14,26,.92); font:10px/1.2 'JetBrains Mono',monospace; white-space:nowrap; pointer-events:none; }
.aurora-event-label { position:absolute; font:600 12px/1.4 'JetBrains Mono',monospace; letter-spacing:.06em; white-space:nowrap; pointer-events:none; }
.aurora-time-label, .aurora-day-label { position:absolute; font:10.5px/1.4 'JetBrains Mono',monospace; white-space:nowrap; pointer-events:none; visibility:hidden; }
.aurora-time-label { bottom:-22px; color:#8FA0BF; }
.aurora-day-label { bottom:-43px; transform:translateX(-50%); color:#B1BDCF; }
.aurora-day-tick { position:absolute; top:100%; height:26px; border-left:1px dashed rgba(148,163,184,.28); pointer-events:none; }
.aurora-candle-plot [data-chart-level] { opacity:.45; transition:opacity .15s; }
.aurora-candle-frame.has-active-level [data-chart-level] { opacity:.14; }
.aurora-candle-frame [data-chart-level].is-active { opacity:1; stroke-width:1.8px; }
.aurora-candle-frame.is-benchmark-hidden [data-chart-benchmark] { visibility:hidden; }
.aurora-level-panel { display:flex; flex-direction:column; align-self:start; min-width:0; padding:14px; border-radius:18px; border:1px solid rgba(180,195,225,.14); background:linear-gradient(145deg,rgba(180,195,225,.075),rgba(180,195,225,.015)); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:inset 0 1px 0 rgba(255,255,255,.045); font-family:'Instrument Sans',sans-serif; }
.aurora-level-heading { font-size:9px; letter-spacing:.15em; text-transform:uppercase; color:#8FA0BF; padding-bottom:6px; }
.aurora-level-list { display:grid; min-width:0; }
.aurora-level-row { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:baseline; align-content:center; column-gap:10px; row-gap:4px; width:100%; min-width:0; box-sizing:border-box; padding:8px 0; border:0; border-bottom:1px solid rgba(180,195,225,.09); border-radius:0; background:transparent; font:inherit; text-align:left; cursor:pointer; transition:background .15s; }
.aurora-level-name { font-size:12px; color:#D7DFEE; }
.aurora-level-price { font:600 13px 'JetBrains Mono',monospace; color:var(--level-color); text-align:right; overflow-wrap:anywhere; }
.aurora-level-row.is-active, .aurora-level-row[aria-pressed="true"] { background:rgba(180,195,225,.07); }
.aurora-level-row.is-taken { opacity:.45; }
.aurora-level-row.is-taken .aurora-level-price { text-decoration:line-through; }
.aurora-level-row:focus-visible, .aurora-benchmark-toggle:focus-visible { outline:2px solid #8FA0BF; outline-offset:3px; border-radius:4px; }
.aurora-benchmark-toggle { display:flex; align-items:center; gap:7px; width:100%; min-width:0; padding:10px 0 0; border:0; background:transparent; color:#D7DFEE; font:11px 'Instrument Sans',sans-serif; cursor:pointer; }
.aurora-benchmark-swatch { width:13px; border-top:3px solid #E1251B; opacity:.7; }
.aurora-benchmark-state { margin-left:auto; font-size:10px; color:#8FA0BF; }
.aurora-benchmark-toggle[aria-pressed="false"] .aurora-benchmark-swatch { opacity:.25; }
.aurora-candle-empty { padding:26px; text-align:center; color:#5E6B85; font-size:12px; }
.aurora-hover-card { position:absolute; top:14px; display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px 12px; width:max-content; max-width:100%; box-sizing:border-box; padding:11px 13px; border-radius:12px; background:rgba(6,11,22,.95); border:1px solid rgba(255,255,255,.14); pointer-events:none; z-index:3; }
.aurora-hover-card em { grid-column:1/-1; font-size:10px; font-style:normal; letter-spacing:.14em; text-transform:uppercase; color:#8FA0C0; }
.aurora-hover-card span { font-size:11px; color:#7C8CAC; }
.aurora-hover-card b { min-width:0; font-size:12px; text-align:right; overflow-wrap:anywhere; }

/* Container query reacts to modal/card width changes without another data request. */
@container (max-width:759px) {
  .aurora-candle-frame { grid-template-columns:minmax(0,1fr); gap:18px; }
  .aurora-level-list { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:20px; }
}
@container (max-width:559px) {
  .aurora-candle-plot { min-height:250px; }
  .aurora-level-row { grid-template-columns:minmax(0,1fr); row-gap:5px; min-height:58px; }
  .aurora-level-name { font-size:11px; color:#8FA0BF; }
  .aurora-level-price { font-size:14px; text-align:left; }
  .aurora-level-panel { padding:14px; }
  .aurora-benchmark-toggle { min-height:44px; padding-top:10px; }
}