#bv-final .bva-nav-badge{
  min-width:16px;height:16px;padding:0 4px;border-radius:999px;margin-left:auto;
  display:none;place-items:center;background:rgba(219,68,83,.18);
  color:#ff929a;font-size:7px;font-weight:900
}
#bv-final .bva-nav-badge.show{display:inline-grid}
#bv-final .bva-shell{display:flex;flex-direction:column;gap:13px;padding-bottom:48px}
#bv-final .bva-hero{
  border:1px solid rgba(86,139,236,.16);border-radius:17px;padding:20px;
  background:
    radial-gradient(circle at 89% 4%,rgba(58,104,218,.17),transparent 28%),
    linear-gradient(145deg,rgba(13,27,48,.97),rgba(6,14,26,.97))
}
#bv-final .bva-hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
#bv-final .bva-kicker{color:#658fff;font-size:8px;font-weight:900;letter-spacing:.17em}
#bv-final .bva-hero h2{margin:7px 0 5px;font-size:24px;color:#f3f7ff;letter-spacing:-.03em}
#bv-final .bva-hero p{margin:0;color:#71869f;font-size:9px;line-height:1.6;max-width:760px}
#bv-final .bva-live{
  border:1px solid rgba(78,210,148,.2);background:rgba(36,130,90,.11);
  color:#72e0b5;border-radius:999px;padding:8px 10px;font-size:7px;font-weight:900;
  letter-spacing:.11em;white-space:nowrap
}
#bv-final .bva-live.bad{color:#ff9098;border-color:rgba(232,86,99,.25);background:rgba(150,44,57,.13)}
#bv-final .bva-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:17px}
#bv-final .bva-metric{border:1px solid rgba(102,127,163,.12);background:rgba(5,13,24,.62);border-radius:11px;padding:12px}
#bv-final .bva-metric span{display:block;color:#5e748d;font-size:7px;font-weight:900;letter-spacing:.11em}
#bv-final .bva-metric strong{display:block;color:#e8f0fc;font-size:17px;margin:7px 0 3px}
#bv-final .bva-metric small{color:#4f667f;font-size:7px}
#bv-final .bva-metric.critical strong{color:#ff8d95}
#bv-final .bva-metric.high strong{color:#ffb17a}
#bv-final .bva-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px}
#bv-final .bva-filters{display:flex;gap:6px;flex-wrap:wrap}
#bv-final .bva-select,#bv-final .bva-btn{
  height:32px;border:1px solid rgba(95,122,160,.17);background:rgba(7,16,29,.82);
  color:#91a5bc;border-radius:9px;font:inherit;font-size:8px;padding:0 10px;outline:none
}
#bv-final .bva-btn{cursor:pointer;font-weight:800}
#bv-final .bva-btn:hover{border-color:rgba(76,137,255,.36);color:#dbe8f8}
#bv-final .bva-list{padding:6px 12px 13px}
#bv-final .bva-alert{
  display:grid;grid-template-columns:5px minmax(0,1fr) auto;gap:11px;
  padding:12px 3px;border-bottom:1px solid rgba(96,119,150,.09)
}
#bv-final .bva-sev{border-radius:999px;background:#6684a9}
#bv-final .bva-sev.critical{background:#ff6975;box-shadow:0 0 12px rgba(255,105,117,.2)}
#bv-final .bva-sev.high{background:#ff9a65}
#bv-final .bva-sev.medium{background:#e0c16e}
#bv-final .bva-sev.low{background:#609ef6}
#bv-final .bva-alert h4{margin:0;color:#dce8f8;font-size:9px}
#bv-final .bva-alert p{margin:4px 0 0;color:#5f758e;font-size:8px;line-height:1.45}
#bv-final .bva-alert small{display:block;color:#50667d;font-size:7px;margin-top:5px}
#bv-final .bva-actions{display:flex;align-items:center;gap:6px}
#bv-final .bva-pill{
  display:inline-flex;border-radius:999px;padding:4px 7px;background:rgba(72,105,146,.12);
  color:#839cb7;font-size:7px;font-weight:900
}
#bv-final .bva-pill.active{color:#ffb078;background:rgba(164,84,36,.12)}
#bv-final .bva-pill.acknowledged{color:#8dc4ff;background:rgba(49,98,162,.14)}
#bv-final .bva-pill.resolved{color:#73dcae;background:rgba(38,133,91,.12)}
#bv-final .bva-empty{padding:24px;text-align:center;color:#5c728b;font-size:9px}
#bv-final .bva-note{
  border:1px solid rgba(72,128,211,.13);background:rgba(27,62,112,.1);
  border-radius:10px;padding:10px;color:#67809a;font-size:8px;line-height:1.55
}
#bv-final .bva-alert.critical-pulse{animation:bvaPulse 2.5s ease-in-out infinite}
@keyframes bvaPulse{
  0%,100%{background:transparent}
  50%{background:rgba(141,34,49,.045)}
}
@media(max-width:1100px){
  #bv-final .bva-metrics{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  #bv-final .bva-metrics{grid-template-columns:repeat(2,1fr)}
  #bv-final .bva-hero-top,#bv-final .bva-toolbar{flex-direction:column;align-items:stretch}
  #bv-final .bva-filters{display:grid;grid-template-columns:1fr}
}