/* Scoped company detail presentation. The home radar/cards remain unchanged. */
.detail { --detail-muted:#b3b9c6; --detail-border:#384354; --detail-inset:#171f2c; --detail-text:#eef0f6; }
.detail .detail-source { font-size:10px; line-height:1.65; color:var(--detail-muted); margin:-6px 0 8px; }
.detail .quote-source { font-size:10px; color:var(--detail-muted); }
.detail .delta.negative { color:#649be7!important; }
.detail .delta small { display:block; margin-top:5px; font-size:11px; font-weight:600; text-align:right; opacity:.75; }
.detail .range-marker { position:absolute;top:-5px;height:17px;width:4px;border-radius:4px;background:#d6b882;box-shadow:0 0 7px #bba16f7b; }
.detail .range:before { display:none; }
.detail .history { gap:7px; }
.detail .day { background:var(--detail-inset); border-color:var(--detail-border); min-width:0; }
.detail .day .close { font-size:12px; color:var(--detail-text); }
.detail .day .d { color:var(--detail-muted); }
.detail .day .change small { display:block; font-size:9px; font-weight:500; margin-top:3px; opacity:.8; }
.detail .detail-note { color:var(--detail-muted);font-size:10px;line-height:1.6;margin:12px 2px 2px; }
.detail .detail-note a { color:inherit; text-decoration:underline; }
.detail .candle-legend { display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;color:var(--detail-muted);margin-bottom:12px; }
.detail .candle-legend span { display:inline-flex;align-items:center;gap:5px;white-space:nowrap; }
.detail .candle-legend i { width:8px;height:8px;display:inline-block;border-radius:2px; }
.detail .up-color { background:#e35369; }
.detail .down-color { background:#4988db; }
.detail .candle-legend small { font-size:9px;opacity:.8; }
.detail .candle-cards { display:grid;grid-template-columns:1fr;gap:9px; }
.detail .candle-card { width:100%;display:block;text-align:left;padding:11px 9px 7px;border-radius:12px;border:1px solid var(--detail-border);background:var(--detail-inset);color:var(--detail-text);cursor:pointer;transition:border-color .2s,transform .2s; }
.detail .candle-card:disabled { cursor:default;opacity:.68; }
.detail .candle-card:not(:disabled):hover { border-color:#af9060;transform:translateY(-1px); }
.detail .candle-card-title { display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;padding:2px 6px 8px; }
.detail .candle-card-title span:last-child { color:var(--detail-muted);font-size:10px;font-weight:500; }
.detail .candle-svg { display:block;width:100%;height:auto;max-height:205px;overflow:visible; }
.detail .candle-gridline { stroke:var(--detail-border);stroke-width:.7;stroke-dasharray:3 3; }
.detail .candle-axis { fill:var(--detail-muted);font-size:9px; }
.detail .candle.up { fill:#dd5066;stroke:#dd5066;stroke-width:1; }
.detail .candle.down { fill:#4385d0;stroke:#4385d0;stroke-width:1; }
.detail .candle-empty { padding:40px 10px;text-align:center;font-size:11px;color:var(--detail-muted); }
.detail .detail-loading { padding:30px 8px;text-align:center;color:var(--detail-muted);font-size:12px; }
.detail .detail-loading-dot { display:inline-block;width:7px;height:7px;background:#bba36e;border-radius:50%;margin-right:6px;animation:detailPulse 1.2s ease-in-out infinite; }
@keyframes detailPulse { 50% { opacity:.25;transform:scale(.75); } }
.detail .detail-disclosures { display:grid;gap:7px; }
.detail .detail-disclosures a { display:flex;flex-direction:column;gap:4px;padding:11px;border-radius:9px;text-decoration:none;background:var(--detail-inset);border:1px solid var(--detail-border);color:var(--detail-text);font-size:11px;line-height:1.5; }
.detail .detail-disclosures small { color:var(--detail-muted);font-size:10px; }
.chart-modal .chart-shell { max-width:560px; }
.chart-modal .chart-shell .chart-overline { font-size:10px;letter-spacing:1.4px;font-weight:800;color:#b89d71; }
.chart-modal .chart-shell h2 { font-size:19px;margin:8px 0; }
.chart-modal .expanded-candle { padding:12px 3px;background:var(--detail-inset,#19212e);border-radius:12px; }
.chart-modal .expanded-candle .candle-svg { width:100%;height:auto;max-height:310px; }
.chart-modal .candle-gridline { stroke:#465365;stroke-dasharray:3 3;stroke-width:.7; }
.chart-modal .candle-axis { fill:#bdc5d0;font-size:9px; }
.chart-modal .candle.up { fill:#dd5066;stroke:#dd5066; }
.chart-modal .candle.down { fill:#4385d0;stroke:#4385d0; }
.chart-modal .modal-actions { margin-top:18px;text-align:center; }
.chart-modal .detail-note { font-size:11px;color:#aab5c5; }
html[data-theme="ivory"] .detail { --detail-muted:#62727e;--detail-border:#d4c7b4;--detail-inset:#f5f0e6;--detail-text:#243441; }
html[data-theme="rose"] .detail { --detail-muted:#d4bdd4;--detail-border:#6d426a;--detail-inset:#2f2031;--detail-text:#fff3ff; }
html[data-theme="ivory"] .chart-modal .expanded-candle { background:#f4efe6; }
html[data-theme="ivory"] .chart-modal .candle-gridline { stroke:#d0c4b5; }
html[data-theme="ivory"] .chart-modal .candle-axis { fill:#546573; }
html[data-theme="rose"] .chart-modal .expanded-candle { background:#2f2031; }
html[data-theme="rose"] .chart-modal .candle-gridline { stroke:#744775; }
html[data-theme="rose"] .chart-modal .candle-axis { fill:#dac6db; }
@media (prefers-reduced-motion:reduce) { .detail .detail-loading-dot { animation:none; } .detail .candle-card { transition:none; } }