/* ── LIVE CARD ── */
.live-card { background:var(--bg-card); border:1px solid var(--border-bright); border-radius:12px; margin-top:20px; overflow:hidden; box-shadow:0 0 28px rgba(26,111,255,.1),0 4px 20px rgba(0,0,0,.4); }
.live-card-inner { display:flex; align-items:center; gap:0; flex-wrap:wrap; padding:14px 20px; }
.live-block { display:flex; flex-direction:column; gap:4px; padding:0 16px; }
.live-block:first-child { padding-left:0; }
.live-sep { width:1px; height:40px; background:var(--border-bright); flex-shrink:0; }
.live-lbl { font-size:10px; text-transform:uppercase; letter-spacing:2px; color:var(--text-dim); }
.live-val { font-family:'Orbitron',sans-serif; font-size:20px; font-weight:700; color:var(--highlight); }
.live-val.div-val { font-size:16px; color:var(--text); }
.live-skeleton { color:var(--text-muted); }
.live-chg { font-size:12px; font-weight:600; padding:2px 7px; border-radius:5px; }
.live-chg.up   { color:var(--success); background:rgba(0,255,153,.1); }
.live-chg.down { color:#ff7777; background:rgba(255,60,60,.1); }
.live-status { display:flex; align-items:center; gap:8px; margin-left:auto; }
.live-dot { width:8px; height:8px; border-radius:50%; background:var(--success); flex-shrink:0; animation:pulse 2s ease-in-out infinite; }
.live-dot.spin { background:transparent; width:12px; height:12px; border:2px solid var(--text-dim); border-top-color:transparent; border-radius:50%; animation:spin 1s linear infinite; }
.live-dot.err { background:#ff7777; animation:none; }
.live-dot.off { background:var(--text-muted); animation:none; opacity:.5; }
.live-time { font-size:10px; color:var(--text-muted); }
.live-refresh { background:none; border:none; cursor:pointer; color:var(--text-muted); font-size:16px; padding:2px 6px; border-radius:5px; transition:all .15s; }
.live-refresh:hover { color:var(--highlight); background:rgba(26,111,255,.1); }
@keyframes pulse { 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(0,255,153,.4);}50%{opacity:.8;box-shadow:0 0 0 5px rgba(0,255,153,0);} }
@keyframes spin { to{transform:rotate(360deg);} }