.alert-toggle{position:relative}.alert-toggle span{position:absolute;right:-4px;top:-5px;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;border:2px solid #030504;font-family:var(--mono);font-size:6px;opacity:0;transform:scale(.6);transition:.2s}.alert-toggle.has-alerts span{opacity:1;transform:none}
.active-alert{position:absolute;z-index:42;left:50%;top:51%;width:390px;max-width:calc(100vw - 680px);transform:translate(-50%,-44%) scale(.96);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .24s,visibility .2s;border-color:#3d4540;background:rgba(7,9,8,.96);box-shadow:0 24px 80px rgba(0,0,0,.6),0 0 0 1px rgba(41,182,255,.08)}
.active-alert.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.active-alert header{min-height:51px;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 14px;border-bottom:1px solid var(--line)}.active-alert header>div{min-width:0;flex:1}.active-alert header .eyebrow{color:var(--red)}.active-alert header h2{margin:4px 0 0;font-size:11px;font-weight:500}.active-alert header>button{width:27px;height:27px;display:grid;place-items:center;background:transparent;color:var(--dim)}.active-alert header>button svg{width:13px}.alert-queue-count{font-family:var(--mono);font-size:7px;color:var(--dim)}
.active-alert-body{padding:15px}.alert-event{display:flex;align-items:center;gap:7px;color:var(--red);font-family:var(--mono);font-size:8px}.alert-event i{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(238,61,61,.1);animation:alert-beacon 1.25s ease-out infinite}.active-alert h3{margin:11px 0 14px;font-size:13px;line-height:1.5;font-weight:500}.alert-meta{color:var(--dim);font-family:var(--mono);font-size:7px}
.active-alert footer{height:39px;display:flex;border-top:1px solid var(--line)}.active-alert footer button{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--muted);font-family:var(--mono);font-size:7px}.active-alert footer button:first-child{flex:1}.active-alert footer button+button{width:40px;border-left:1px solid var(--line)}.active-alert footer svg{width:12px}.active-alert footer button:hover{background:#121713;color:#fff}
.scene-tooltip.critical-ping{border-color:rgba(41,182,255,.5);box-shadow:0 0 24px rgba(41,182,255,.16)}.scene-tooltip.critical-ping span{color:#29b6ff}
@keyframes alert-beacon{0%{box-shadow:0 0 0 0 rgba(238,61,61,.42)}100%{box-shadow:0 0 0 10px rgba(238,61,61,0)}}
@media(max-width:1120px){.active-alert{max-width:calc(100vw - 360px)}}
@media(max-width:760px){.active-alert{position:fixed;left:10px;right:10px;top:145px;width:auto;max-width:none;transform:translateY(-10px) scale(.98)}.active-alert.open{transform:none}.active-alert h3{font-size:11px}.top-actions{gap:5px}}