/* chart.css - Chart area, overlays, activity feed, hints, ripple, sidebar */
/* Chart area */
.chart-area{position:relative;min-width:0;cursor:crosshair;background:#0d0e12;overflow:hidden;grid-row:3/4;grid-column:1/-1}
.chart-canvas{width:100%;height:100%;display:block;contain:strict}
.chart-controls{position:absolute;bottom:12px;left:8px;z-index:4;display:flex;gap:4px;align-items:center}
.chart-ctrl-btn{width:34px;height:34px;font-size:12px;font-weight:700;color:#EAECEF;background:rgba(30,32,38,0.85);border:1px solid #2B2F36;border-radius:6px;padding:0;cursor:pointer;transition:all 0.15s;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}
.chart-ctrl-btn:hover{background:rgba(252,213,53,0.12);border-color:rgba(252,213,53,0.3);color:#FCD535}
.chart-reset-btn{font-size:16px}
.chart-reset-btn.flash{color:#FCD535;border-color:rgba(252,213,53,0.4);background:rgba(252,213,53,0.12);transition:all 0.15s}
.chart-reset-btn.flash~*{pointer-events:none}
.chart-social-btn{color:#5E6673}
.chart-social-btn.active{color:#0ecb81;border-color:rgba(14,203,129,0.3);background:rgba(14,203,129,0.08)}
.chart-social-btn:hover{color:#EAECEF}
.chart-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:0;background:rgba(13,14,18,0.95);border:1px solid #2B2F36;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:500;color:#EAECEF;white-space:nowrap;pointer-events:none;z-index:10}
.chart-ctrl-btn:hover .chart-tooltip{display:block}
.chart-interval-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:300;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.85)}
.chart-interval-overlay.visible{display:flex}
.chart-interval-panel{width:400px;max-width:90vw;background:#0d0e12;border:1.5px solid rgba(252,213,53,0.3);border-radius:16px;padding:28px;position:relative;animation:jackpotIn 0.4s cubic-bezier(0.34,1.56,0.64,1)}
.ci-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;font-weight:800;color:#EAECEF;text-align:center;margin-bottom:4px}
.ci-subtitle{font-size:12px;color:#5E6673;text-align:center;margin-bottom:20px}
.ci-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ci-item{display:flex;align-items:center;justify-content:center;padding:14px 8px;border-radius:10px;border:1.5px solid #2B2F36;background:#1a1d24;cursor:pointer;transition:all 0.15s;font-size:13px;font-weight:600;color:#EAECEF;font-family:'Plus Jakarta Sans',sans-serif}
.ci-item:hover{border-color:#5E6673;background:#23262F}
.ci-item.active{border-color:rgba(252,213,53,0.3);background:rgba(252,213,53,0.06);color:#FCD535}

/* Chart overlay panels — Bloomberg data windows */
.chart-overlay{position:absolute;pointer-events:none;z-index:3}
.panel{background:rgba(13,14,18,0.92);border:1px solid rgba(252,213,53,0.15);border-radius:2px;padding:6px 10px}
.panel-title{font-size:8px;color:#FCD535;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;border-bottom:1px solid rgba(252,213,53,0.1);padding-bottom:3px}
.panel-row{font-size:10px;display:flex;justify-content:space-between;gap:12px;line-height:1.6}
.panel-row .lbl{color:#5E6673}
.panel-row .val{font-weight:600}
.panel-row .val.green{color:#0ecb81}
.panel-row .val.red{color:#f6465d}
.panel-row .val.yellow{color:#FCD535}

/* Activity feed overlay */
.activity-panel{position:absolute;top:8px;right:8px;width:200px;z-index:3;pointer-events:none}
.activity-item{font-size:9px;padding:3px 8px;margin-bottom:2px;border-radius:2px;background:rgba(13,14,18,0.8);border-left:2px solid;animation:actFade 3s ease forwards;opacity:0}
.activity-item.act-up{border-color:#0ecb81;color:#0ecb81}
.activity-item.act-down{border-color:#f6465d;color:#f6465d}
@keyframes actFade{0%{opacity:0;transform:translateX(10px)}8%{opacity:0.8;transform:translateX(0)}80%{opacity:0.6}100%{opacity:0}}

/* Hover hint on chart */
.chart-hint{position:absolute;pointer-events:none;z-index:5;padding:6px 12px;border-radius:2px;font-size:13px;font-weight:700;letter-spacing:0.5px;opacity:0;transition:opacity 0.15s;display:flex;align-items:center;gap:4px}
.chart-hint.visible{opacity:1}
.chart-hint.hint-up{background:rgba(14,203,129,0.2);color:#0ecb81;border:1px solid rgba(14,203,129,0.25)}
.chart-hint.hint-down{background:rgba(246,70,93,0.2);color:#f6465d;border:1px solid rgba(246,70,93,0.25)}

/* Click ripple */
.click-ripple{position:absolute;pointer-events:none;z-index:6;border-radius:50%;animation:rippleOut 0.6s ease forwards}
.click-ripple.rip-up{border:2px solid rgba(14,203,129,0.6);box-shadow:0 0 20px rgba(14,203,129,0.3)}
.click-ripple.rip-down{border:2px solid rgba(246,70,93,0.6);box-shadow:0 0 20px rgba(246,70,93,0.3)}
@keyframes rippleOut{0%{width:0;height:0;opacity:1}100%{width:80px;height:80px;margin-left:-40px;margin-top:-40px;opacity:0}}

/* Sidebar — hidden, replaced by overlays */
.sidebar{display:none}
.sb-section{padding:14px;border-bottom:1px solid #1a1d24}
.sb-section:last-child{border-bottom:none}
.sb-label{font-size:11px;font-weight:700;color:#FCD535;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;border-bottom:1px solid rgba(252,213,53,0.1);padding-bottom:5px}