.v8-hero{margin:24px 0;padding:28px;border:2px solid #32667c;border-radius:10px;background:linear-gradient(135deg,#1c658b,#123d57);box-shadow:0 5px 0 rgba(0,0,0,.25)}
.v8-hero h1{margin:6px 0;color:#fff}.v8-hero>span{font-size:9px;letter-spacing:1px;color:#8ed8f3}.v8-hero p{color:#b7d6e2}
.v8-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.v8-card{margin-bottom:18px;padding:20px;border:2px solid #315f73;border-radius:9px;background:#142d3a}.v8-card h2{color:#fff}
.v8-live-card{text-align:center}.v8-cover{width:210px;height:210px;object-fit:cover;border:3px solid #6c9bae;border-radius:9px;background:#0c222d}.v8-live-badge{display:inline-block;padding:6px 11px;border-radius:16px;background:#187fb1;color:#fff;font-weight:900}.is-live .v8-live-badge{background:#e33f46}
.v8-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.v8-metrics div{padding:11px;border:1px solid #3d6d80;border-radius:6px;background:#0d2531}.v8-metrics strong,.v8-metrics span{display:block}.v8-metrics strong{color:#fff}.v8-metrics span{color:#8fb3c2;font-size:10px}
.v8-history{display:grid;gap:8px}.v8-history article{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:11px;border:1px solid #386678;border-radius:6px;background:#0e2531}.v8-history strong{color:#fff}.v8-history span,.v8-history small{color:#91b3c1}
.v8-studio{min-height:70vh;display:grid;place-items:center}.v8-studio-panel{width:min(1100px,100%);padding:28px;border:3px solid #3a7087;border-radius:12px;background:#0c2430;text-align:center}.v8-studio-track{font-size:clamp(24px,4vw,58px);color:#fff}.v8-studio-dj{font-size:clamp(18px,2vw,32px);color:#ffd349}.v8-studio-panel .v8-metrics{grid-template-columns:repeat(4,1fr)}
.v8-badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.v8-badge-item{padding:15px;border:1px solid #3d6b7d;border-radius:8px;background:#0e2531}.v8-badge-icon{display:grid;place-items:center;width:62px;height:62px;margin-bottom:9px;border-radius:7px;background:#1c4355;font-size:32px}.v8-badge-icon img{max-width:100%;max-height:100%}.v8-badge-actions{display:flex;gap:6px;flex-wrap:wrap}
.v8-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.v8-release-ok{color:#58dc82}.v8-release-bad{color:#ff7474}
@media(max-width:850px){.v8-grid{grid-template-columns:1fr}.v8-metrics,.v8-studio-panel .v8-metrics,.v8-badge-grid,.v8-form-grid{grid-template-columns:1fr}.v8-history article{grid-template-columns:1fr}}

.v8-monitor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.v8-monitor-grid article{display:flex;align-items:center;gap:10px;padding:15px;border:2px solid #3c6879;border-radius:8px;background:#142d3a}.v8-monitor-grid article>span{font-size:24px}.v8-monitor-grid article.ok>span{color:#45d477}.v8-monitor-grid article.bad>span{color:#ff6161}.v8-monitor-grid strong,.v8-monitor-grid small{display:block}.v8-monitor-grid strong{color:#fff}.v8-monitor-grid small{color:#94b4c1}.v8-json{max-height:520px;overflow:auto;padding:15px;border-radius:7px;background:#071820;color:#bde5f4}.v8-event-row{display:flex;justify-content:space-between;gap:12px;padding:11px;border-bottom:1px solid #345d6e}.v8-event-row strong,.v8-event-row span{display:block}.v8-event-row strong{color:#fff}.v8-event-banner{padding:13px 20px;background:var(--event-accent,#f4c431);color:#14202a;text-align:center;font-weight:900}@media(max-width:850px){.v8-monitor-grid{grid-template-columns:1fr}}