.interactive-chart{min-width:0;background:#0f1725;border:1px solid #29374d;border-radius:10px;padding:10px;color:#e6edf7;overflow:hidden}
.interactive-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.ic-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:12px;min-height:30px}
.ic-toolbar strong{white-space:nowrap}.ic-mode{font-size:11px;color:#9faec4}.ic-buttons{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.ic-intervals{display:inline-flex;gap:2px;padding:2px;border:1px solid #3b4c64;border-radius:8px;background:#0b1220}
.interactive-chart .ic-intervals button{min-width:38px;min-height:32px;border-color:transparent;border-radius:5px;font-variant-numeric:tabular-nums}
.interactive-chart .ic-intervals button[aria-pressed=true]{background:#234f7d;border-color:#60a5fa;color:#fff;font-weight:700}
.ic-ema-note{color:#ffcc66;font-size:10px;line-height:1.6}.ic-ema-note:empty{display:none}
.interactive-chart button,.ic-modal button{background:#1c2a40;color:#dce8fb;border:1px solid #3b4c64;border-radius:6px;padding:5px 8px;font-size:11px;cursor:pointer;min-height:30px}
.interactive-chart button:hover,.ic-modal button:hover{background:#2a3f60}.interactive-chart button:focus-visible,.ic-canvas:focus-visible,.interactive-chart input:focus-visible,.ic-modal button:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
.ic-readout{font-size:11px;line-height:1.7;color:#d5dfed;min-height:38px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:5px 0}
.ic-canvas{height:300px;width:100%;position:relative;touch-action:pan-y;outline-offset:2px}
.ic-legend{display:flex;flex-wrap:wrap;gap:5px 10px;font-size:10px;min-height:23px;align-items:center}.ic-legend label{display:flex;align-items:center;gap:2px;cursor:pointer}.ic-legend input{accent-color:currentColor;margin:0;width:12px;height:12px}
.ic-status-row{display:flex;gap:6px;align-items:flex-start;border-top:1px solid #23334a;padding-top:6px}.ic-status{font-size:10px;line-height:1.6;flex:1;color:#9faec4;overflow-wrap:anywhere}.interactive-chart[data-status=stale] .ic-status,.interactive-chart[data-status=error] .ic-status{color:#ffcc66}.interactive-chart[data-status=ready] .ic-status{color:#a6c5ad}
.ic-help,.ic-credit{font-size:9px;line-height:1.7;color:#8999af}.ic-credit a{color:#a5bad6;text-decoration:underline}
.ic-modal{position:fixed;inset:0;z-index:15000;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;padding:18px}.ic-modal-inner{width:min(1420px,100%);max-height:96dvh;overflow:auto;background:#0b1220;border:1px solid #405371;border-radius:12px;padding:12px}.ic-modal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.ic-modal .ic-canvas{height:clamp(280px,62dvh,720px)}.ic-modal [data-ic=expand]{display:none}
.review-date-input{color:var(--text,#e6edf7);background:var(--card,#141f30);border:1px solid #405371;border-radius:7px;padding:6px;font-size:12px;color-scheme:dark}.chart-date-note{font-size:11px;line-height:1.7;color:var(--muted,#9faec4);margin:7px 0}
@media(max-width:900px){.interactive-pair,#view-screen .interactive-pair{grid-template-columns:1fr}.ic-canvas{height:285px}.ic-modal{padding:5px}.ic-modal-inner{padding:7px}.ic-modal .ic-canvas{height:52dvh}.ic-toolbar{gap:4px}.ic-buttons{margin-left:0}.ic-credit{font-size:8px}}
@media(max-width:480px){.interactive-chart{padding:8px}.interactive-chart .ic-intervals button{min-width:42px;min-height:36px}.ic-mode{flex-basis:100%}.ic-buttons{gap:3px}.ic-toolbar>.ic-title{margin-right:4px}}