.metric-card,.signal-row,.profit-panel{cursor:pointer}.metric-card:hover,.signal-row:hover,.profit-panel:hover{border-color:#596b91;box-shadow:0 0 24px #60e4d112}.signal-row{transition:background .2s}.signal-row:hover{background:#171c2b}
.metric-card{position:relative}.metric-card em{display:block;color:var(--muted);font-size:9px;line-height:1.35;font-style:normal;margin-top:11px;max-width:230px}.metric-card:hover em{color:var(--text)}
.sparkline span{cursor:pointer;transition:filter .2s,transform .2s}.sparkline span:hover{filter:brightness(1.45);transform:scaleY(1.05);transform-origin:bottom}
.profit-panel{position:relative}.bar-insight-bubble{position:absolute;top:108px;width:200px;z-index:4;padding:12px 14px;background:#111a29;border:1px solid var(--cyan);box-shadow:0 10px 28px #020208aa;animation:inlineReveal .18s ease-out}.bar-insight-bubble:after{content:"";position:absolute;left:var(--arrow-left);bottom:-24px;width:2px;height:24px;background:var(--cyan);transform:translateX(-50%)}.bar-insight-bubble:before{content:"";position:absolute;left:var(--arrow-left);bottom:-31px;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--cyan)}.bar-insight-bubble span{display:block;color:var(--cyan);font-size:8px;letter-spacing:.13em;font-weight:800}.bar-insight-bubble strong{display:block;color:var(--text);font-size:23px;margin:6px 0 2px}.bar-insight-bubble small{color:var(--muted);font-size:10px}
.bar-insight-bubble.variant-1{background:#201b32;border-color:var(--violet);border-radius:14px 3px 14px 3px}.bar-insight-bubble.variant-1 span{color:var(--violet)}.bar-insight-bubble.variant-1:after{background:var(--violet)}.bar-insight-bubble.variant-1:before{border-top-color:var(--violet)}.bar-insight-bubble.variant-2{background:#172c2d;border-color:var(--gold);border-radius:3px 14px 3px 14px}.bar-insight-bubble.variant-2 span{color:var(--gold)}.bar-insight-bubble.variant-2:after{background:var(--gold)}.bar-insight-bubble.variant-2:before{border-top-color:var(--gold)}
#seekBar{width:100%;height:4px;accent-color:var(--cyan);cursor:pointer;background:transparent}.player-controls #rewindButton,.player-controls #stopButton,.player-controls #loopButton{font-size:14px;color:var(--muted)}.player-controls #loopButton.selected{color:var(--cyan);text-shadow:0 0 12px var(--cyan)}
.profit-panel-insight{position:absolute;left:18px;right:18px;top:92px;z-index:5;padding:14px 42px 14px 15px;background:#111a29;border:1px solid var(--cyan);box-shadow:0 12px 30px #020208aa;animation:inlineReveal .2s ease-out}.profit-panel-insight span{display:block;color:var(--cyan);font-size:8px;letter-spacing:.14em;font-weight:800}.profit-panel-insight strong{display:block;color:var(--text);font-size:19px;margin:7px 0}.profit-panel-insight p{color:#d9d7df;font-size:11px;line-height:1.4;margin:0 0 8px}.profit-panel-insight small{color:var(--gold);font-size:10px}.profit-panel-insight button{position:absolute;right:10px;top:9px;border:1px solid var(--line);background:none;color:var(--muted);font-size:18px;cursor:pointer}
.signal-row.expanded{border-color:var(--cyan);background:#151d2b}.signal-row.muted{color:var(--text)}.signal-row.muted .signal-up,.signal-row.muted>span:last-child{color:var(--cyan)}.signal-row.radar-linked{background:#182438;border-color:#4c7890;box-shadow:inset 3px 0 0 var(--cyan)}.radar-inline-detail{margin:-1px 0 4px;padding:12px 14px;background:#0e1b20;border-left:2px solid var(--cyan);border-bottom:1px solid #244247;animation:inlineReveal .2s ease-out}.radar-inline-detail span{font-size:8px;letter-spacing:.16em;color:var(--cyan);font-weight:800}.radar-inline-detail p{font-size:11px;line-height:1.5;color:#d9d7df;margin:7px 0}.radar-inline-detail b{font-size:10px;color:var(--gold)}
.radar-point{cursor:pointer;transition:transform .2s,filter .2s}.radar-point:hover,.radar-point.radar-linked{transform:scale(1.3);filter:brightness(1.25);z-index:3}.radar-label{transition:color .2s}.radar-label.radar-linked{color:var(--cyan);font-weight:800}
.radar-explainer{color:var(--muted);font-size:11px;line-height:1.5;max-width:470px;margin:13px 0 0}.radar-point{font-size:8px!important;letter-spacing:-.03em}.radar-label{font-size:7px!important;letter-spacing:.04em}
.card-tile.expanded{border-color:var(--cyan);box-shadow:0 0 25px #60e4d122}.inline-detail{border-top:1px solid #2a6d70;background:#0e1b20;padding:14px 18px;color:var(--muted);animation:inlineReveal .22s ease-out}.inline-label{color:var(--cyan);font-size:9px;letter-spacing:.15em;font-weight:800}.inline-detail p{font-size:11px;line-height:1.5;color:#d9d7df;margin:9px 0}.inline-detail div{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid #244247;padding-top:10px}.inline-detail strong{color:var(--text);font-size:18px}.inline-detail small{font-size:10px}.inline-detail>b{display:block;color:var(--cyan);font-size:9px;letter-spacing:.08em;margin-top:10px}@keyframes inlineReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.detail-drawer.contextual{right:auto;left:var(--drawer-left);top:var(--drawer-top);height:auto;max-height:calc(100vh - 24px);transform:translateY(8px);width:min(320px,calc(100vw - 24px));border-left:1px solid #60e4d1;box-shadow:0 18px 55px #020208}.detail-drawer.contextual.open{transform:translateY(0)}.detail-drawer.contextual:before{content:"";position:absolute;left:-7px;top:28px;width:12px;height:12px;background:#171a2b;border-left:1px solid #60e4d1;border-bottom:1px solid #60e4d1;transform:rotate(45deg)}
@media(max-width:700px){.detail-drawer.contextual{left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:calc(100vh - 24px);transform:translateY(24px)}}
.detail-drawer.hover-preview{display:none}.detail-drawer.hover-preview .drawer-close{display:none}
.detail-backdrop{background:transparent!important;backdrop-filter:none!important}
