.connection-issue-shell{position:fixed;inset:0;z-index:60;display:grid;place-items:center;pointer-events:none}.connection-issue-backdrop{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(239,68,68,.12),transparent 45%),radial-gradient(circle at 80% 60%,rgba(59,130,246,.14),transparent 48%),rgba(0,0,0,.35);backdrop-filter:blur(6px);pointer-events:auto}.connection-issue-card{position:relative;width:min(540px,92vw);background:rgba(255,255,255,.98);border-radius:30px;box-shadow:0 30px 90px rgba(15,23,42,.2),0 8px 24px rgba(15,23,42,.12);border:1px solid rgba(255,255,255,.6);padding:32px 32px 28px;display:grid;gap:12px;text-align:center;color:#0f172a;pointer-events:auto}.dark .connection-issue-card{background:rgba(15,23,42,.92);border-color:rgba(148,163,184,.24);color:#e2e8f0;box-shadow:0 30px 90px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.18)}.connection-issue-card--success{background:rgba(240,253,244,.98);border-color:rgba(134,239,172,.6);color:#0f172a;box-shadow:0 30px 90px rgba(22,163,74,.18),0 8px 24px rgba(22,163,74,.12)}.dark .connection-issue-card--success{background:rgba(22,101,52,.15);border-color:rgba(74,222,128,.4);color:#e2f4e9;box-shadow:0 30px 90px rgba(22,163,74,.28),0 8px 24px rgba(22,163,74,.18)}.connection-issue-icon{width:104px;height:104px;margin:0 auto 4px;border-radius:999px;background:radial-gradient(circle at 40% 30%,rgba(239,68,68,.18),rgba(239,68,68,.08));color:#ef4444;display:grid;place-items:center}.dark .connection-issue-icon{background:radial-gradient(circle at 40% 30%,rgba(248,113,113,.2),rgba(248,113,113,.12));color:#f87171}.connection-issue-icon--success{background:radial-gradient(circle at 40% 30%,rgba(34,197,94,.22),rgba(34,197,94,.12));color:#16a34a}.dark .connection-issue-icon--success{background:radial-gradient(circle at 40% 30%,rgba(74,222,128,.24),rgba(34,197,94,.14));color:#4ade80}.connection-issue-icon--busy .connection-issue-icon__spinner{width:64px;height:64px;border-radius:50%;border:6px solid;border-top:6px solid transparent;animation:connectionIssueSpin 1s linear infinite}@keyframes connectionIssueSpin{to{transform:rotate(1turn)}}.connection-issue-text{display:grid;gap:6px}.connection-issue-title{font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.connection-issue-message{font-size:1rem;font-weight:600}.connection-issue-detail{font-size:.95rem;opacity:.8}.connection-issue-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:8px}.connection-issue-btn{border:none;border-radius:999px;padding:10px 16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .14s ease,background .14s ease,color .14s ease;text-decoration:none}.connection-issue-btn--primary{background:linear-gradient(135deg,#ef4444,#fb7185);color:#fff;box-shadow:0 12px 32px rgba(239,68,68,.28)}.connection-issue-btn--primary:hover{transform:translateY(-1px);box-shadow:0 18px 42px rgba(239,68,68,.32)}.connection-issue-btn--ghost{background:rgba(15,23,42,.06);color:#0f172a;border:1px solid rgba(15,23,42,.08)}.connection-issue-btn--ghost:hover{background:rgba(15,23,42,.1)}.connection-issue-card--success .connection-issue-btn--primary{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 12px 32px rgba(34,197,94,.26)}.connection-issue-card--success .connection-issue-btn--primary:hover{box-shadow:0 18px 42px rgba(34,197,94,.3)}.dark .connection-issue-btn--ghost{background:rgba(226,232,240,.08);color:#e2e8f0;border-color:rgba(226,232,240,.16)}.dark .connection-issue-btn--ghost:hover{background:rgba(226,232,240,.14)}.connection-issue-close{position:absolute;top:12px;right:16px;background:transparent;border:none;color:inherit;font-size:1.2rem;cursor:pointer}.connection-issue-inline{position:relative;width:100%;display:grid;place-items:center}.connection-issue-inline .connection-issue-card{width:100%;max-width:760px}