/* Dashboard V3 Specific Styles */

/* PANEL HEADER */
.ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.pt{font-family:'Orbitron',monospace;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--teal);}
.pb{font-family:'JetBrains Mono',monospace;font-size:9px;padding:3px 10px;border-radius:20px;border:1px solid var(--border);color:var(--text2);}
.pb.live{border-color:rgba(0,255,200,.25);color:var(--teal);background:rgba(0,255,200,.05);}

/* GRIDS */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.g6{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;}
@media(max-width:1100px){.g6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.g6{grid-template-columns:repeat(2,1fr)}}

/* STAT CARD */
.sc{
  background:var(--panel);border:1px solid var(--border2);border-radius:16px;
  padding:16px 14px;position:relative;overflow:hidden;cursor:pointer;transition:.3s;
}
.sc:hover{transform:translateY(-2px);}
.sc::after{content:'';position:absolute;top:-8px;right:-8px;width:60px;height:60px;border-radius:50%;filter:blur(20px);opacity:.22;}
.sc.t::after{background:var(--teal);}.sc.t:hover{border-color:var(--teal);box-shadow:var(--glow-t);}
.sc.r::after{background:var(--red);}.sc.r:hover{border-color:var(--red);box-shadow:var(--glow-r);}
.sc.g::after{background:var(--gold);}.sc.g:hover{border-color:var(--gold);box-shadow:var(--glow-g);}
.sc.b::after{background:var(--blue);}
.sc.p::after{background:var(--purple);}
.sc-ic{font-size:20px;display:block;margin-bottom:8px;}
.sc-v{font-family:'Orbitron',monospace;font-size:22px;font-weight:700;display:block;margin-bottom:2px;}
.sc.t .sc-v{color:var(--teal);}.sc.r .sc-v{color:var(--red);}.sc.g .sc-v{color:var(--gold);}.sc.b .sc-v{color:var(--blue);}.sc.p .sc-v{color:var(--purple);}
.sc-l{font-size:9px;color:var(--text2);font-family:'JetBrains Mono',monospace;letter-spacing:1px;}
.sc-ch{position:absolute;top:12px;right:12px;font-size:9px;padding:2px 7px;border-radius:20px;font-family:'JetBrains Mono',monospace;font-weight:700;}
.up{background:rgba(0,255,200,.1);color:var(--teal);}
.dn{background:rgba(255,60,60,.1);color:var(--red);}
.sc-spark{display:flex;align-items:flex-end;gap:2px;height:16px;margin-top:6px;opacity:.45;}
.spark{flex:1;border-radius:2px 2px 0 0;background:currentColor;}

/* QUICK COMMANDS */
.qc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.qc{
  padding:12px 10px;border-radius:11px;
  background:rgba(255,255,255,.025);border:1px solid var(--border2);
  color:var(--text2);font-size:10px;font-family:'JetBrains Mono',monospace;
  cursor:pointer;transition:.25s;text-align:center;
}
.qc:hover{border-color:var(--teal);color:var(--teal);background:rgba(0,255,200,.05);transform:translateY(-1px);}
.qc-ic{font-size:20px;display:block;margin-bottom:6px;}

/* PENDING REPORTS */
.pending-banner{
  display:flex;align-items:center;gap:14px;padding:14px 18px;
  background:rgba(255,60,60,.05);border:1px solid rgba(255,60,60,.15);border-radius:14px;
  animation:alertPulse 3s ease-in-out infinite; margin-bottom: 18px;
}
@keyframes alertPulse{0%,100%{border-color:rgba(255,60,60,.15)}50%{border-color:rgba(255,60,60,.4)}}
.pb-icon{font-size:24px;}
.pb-text{font-size:13px;font-weight:600;}
.pb-sub{font-size:11px;color:var(--text2);margin-top:2px;}

/* CHART WRAP */
.chart-wrap{display:flex;align-items:flex-end;gap:6px;height:80px;margin-top:8px;}

/* REPORT QUEUE */
.report-queue{display:flex;flex-direction:column;gap:8px;}
.rq-item{
  display:flex;align-items:center;gap:12px;padding:10px 14px;
  background:rgba(255,255,255,.025);border:1px solid var(--border2);border-radius:10px;
  transition:.3s;border-left:3px solid transparent;
}
.rq-item.unread{border-left-color:var(--teal);}
.rq-item.warn{border-left-color:var(--gold);}
.rq-item.alert{border-left-color:var(--red);}
.rq-time{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--text2);margin-left:auto;white-space:nowrap;}
.rq-speak{width:26px;height:26px;border-radius:6px;background:rgba(0,255,200,.08);border:1px solid rgba(0,255,200,.15);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:.25s;flex-shrink:0;}
.rq-speak:hover{background:rgba(0,255,200,.15);box-shadow:var(--glow-t);}