/* Header status dot + AI-themed status popup */
.status-dot-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .55rem;border:0;border-radius:999px;background:transparent;color:#cdd8ee;cursor:pointer;font:inherit;font-size:.9rem;line-height:1;transition:background .15s}
.status-dot-btn:hover,.status-dot-btn[aria-expanded="true"]{background:rgba(255,255,255,.1)}
.status-dot-btn:focus-visible{outline:2px solid #19d3e0;outline-offset:2px}
.status-dot-label{display:none}
.status-dot{position:relative;width:.7rem;height:.7rem;border-radius:50%;background:#8a96ad;flex:none}
.status-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid currentColor;opacity:0;color:inherit}
.status-dot--ok{background:#22e08a;color:#22e08a;box-shadow:0 0 10px rgba(34,224,138,.8)}
.status-dot--bad{background:#ff4d5e;color:#ff4d5e;box-shadow:0 0 10px rgba(255,77,94,.85)}
.status-dot--ok::after,.status-dot--bad::after{animation:aiPing 2s ease-out infinite}
.status-dot--loading{animation:aiBlink 1.2s ease-in-out infinite}
@keyframes aiPing{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.8);opacity:0}}
@keyframes aiBlink{50%{opacity:.35}}
@media(max-width:991px){.status-dot-label{display:inline}.status-dot-btn{padding:.6rem .25rem}}

.ai-status{position:fixed;top:78px;right:1rem;z-index:1085;width:min(390px,calc(100vw - 2rem));max-height:calc(100vh - 100px);overflow:auto;color:#dbe6ff;border:1px solid transparent;border-radius:18px;padding:1.1rem 1.15rem 1rem;
  background:linear-gradient(160deg,#0a1230,#070b1c) padding-box,linear-gradient(135deg,#19d3e0,#815afc 55%,#ff6b61) border-box;box-shadow:0 25px 60px rgba(4,8,30,.55),0 0 40px rgba(129,90,252,.25);
  opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:opacity .18s,transform .18s}
.ai-status.is-open{opacity:1;transform:none;pointer-events:auto}
.ai-status[hidden]{display:none}
.ai-status::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:linear-gradient(rgba(129,90,252,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(25,211,224,.06) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(#000,transparent 70%);-webkit-mask-image:linear-gradient(#000,transparent 70%)}
.ai-status>*{position:relative}
.ai-head{display:flex;align-items:center;gap:.8rem}
.ai-orb{flex:none;width:2.4rem;height:2.4rem;border-radius:50%;background:conic-gradient(from 0deg,#19d3e0,#815afc,#ff6b61,#19d3e0);animation:aiSpin 6s linear infinite;box-shadow:0 0 18px rgba(129,90,252,.6);position:relative}
.ai-orb::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#0a1230}
.ai-orb-core{position:absolute;inset:11px;border-radius:50%;background:#19d3e0;z-index:1;box-shadow:0 0 10px #19d3e0}
.ai-status.is-bad .ai-orb-core{background:#ff4d5e;box-shadow:0 0 10px #ff4d5e}
@keyframes aiSpin{to{transform:rotate(360deg)}}
.ai-kicker{display:block;font-size:.62rem;letter-spacing:.18em;font-weight:800;color:#19d3e0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.ai-title{margin:.1rem 0 0;font-size:1.05rem;font-weight:800;color:#fff;letter-spacing:.01em}
.ai-close{margin-left:auto;border:0;background:rgba(255,255,255,.08);color:#cdd8ee;width:1.9rem;height:1.9rem;border-radius:50%;font-size:1.1rem;line-height:1;cursor:pointer}
.ai-close:hover{background:rgba(255,255,255,.18)}
.ai-verdict{margin:.9rem 0 .35rem;padding:.7rem .8rem;border-radius:12px;font-size:.9rem;line-height:1.4;color:#eaf1ff;background:rgba(25,211,224,.08);border:1px solid rgba(25,211,224,.25);position:relative;overflow:hidden}
.ai-status.is-bad .ai-verdict{background:rgba(255,77,94,.1);border-color:rgba(255,77,94,.35)}
.ai-verdict::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:aiScan 3.2s ease-in-out infinite}
@keyframes aiScan{to{left:110%}}
.ai-services{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.55rem}
.ai-service{padding:.65rem .75rem;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.ai-service-top{display:flex;align-items:center;gap:.55rem}
.ai-service-name{font-weight:700;font-size:.9rem;color:#fff}
.ai-chip{margin-left:auto;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.ai-chip--operational{color:#22e08a;background:rgba(34,224,138,.12);border:1px solid rgba(34,224,138,.4)}
.ai-chip--warning{color:#ffb020;background:rgba(255,176,32,.12);border:1px solid rgba(255,176,32,.4)}
.ai-chip--stopped{color:#ff4d5e;background:rgba(255,77,94,.12);border:1px solid rgba(255,77,94,.45)}
.ai-methods{margin:.45rem 0 0;padding:0;list-style:none;display:grid;gap:.2rem}
.ai-method{display:flex;align-items:center;gap:.5rem;font-size:.76rem;color:#93a4c6}
.ai-method i{width:.45rem;height:.45rem;border-radius:50%;flex:none;background:#22e08a}
.ai-method.is-warning i{background:#ffb020}.ai-method.is-stopped i{background:#ff4d5e}
.ai-method span:last-child{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;color:#6f81a6}
.ai-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.85rem;font-size:.72rem;color:#6f81a6}
.ai-foot a{color:#19d3e0;text-decoration:none;font-weight:700}.ai-foot a:hover{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.ai-orb,.ai-verdict::after,.status-dot::after,.status-dot--loading{animation:none}.ai-status{transition:none}}