:root {
    --bbsn-bg:#050a12;
    --bbsn-bg-soft:#08111d;
    --bbsn-panel:#0a1524;
    --bbsn-panel-2:#0d1a2b;
    --bbsn-panel-3:#101f32;
    --bbsn-border:#1f3550;
    --bbsn-border-soft:rgba(83,119,158,.18);
    --bbsn-text:#f3f7ff;
    --bbsn-muted:#8292aa;
    --bbsn-cyan:#35d4ff;
    --bbsn-blue:#5d7cff;
    --bbsn-purple:#9d7cff;
    --bbsn-green:#35dfaa;
    --bbsn-yellow:#ffc247;
    --bbsn-red:#ff5c78;
    --bbsn-shadow:0 24px 70px rgba(0,0,0,.34);
}

* { box-sizing:border-box; }
html { background:var(--bbsn-bg); }
body.bbsn-status-theme { margin:0; background:var(--bbsn-bg); color:var(--bbsn-text); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; min-height:100vh; }
body.bbsn-status-theme::before { content:""; position:fixed; inset:0; z-index:-3; background:radial-gradient(circle at 15% 8%,rgba(53,212,255,.08),transparent 28%),radial-gradient(circle at 82% 8%,rgba(157,124,255,.09),transparent 32%),linear-gradient(180deg,#050a12,#06101a 45%,#050a12); }
body.bbsn-status-theme::after { content:""; position:fixed; inset:0; z-index:-2; opacity:.38; background-image:linear-gradient(rgba(100,140,185,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(100,140,185,.045) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.45) 55%,transparent 100%); pointer-events:none; }
body.admin-bar .bbsn-shell { padding-top:42px; }

.bbsn-shell { position:relative; width:min(1540px,calc(100% - 56px)); margin:0 auto; padding:28px 0 28px; isolation:isolate; }
.bbsn-atmosphere { position:absolute; inset:0; pointer-events:none; z-index:-1; overflow:hidden; }
.bbsn-atmosphere i { position:absolute; width:340px; height:340px; border:1px solid rgba(53,212,255,.1); border-radius:50%; filter:blur(.1px); opacity:.5; }
.bbsn-atmosphere i:nth-child(1){ top:90px; right:-160px; box-shadow:0 0 100px rgba(53,212,255,.06) inset; }
.bbsn-atmosphere i:nth-child(2){ top:430px; left:-230px; width:460px; height:460px; border-color:rgba(157,124,255,.08); }
.bbsn-atmosphere i:nth-child(3){ top:120px; right:-90px; width:200px; height:200px; border-style:dashed; animation:bbsn-spin 32s linear infinite; }
@keyframes bbsn-spin { to { transform:rotate(360deg); } }

.bbsn-topbar { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:52px; padding:0 3px 15px; border-bottom:1px solid rgba(77,113,151,.18); }
.bbsn-brand-mark { display:flex; align-items:center; gap:12px; }
.bbsn-brand-mark strong { display:block; font-size:12px; letter-spacing:.14em; }
.bbsn-brand-mark small { display:block; margin-top:2px; color:var(--bbsn-muted); font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; }
.bbsn-brand-orbit { width:34px; height:34px; border:1px solid rgba(53,212,255,.52); border-radius:50%; position:relative; display:grid; place-items:center; box-shadow:0 0 24px rgba(53,212,255,.12) inset; }
.bbsn-brand-orbit::before,.bbsn-brand-orbit::after { content:""; position:absolute; border:1px solid rgba(53,212,255,.24); border-radius:50%; }
.bbsn-brand-orbit::before{ width:43px; height:19px; transform:rotate(-28deg); }
.bbsn-brand-orbit::after{ width:18px; height:43px; transform:rotate(28deg); }
.bbsn-brand-orbit i { width:7px; height:7px; border-radius:50%; background:var(--bbsn-cyan); box-shadow:0 0 16px rgba(53,212,255,.9); }
.bbsn-topbar-right { display:flex; align-items:center; gap:18px; color:var(--bbsn-muted); font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.07em; }
.bbsn-sync-state { display:inline-flex; align-items:center; gap:7px; }
.bbsn-sync-state i { width:7px; height:7px; border-radius:50%; background:var(--bbsn-green); box-shadow:0 0 12px rgba(53,223,170,.8); animation:bbsn-breathe 2s ease-in-out infinite; }
.bbsn-clock { min-width:76px; text-align:right; color:#c8d6e9; }
@keyframes bbsn-breathe { 50%{ opacity:.42; transform:scale(.8); } }

.bbsn-hero-pro { display:grid; grid-template-columns:minmax(0,1fr) 430px; gap:24px; align-items:stretch; padding:48px 0 24px; }
.bbsn-hero-copy { display:flex; flex-direction:column; justify-content:center; min-height:220px; }
.bbsn-kicker,.bbsn-eyebrow { color:var(--bbsn-cyan); font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.15em; }
.bbsn-hero-copy h1 { margin:10px 0 8px; max-width:900px; font-size:clamp(38px,5vw,68px); line-height:.97; letter-spacing:-.04em; font-weight:780; }
.bbsn-hero-copy p { max-width:900px; margin:7px 0 0; color:#91a1b8; font-size:15px; line-height:1.6; }
.bbsn-hero-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.bbsn-hero-tags span { color:#7f93ad; border:1px solid rgba(69,105,145,.3); background:rgba(9,21,36,.7); border-radius:999px; padding:6px 9px; font:750 8px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.06em; }

.bbsn-integrity-panel { position:relative; overflow:hidden; display:grid; grid-template-columns:138px 1fr; gap:18px; align-items:center; border:1px solid rgba(68,108,151,.45); background:linear-gradient(145deg,rgba(13,30,49,.94),rgba(8,19,33,.92)); border-radius:22px; padding:22px; box-shadow:var(--bbsn-shadow); }
.bbsn-integrity-panel::before { content:""; position:absolute; width:240px; height:240px; right:-90px; top:-120px; border-radius:50%; background:radial-gradient(circle,rgba(53,212,255,.15),transparent 70%); }
.bbsn-integrity-panel::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:linear-gradient(90deg,var(--bbsn-cyan),var(--bbsn-green)); opacity:.85; }
.bbsn-integrity-ring { --score:100%; width:138px; aspect-ratio:1; border-radius:50%; display:grid; place-items:center; position:relative; background:conic-gradient(var(--bbsn-green) var(--score),rgba(80,109,145,.16) 0); box-shadow:0 0 36px rgba(53,223,170,.08); }
.bbsn-integrity-ring::before { content:""; position:absolute; inset:8px; border-radius:50%; background:linear-gradient(145deg,#0c1a2b,#08121f); border:1px solid rgba(109,142,178,.25); }
.bbsn-integrity-ring div { position:relative; text-align:center; }
.bbsn-integrity-ring strong { display:block; font-size:34px; line-height:1; }
.bbsn-integrity-ring span { color:var(--bbsn-muted); font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; }
.bbsn-integrity-copy { position:relative; min-width:0; }
.bbsn-integrity-copy > strong { display:block; margin-top:6px; color:var(--bbsn-green); font-size:15px; letter-spacing:.035em; }
.bbsn-integrity-copy p { margin:5px 0 13px; color:#93a3b9; font-size:12px; line-height:1.5; }
.bbsn-integrity-copy small { display:flex; gap:7px; align-items:center; color:#60738c; font:650 9px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-health-dot { width:8px; height:8px; border-radius:50%; background:var(--bbsn-green); box-shadow:0 0 12px rgba(53,223,170,.72); flex:none; }
.bbsn-health-degraded .bbsn-integrity-ring { background:conic-gradient(var(--bbsn-yellow) var(--score),rgba(80,109,145,.16) 0); }
.bbsn-health-degraded .bbsn-integrity-copy > strong { color:var(--bbsn-yellow); }
.bbsn-health-degraded .bbsn-health-dot { background:var(--bbsn-yellow); box-shadow:0 0 12px rgba(255,194,71,.72); }
.bbsn-health-major .bbsn-integrity-ring { background:conic-gradient(var(--bbsn-red) var(--score),rgba(80,109,145,.16) 0); }
.bbsn-health-major .bbsn-integrity-copy > strong { color:var(--bbsn-red); }
.bbsn-health-major .bbsn-health-dot { background:var(--bbsn-red); box-shadow:0 0 12px rgba(255,92,120,.7); }
.bbsn-health-unknown .bbsn-integrity-copy > strong { color:#a7b3c4; }
.bbsn-health-unknown .bbsn-health-dot { background:#8190a8; box-shadow:none; }

.bbsn-warning-banner { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; margin:8px 0 18px; padding:14px 16px; border:1px solid rgba(255,92,120,.38); border-radius:14px; background:linear-gradient(90deg,rgba(255,92,120,.11),rgba(255,92,120,.035)); box-shadow:0 12px 36px rgba(255,40,80,.05); }
.bbsn-warning-banner.is-hidden { display:none; }
.bbsn-warning-icon { width:34px; height:34px; display:grid; place-items:center; position:relative; border:1px solid rgba(255,92,120,.58); border-radius:10px; color:var(--bbsn-red); font-weight:900; }
.bbsn-warning-icon i { position:absolute; inset:-4px; border:1px solid rgba(255,92,120,.2); border-radius:12px; animation:bbsn-warning-pulse 2s ease-out infinite; }
@keyframes bbsn-warning-pulse { 0%{opacity:.9;transform:scale(.9)} 80%,100%{opacity:0;transform:scale(1.2)} }
.bbsn-warning-copy strong { display:block; color:#ffdce3; font-size:12px; }
.bbsn-warning-copy span { display:block; margin-top:2px; color:#a88b95; font-size:10px; }
.bbsn-warning-code { color:var(--bbsn-red); font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; }

.bbsn-stats-pro { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:11px; margin:0 0 20px; }
.bbsn-stats-pro article { position:relative; overflow:hidden; min-height:96px; display:grid; grid-template-columns:38px 1fr; gap:11px; align-items:center; border:1px solid rgba(56,92,131,.43); background:linear-gradient(145deg,rgba(11,25,42,.88),rgba(8,18,31,.82)); border-radius:15px; padding:14px; }
.bbsn-stats-pro article > i { position:absolute; left:0; right:0; bottom:0; height:2px; background:linear-gradient(90deg,var(--bbsn-cyan),transparent); opacity:.7; }
.bbsn-stats-pro article:nth-child(2) > i { background:linear-gradient(90deg,var(--bbsn-green),transparent); }
.bbsn-stats-pro article:nth-child(4) > i { background:linear-gradient(90deg,var(--bbsn-purple),transparent); }
.bbsn-stats-pro article:nth-child(5) > i { background:linear-gradient(90deg,var(--bbsn-red),transparent); }
.bbsn-stat-icon { width:38px; height:38px; border-radius:11px; border:1px solid rgba(72,113,156,.35); display:grid; place-items:center; color:var(--bbsn-cyan); background:rgba(53,212,255,.035); font-size:17px; }
.bbsn-stats-pro span { display:block; color:#6e8199; font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; }
.bbsn-stats-pro strong { display:block; margin:3px 0 1px; font-size:22px; letter-spacing:-.03em; }
.bbsn-stats-pro small { display:block; color:#5d6f86; font-size:9px; }

.bbsn-backbone-panel,.bbsn-incident-deck { border:1px solid rgba(57,94,134,.42); background:linear-gradient(180deg,rgba(8,19,32,.9),rgba(6,15,26,.88)); border-radius:20px; padding:20px; margin-bottom:20px; box-shadow:0 20px 60px rgba(0,0,0,.18); }
.bbsn-section-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:28px; margin-bottom:17px; }
.bbsn-section-heading h2 { margin:5px 0 4px; font-size:21px; letter-spacing:-.02em; }
.bbsn-section-heading p { margin:0; color:#71849d; font-size:11px; line-height:1.5; }
.bbsn-section-heading-compact { margin-bottom:12px; }
.bbsn-route-status { min-width:170px; text-align:right; }
.bbsn-route-status strong { display:block; color:var(--bbsn-green); font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-route-status small { color:#61748c; font:650 8px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-route-led { width:7px; height:7px; border-radius:50%; background:var(--bbsn-green); box-shadow:0 0 12px rgba(53,223,170,.8); display:inline-block; margin-right:6px; }

.bbsn-backbone-canvas { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(135px,1fr) minmax(48px,.45fr) minmax(135px,1fr) minmax(48px,.45fr) minmax(135px,1fr) minmax(48px,.45fr) minmax(180px,1.25fr) minmax(48px,.45fr) minmax(135px,1fr); align-items:center; min-height:174px; padding:26px 18px; border:1px solid rgba(53,212,255,.15); border-radius:16px; background:radial-gradient(circle at 50% 40%,rgba(53,212,255,.06),transparent 38%),rgba(4,12,21,.78); }
.bbsn-backbone-grid { position:absolute; inset:0; opacity:.38; background-image:linear-gradient(rgba(74,112,151,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(74,112,151,.06) 1px,transparent 1px); background-size:34px 34px; }
.bbsn-backbone-canvas::before,.bbsn-backbone-canvas::after { content:""; position:absolute; width:220px; height:220px; border:1px solid rgba(53,212,255,.08); border-radius:50%; }
.bbsn-backbone-canvas::before { left:-120px; bottom:-130px; }
.bbsn-backbone-canvas::after { right:-100px; top:-130px; border-style:dashed; }
.bbsn-backbone-canvas.is-refreshing { animation:bbsn-route-flash .7s ease; }
@keyframes bbsn-route-flash { 50% { border-color:rgba(53,212,255,.38); box-shadow:0 0 36px rgba(53,212,255,.05) inset; } }

.bbsn-route-node { position:relative; z-index:2; min-height:88px; display:grid; grid-template-columns:34px 1fr; gap:10px; align-items:center; border:1px solid rgba(67,105,146,.48); border-radius:13px; background:linear-gradient(145deg,rgba(15,32,52,.95),rgba(8,20,34,.96)); padding:13px; box-shadow:0 12px 25px rgba(0,0,0,.2); }
.bbsn-route-node > span { position:absolute; top:7px; right:8px; color:#4c6079; font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-node-glyph { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; border:1px solid rgba(53,212,255,.36); color:var(--bbsn-cyan); background:rgba(53,212,255,.05); font-style:normal; font:850 11px ui-monospace,SFMono-Regular,Menlo,monospace; box-shadow:0 0 20px rgba(53,212,255,.04) inset; }
.bbsn-route-node small { display:block; color:#647990; font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.06em; }
.bbsn-route-node strong { display:block; margin-top:2px; font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bbsn-route-node em { display:block; margin-top:2px; color:#5d7087; font:500 8px ui-monospace,SFMono-Regular,Menlo,monospace; font-style:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bbsn-route-origin { border-color:rgba(53,212,255,.46); }
.bbsn-route-core { border-color:rgba(157,124,255,.48); }
.bbsn-route-core .bbsn-node-glyph { color:var(--bbsn-purple); border-color:rgba(157,124,255,.38); }
.bbsn-route-client { border-color:rgba(53,223,170,.42); }
.bbsn-route-client .bbsn-node-glyph { color:var(--bbsn-green); border-color:rgba(53,223,170,.34); }
.bbsn-route-target { grid-template-columns:34px minmax(0,1fr) auto; border-color:rgba(53,212,255,.5); }
.bbsn-route-target aside { text-align:right; padding-left:8px; }
.bbsn-route-target aside b { display:block; color:var(--bbsn-cyan); font:850 11px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-route-target aside small { color:#60748d; font-size:6px; }
.bbsn-route-target.is-degraded { border-color:rgba(255,194,71,.55); }
.bbsn-route-target.is-degraded aside b { color:var(--bbsn-yellow); }
.bbsn-route-target.is-down { border-color:rgba(255,92,120,.55); }
.bbsn-route-target.is-down aside b { color:var(--bbsn-red); }

.bbsn-route-link { position:relative; z-index:1; height:2px; background:linear-gradient(90deg,rgba(53,212,255,.3),rgba(53,223,170,.6)); }
.bbsn-route-link::after { content:""; position:absolute; right:-1px; top:-4px; border-left:7px solid var(--bbsn-green); border-top:4px solid transparent; border-bottom:4px solid transparent; opacity:.75; }
.bbsn-route-link > b { position:absolute; inset:-6px 0; background:linear-gradient(90deg,transparent,rgba(53,212,255,.07),transparent); filter:blur(5px); }
.bbsn-route-link i { position:absolute; top:-3px; left:-5px; width:8px; height:8px; border-radius:50%; background:var(--bbsn-cyan); box-shadow:0 0 12px rgba(53,212,255,.9); animation:bbsn-packet 2.25s linear infinite; }
.bbsn-route-link i:nth-of-type(2){ animation-delay:.72s; }
.bbsn-route-link i:nth-of-type(3){ animation-delay:1.45s; }
.bbsn-route-link span { position:absolute; top:10px; left:50%; transform:translateX(-50%); color:#536880; font:800 6px ui-monospace,SFMono-Regular,Menlo,monospace; }
@keyframes bbsn-packet { 0%{left:-4px;opacity:0} 8%{opacity:1} 91%{opacity:1} 100%{left:calc(100% - 3px);opacity:0} }
.bbsn-backbone-canvas[data-flow-status="major"] .bbsn-route-link,.bbsn-backbone-canvas[data-route-service-status="down"] .bbsn-route-link { background:linear-gradient(90deg,rgba(255,92,120,.2),rgba(255,92,120,.65)); }
.bbsn-backbone-canvas[data-flow-status="major"] .bbsn-route-link i,.bbsn-backbone-canvas[data-route-service-status="down"] .bbsn-route-link i { background:var(--bbsn-red); box-shadow:0 0 12px rgba(255,92,120,.85); animation-duration:3.4s; }
.bbsn-backbone-canvas[data-flow-status="degraded"] .bbsn-route-link i,.bbsn-backbone-canvas[data-route-service-status="degraded"] .bbsn-route-link i { background:var(--bbsn-yellow); box-shadow:0 0 12px rgba(255,194,71,.8); }
.bbsn-backbone-footer { display:flex; flex-wrap:wrap; gap:22px; padding:12px 2px 0; color:#61738a; font:650 8px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-backbone-footer i { width:7px; height:7px; border-radius:50%; display:inline-block; vertical-align:-1px; margin-right:5px; }
.bbsn-packet-demo { background:var(--bbsn-cyan); box-shadow:0 0 9px rgba(53,212,255,.8); }

.bbsn-incident-count { min-width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(255,92,120,.32); border-radius:10px; color:var(--bbsn-red); background:rgba(255,92,120,.04); font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-incident-list { display:grid; gap:8px; }
.bbsn-no-incident,.bbsn-incident { display:grid; grid-template-columns:34px 1fr auto; gap:11px; align-items:center; min-height:58px; padding:10px 12px; border:1px solid rgba(57,94,134,.3); border-radius:12px; background:rgba(11,24,40,.56); }
.bbsn-no-incident { grid-template-columns:34px 1fr; border-color:rgba(53,223,170,.22); }
.bbsn-no-incident > span,.bbsn-incident > span { width:30px; height:30px; display:grid; place-items:center; border-radius:9px; border:1px solid rgba(53,223,170,.28); color:var(--bbsn-green); background:rgba(53,223,170,.04); }
.bbsn-incident > span { border-color:rgba(255,194,71,.34); color:var(--bbsn-yellow); background:rgba(255,194,71,.04); }
.bbsn-incident-down > span { border-color:rgba(255,92,120,.35); color:var(--bbsn-red); background:rgba(255,92,120,.05); }
.bbsn-no-incident strong,.bbsn-incident strong { font-size:11px; }
.bbsn-no-incident p,.bbsn-incident p { margin:2px 0 0; color:#6e8097; font-size:9px; }
.bbsn-incident > b { color:var(--bbsn-yellow); font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-incident-down > b { color:var(--bbsn-red); }

.bbsn-service-area { margin-top:28px; }
.bbsn-group-pro { margin-top:15px; border:1px solid rgba(55,91,129,.36); border-radius:18px; background:rgba(7,17,29,.48); padding:14px; }
.bbsn-group-head-pro { display:flex; justify-content:space-between; align-items:center; padding:2px 2px 12px; border-bottom:1px solid rgba(64,99,137,.17); }
.bbsn-group-head-pro > div { display:flex; align-items:center; gap:8px; }
.bbsn-group-head-pro span { color:var(--bbsn-cyan); font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-group-head-pro h3 { margin:0; font-size:11px; letter-spacing:.05em; }
.bbsn-group-head-pro p { margin:0; color:#60738c; font:650 8px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-service-grid-pro { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; padding-top:11px; }

.bbsn-service-card { position:relative; overflow:hidden; min-width:0; border:1px solid rgba(57,94,134,.48); border-radius:15px; background:linear-gradient(145deg,rgba(13,28,47,.92),rgba(8,18,31,.94)); box-shadow:0 11px 22px rgba(0,0,0,.18); cursor:pointer; outline:none; transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.bbsn-service-card:hover,.bbsn-service-card:focus-visible { transform:translateY(-2px); border-color:rgba(53,212,255,.44); box-shadow:0 17px 34px rgba(0,0,0,.25),0 0 0 1px rgba(53,212,255,.05); }
.bbsn-card-accent { position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--bbsn-cyan); box-shadow:0 0 18px rgba(53,212,255,.55); }
.bbsn-status-up .bbsn-card-accent { background:var(--bbsn-green); box-shadow:0 0 18px rgba(53,223,170,.5); }
.bbsn-status-degraded .bbsn-card-accent { background:var(--bbsn-yellow); box-shadow:0 0 18px rgba(255,194,71,.5); }
.bbsn-status-down .bbsn-card-accent { background:var(--bbsn-red); box-shadow:0 0 18px rgba(255,92,120,.5); }
.bbsn-status-unknown .bbsn-card-accent { background:#718096; box-shadow:none; }
.bbsn-service-top { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; padding:14px 14px 10px 17px; }
.bbsn-service-name { display:flex; gap:10px; min-width:0; }
.bbsn-service-name > div { min-width:0; }
.bbsn-service-kind { color:#596f89; font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; }
.bbsn-service-name h3 { margin:2px 0 0; font-size:14px; line-height:1.25; }
.bbsn-service-name p { margin:3px 0 0; max-width:300px; color:#657a93; font:550 9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.bbsn-dot { width:9px; height:9px; border-radius:50%; margin-top:4px; flex:none; background:#718096; }
.bbsn-dot-up { background:var(--bbsn-green); box-shadow:0 0 12px rgba(53,223,170,.85); }
.bbsn-dot-degraded { background:var(--bbsn-yellow); box-shadow:0 0 12px rgba(255,194,71,.78); }
.bbsn-dot-down { background:var(--bbsn-red); box-shadow:0 0 12px rgba(255,92,120,.8); }
.bbsn-status-label { flex:none; color:#9fb0c5; background:#102036; border:1px solid rgba(103,126,154,.22); border-radius:999px; padding:4px 7px; font:850 7px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-status-up .bbsn-status-label { color:var(--bbsn-green); border-color:rgba(53,223,170,.3); background:rgba(53,223,170,.045); }
.bbsn-status-degraded .bbsn-status-label { color:var(--bbsn-yellow); border-color:rgba(255,194,71,.32); background:rgba(255,194,71,.045); }
.bbsn-status-down .bbsn-status-label { color:var(--bbsn-red); border-color:rgba(255,92,120,.32); background:rgba(255,92,120,.045); }

.bbsn-mini-telemetry { display:grid; grid-template-columns:minmax(0,1fr) 76px; gap:8px; align-items:center; padding:2px 14px 9px 17px; }
.bbsn-sparkline { width:100%; height:52px; display:block; }
.bbsn-mini-telemetry > div { text-align:right; }
.bbsn-mini-telemetry small { display:block; color:#526780; font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-mini-telemetry strong { display:block; margin-top:3px; font:850 13px ui-monospace,SFMono-Regular,Menlo,monospace; }

.bbsn-health-chips { display:flex; flex-wrap:wrap; gap:5px; min-height:27px; padding:0 14px 10px 17px; }
.bbsn-chip { display:inline-flex; align-items:center; gap:4px; border:1px solid rgba(73,108,145,.26); border-radius:6px; padding:4px 6px; background:rgba(12,25,42,.55); color:#657a93; font:750 7px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-chip b { color:#aab8ca; font-weight:850; }
.bbsn-chip.is-good { border-color:rgba(53,223,170,.26); color:#6da58f; background:rgba(53,223,170,.035); }
.bbsn-chip.is-good b { color:var(--bbsn-green); }
.bbsn-chip.is-bad { border-color:rgba(255,92,120,.3); color:#aa7180; background:rgba(255,92,120,.04); }
.bbsn-chip.is-bad b { color:var(--bbsn-red); }

.bbsn-metrics-pro { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; padding:10px 14px 11px 17px; border-top:1px solid var(--bbsn-border-soft); }
.bbsn-metrics-pro div { min-width:0; border:1px solid rgba(67,100,138,.19); border-radius:8px; padding:7px; background:rgba(255,255,255,.012); }
.bbsn-metrics-pro span,.bbsn-detail-metrics span { display:block; color:#576c84; font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-metrics-pro strong,.bbsn-detail-metrics strong { display:block; margin-top:3px; font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bbsn-card-hint { display:flex; justify-content:space-between; align-items:center; padding:8px 14px 8px 17px; border-top:1px solid var(--bbsn-border-soft); color:#526780; font-size:9px; }
.bbsn-card-hint b { color:#61768e; font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.05em; }
.bbsn-card-hint i { display:inline-block; font-style:normal; transition:transform .2s ease; }
.bbsn-service-card.is-open .bbsn-card-hint i { transform:rotate(180deg); }

.bbsn-service-card.is-open { grid-column:1 / -1; transform:none; border-color:rgba(53,212,255,.36); box-shadow:0 20px 42px rgba(0,0,0,.28); }
.bbsn-card-details { max-height:0; opacity:0; overflow:hidden; transition:max-height .42s ease,opacity .24s ease; padding:0 14px 0 17px; cursor:default; }
.bbsn-service-card.is-open .bbsn-card-details { max-height:620px; opacity:1; padding-bottom:14px; }
.bbsn-chart-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-end; padding:10px 1px 8px; }
.bbsn-chart-head > div > span { display:block; color:#8397af; font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.07em; }
.bbsn-chart-head > div > small { display:block; margin-top:2px; color:#52657c; font-size:8px; }
.bbsn-live-indicator { color:var(--bbsn-green); display:inline-flex; align-items:center; gap:6px; white-space:nowrap; font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-live-indicator::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--bbsn-green); box-shadow:0 0 10px rgba(53,223,170,.8); }
.bbsn-live-indicator.is-sampling { color:var(--bbsn-cyan); }
.bbsn-live-indicator.is-sampling::before { background:var(--bbsn-cyan); box-shadow:0 0 10px rgba(53,212,255,.9); animation:bbsn-breathe 1s ease-in-out infinite; }
.bbsn-live-indicator.is-paused { color:var(--bbsn-muted); }
.bbsn-live-indicator.is-paused::before { background:#718096; box-shadow:none; }
.bbsn-chart-shell { position:relative; overflow:hidden; border:1px solid rgba(60,97,137,.3); border-radius:12px; background:linear-gradient(180deg,rgba(10,23,39,.92),rgba(6,16,28,.9)); }
.bbsn-latency-chart { width:100%; height:240px; display:block; }
.bbsn-chart-tooltip { position:absolute; z-index:3; pointer-events:none; max-width:190px; padding:7px 8px; border:1px solid rgba(53,212,255,.3); border-radius:7px; background:rgba(5,14,25,.95); color:#bcd1e8; box-shadow:0 12px 28px rgba(0,0,0,.35); font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-detail-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-top:8px; }
.bbsn-detail-metrics div { border:1px solid rgba(66,101,139,.22); border-radius:9px; padding:8px; background:rgba(255,255,255,.012); }
.bbsn-health-detail { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-top:8px; padding:10px 11px; border:1px solid rgba(157,124,255,.24); border-radius:10px; background:linear-gradient(90deg,rgba(157,124,255,.055),rgba(53,212,255,.02)); }
.bbsn-health-detail span:first-child { display:block; color:#74658f; font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-health-detail strong { display:block; margin-top:3px; font-size:10px; }
.bbsn-health-detail small { display:block; margin-top:2px; color:#5d6f86; font:550 8px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-readiness-badge { flex:none; border:1px solid rgba(107,128,153,.25); border-radius:999px; padding:5px 8px; color:#8fa0b4; font:850 7px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-readiness-badge.is-good { color:var(--bbsn-green); border-color:rgba(53,223,170,.3); background:rgba(53,223,170,.04); }
.bbsn-readiness-badge.is-bad { color:var(--bbsn-red); border-color:rgba(255,92,120,.32); background:rgba(255,92,120,.04); }
.bbsn-detail-row { display:flex; justify-content:space-between; gap:14px; padding:9px 2px 0; color:#61738a; font:550 8px ui-monospace,SFMono-Regular,Menlo,monospace; }

.bbsn-legend-pro { display:flex; flex-wrap:wrap; gap:20px; align-items:center; padding:18px 4px 4px; color:#61738a; font-size:9px; }
.bbsn-legend-pro b { color:#7c90a7; font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-legend-pro i,.bbsn-backbone-footer i { width:8px; height:8px; display:inline-block; border-radius:50%; margin-right:5px; vertical-align:-1px; }
.bbsn-legend-up { background:var(--bbsn-green); box-shadow:0 0 9px rgba(53,223,170,.55); }
.bbsn-legend-degraded { background:var(--bbsn-yellow); }
.bbsn-legend-down { background:var(--bbsn-red); }
.bbsn-legend-unknown { background:#718096; }
.bbsn-empty,.bbsn-basic-page article { border:1px solid var(--bbsn-border); border-radius:18px; padding:32px; background:var(--bbsn-panel); }
.bbsn-empty h2,.bbsn-basic-page h1 { margin-top:0; }
.bbsn-empty p,.bbsn-basic-page p { color:var(--bbsn-muted); }
.bbsn-home-link { display:inline-block; margin-top:10px; text-decoration:none; border:1px solid var(--bbsn-cyan); color:var(--bbsn-cyan)!important; border-radius:9px; padding:10px 14px; }
.bbsn-footer { width:min(1540px,calc(100% - 56px)); margin:0 auto; border-top:1px solid rgba(72,111,150,.16); padding:14px 0 26px; display:flex; justify-content:space-between; color:#4f6076; font:650 9px ui-monospace,SFMono-Regular,Menlo,monospace; }

/* WordPress admin */
.bbsn-admin-wrap { max-width:1440px; padding:14px 18px 28px 0; color:#172033; }
.bbsn-admin-wrap .bbsn-kicker { color:#0a86bd; }
.bbsn-admin-head { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; }
.bbsn-admin-head h1,.bbsn-admin-wrap > h1 { font-size:32px; margin:3px 0 4px; }
.bbsn-admin-head p { max-width:820px; color:#637083; }
.bbsn-admin-grid { display:grid; grid-template-columns:minmax(360px,.72fr) minmax(560px,1.28fr); gap:18px; margin-top:18px; }
.bbsn-admin-panel { border:1px solid #dbe3ee; border-radius:15px; padding:20px; background:#fff; box-shadow:0 10px 28px rgba(20,44,76,.06); }
.bbsn-admin-panel h2 { margin:0 0 16px; }
.bbsn-service-form { display:grid; gap:13px; }
.bbsn-service-form label { font-weight:650; color:#26334a; }
.bbsn-service-form input[type="text"],.bbsn-service-form input[type="number"],.bbsn-service-form input[type="email"],.bbsn-service-form select { display:block; width:100%; margin-top:6px; min-height:42px; border:1px solid #c9d5e4; border-radius:8px; padding:7px 10px; }
.bbsn-service-form small { color:#748197; font-weight:500; margin-top:4px; display:block; }
.bbsn-form-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.bbsn-switch-row { display:flex!important; align-items:center; gap:8px; }
.bbsn-switch-row input { margin:0!important; }
.bbsn-primary { background:#0d80b9!important; border-color:#0d80b9!important; }
.bbsn-actions { display:flex; gap:8px; }
.bbsn-admin-health-box { border:1px solid #d8e5f2; border-radius:10px; background:#f6fafe; padding:13px; }
.bbsn-admin-health-box > strong { display:block; color:#24364d; }
.bbsn-admin-health-box > p { margin:4px 0 11px; color:#66758a; font-size:12px; line-height:1.5; }
.bbsn-admin-service { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:12px; padding:13px 0; border-top:1px solid #edf0f5; }
.bbsn-admin-service:first-of-type { border-top:0; }
.bbsn-admin-service-main { min-width:0; display:flex; align-items:center; gap:10px; }
.bbsn-admin-service-main small { display:block; color:#748197; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:420px; }
.bbsn-admin-health-url { color:#7c5db6!important; }
.bbsn-admin-service-meta { display:flex; flex-wrap:wrap; gap:8px; color:#5d6a7f; font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-admin-service-actions { display:flex; gap:5px; }
.bbsn-delete { color:#b42343!important; }
.bbsn-settings-panel { max-width:920px; margin-top:18px; }
.bbsn-note { margin-top:20px; border-left:4px solid #0d80b9; padding:12px 14px; background:#f3f8fc; }
.bbsn-note p { margin:4px 0 0; color:#5e6a7a; }

@media (max-width:1320px) {
    .bbsn-service-grid-pro { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .bbsn-backbone-canvas { grid-template-columns:1fr 45px 1fr 45px 1.2fr; }
    .bbsn-backbone-canvas > :nth-child(7),.bbsn-backbone-canvas > :nth-child(8),.bbsn-backbone-canvas > :nth-child(9),.bbsn-backbone-canvas > :nth-child(10) { display:none; }
    .bbsn-route-target { grid-template-columns:34px minmax(0,1fr) auto; }
}

@media (max-width:1040px) {
    .bbsn-hero-pro { grid-template-columns:1fr; }
    .bbsn-hero-copy { min-height:auto; }
    .bbsn-integrity-panel { max-width:560px; }
    .bbsn-stats-pro { grid-template-columns:repeat(3,1fr); }
    .bbsn-stats-pro article:nth-child(4),.bbsn-stats-pro article:nth-child(5) { grid-column:auto; }
    .bbsn-admin-grid { grid-template-columns:1fr; }
}

@media (max-width:760px) {
    .bbsn-shell,.bbsn-footer { width:min(100% - 24px,1540px); }
    .bbsn-shell { padding-top:16px; }
    .bbsn-topbar { align-items:flex-start; }
    .bbsn-topbar-right { flex-direction:column; align-items:flex-end; gap:4px; }
    .bbsn-sync-state { font-size:7px; }
    .bbsn-hero-pro { padding-top:30px; }
    .bbsn-hero-copy h1 { font-size:40px; }
    .bbsn-integrity-panel { grid-template-columns:104px 1fr; padding:16px; }
    .bbsn-integrity-ring { width:104px; }
    .bbsn-integrity-ring strong { font-size:26px; }
    .bbsn-warning-banner { grid-template-columns:auto 1fr; }
    .bbsn-warning-code { display:none; }
    .bbsn-stats-pro { grid-template-columns:repeat(2,1fr); }
    .bbsn-stats-pro article:last-child { grid-column:1 / -1; }
    .bbsn-section-heading { flex-direction:column; gap:8px; }
    .bbsn-route-status { text-align:left; }
    .bbsn-backbone-canvas { display:flex; flex-direction:column; gap:0; padding:15px; }
    .bbsn-backbone-canvas > * { display:flex!important; }
    .bbsn-backbone-grid { display:block!important; }
    .bbsn-route-node { width:100%; display:grid!important; }
    .bbsn-route-link { width:2px; height:38px; flex:none; background:linear-gradient(var(--bbsn-cyan),var(--bbsn-green)); }
    .bbsn-route-link::after { right:-4px; top:auto; bottom:-2px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:7px solid var(--bbsn-green); border-bottom:0; }
    .bbsn-route-link i { left:-3px!important; top:-4px; animation:bbsn-packet-vertical 2.2s linear infinite; }
    .bbsn-route-link i:nth-of-type(2){ animation-delay:.7s; }
    .bbsn-route-link i:nth-of-type(3){ animation-delay:1.4s; }
    .bbsn-route-link span { left:12px; top:14px; transform:none; }
    @keyframes bbsn-packet-vertical { 0%{top:-4px;opacity:0} 7%{opacity:1} 91%{opacity:1} 100%{top:calc(100% - 3px);opacity:0} }
    .bbsn-service-grid-pro { grid-template-columns:1fr; }
    .bbsn-metrics-pro,.bbsn-detail-metrics { grid-template-columns:repeat(2,1fr); }
    .bbsn-chart-head { flex-direction:column; align-items:flex-start; }
    .bbsn-latency-chart { height:220px; }
    .bbsn-health-detail,.bbsn-detail-row,.bbsn-footer { flex-direction:column; align-items:flex-start; }
    .bbsn-group-head-pro { align-items:flex-start; }
    .bbsn-backbone-footer,.bbsn-legend-pro { gap:10px 15px; }
    .bbsn-form-row { grid-template-columns:1fr; }
    .bbsn-admin-service { grid-template-columns:1fr; }
}

@media (max-width:440px) {
    .bbsn-stats-pro { grid-template-columns:1fr; }
    .bbsn-stats-pro article:last-child { grid-column:auto; }
    .bbsn-integrity-panel { grid-template-columns:1fr; }
    .bbsn-integrity-ring { width:112px; }
    .bbsn-route-target { grid-template-columns:34px 1fr; }
    .bbsn-route-target aside { grid-column:1 / -1; text-align:left; padding:6px 0 0 44px; }
    .bbsn-no-incident,.bbsn-incident { grid-template-columns:30px 1fr; }
    .bbsn-incident > b { grid-column:2; }
}

@media (prefers-reduced-motion:reduce) {
    .bbsn-atmosphere i,.bbsn-sync-state i,.bbsn-warning-icon i,.bbsn-route-link i,.bbsn-live-indicator.is-sampling::before { animation:none!important; }
    .bbsn-service-card,.bbsn-card-details { transition:none; }
}

/* =========================================================
   BLACKBULL STATUS BRAND + WORDPRESS AUTH ACTIONS
   ========================================================= */
.bbsn-brand-mark {
    color:var(--bbsn-text);
    text-decoration:none;
}
.bbsn-brand-mark:hover,.bbsn-brand-mark:focus-visible { color:var(--bbsn-text); }
.bbsn-brand-logo {
    width:42px;
    height:42px;
    flex:none;
    object-fit:contain;
    filter:drop-shadow(0 0 14px rgba(53,212,255,.16)) drop-shadow(0 0 22px rgba(157,124,255,.12));
}
.bbsn-brand-copy strong { display:block; font-size:12px; letter-spacing:.12em; }
.bbsn-brand-copy strong span { color:var(--bbsn-cyan); font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.06em; }
.bbsn-brand-copy small { display:block; margin-top:3px; color:var(--bbsn-muted); font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; }
.bbsn-auth-actions { display:flex; align-items:center; gap:7px; }
.bbsn-login-button {
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:36px;
    padding:0 13px;
    overflow:hidden;
    border:1px solid rgba(53,212,255,.34);
    border-radius:9px;
    background:linear-gradient(135deg,rgba(53,212,255,.09),rgba(93,124,255,.08));
    color:#dff8ff;
    text-decoration:none;
    font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing:.08em;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 0 22px rgba(53,212,255,.04);
    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease;
}
.bbsn-login-button::before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);
    transform:translateX(-120%);
    transition:transform .42s ease;
}
.bbsn-login-button:hover,.bbsn-login-button:focus-visible {
    color:#fff;
    border-color:rgba(53,212,255,.72);
    background:linear-gradient(135deg,rgba(53,212,255,.15),rgba(93,124,255,.14));
    box-shadow:0 0 24px rgba(53,212,255,.09),inset 0 0 16px rgba(53,212,255,.035);
    transform:translateY(-1px);
    outline:none;
}
.bbsn-login-button:hover::before,.bbsn-login-button:focus-visible::before { transform:translateX(120%); }
.bbsn-login-icon {
    width:18px;
    height:18px;
    display:inline-grid;
    place-items:center;
    border:1px solid rgba(53,212,255,.24);
    border-radius:5px;
    background:rgba(53,212,255,.045);
    color:var(--bbsn-cyan);
    font-size:11px;
}
.bbsn-login-button-secondary {
    padding:0 10px;
    color:#75879c;
    border-color:rgba(112,137,166,.2);
    background:rgba(255,255,255,.018);
}
.bbsn-login-button-secondary:hover,.bbsn-login-button-secondary:focus-visible {
    color:#ff91a4;
    border-color:rgba(255,92,120,.36);
    background:rgba(255,92,120,.045);
    box-shadow:0 0 20px rgba(255,92,120,.05);
}
@media (max-width:900px) {
    .bbsn-topbar { gap:14px; }
    .bbsn-topbar-right { gap:9px; }
    .bbsn-sync-state { display:none; }
}
@media (max-width:760px) {
    .bbsn-brand-logo { width:38px; height:38px; }
    .bbsn-brand-copy strong { font-size:10px; }
    .bbsn-brand-copy small { font-size:7px; }
    .bbsn-topbar-right { flex-direction:row; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
    .bbsn-login-button { min-height:33px; padding:0 9px; }
}
@media (max-width:520px) {
    .bbsn-clock { display:none; }
    .bbsn-login-button-secondary { display:none; }
    .bbsn-brand-copy small { display:none; }
    .bbsn-brand-logo { width:34px; height:34px; }
}

/* =========================================================
   WHITE-LABEL PRESETS + LAYOUTS
   ========================================================= */
body.bbsn-preset-ocean {
    --bbsn-cyan:#4bb8ff;
    --bbsn-blue:#3b82f6;
    --bbsn-purple:#6aa7ff;
}
body.bbsn-preset-violet {
    --bbsn-cyan:#b28cff;
    --bbsn-blue:#8067ff;
    --bbsn-purple:#c084fc;
}
body.bbsn-preset-emerald {
    --bbsn-cyan:#42e8bd;
    --bbsn-blue:#2cc49a;
    --bbsn-purple:#5fe0b3;
}
body.bbsn-layout-wide .bbsn-shell { width:min(1840px,calc(100% - 42px)); }
body.bbsn-layout-wide .bbsn-service-grid-pro { grid-template-columns:repeat(4,minmax(0,1fr)); }
body.bbsn-layout-compact .bbsn-shell { width:min(1280px,calc(100% - 44px)); }
body.bbsn-layout-compact .bbsn-hero-pro { grid-template-columns:minmax(0,1fr) 365px; padding-top:34px; }
body.bbsn-layout-compact .bbsn-service-grid-pro { grid-template-columns:repeat(2,minmax(0,1fr)); }
body.bbsn-layout-compact .bbsn-stats-pro article { min-height:82px; }

/* White-label settings editor */
.bbsn-settings-panel { max-width:1180px; }
.bbsn-settings-section { border:1px solid #dbe5f0; border-radius:13px; padding:18px; background:#fbfdff; display:grid; gap:13px; }
.bbsn-settings-section-head { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; padding-bottom:12px; border-bottom:1px solid #e6edf5; }
.bbsn-settings-section-head > div { display:flex; align-items:center; gap:10px; }
.bbsn-settings-section-head > div > span { display:grid; place-items:center; width:29px; height:29px; border-radius:8px; background:#edf7fc; border:1px solid #cfe6f3; color:#0b7dac; font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace; }
.bbsn-settings-section-head h2 { margin:0; font-size:18px; }
.bbsn-settings-section-head p { margin:2px 0 0; max-width:620px; color:#68778c; font-size:12px; line-height:1.5; text-align:right; }
.bbsn-form-row-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.bbsn-form-row-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.bbsn-service-form input[type="url"],
.bbsn-service-form textarea { display:block; width:100%; margin-top:6px; border:1px solid #c9d5e4; border-radius:8px; padding:9px 10px; background:#fff; }
.bbsn-service-form input[type="url"] { min-height:42px; }
.bbsn-service-form textarea { min-height:88px; resize:vertical; }
.bbsn-code-editor { min-height:360px!important; font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important; tab-size:4; white-space:pre; }
.bbsn-template-tokens { border:1px solid #d8e5f2; border-radius:10px; background:#f5fafe; padding:13px; }
.bbsn-template-tokens > strong { display:block; margin-bottom:8px; color:#26384e; }
.bbsn-template-tokens > div { display:flex; flex-wrap:wrap; gap:6px; }
.bbsn-template-tokens code { background:#fff; border:1px solid #dbe5ee; border-radius:6px; padding:4px 6px; color:#4f3b9e; font-size:11px; }
.bbsn-media-row { display:flex; gap:8px; align-items:center; margin-top:6px; }
.bbsn-media-row input { margin-top:0!important; flex:1; }
.bbsn-media-row .button { flex:none; min-height:40px; }

@media (max-width:1250px) {
    body.bbsn-layout-wide .bbsn-service-grid-pro { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:900px) {
    .bbsn-form-row-2,.bbsn-form-row-3 { grid-template-columns:1fr; }
    .bbsn-settings-section-head { display:block; }
    .bbsn-settings-section-head p { text-align:left; margin-top:8px; }
    .bbsn-media-row { align-items:stretch; flex-direction:column; }
    body.bbsn-layout-wide .bbsn-service-grid-pro,
    body.bbsn-layout-compact .bbsn-service-grid-pro { grid-template-columns:1fr; }
}
.bbsn-footer a { color:inherit; text-decoration:none; }
.bbsn-footer a:hover { color:var(--bbsn-cyan); }

/* =========================================================
   v2.4 — DISTINCT WHITE-LABEL SKINS
   Each preset now reskins the full dashboard, not only accents.
   ========================================================= */
body.bbsn-preset-ocean {
    --bbsn-bg:#04101e;
    --bbsn-bg-soft:#071a2d;
    --bbsn-panel:#0a2138;
    --bbsn-panel-2:#0d2945;
    --bbsn-panel-3:#123454;
    --bbsn-border:#255b84;
    --bbsn-border-soft:rgba(66,154,220,.23);
    --bbsn-text:#eef8ff;
    --bbsn-muted:#86a9c4;
    --bbsn-cyan:#51c7ff;
    --bbsn-blue:#338cff;
    --bbsn-purple:#78a8ff;
    --bbsn-green:#44e3b4;
    --bbsn-shadow:0 26px 80px rgba(0,49,87,.34);
}
body.bbsn-preset-ocean.bbsn-status-theme::before {
    background:radial-gradient(ellipse at 10% 0%,rgba(43,151,255,.23),transparent 34%),radial-gradient(ellipse at 90% 22%,rgba(36,202,255,.14),transparent 36%),linear-gradient(155deg,#03101d 0%,#061b31 48%,#03101c 100%);
}
body.bbsn-preset-ocean.bbsn-status-theme::after {
    opacity:.32;
    background-image:linear-gradient(rgba(79,182,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(79,182,255,.075) 1px,transparent 1px);
    background-size:70px 70px;
}
body.bbsn-preset-ocean .bbsn-integrity-panel,
body.bbsn-preset-ocean .bbsn-backbone-panel,
body.bbsn-preset-ocean .bbsn-incident-deck,
body.bbsn-preset-ocean .bbsn-service-card,
body.bbsn-preset-ocean .bbsn-stats-pro article {
    background:linear-gradient(145deg,rgba(10,39,65,.94),rgba(5,24,43,.91));
    border-color:rgba(61,143,205,.46);
    box-shadow:0 20px 60px rgba(0,48,86,.22);
}
body.bbsn-preset-ocean .bbsn-backbone-canvas { background:radial-gradient(circle at 50% 45%,rgba(70,183,255,.13),transparent 42%),rgba(3,20,37,.88); }
body.bbsn-preset-ocean .bbsn-hero-tags span { background:rgba(7,42,70,.74); border-color:rgba(76,172,237,.35); }

body.bbsn-preset-violet {
    --bbsn-bg:#090611;
    --bbsn-bg-soft:#120b1e;
    --bbsn-panel:#171024;
    --bbsn-panel-2:#1d1430;
    --bbsn-panel-3:#271842;
    --bbsn-border:#503776;
    --bbsn-border-soft:rgba(168,111,255,.2);
    --bbsn-text:#fbf7ff;
    --bbsn-muted:#a28db6;
    --bbsn-cyan:#d09aff;
    --bbsn-blue:#9873ff;
    --bbsn-purple:#c66cff;
    --bbsn-green:#69e8b8;
    --bbsn-yellow:#ffc869;
    --bbsn-red:#ff6d95;
    --bbsn-shadow:0 28px 90px rgba(46,10,78,.42);
}
body.bbsn-preset-violet.bbsn-status-theme::before {
    background:radial-gradient(circle at 18% 12%,rgba(173,81,255,.22),transparent 32%),radial-gradient(circle at 82% 2%,rgba(104,74,255,.2),transparent 30%),radial-gradient(circle at 52% 88%,rgba(235,75,255,.09),transparent 36%),linear-gradient(180deg,#090611,#10081b 46%,#08050f);
}
body.bbsn-preset-violet.bbsn-status-theme::after {
    opacity:.32;
    background-image:radial-gradient(rgba(213,169,255,.2) 1px,transparent 1px);
    background-size:26px 26px;
    mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.25) 80%,transparent);
}
body.bbsn-preset-violet .bbsn-topbar { border-color:rgba(181,111,255,.24); }
body.bbsn-preset-violet .bbsn-integrity-panel,
body.bbsn-preset-violet .bbsn-backbone-panel,
body.bbsn-preset-violet .bbsn-incident-deck,
body.bbsn-preset-violet .bbsn-service-card,
body.bbsn-preset-violet .bbsn-stats-pro article {
    background:linear-gradient(150deg,rgba(30,18,47,.93),rgba(15,9,26,.9));
    border-color:rgba(159,100,221,.38);
    box-shadow:0 24px 70px rgba(44,12,70,.25),inset 0 1px 0 rgba(255,255,255,.025);
}
body.bbsn-preset-violet .bbsn-integrity-panel,
body.bbsn-preset-violet .bbsn-backbone-panel,
body.bbsn-preset-violet .bbsn-incident-deck { border-radius:28px; }
body.bbsn-preset-violet .bbsn-service-card { border-radius:20px; }
body.bbsn-preset-violet .bbsn-backbone-canvas { border-color:rgba(199,127,255,.2); background:radial-gradient(circle at 50% 40%,rgba(176,90,255,.12),transparent 40%),rgba(11,6,19,.78); }
body.bbsn-preset-violet .bbsn-route-node { background:linear-gradient(145deg,rgba(41,23,61,.96),rgba(19,11,31,.96)); border-color:rgba(165,106,225,.42); }
body.bbsn-preset-violet .bbsn-hero-tags span { background:rgba(31,15,48,.74); border-color:rgba(172,109,237,.28); }

body.bbsn-preset-emerald {
    --bbsn-bg:#020907;
    --bbsn-bg-soft:#04130e;
    --bbsn-panel:#061910;
    --bbsn-panel-2:#082117;
    --bbsn-panel-3:#0c2b1e;
    --bbsn-border:#205a41;
    --bbsn-border-soft:rgba(59,211,148,.19);
    --bbsn-text:#edfff7;
    --bbsn-muted:#78a993;
    --bbsn-cyan:#42e8aa;
    --bbsn-blue:#28bf86;
    --bbsn-purple:#7ff2c1;
    --bbsn-green:#38f0a8;
    --bbsn-yellow:#ffd35d;
    --bbsn-red:#ff667f;
    --bbsn-shadow:0 22px 65px rgba(0,52,32,.35);
}
body.bbsn-preset-emerald.bbsn-status-theme { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
body.bbsn-preset-emerald.bbsn-status-theme::before {
    background:linear-gradient(rgba(23,126,78,.035) 50%,transparent 50%),radial-gradient(circle at 75% 5%,rgba(47,239,159,.13),transparent 30%),linear-gradient(180deg,#020907,#04110c 52%,#020806);
    background-size:100% 4px,auto,auto;
}
body.bbsn-preset-emerald.bbsn-status-theme::after {
    opacity:.42;
    background-image:linear-gradient(rgba(63,220,158,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(63,220,158,.06) 1px,transparent 1px);
    background-size:34px 34px;
}
body.bbsn-preset-emerald .bbsn-integrity-panel,
body.bbsn-preset-emerald .bbsn-backbone-panel,
body.bbsn-preset-emerald .bbsn-incident-deck,
body.bbsn-preset-emerald .bbsn-service-card,
body.bbsn-preset-emerald .bbsn-stats-pro article,
body.bbsn-preset-emerald .bbsn-backbone-canvas,
body.bbsn-preset-emerald .bbsn-route-node {
    background:rgba(3,20,13,.91);
    border-color:rgba(50,192,131,.37);
    border-radius:5px;
    box-shadow:0 0 0 1px rgba(39,136,94,.05) inset,0 20px 55px rgba(0,35,21,.24);
}
body.bbsn-preset-emerald .bbsn-service-card::before { content:"STATUS_NODE"; position:absolute; right:12px; bottom:7px; color:rgba(72,221,158,.13); font-size:8px; letter-spacing:1px; }
body.bbsn-preset-emerald .bbsn-hero-copy h1 { text-transform:uppercase; letter-spacing:-.02em; }
body.bbsn-preset-emerald .bbsn-hero-tags span { border-radius:3px; background:rgba(7,35,23,.82); border-color:rgba(53,204,141,.3); }

/* =========================================================
   v2.4 — TRUE ALTERNATIVE DASHBOARD COMPOSITIONS
   ========================================================= */

/* Mission Control: persistent command rail + content workspace. */
body.bbsn-layout-wide .bbsn-shell {
    width:min(1880px,calc(100% - 40px));
    display:grid;
    grid-template-columns:244px minmax(0,1fr);
    column-gap:26px;
    align-items:start;
    padding-top:22px;
}
body.bbsn-layout-wide .bbsn-topbar {
    grid-column:1;
    grid-row:1 / span 9;
    position:sticky;
    top:22px;
    min-height:calc(100vh - 44px);
    align-self:start;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    padding:22px 18px;
    border:1px solid var(--bbsn-border-soft);
    border-radius:20px;
    background:linear-gradient(180deg,rgba(10,23,39,.96),rgba(5,14,25,.95));
    box-shadow:0 24px 70px rgba(0,0,0,.22);
}
body.admin-bar.bbsn-layout-wide .bbsn-topbar { top:54px; min-height:calc(100vh - 76px); }
body.bbsn-layout-wide .bbsn-brand-mark { flex-direction:column; align-items:flex-start; gap:13px; }
body.bbsn-layout-wide .bbsn-brand-logo { width:64px; height:64px; }
body.bbsn-layout-wide .bbsn-brand-copy strong { font-size:13px; line-height:1.45; }
body.bbsn-layout-wide .bbsn-brand-copy small { margin-top:7px; line-height:1.55; }
body.bbsn-layout-wide .bbsn-topbar-right { margin-top:auto; padding-top:24px; border-top:1px solid var(--bbsn-border-soft); flex-direction:column; align-items:stretch; gap:12px; }
body.bbsn-layout-wide .bbsn-clock { min-width:0; text-align:left; font-size:16px; color:var(--bbsn-text); }
body.bbsn-layout-wide .bbsn-sync-state { padding:9px 10px; border:1px solid var(--bbsn-border-soft); border-radius:8px; background:rgba(255,255,255,.018); }
body.bbsn-layout-wide .bbsn-auth-actions { display:grid; gap:8px; }
body.bbsn-layout-wide .bbsn-login-button { width:100%; }
body.bbsn-layout-wide .bbsn-hero-pro,
body.bbsn-layout-wide .bbsn-warning-banner,
body.bbsn-layout-wide .bbsn-stats-pro,
body.bbsn-layout-wide .bbsn-backbone-panel,
body.bbsn-layout-wide .bbsn-incident-deck,
body.bbsn-layout-wide .bbsn-service-area,
body.bbsn-layout-wide .bbsn-legend-pro { grid-column:2; }
body.bbsn-layout-wide .bbsn-hero-pro { grid-template-columns:minmax(0,1fr); padding:12px 0 22px; }
body.bbsn-layout-wide .bbsn-hero-copy { min-height:170px; padding:12px 18px 8px; }
body.bbsn-layout-wide .bbsn-hero-copy h1 { font-size:clamp(46px,5vw,82px); max-width:1200px; }
body.bbsn-layout-wide .bbsn-integrity-panel { grid-template-columns:112px minmax(0,1fr); padding:18px 22px; border-radius:14px; }
body.bbsn-layout-wide .bbsn-integrity-ring { width:96px; }
body.bbsn-layout-wide .bbsn-integrity-ring strong { font-size:28px; }
body.bbsn-layout-wide .bbsn-stats-pro { grid-template-columns:repeat(5,minmax(0,1fr)); }
body.bbsn-layout-wide .bbsn-service-grid-pro { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.bbsn-layout-wide .bbsn-backbone-panel { border-radius:14px; }
body.bbsn-layout-wide .bbsn-footer { width:min(1500px,calc(100% - 330px)); margin-left:auto; margin-right:20px; }

/* Operations Console: compact header + service list rows, not a card matrix. */
body.bbsn-layout-compact .bbsn-shell { width:min(1450px,calc(100% - 34px)); padding-top:16px; }
body.bbsn-layout-compact .bbsn-topbar {
    min-height:48px;
    padding:8px 12px;
    border:1px solid var(--bbsn-border-soft);
    border-radius:6px;
    background:rgba(5,14,24,.9);
}
body.bbsn-layout-compact .bbsn-brand-logo { width:34px; height:34px; }
body.bbsn-layout-compact .bbsn-hero-pro { grid-template-columns:minmax(0,1fr) 460px; gap:12px; padding:18px 0 12px; }
body.bbsn-layout-compact .bbsn-hero-copy { min-height:118px; }
body.bbsn-layout-compact .bbsn-hero-copy h1 { font-size:clamp(32px,4vw,50px); margin:7px 0 4px; }
body.bbsn-layout-compact .bbsn-hero-copy p { font-size:11px; }
body.bbsn-layout-compact .bbsn-hero-tags { margin-top:12px; }
body.bbsn-layout-compact .bbsn-integrity-panel { min-height:118px; grid-template-columns:86px 1fr; border-radius:6px; padding:12px 14px; }
body.bbsn-layout-compact .bbsn-integrity-ring { width:76px; }
body.bbsn-layout-compact .bbsn-integrity-ring strong { font-size:24px; }
body.bbsn-layout-compact .bbsn-integrity-copy p { margin-bottom:7px; }
body.bbsn-layout-compact .bbsn-warning-banner,
body.bbsn-layout-compact .bbsn-backbone-panel,
body.bbsn-layout-compact .bbsn-incident-deck { border-radius:6px; }
body.bbsn-layout-compact .bbsn-stats-pro { gap:6px; margin-bottom:10px; }
body.bbsn-layout-compact .bbsn-stats-pro article { min-height:70px; border-radius:5px; padding:9px 10px; grid-template-columns:28px 1fr; }
body.bbsn-layout-compact .bbsn-stat-icon { width:28px; height:28px; border-radius:5px; font-size:13px; }
body.bbsn-layout-compact .bbsn-stats-pro strong { font-size:18px; }
body.bbsn-layout-compact .bbsn-backbone-panel { padding:14px; margin-bottom:10px; }
body.bbsn-layout-compact .bbsn-backbone-canvas { min-height:128px; padding:16px 12px; border-radius:4px; }
body.bbsn-layout-compact .bbsn-route-node { min-height:72px; border-radius:5px; padding:9px; grid-template-columns:27px 1fr; }
body.bbsn-layout-compact .bbsn-node-glyph { width:27px; height:27px; border-radius:4px; }
body.bbsn-layout-compact .bbsn-incident-deck { padding:13px 15px; margin-bottom:10px; }
body.bbsn-layout-compact .bbsn-service-grid-pro { display:block; }
body.bbsn-layout-compact .bbsn-service-card {
    display:grid;
    grid-template-columns:minmax(250px,1.15fr) minmax(190px,.72fr) minmax(360px,1.45fr) 120px;
    gap:12px;
    align-items:center;
    margin-bottom:7px;
    padding:12px 13px;
    border-radius:5px;
}
body.bbsn-layout-compact .bbsn-service-card .bbsn-card-accent { left:0; top:0; bottom:0; width:3px; height:auto; right:auto; }
body.bbsn-layout-compact .bbsn-service-top { grid-column:1; min-width:0; }
body.bbsn-layout-compact .bbsn-mini-telemetry { grid-column:2; margin:0; padding:0; border:0; }
body.bbsn-layout-compact .bbsn-health-chips { grid-column:1 / 4; grid-row:2; margin-top:0; padding-top:7px; border-top:1px solid var(--bbsn-border-soft); }
body.bbsn-layout-compact .bbsn-metrics-pro { grid-column:3; grid-row:1; margin:0; }
body.bbsn-layout-compact .bbsn-card-hint { grid-column:4; grid-row:1; margin:0; justify-content:flex-end; border:0; padding:0; }
body.bbsn-layout-compact .bbsn-card-hint > span { display:none; }
body.bbsn-layout-compact .bbsn-card-details { grid-column:1 / -1; grid-row:3; }
body.bbsn-layout-compact .bbsn-service-name h3 { font-size:13px; }
body.bbsn-layout-compact .bbsn-group-head-pro { margin:18px 0 8px; }
body.bbsn-layout-compact .bbsn-group-pro { margin-bottom:12px; }
body.bbsn-layout-compact .bbsn-legend-pro { border-radius:4px; }

/* =========================================================
   v2.4 — SETTINGS: REAL CODE EDITOR + MEDIA PREVIEW
   ========================================================= */
.bbsn-logo-preview { display:flex; align-items:center; gap:10px; width:max-content; max-width:100%; margin-top:9px; padding:8px 11px; border:1px solid #d7e1ec; border-radius:9px; background:#f8fafc; color:#65758a; font-size:11px; }
.bbsn-logo-preview img { display:block; width:54px; height:54px; object-fit:contain; border-radius:7px; background:#0a1220; }
.bbsn-logo-preview.is-empty img { display:none; }
.bbsn-media-row .button { display:inline-flex; align-items:center; gap:6px; }
.bbsn-media-row .dashicons { width:17px; height:17px; font-size:17px; }

.bbsn-code-field { overflow:hidden; border:1px solid #26334a; border-radius:12px; background:#0a1020; box-shadow:0 14px 35px rgba(20,35,60,.12); }
.bbsn-code-toolbar { min-height:46px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:8px 10px 8px 13px; border-bottom:1px solid #253148; background:linear-gradient(180deg,#11192b,#0c1322); }
.bbsn-code-toolbar > div { display:flex; align-items:center; gap:9px; min-width:0; }
.bbsn-code-toolbar strong { color:#dce6f5; font:700 12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.bbsn-code-toolbar small { color:#65758d; font:600 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.bbsn-code-dots { display:inline-flex; gap:5px; margin-right:4px; }
.bbsn-code-dots i { width:8px; height:8px; border-radius:50%; background:#ff6b6b; }
.bbsn-code-dots i:nth-child(2) { background:#f5c451; }
.bbsn-code-dots i:nth-child(3) { background:#55cf82; }
.bbsn-code-toolbar .button { min-height:29px; border-color:#35435c; background:#151f33; color:#c4d2e6; font-size:10px; }
.bbsn-code-field > .bbsn-code-editor { margin:0!important; border:0!important; border-radius:0!important; min-height:430px!important; background:#0a1020!important; color:#d4def0!important; }
.bbsn-code-field .CodeMirror { height:430px!important; border:0; background:#0a1020; color:#d5def0; font:12px/1.62 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.bbsn-code-field .CodeMirror-gutters { background:#080d18; border-right:1px solid #1c2940; }
.bbsn-code-field .CodeMirror-linenumber { color:#4b5b72; }
.bbsn-code-field .CodeMirror-cursor { border-left-color:#d8e6ff; }
.bbsn-code-field .CodeMirror-selected { background:#263652!important; }
.bbsn-code-field .cm-tag { color:#74c7ff; }
.bbsn-code-field .cm-bracket { color:#94a7c4; }
.bbsn-code-field .cm-attribute { color:#d5a6ff; }
.bbsn-code-field .cm-string { color:#9ad9a9; }
.bbsn-code-field .cm-comment { color:#667890; }
.bbsn-code-field .CodeMirror-activeline-background { background:rgba(255,255,255,.018); }

@media (max-width:1100px) {
    body.bbsn-layout-wide .bbsn-shell { display:block; width:min(100% - 28px,1540px); }
    body.bbsn-layout-wide .bbsn-topbar { position:relative; top:auto; min-height:52px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:10px; }
    body.admin-bar.bbsn-layout-wide .bbsn-topbar { top:auto; min-height:52px; }
    body.bbsn-layout-wide .bbsn-brand-mark { flex-direction:row; align-items:center; }
    body.bbsn-layout-wide .bbsn-brand-logo { width:42px; height:42px; }
    body.bbsn-layout-wide .bbsn-topbar-right { margin-top:0; padding-top:0; border-top:0; flex-direction:row; align-items:center; }
    body.bbsn-layout-wide .bbsn-auth-actions { display:flex; }
    body.bbsn-layout-wide .bbsn-login-button { width:auto; }
    body.bbsn-layout-wide .bbsn-footer { width:min(100% - 28px,1540px); margin:0 auto; }
    body.bbsn-layout-compact .bbsn-service-card { grid-template-columns:minmax(220px,1fr) minmax(180px,.7fr) minmax(300px,1.2fr); }
    body.bbsn-layout-compact .bbsn-card-hint { grid-column:1 / -1; grid-row:3; justify-content:flex-start; padding-top:7px; border-top:1px solid var(--bbsn-border-soft); }
    body.bbsn-layout-compact .bbsn-card-details { grid-row:4; }
}
@media (max-width:800px) {
    body.bbsn-layout-compact .bbsn-hero-pro { grid-template-columns:1fr; }
    body.bbsn-layout-compact .bbsn-service-card { display:block; }
    body.bbsn-layout-compact .bbsn-mini-telemetry,
    body.bbsn-layout-compact .bbsn-health-chips,
    body.bbsn-layout-compact .bbsn-metrics-pro,
    body.bbsn-layout-compact .bbsn-card-hint { margin-top:10px; }
    .bbsn-code-toolbar small { display:none; }
}

/* =========================================================
   v2.5 — DISCORD WEBHOOK DESIGNER
   ========================================================= */
.bbsn-discord-settings { gap:18px; }
.bbsn-setting-subhead { display:flex; justify-content:space-between; gap:16px; align-items:flex-end; padding:13px 0 3px; border-top:1px dashed #dce5ef; }
.bbsn-setting-subhead strong { font-size:13px; color:#1d2d40; }
.bbsn-setting-subhead small { color:#758398; font-size:10px; text-align:right; }
.bbsn-discord-grid { display:grid; grid-template-columns:minmax(0,1.32fr) minmax(330px,.68fr); gap:18px; align-items:start; }
.bbsn-discord-controls { display:grid; gap:13px; min-width:0; }
.bbsn-discord-preview-wrap { position:sticky; top:44px; overflow:hidden; border:1px solid #d6e0eb; border-radius:13px; background:#f5f7fb; }
.bbsn-discord-preview-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 13px; border-bottom:1px solid #dce3ec; background:#fff; }
.bbsn-discord-preview-head > div { display:grid; gap:2px; }
.bbsn-discord-preview-head strong { font-size:12px; color:#1f2937; }
.bbsn-discord-preview-head small { font-size:9px; color:#7c8798; }
.bbsn-discord-preview-head select { min-width:115px; font-size:11px; }
.bbsn-discord-preview { min-height:330px; padding:18px; background:#313338; color:#dbdee1; font-family:Arial,Helvetica,sans-serif; }
.bbsn-discord-preview-user { display:flex; gap:10px; align-items:flex-start; }
.bbsn-discord-preview-avatar { flex:0 0 40px; width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:#5865f2; color:#fff; font-weight:800; background-size:cover; background-position:center; }
.bbsn-discord-preview-user > div:last-child { display:flex; align-items:center; flex-wrap:wrap; gap:5px; min-width:0; }
.bbsn-discord-preview-user strong { color:#f2f3f5; font-size:14px; }
.bbsn-discord-preview-user span { padding:1px 4px; border-radius:3px; background:#5865f2; color:#fff; font-size:8px; font-weight:800; }
.bbsn-discord-preview-user small { color:#949ba4; font-size:10px; }
.bbsn-discord-preview-content { margin:8px 0 8px 50px; color:#dbdee1; font-size:12px; line-height:1.5; white-space:pre-wrap; }
.bbsn-discord-preview-embed { position:relative; overflow:hidden; margin:8px 0 0 50px; max-width:520px; padding:12px 14px; border-left:4px solid #e74c3c; border-radius:4px; background:#2b2d31; box-shadow:0 1px 0 rgba(0,0,0,.22); }
.bbsn-discord-preview-author { min-height:14px; padding-right:72px; color:#f2f3f5; font-size:10px; font-weight:700; }
.bbsn-discord-preview-title { display:block; margin-top:7px; padding-right:72px; color:#f2f3f5; font-size:14px; line-height:1.35; }
.bbsn-discord-preview-description { margin-top:7px; padding-right:72px; color:#dbdee1; font-size:11px; line-height:1.48; white-space:pre-wrap; }
.bbsn-discord-preview-fields { display:flex; flex-wrap:wrap; gap:9px 12px; margin-top:12px; padding-right:6px; }
.bbsn-discord-preview-field { min-width:0; display:grid; gap:3px; }
.bbsn-discord-preview-field.is-inline { flex:1 1 28%; }
.bbsn-discord-preview-field.is-block { flex:1 1 100%; }
.bbsn-discord-preview-field strong { color:#f2f3f5; font-size:10px; line-height:1.25; }
.bbsn-discord-preview-field span { overflow-wrap:anywhere; color:#dbdee1; font-size:10px; line-height:1.4; }
.bbsn-discord-preview-footer { margin-top:12px; color:#949ba4; font-size:9px; line-height:1.35; }
.bbsn-discord-preview-thumbnail { position:absolute; top:12px; right:12px; width:58px; height:58px; object-fit:cover; border-radius:5px; background:#1e1f22; }
.bbsn-discord-state-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.bbsn-discord-state-card { display:grid; gap:12px; min-width:0; padding:16px; border:1px solid #dce5ef; border-radius:12px; background:#fff; box-shadow:0 8px 20px rgba(30,55,80,.045); }
.bbsn-discord-state-card.is-down { border-top:3px solid #e74c3c; }
.bbsn-discord-state-card.is-degraded { border-top:3px solid #ffa500; }
.bbsn-discord-state-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding-bottom:11px; border-bottom:1px solid #edf1f5; }
.bbsn-discord-state-head > div:first-child { display:grid; gap:4px; }
.bbsn-discord-state-head > div:first-child > span { color:#728196; font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:1px; }
.bbsn-discord-state-head strong { font-size:14px; color:#1d2d40; }
.bbsn-discord-color-control label { display:flex!important; flex-direction:row!important; align-items:center; gap:8px; font-size:10px!important; }
.bbsn-discord-color-control input[type="color"] { width:42px!important; min-width:42px!important; height:30px!important; padding:2px!important; border-radius:6px; cursor:pointer; }
.bbsn-discord-fields-editor { min-height:150px; font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important; white-space:pre; }
.bbsn-discord-token-list small { display:block; margin-top:8px; color:#69798e; line-height:1.45; }

@media (max-width:1100px) {
    .bbsn-discord-grid { grid-template-columns:1fr; }
    .bbsn-discord-preview-wrap { position:relative; top:auto; }
}
@media (max-width:850px) {
    .bbsn-discord-state-grid { grid-template-columns:1fr; }
    .bbsn-setting-subhead { display:block; }
    .bbsn-setting-subhead small { display:block; margin-top:4px; text-align:left; }
    .bbsn-discord-preview-embed,
    .bbsn-discord-preview-content { margin-left:0; }
}

/* =========================================================
   STATUS NEXUS 3.0 — PLATFORM MODULES
   ========================================================= */
.bbsn-maintenance-deck,.bbsn-public-incidents,.bbsn-public-tools{width:100%;box-sizing:border-box;margin-top:var(--bbsn-user-gap,20px)}
.bbsn-maintenance-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 20px;border:1px solid rgba(93,192,255,.2);border-radius:var(--bbsn-user-radius,16px);background:linear-gradient(135deg,rgba(18,50,72,.62),rgba(8,14,29,.88));box-shadow:0 18px 45px rgba(0,0,0,.18);margin-top:10px}
.bbsn-maintenance-card.is-active{border-color:rgba(255,174,72,.52);background:linear-gradient(135deg,rgba(74,41,15,.7),rgba(15,12,18,.9))}
.bbsn-maintenance-card>div>span,.bbsn-public-incident-head span{display:inline-block;font-size:9px;font-weight:900;letter-spacing:1.7px;color:var(--bbsn-accent,#8d78ff);margin-bottom:6px}
.bbsn-maintenance-card strong{display:block;font-size:15px;color:#fff}.bbsn-maintenance-card p{margin:5px 0 0;color:var(--bbsn-muted,#9892ad);font-size:12px}.bbsn-maintenance-card aside{text-align:right;white-space:nowrap}.bbsn-maintenance-card time{display:block;font-weight:800;color:#fff}.bbsn-maintenance-card aside small{color:var(--bbsn-muted,#9892ad)}
.bbsn-public-incident-list{display:grid;gap:12px}.bbsn-public-incident{position:relative;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:var(--bbsn-user-radius,16px);background:linear-gradient(145deg,rgba(18,16,36,.9),rgba(8,8,18,.94));overflow:hidden}.bbsn-public-incident:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#f5a623}.bbsn-public-incident.impact-major:before{background:#ff5a73}.bbsn-public-incident.impact-critical:before{background:#ff2f53;box-shadow:0 0 24px rgba(255,47,83,.55)}
.bbsn-public-incident-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.bbsn-public-incident-head strong{display:block;color:#fff;font-size:16px}.bbsn-public-incident-head time{font-size:10px;color:var(--bbsn-muted,#9892ad)}.bbsn-public-incident>p{color:#c4bfd4;line-height:1.6}.bbsn-public-incident>small{color:#66e8b3}.bbsn-incident-updates{margin-top:14px;border-top:1px solid rgba(255,255,255,.07)}.bbsn-incident-updates>div{display:grid;grid-template-columns:110px 1fr 55px;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px}.bbsn-incident-updates b{color:#a897ff}.bbsn-incident-updates span{color:#b8b2c9}.bbsn-incident-updates time{color:#777188;text-align:right}
.bbsn-uptime-strip{margin:13px 0 4px;padding:10px 0;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}.bbsn-uptime-strip>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.bbsn-uptime-strip span{font-size:8px;font-weight:900;letter-spacing:1.3px;color:#807a92}.bbsn-uptime-strip a{font-size:9px;color:#9c8cff;text-decoration:none}.bbsn-uptime-bars{display:flex;gap:3px;width:100%;min-width:0}.bbsn-uptime-bars i{display:block;flex:1;min-width:2px;height:20px;border-radius:2px;background:#31303d;transition:transform .15s ease,filter .15s ease}.bbsn-uptime-bars i:hover{transform:scaleY(1.18);filter:brightness(1.25)}.bbsn-uptime-bars i.is-up{background:#24c98b}.bbsn-uptime-bars i.is-degraded{background:#f2a72b}.bbsn-uptime-bars i.is-down{background:#f24d68}.bbsn-uptime-bars i.is-unknown{background:#3c394a}
.bbsn-advanced-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.bbsn-advanced-metrics>div{padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:rgba(255,255,255,.022)}.bbsn-advanced-metrics span{display:block;color:#777184;font-size:8px;font-weight:800;letter-spacing:1px}.bbsn-advanced-metrics strong{display:block;margin-top:5px;color:#fff;font-size:12px}.bbsn-advanced-note{display:grid;grid-template-columns:50px 1fr auto;gap:8px;align-items:center;padding:9px 11px;margin:8px 0;border-radius:8px;background:rgba(38,208,145,.055);border:1px solid rgba(38,208,145,.12);font-size:10px}.bbsn-advanced-note span{color:#46dbad;font-weight:900}.bbsn-advanced-note strong{color:#fff}.bbsn-advanced-note small{color:#777184}.bbsn-region-grid{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.bbsn-region-grid span{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:7px;background:rgba(255,255,255,.03);font-size:9px;color:#aaa4b8}.bbsn-region-grid i{width:6px;height:6px;border-radius:50%;background:#666}.bbsn-region-grid .is-up i{background:#27d391}.bbsn-region-grid .is-down i{background:#ff526d}.bbsn-region-grid b{color:#fff;font-size:9px}
.bbsn-public-tools{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.bbsn-public-tools a{padding:8px 12px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:rgba(255,255,255,.02);color:#9790aa;text-decoration:none;font-size:10px}.bbsn-public-tools a:hover{color:#fff;border-color:rgba(142,116,255,.34)}
.bbsn-embed-widget{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #242331;border-radius:9px;background:#0d0c15;color:#fff;font-family:system-ui,-apple-system,sans-serif}.bbsn-embed-widget>div{flex:1}.bbsn-embed-widget strong,.bbsn-embed-widget small{display:block}.bbsn-embed-widget small{color:#9893a5;font-size:11px}.bbsn-embed-widget b{font-size:11px;color:#a99bff}
/* Admin platform */
.bbsn-advanced-monitor-box textarea,.bbsn-advanced-monitor-box select[multiple]{width:100%}.bbsn-platform-settings{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;margin-top:26px}.bbsn-test-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.bbsn-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bbsn-analytics-card{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(8,8,18,.6)}.bbsn-analytics-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.bbsn-analytics-card>div:first-child strong{font-size:15px;color:#fff}.bbsn-analytics-card>div:first-child span{font-size:10px;color:#8e879f}.bbsn-analytics-card dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:14px 0}.bbsn-analytics-card dl div{padding:9px;border-radius:8px;background:rgba(255,255,255,.025)}.bbsn-analytics-card dt{font-size:8px;color:#797387;font-weight:800}.bbsn-analytics-card dd{margin:4px 0 0;color:#fff;font-size:11px}.bbsn-uptime-bars-admin i{height:14px}
/* History */
.bbsn-history-page{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:22px 0 70px;color:#fff}.bbsn-history-hero{padding:22px 0 38px}.bbsn-history-brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:42px}.bbsn-history-brand img{width:42px;height:42px;object-fit:contain}.bbsn-history-brand strong,.bbsn-history-brand small{display:block}.bbsn-history-brand strong{color:#fff}.bbsn-history-brand small{color:#77718a;font-size:8px;letter-spacing:1.4px}.bbsn-history-hero h1{font-size:clamp(34px,6vw,70px);margin:8px 0}.bbsn-history-hero p{color:#8e889c;max-width:700px}.bbsn-history-services,.bbsn-history-timeline,.bbsn-history-maintenance{margin-top:38px}.bbsn-history-service{padding:16px 18px;margin-top:10px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(12,11,24,.78)}.bbsn-history-service-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px}.bbsn-history-service-head>div{display:flex;align-items:center;gap:8px}.bbsn-history-service-head>div:last-child{display:block;text-align:right}.bbsn-history-service-head b,.bbsn-history-service-head small{display:block}.bbsn-history-service-head small{font-size:9px;color:#827c90}.bbsn-history-bars{gap:2px}.bbsn-history-bars i{height:26px}.bbsn-history-incident{display:grid;grid-template-columns:34px 1fr;position:relative;margin-top:12px}.bbsn-history-line{position:relative}.bbsn-history-line:before{content:"";position:absolute;left:15px;top:0;bottom:-20px;width:1px;background:rgba(143,117,255,.16)}.bbsn-history-line i{position:absolute;left:10px;top:24px;width:10px;height:10px;border-radius:50%;background:#f5a623;box-shadow:0 0 15px rgba(245,166,35,.3)}.bbsn-history-incident.impact-major .bbsn-history-line i,.bbsn-history-incident.impact-critical .bbsn-history-line i{background:#ff526d}.bbsn-history-incident-card{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(12,11,24,.82)}.bbsn-history-incident.is-focus .bbsn-history-incident-card{border-color:rgba(143,117,255,.65);box-shadow:0 0 35px rgba(111,82,255,.12)}.bbsn-history-incident-card header{display:flex;justify-content:space-between;gap:20px}.bbsn-history-incident-card header span{font-size:8px;color:#9c8cff;font-weight:900;letter-spacing:1.4px}.bbsn-history-incident-card h3{margin:4px 0 0;font-size:18px}.bbsn-history-incident-card header time{font-size:9px;color:#77718a}.bbsn-history-incident-card>p{color:#b2acbd;line-height:1.6}.bbsn-history-updates{margin-top:14px;border-top:1px solid rgba(255,255,255,.06)}.bbsn-history-updates>div{display:grid;grid-template-columns:110px 1fr 100px;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.bbsn-history-updates span{font-size:8px;color:#9584ef;font-weight:900}.bbsn-history-updates p{margin:0;color:#a9a3b3;font-size:11px}.bbsn-history-updates time{text-align:right;color:#706b79;font-size:9px}
/* Wallboard */
.bbsn-wallboard-mode #wpadminbar{display:none!important}.bbsn-wallboard-mode{margin-top:0!important}.bbsn-wallboard-mode .bbsn-auth-actions,.bbsn-wallboard-mode footer{display:none!important}.bbsn-wallboard-mode .bbsn-shell{max-width:1600px}.bbsn-wallboard-mode .bbsn-topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px)}
/* User builder variables */
.bbsn-service-card,.bbsn-backbone-panel,.bbsn-integrity-panel,.bbsn-warning-banner,.bbsn-stats-pro article,.bbsn-admin-panel{border-radius:var(--bbsn-user-radius,16px)!important}.bbsn-chart-shell{min-height:var(--bbsn-graph-height,240px)}.bbsn-latency-chart{height:var(--bbsn-graph-height,240px)!important}.bbsn-packet-demo,.bbsn-route-link i{animation-duration:calc(2s / var(--bbsn-anim-mult,1))!important}
@media(max-width:900px){.bbsn-analytics-grid{grid-template-columns:1fr}.bbsn-advanced-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.bbsn-maintenance-card,.bbsn-public-incident-head,.bbsn-history-service-head,.bbsn-history-incident-card header{align-items:flex-start;flex-direction:column}.bbsn-maintenance-card aside{text-align:left}.bbsn-incident-updates>div,.bbsn-history-updates>div{grid-template-columns:1fr}.bbsn-history-updates time,.bbsn-incident-updates time{text-align:left}.bbsn-history-page{width:min(100% - 22px,1180px)}.bbsn-history-bars i{min-width:3px}.bbsn-analytics-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bbsn-dependency-graph{margin:10px 0;padding:10px 12px;border:1px solid rgba(143,117,255,.12);border-radius:8px;background:rgba(111,82,255,.035)}.bbsn-dependency-graph>span{display:block;margin-bottom:7px;font-size:8px;font-weight:900;letter-spacing:1.2px;color:#817895}.bbsn-dependency-graph>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.bbsn-dependency-graph strong,.bbsn-dependency-graph b{padding:5px 7px;border-radius:6px;background:rgba(255,255,255,.035);font-size:9px;color:#fff}.bbsn-dependency-graph b.is-up{border:1px solid rgba(39,211,145,.18)}.bbsn-dependency-graph b.is-degraded{border:1px solid rgba(245,166,35,.25)}.bbsn-dependency-graph b.is-down{border:1px solid rgba(255,82,109,.3)}.bbsn-dependency-graph i{font-style:normal;color:#6e687b}
.bbsn-hour-heatmap{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;margin-top:9px}.bbsn-hour-heatmap i{height:16px;border-radius:2px;background:rgba(255,255,255,.035)}.bbsn-hour-heatmap .level-1{background:rgba(67,211,166,.24)}.bbsn-hour-heatmap .level-2{background:rgba(86,189,217,.32)}.bbsn-hour-heatmap .level-3{background:rgba(143,117,255,.38)}.bbsn-hour-heatmap .level-4{background:rgba(245,166,35,.5)}.bbsn-hour-heatmap .level-5{background:rgba(255,82,109,.66)}
.bbsn-group-head-pro>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.bbsn-group-health{padding:4px 6px;border-radius:5px;font-size:7px;letter-spacing:1px;border:1px solid rgba(255,255,255,.08);color:#aaa}.bbsn-group-health.is-up{color:#4be3ad;border-color:rgba(75,227,173,.2);background:rgba(75,227,173,.05)}.bbsn-group-health.is-degraded{color:#f5b545;border-color:rgba(245,181,69,.22);background:rgba(245,181,69,.05)}.bbsn-group-health.is-down{color:#ff6b81;border-color:rgba(255,107,129,.25);background:rgba(255,107,129,.05)}


/* =========================================================
   STATUS NEXUS 3.1 — UI QUALITY PASS + CIRCULAR NOC
   ========================================================= */
*,*::before,*::after{box-sizing:border-box}
.bbsn-status-theme :focus-visible{outline:2px solid var(--bbsn-cyan,#5fd9ff);outline-offset:3px}
.bbsn-status-theme button,.bbsn-status-theme a{-webkit-tap-highlight-color:transparent}
.bbsn-basic-page{min-height:calc(100vh - 110px);display:grid;place-items:center}.bbsn-basic-page article{width:min(760px,100%);padding:clamp(28px,6vw,72px);box-shadow:0 30px 100px rgba(0,0,0,.22)}
.bbsn-history-service,.bbsn-history-incident-card,.bbsn-maintenance-card{backdrop-filter:blur(16px);box-shadow:0 16px 48px rgba(0,0,0,.12)}
.bbsn-history-service:hover{border-color:var(--bbsn-border);transform:translateY(-1px)}
.bbsn-public-tools{margin-bottom:8px}.bbsn-public-tools a{transition:.2s ease}.bbsn-public-tools a:hover{transform:translateY(-1px);background:rgba(255,255,255,.04)}

/* Professional WordPress admin design system */
.bbsn-admin-wrap{max-width:1580px;padding:22px 24px 44px 0;color:#182235}
.bbsn-admin-wrap *{box-sizing:border-box}
.bbsn-admin-head{padding:4px 0 6px;align-items:center}.bbsn-admin-head h1,.bbsn-admin-wrap>h1{font-size:clamp(28px,3vw,38px);letter-spacing:-.7px;color:#111b2d}.bbsn-admin-head p,.bbsn-admin-wrap>.description{font-size:13px;line-height:1.65;color:#69768a}
.bbsn-admin-panel{border:1px solid #dbe5f0;border-radius:18px;padding:22px;background:#fff;box-shadow:0 12px 36px rgba(33,59,92,.065)}
.bbsn-admin-panel h2{font-size:18px;color:#1b2940}.bbsn-admin-grid{gap:22px}
.bbsn-service-form{gap:16px}.bbsn-service-form label{font-size:12px;line-height:1.45;color:#27364e}
.bbsn-service-form input[type=text],.bbsn-service-form input[type=number],.bbsn-service-form input[type=email],.bbsn-service-form input[type=password],.bbsn-service-form input[type=url],.bbsn-service-form select,.bbsn-service-form textarea,.bbsn-admin-panel select,.bbsn-admin-panel input[type=text],.bbsn-admin-panel input[type=email],.bbsn-admin-panel input[type=url],.bbsn-admin-panel input[type=number],.bbsn-admin-panel input[type=password],.bbsn-admin-panel textarea{width:100%;max-width:none;min-height:44px;margin-top:7px;border:1px solid #cbd8e7;border-radius:9px;background:#fff;padding:9px 11px;color:#162238;box-shadow:0 1px 2px rgba(30,55,85,.025);transition:border-color .18s,box-shadow .18s,background .18s}
.bbsn-service-form textarea,.bbsn-admin-panel textarea{min-height:104px;line-height:1.55;resize:vertical}
.bbsn-service-form input:focus,.bbsn-service-form select:focus,.bbsn-service-form textarea:focus,.bbsn-admin-panel input:focus,.bbsn-admin-panel select:focus,.bbsn-admin-panel textarea:focus{border-color:#2a91c5;box-shadow:0 0 0 3px rgba(42,145,197,.11);outline:0}
.bbsn-service-form small,.bbsn-admin-panel small{font-size:11px;line-height:1.45;color:#7a879a}
.bbsn-form-row{gap:14px}.bbsn-switch-row{min-height:44px;padding:10px 12px;border:1px solid #e1e8f1;border-radius:10px;background:#f8fbfe;align-items:flex-start}.bbsn-switch-row input{margin-top:2px!important}.bbsn-switch-row>span{display:block;font-size:12px}.bbsn-switch-row>span strong,.bbsn-switch-row>span small{display:block}.bbsn-switch-row>span small{margin-top:3px}
.bbsn-admin-health-box{padding:17px;border-radius:13px;background:linear-gradient(145deg,#f7fbff,#f3f8fd);border-color:#dbe7f2}.bbsn-admin-health-box>p{max-width:900px}
.bbsn-admin-service{padding:14px 12px;border:1px solid transparent;border-top-color:#edf1f6;border-radius:10px;transition:.18s}.bbsn-admin-service:hover{border-color:#dfe8f2;background:#f9fbfd}
.bbsn-admin-service-actions .button,.bbsn-test-buttons .button,.bbsn-admin-head .button{min-height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}
.bbsn-primary{background:linear-gradient(135deg,#0b86c1,#096b9d)!important;border-color:#0874aa!important;box-shadow:0 7px 18px rgba(10,126,183,.16)!important}

/* Settings as focused tabbed workspace */
.bbsn-settings-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start;max-width:1500px;margin-top:20px}
.bbsn-settings-nav{position:sticky;top:48px;border:1px solid #dce6f0;border-radius:17px;background:#fff;box-shadow:0 12px 34px rgba(31,57,88,.06);overflow:hidden}
.bbsn-settings-nav-brand{display:flex;gap:11px;align-items:center;padding:17px 16px;border-bottom:1px solid #edf2f7;background:linear-gradient(145deg,#fbfdff,#f5f9fd)}.bbsn-settings-nav-brand>.dashicons{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eaf6fc;color:#0b82bb;font-size:18px}.bbsn-settings-nav-brand strong,.bbsn-settings-nav-brand small{display:block}.bbsn-settings-nav-brand strong{font-size:13px;color:#17253b}.bbsn-settings-nav-brand small{margin-top:2px;font-size:10px;color:#7e8999}
.bbsn-settings-nav-items{padding:8px}.bbsn-settings-tab{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;padding:10px;border:0;border-radius:9px;background:transparent;color:#58677c;text-align:left;cursor:pointer;transition:.16s}.bbsn-settings-tab:hover{background:#f3f8fc;color:#18283f}.bbsn-settings-tab.is-active{background:linear-gradient(135deg,#eaf7fd,#eef4ff);color:#086f9f;box-shadow:inset 0 0 0 1px #d6eaf5}.bbsn-settings-tab>span{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#f0f4f8;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace}.bbsn-settings-tab.is-active>span{background:#fff;color:#087aac}.bbsn-settings-tab strong{font-size:11px;font-weight:700;white-space:normal}
.bbsn-settings-nav-help{display:flex;gap:9px;padding:13px 14px;border-top:1px solid #edf2f7;background:#fafcfe;color:#788598}.bbsn-settings-nav-help .dashicons{font-size:16px}.bbsn-settings-nav-help p{margin:0;font-size:10px;line-height:1.5}
.bbsn-settings-panel{max-width:none;margin:0;padding:0;background:transparent;border:0;box-shadow:none}.bbsn-settings-form{gap:0}.bbsn-settings-section{display:none!important;border:1px solid #dbe5f0;border-radius:18px;padding:24px;background:#fff;box-shadow:0 12px 34px rgba(32,58,88,.055);gap:17px}.bbsn-settings-section.is-active{display:grid!important;animation:bbsn-admin-tab-in .18s ease both}@keyframes bbsn-admin-tab-in{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}
.bbsn-settings-section-head{padding-bottom:16px;border-color:#edf1f5}.bbsn-settings-section-head>div>span{width:34px;height:34px;border-radius:10px}.bbsn-settings-section-head h2{font-size:21px;letter-spacing:-.25px;color:#17253b}.bbsn-settings-section-head p{font-size:12px;line-height:1.55;color:#728095}
.bbsn-settings-savebar{position:sticky;bottom:12px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:13px 15px;border:1px solid #cfdeec;border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 14px 38px rgba(28,53,84,.14);backdrop-filter:blur(14px)}.bbsn-settings-savebar strong,.bbsn-settings-savebar small{display:block}.bbsn-settings-savebar strong{font-size:12px;color:#1e2c42}.bbsn-settings-savebar small{margin-top:2px}.bbsn-settings-savebar .button{min-height:40px;padding:0 17px;gap:6px;border-radius:9px}
.bbsn-code-field{overflow:hidden;border-radius:12px}.bbsn-code-toolbar{min-height:46px}.CodeMirror{height:430px!important;border-radius:0 0 11px 11px!important;font-size:12px!important}.bbsn-template-tokens{max-height:180px;overflow:auto}.bbsn-discord-grid{align-items:start}.bbsn-discord-preview-card{position:sticky;top:66px;max-height:650px;overflow:auto}
.bbsn-setting-subhead{padding:12px 13px;border:1px solid #e0e8f1;border-radius:10px;background:#f8fbfe}.bbsn-setting-subhead strong,.bbsn-setting-subhead small{display:block}.bbsn-setting-subhead small{margin-top:3px}

/* Make all auxiliary admin pages visually consistent */
.bbsn-admin-wrap .bbsn-analytics-grid{gap:16px}.bbsn-admin-wrap .bbsn-analytics-card{padding:18px;border:1px solid #dfe7f0;border-radius:14px;background:linear-gradient(145deg,#fff,#f9fbfd);box-shadow:0 7px 22px rgba(33,59,92,.045)}.bbsn-admin-wrap .bbsn-analytics-card>div:first-child strong{color:#172238}.bbsn-admin-wrap .bbsn-analytics-card>div:first-child span{color:#718096}.bbsn-admin-wrap .bbsn-analytics-card dl div{background:#f1f6fa;border:1px solid #e5edf4}.bbsn-admin-wrap .bbsn-analytics-card dt{color:#718095}.bbsn-admin-wrap .bbsn-analytics-card dd{color:#172238;font-weight:800}.bbsn-admin-wrap .bbsn-hour-heatmap i{border:1px solid rgba(30,55,85,.05)}
.bbsn-admin-wrap .notice{border-radius:9px}.bbsn-admin-wrap table.widefat{border-radius:12px;overflow:hidden}

/* Dedicated circular NOC wallboard */
body.bbsn-wallboard-mode{overflow:hidden;background:var(--bbsn-bg,#050b12)!important}.bbsn-wallboard-mode #wpadminbar,.bbsn-wallboard-mode>.bbsn-footer{display:none!important}.bbsn-wallboard-mode.bbsn-status-theme::before,.bbsn-wallboard-mode.bbsn-status-theme::after{position:fixed}
.bbsn-noc{--noc-accent:var(--bbsn-cyan,#56d7ff);position:relative;width:100vw;height:100vh;min-height:620px;overflow:hidden;color:var(--bbsn-text,#fff);background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--noc-accent) 9%,transparent),transparent 39%);isolation:isolate}
.bbsn-noc-grid{position:absolute;inset:0;z-index:-1;opacity:.55;background-image:linear-gradient(color-mix(in srgb,var(--noc-accent) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--noc-accent) 6%,transparent) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 50% 50%,#000 15%,transparent 78%)}
.bbsn-noc-toolbar{position:absolute;z-index:50;left:22px;right:22px;top:18px;display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);align-items:center;gap:16px;min-height:62px;padding:9px 11px;border:1px solid var(--bbsn-border-soft,rgba(90,130,170,.25));border-radius:14px;background:color-mix(in srgb,var(--bbsn-panel,#091624) 86%,transparent);box-shadow:0 18px 50px rgba(0,0,0,.2);backdrop-filter:blur(22px)}
.bbsn-noc-brand{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:inherit}.bbsn-noc-brand img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--noc-accent) 28%,transparent))}.bbsn-noc-brand>span:last-child{min-width:0}.bbsn-noc-brand strong,.bbsn-noc-brand small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bbsn-noc-brand strong{font-size:12px;letter-spacing:.35px}.bbsn-noc-brand small{margin-top:3px;color:var(--bbsn-muted,#8293a7);font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.5px}.bbsn-noc-brand-dot{width:36px;height:36px;border:1px solid var(--noc-accent);border-radius:50%;box-shadow:0 0 20px color-mix(in srgb,var(--noc-accent) 30%,transparent)}
.bbsn-noc-toolbar-center{display:flex;align-items:center;gap:13px}.bbsn-noc-overall{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--bbsn-border-soft);border-radius:8px;background:rgba(255,255,255,.018);font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px}.bbsn-noc-overall i{width:7px;height:7px;border-radius:50%;background:var(--bbsn-green,#32dcaa);box-shadow:0 0 12px currentColor}.bbsn-noc-overall.is-degraded i{background:var(--bbsn-yellow,#ffc247)}.bbsn-noc-overall.is-major i{background:var(--bbsn-red,#ff5c78);animation:bbsn-noc-alert-pulse .8s ease-in-out infinite alternate}.bbsn-noc-overall.is-unknown i{background:#77869b}.bbsn-noc-clock{font:800 13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--noc-accent)}
.bbsn-noc-actions{display:flex;justify-content:flex-end;gap:7px}.bbsn-noc-action{appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border:1px solid var(--bbsn-border-soft);border-radius:8px;background:rgba(255,255,255,.025);color:var(--bbsn-muted,#9aa8b7);text-decoration:none;cursor:pointer;font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.8px;transition:.18s}.bbsn-noc-action:hover,.bbsn-noc-action.is-active{border-color:color-mix(in srgb,var(--noc-accent) 55%,transparent);color:var(--noc-accent);background:color-mix(in srgb,var(--noc-accent) 8%,transparent)}.bbsn-noc-action .dashicons{width:16px;height:16px;font-size:16px}
.bbsn-noc-stage{position:absolute;inset:92px 18px 44px;display:grid;place-items:center}.bbsn-noc-topology{position:relative;width:min(calc(100vh - 146px),calc(100vw - 92px));height:min(calc(100vh - 146px),calc(100vw - 92px));max-width:1120px;max-height:1120px;aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 35px 80px rgba(0,0,0,.22))}.bbsn-noc-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.bbsn-noc-track{fill:none;stroke:color-mix(in srgb,var(--noc-accent) 15%,transparent);stroke-width:1.1;stroke-dasharray:2 8;vector-effect:non-scaling-stroke}.bbsn-noc-track-web{stroke-opacity:.85}.bbsn-noc-track-core{stroke-opacity:1}.bbsn-noc-pulse-ring{fill:color-mix(in srgb,var(--noc-accent) 2%,transparent);stroke:color-mix(in srgb,var(--noc-accent) 22%,transparent);stroke-width:1;stroke-dasharray:4 7;transform-origin:500px 500px;animation:bbsn-noc-ring-spin 38s linear infinite}
.bbsn-noc-core-hub{position:absolute;left:50%;top:50%;width:23%;aspect-ratio:1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid color-mix(in srgb,var(--noc-accent) 35%,transparent);border-radius:50%;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--noc-accent) 14%,transparent),rgba(5,12,21,.96) 70%);box-shadow:0 0 70px color-mix(in srgb,var(--noc-accent) 10%,transparent),inset 0 0 35px rgba(0,0,0,.25)}.bbsn-noc-core-hub strong{font-size:clamp(28px,4vw,54px);line-height:1;color:#fff;letter-spacing:-2px}.bbsn-noc-core-hub>b{max-width:82%;margin-top:6px;color:var(--noc-accent);font:900 clamp(7px,.75vw,10px) ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px}.bbsn-noc-core-hub>small{margin-top:8px;color:var(--bbsn-muted,#8c9cad);font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace}.bbsn-noc-core-light{position:absolute;inset:8%;border-radius:50%;border-top:1px solid color-mix(in srgb,var(--noc-accent) 65%,transparent);animation:bbsn-noc-ring-spin 7s linear infinite}
.bbsn-noc-node{--node-angle:0deg;--node-radius:32%;position:absolute;z-index:8;left:50%;top:50%;width:clamp(108px,10vw,158px);min-height:54px;transform:translate(-50%,-50%) rotate(var(--node-angle)) translateY(calc(var(--node-radius) * -1)) rotate(calc(var(--node-angle) * -1));display:grid;grid-template-columns:39px minmax(0,1fr);gap:8px;align-items:center;padding:7px 9px;border:1px solid var(--bbsn-border-soft);border-radius:11px;background:color-mix(in srgb,var(--bbsn-panel,#081522) 91%,transparent);color:#fff;text-align:left;box-shadow:0 10px 26px rgba(0,0,0,.22);backdrop-filter:blur(12px);cursor:pointer;transition:border-color .22s,box-shadow .22s,filter .22s}.bbsn-noc-node.is-core{--node-radius:20.5%}.bbsn-noc-node.is-website{--node-radius:31.8%}.bbsn-noc-node.is-api{--node-radius:43.5%}.bbsn-noc-node:hover,.bbsn-noc-node.is-selected{z-index:20;border-color:var(--noc-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--noc-accent) 8%,transparent),0 15px 38px rgba(0,0,0,.28);filter:brightness(1.09)}
.bbsn-noc-node-ping{width:38px;height:38px;display:grid;place-items:center;position:relative;border-radius:9px;border:1px solid rgba(74,226,173,.2);background:rgba(45,217,163,.05)}.bbsn-noc-node-ping>i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--bbsn-green,#36dca8);box-shadow:0 0 12px rgba(54,220,168,.65);top:5px;right:5px}.bbsn-noc-node-ping em{font:900 10px ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}.bbsn-noc-node-ping em small{font-size:6px;color:var(--bbsn-muted)}.bbsn-noc-node-copy{min-width:0}.bbsn-noc-node-copy strong,.bbsn-noc-node-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bbsn-noc-node-copy strong{font-size:10px}.bbsn-noc-node-copy small{margin-top:3px;color:var(--bbsn-green);font:900 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px}
.bbsn-noc-node.is-degraded{border-color:rgba(255,194,71,.5);box-shadow:0 0 26px rgba(255,194,71,.07),0 10px 26px rgba(0,0,0,.22)}.bbsn-noc-node.is-degraded .bbsn-noc-node-ping{border-color:rgba(255,194,71,.32);background:rgba(255,194,71,.06)}.bbsn-noc-node.is-degraded .bbsn-noc-node-ping>i{background:var(--bbsn-yellow);box-shadow:0 0 14px rgba(255,194,71,.75)}.bbsn-noc-node.is-degraded .bbsn-noc-node-copy small{color:var(--bbsn-yellow)}
.bbsn-noc-node.is-down{border-color:rgba(255,92,120,.62);background:color-mix(in srgb,var(--bbsn-panel,#081522) 88%,#2d0911);box-shadow:0 0 34px rgba(255,65,95,.12),0 10px 26px rgba(0,0,0,.25);animation:bbsn-noc-down-node 1s ease-in-out infinite alternate}.bbsn-noc-node.is-down .bbsn-noc-node-ping{border-color:rgba(255,92,120,.38);background:rgba(255,92,120,.07)}.bbsn-noc-node.is-down .bbsn-noc-node-ping>i{background:var(--bbsn-red);box-shadow:0 0 16px rgba(255,92,120,.8)}.bbsn-noc-node.is-down .bbsn-noc-node-copy small{color:var(--bbsn-red)}.bbsn-noc-node.is-unknown{opacity:.72}.bbsn-noc-node.is-unknown .bbsn-noc-node-ping>i{background:#76859a;box-shadow:none}.bbsn-noc-node.is-unknown .bbsn-noc-node-copy small{color:#8a98aa}
.bbsn-noc-legend{position:absolute;left:12px;top:16px;display:grid;gap:8px;z-index:10}.bbsn-noc-legend span{display:flex;align-items:center;gap:7px;color:var(--bbsn-muted);font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.9px}.bbsn-noc-legend i{width:20px;height:2px;background:var(--noc-accent);box-shadow:0 0 9px color-mix(in srgb,var(--noc-accent) 45%,transparent)}.bbsn-noc-legend .is-website i{opacity:.7}.bbsn-noc-legend .is-api i{opacity:.45}
.bbsn-noc-inspector{position:absolute;right:26px;bottom:62px;z-index:60;width:min(360px,calc(100vw - 52px));padding:17px;border:1px solid color-mix(in srgb,var(--noc-accent) 30%,transparent);border-radius:14px;background:color-mix(in srgb,var(--bbsn-panel,#081522) 94%,transparent);box-shadow:0 24px 60px rgba(0,0,0,.3);backdrop-filter:blur(18px)}.bbsn-noc-inspector>button{position:absolute;right:9px;top:8px;width:27px;height:27px;border:0;border-radius:7px;background:rgba(255,255,255,.04);color:var(--bbsn-muted);cursor:pointer}.bbsn-noc-inspector>span{color:var(--noc-accent);font:900 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.3px}.bbsn-noc-inspector>strong{display:block;margin-top:5px;font-size:18px}.bbsn-noc-inspector>div{display:flex;gap:8px;margin-top:10px}.bbsn-noc-inspector>div b,.bbsn-noc-inspector>div em{padding:6px 8px;border-radius:7px;background:rgba(255,255,255,.035);font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}.bbsn-noc-inspector p{color:var(--bbsn-muted);font-size:10px;line-height:1.55}.bbsn-noc-inspector>small{display:block;overflow:hidden;text-overflow:ellipsis;color:#68798e;white-space:nowrap}
.bbsn-noc-bottomline{position:absolute;left:26px;right:26px;bottom:14px;display:flex;align-items:center;gap:16px;color:var(--bbsn-muted);font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.8px}.bbsn-noc-bottomline span{display:flex;align-items:center;gap:5px}.bbsn-noc-bottomline i{width:6px;height:6px;border-radius:50%;background:#77869b}.bbsn-noc-bottomline i.is-up{background:var(--bbsn-green)}.bbsn-noc-bottomline i.is-degraded{background:var(--bbsn-yellow)}.bbsn-noc-bottomline i.is-down{background:var(--bbsn-red)}.bbsn-noc-bottomline b{margin-left:auto;color:var(--noc-accent)}.bbsn-noc-empty{position:absolute;z-index:30;text-align:center}.bbsn-noc-empty strong{font-size:22px}.bbsn-noc-empty p{color:var(--bbsn-muted)}
@keyframes bbsn-noc-ring-spin{to{transform:rotate(360deg)}}@keyframes bbsn-noc-alert-pulse{to{opacity:.35;transform:scale(.8)}}@keyframes bbsn-noc-down-node{to{box-shadow:0 0 44px rgba(255,65,95,.22),0 10px 26px rgba(0,0,0,.25)}}

/* Layout variants continue to alter the NOC composition */
body.bbsn-layout-wide .bbsn-noc-toolbar{left:18px;top:18px;bottom:18px;right:auto;width:236px;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;align-items:start;padding:16px}.bbsn-layout-wide .bbsn-noc-toolbar-center{align-self:center;flex-direction:column;align-items:flex-start}.bbsn-layout-wide .bbsn-noc-actions{display:grid;width:100%}.bbsn-layout-wide .bbsn-noc-action{justify-content:flex-start}.bbsn-layout-wide .bbsn-noc-stage{left:260px;top:18px;bottom:18px}.bbsn-layout-wide .bbsn-noc-bottomline{left:276px}.bbsn-layout-wide .bbsn-noc-brand img{width:54px;height:54px}.bbsn-layout-wide .bbsn-noc-brand{align-items:flex-start;flex-direction:column}
body.bbsn-layout-compact .bbsn-noc-toolbar{border-radius:5px;min-height:52px}.bbsn-layout-compact .bbsn-noc-node{border-radius:4px;background:rgba(5,13,19,.96);box-shadow:none}.bbsn-layout-compact .bbsn-noc-node-ping{border-radius:3px}.bbsn-layout-compact .bbsn-noc-core-hub{border-radius:8%;clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%)}.bbsn-layout-compact .bbsn-noc-track{stroke-dasharray:1 4}.bbsn-layout-compact .bbsn-noc-grid{opacity:.9;background-size:28px 28px}

/* Preset-specific NOC treatments */
body.bbsn-preset-ocean .bbsn-noc{background:radial-gradient(circle at 50% 48%,rgba(0,145,255,.16),transparent 42%),linear-gradient(145deg,#02101c,#041e31 58%,#020c14)}
body.bbsn-preset-violet .bbsn-noc{background:radial-gradient(circle at 50% 48%,rgba(176,74,255,.17),transparent 42%),linear-gradient(145deg,#090612,#170a25 58%,#07040d)}
body.bbsn-preset-violet .bbsn-noc-node,body.bbsn-preset-violet .bbsn-noc-toolbar,body.bbsn-preset-violet .bbsn-noc-inspector{border-radius:18px}
body.bbsn-preset-emerald .bbsn-noc{background:radial-gradient(circle at 50% 48%,rgba(40,220,145,.12),transparent 42%),linear-gradient(145deg,#020b08,#061912 58%,#010705)}body.bbsn-preset-emerald .bbsn-noc-node,body.bbsn-preset-emerald .bbsn-noc-toolbar{border-radius:3px}

@media(max-width:1100px){.bbsn-settings-workspace{grid-template-columns:1fr}.bbsn-settings-nav{position:relative;top:auto}.bbsn-settings-nav-items{display:flex;overflow:auto;gap:5px}.bbsn-settings-tab{min-width:190px}.bbsn-settings-nav-help{display:none}.bbsn-noc-toolbar{grid-template-columns:1fr auto}.bbsn-noc-toolbar-center{display:none}.bbsn-noc-action b{display:none}.bbsn-noc-stage{inset:86px 8px 42px}.bbsn-noc-node{width:122px;min-height:48px;grid-template-columns:34px 1fr}.bbsn-noc-node-ping{width:33px;height:33px}.bbsn-layout-wide .bbsn-noc-toolbar{left:12px;right:12px;top:10px;bottom:auto;width:auto;grid-template-columns:1fr auto;grid-template-rows:auto}.bbsn-layout-wide .bbsn-noc-actions{display:flex;width:auto}.bbsn-layout-wide .bbsn-noc-stage{left:8px;top:80px;bottom:40px}.bbsn-layout-wide .bbsn-noc-bottomline{left:18px}.bbsn-layout-wide .bbsn-noc-brand{flex-direction:row;align-items:center}.bbsn-layout-wide .bbsn-noc-brand img{width:42px;height:42px}}
@media(max-width:760px){.bbsn-admin-wrap{padding-right:12px}.bbsn-settings-section{padding:17px}.bbsn-settings-section-head{display:block}.bbsn-settings-section-head p{text-align:left}.bbsn-settings-savebar{bottom:5px}.bbsn-settings-savebar>div{display:none}.bbsn-settings-savebar .button{width:100%}.bbsn-noc{min-height:560px}.bbsn-noc-toolbar{left:9px;right:9px;top:8px}.bbsn-noc-brand strong{font-size:10px}.bbsn-noc-brand small{display:none}.bbsn-noc-brand img{width:34px;height:34px}.bbsn-noc-stage{top:72px}.bbsn-noc-topology{width:min(calc(100vh - 120px),calc(100vw - 12px));height:min(calc(100vh - 120px),calc(100vw - 12px))}.bbsn-noc-node{width:94px;min-height:42px;grid-template-columns:28px 1fr;padding:5px}.bbsn-noc-node-ping{width:27px;height:27px}.bbsn-noc-node-ping em{font-size:8px}.bbsn-noc-node-copy strong{font-size:8px}.bbsn-noc-core-hub .bbsn-kicker{display:none}.bbsn-noc-core-hub strong{font-size:25px}.bbsn-noc-core-hub>b{font-size:6px}.bbsn-noc-legend{display:none}.bbsn-noc-bottomline span{display:none}.bbsn-noc-bottomline{left:12px;right:12px}.bbsn-noc-inspector{right:12px;bottom:48px}}
@media(prefers-reduced-motion:reduce){.bbsn-noc-pulse-ring,.bbsn-noc-core-light,.bbsn-noc-node.is-down{animation:none!important}}


/* Wallboard readability and layout enhancement v3.1.2 */
.bbsn-noc{display:flex;flex-direction:column}.bbsn-noc-glow{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(50px);opacity:.35}.bbsn-noc-glow-a{width:440px;height:440px;left:-120px;top:120px;background:color-mix(in srgb,var(--noc-accent) 20%,transparent)}.bbsn-noc-glow-b{width:520px;height:520px;right:-100px;bottom:60px;background:color-mix(in srgb,var(--bbsn-purple,#7f7cff) 16%,transparent)}
.bbsn-noc-stage{position:absolute;inset:96px 18px 52px;display:grid;grid-template-columns:minmax(260px,320px) minmax(540px,1fr) minmax(300px,360px);gap:18px;align-items:stretch}
.bbsn-noc-center{position:relative;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--bbsn-border-soft,rgba(90,130,170,.25)) 90%,transparent);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.012));backdrop-filter:blur(10px);box-shadow:0 25px 80px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.02);overflow:hidden}
.bbsn-noc-center::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--noc-accent) 8%,transparent),transparent 45%);pointer-events:none}
.bbsn-noc-rail{display:grid;grid-template-rows:auto auto;gap:18px;min-height:0}.bbsn-noc-panel{padding:18px 18px 16px;border:1px solid color-mix(in srgb,var(--bbsn-border-soft,rgba(90,130,170,.25)) 90%,transparent);border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--bbsn-panel,#091624) 92%,transparent),color-mix(in srgb,var(--bbsn-panel,#091624) 98%,transparent));box-shadow:0 18px 48px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.03);backdrop-filter:blur(16px)}
.bbsn-noc-panel h2{margin:6px 0 0;font-size:18px}.bbsn-noc-layer-list{display:grid;gap:12px;margin-top:16px}.bbsn-noc-layer-card{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 13px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:rgba(255,255,255,.018)}.bbsn-noc-layer-card i{width:14px;height:14px;border-radius:50%;background:var(--noc-accent);box-shadow:0 0 14px color-mix(in srgb,var(--noc-accent) 50%,transparent)}.bbsn-noc-layer-card.is-website i{opacity:.72}.bbsn-noc-layer-card.is-api i{opacity:.45}.bbsn-noc-layer-card strong{display:block;font-size:13px}.bbsn-noc-layer-card small{display:block;margin-top:4px;color:var(--bbsn-muted);font-size:11px;line-height:1.45}.bbsn-noc-layer-card b{min-width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--noc-accent) 12%,transparent);color:var(--noc-accent);font:900 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.bbsn-noc-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.bbsn-noc-stat-grid article{padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:rgba(255,255,255,.018)}.bbsn-noc-stat-grid span{display:block;color:var(--bbsn-muted);font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.9px;text-transform:uppercase}.bbsn-noc-stat-grid strong{display:block;margin-top:10px;font-size:24px;line-height:1.05;color:#fff}
.bbsn-noc-legend{position:absolute;left:24px;top:20px;display:flex;gap:18px;z-index:10;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(7,18,29,.6);backdrop-filter:blur(10px)}.bbsn-noc-legend span{font-size:9px;letter-spacing:1.2px}.bbsn-noc-topology{width:min(calc(100vh - 200px),calc(100vw - 780px));min-width:580px;height:min(calc(100vh - 200px),calc(100vw - 780px));min-height:580px;max-width:980px;max-height:980px}
.bbsn-noc-ring-label{position:absolute;left:50%;font:900 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.7px;color:color-mix(in srgb,var(--noc-accent) 85%,white);background:rgba(6,14,23,.74);border:1px solid rgba(255,255,255,.06);padding:6px 10px;border-radius:999px;transform:translateX(-50%);box-shadow:0 8px 24px rgba(0,0,0,.18)}.bbsn-noc-ring-label.is-api{top:2%}.bbsn-noc-ring-label.is-website{top:18%}.bbsn-noc-ring-label.is-core{top:33%}
.bbsn-noc-track{stroke-width:1.6}.bbsn-noc-connectors line{stroke:color-mix(in srgb,var(--noc-accent) 18%,transparent);stroke-width:1.3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:4 7;animation:bbsn-noc-connector-dash 18s linear infinite}.bbsn-noc-connectors line.is-degraded{stroke:rgba(255,194,71,.55)}.bbsn-noc-connectors line.is-down{stroke:rgba(255,92,120,.68)}.bbsn-noc-connectors line.is-unknown{stroke:rgba(130,142,157,.45)}
.bbsn-noc-core-hub{width:27%;min-width:220px}.bbsn-noc-core-hub .bbsn-kicker{display:block;margin-bottom:8px}.bbsn-noc-core-hub>small{font-size:11px}.bbsn-noc-core-hub strong{letter-spacing:-1px}.bbsn-noc-core-hub>b{font-size:11px;line-height:1.45}
.bbsn-noc-node{width:clamp(160px,12vw,198px);min-height:76px;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:10px 12px;border-radius:16px;box-shadow:0 16px 42px rgba(0,0,0,.24)}.bbsn-noc-node.is-core{--node-radius:21.5%}.bbsn-noc-node.is-website{--node-radius:32.2%}.bbsn-noc-node.is-api{--node-radius:43.7%}.bbsn-noc-node-ping{width:50px;height:50px;border-radius:14px}.bbsn-noc-node-ping em{font-size:13px}.bbsn-noc-node-ping em small{font-size:8px}.bbsn-noc-node-copy strong{font-size:13px;line-height:1.3}.bbsn-noc-node-copy small{margin-top:4px;font-size:9px}.bbsn-noc-node-copy span{display:block;margin-top:5px;color:var(--bbsn-muted);font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px}
.bbsn-noc-inspector{display:block!important;min-height:0}.bbsn-noc-inspector-main{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.bbsn-noc-inspector-main b{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.04);font:900 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px;color:var(--noc-accent)}.bbsn-noc-inspector-main em{font-style:normal;color:#fff;font-weight:800}.bbsn-noc-inspector p{margin:14px 0 0;color:var(--bbsn-text-soft,#bcc7d4);font-size:13px;line-height:1.7}.bbsn-noc-inspector small{display:block;margin-top:14px;color:var(--bbsn-muted);font:700 11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word}
.bbsn-noc-issues{min-height:0;display:flex;flex-direction:column}.bbsn-noc-issue-list{display:grid;gap:12px;margin-top:16px;overflow:auto;padding-right:4px}.bbsn-noc-issue{display:grid;grid-template-columns:12px minmax(0,1fr);gap:12px;align-items:flex-start;padding:12px 13px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:rgba(255,255,255,.018)}.bbsn-noc-issue i{width:12px;height:12px;border-radius:50%;background:var(--bbsn-yellow);margin-top:4px;box-shadow:0 0 12px rgba(255,194,71,.7)}.bbsn-noc-issue.is-down i{background:var(--bbsn-red);box-shadow:0 0 14px rgba(255,92,120,.8)}.bbsn-noc-issue strong{display:block;font-size:13px}.bbsn-noc-issue p{margin:6px 0 0;color:var(--bbsn-muted);font-size:12px;line-height:1.55}.bbsn-noc-issue-empty{padding:14px;border:1px dashed rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.012)}.bbsn-noc-issue-empty strong{display:block;font-size:13px}.bbsn-noc-issue-empty p{margin:6px 0 0;color:var(--bbsn-muted);font-size:12px;line-height:1.6}
.bbsn-noc-bottomline{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 18px 0 18px}.bbsn-noc-bottomline span{font-size:10px}.bbsn-noc-bottomline b{font-size:10px;letter-spacing:1.4px}
@keyframes bbsn-noc-connector-dash{from{stroke-dashoffset:0}to{stroke-dashoffset:-110}}
@media (max-width: 1480px){.bbsn-noc-stage{grid-template-columns:280px minmax(460px,1fr) 310px}.bbsn-noc-topology{width:min(calc(100vh - 220px),calc(100vw - 700px));height:min(calc(100vh - 220px),calc(100vw - 700px));min-width:520px;min-height:520px}.bbsn-noc-node{width:150px;min-height:70px}}
@media (max-width: 1240px){.bbsn-noc-stage{grid-template-columns:1fr;grid-template-rows:auto minmax(420px,1fr) auto;overflow:auto}.bbsn-noc-rail{grid-template-rows:auto}.bbsn-noc-center{min-height:720px}.bbsn-noc-legend{left:16px;right:16px;justify-content:center;flex-wrap:wrap}.bbsn-noc-topology{width:min(calc(100vw - 80px),calc(100vh - 330px));height:min(calc(100vw - 80px),calc(100vh - 330px));min-width:540px;min-height:540px}}
@media (max-width: 820px){.bbsn-noc-stage{inset:84px 12px 48px}.bbsn-noc-toolbar{left:12px;right:12px;grid-template-columns:1fr;gap:10px}.bbsn-noc-toolbar-center,.bbsn-noc-actions{justify-content:space-between}.bbsn-noc-center{min-height:620px}.bbsn-noc-topology{width:min(calc(100vw - 28px),620px);height:min(calc(100vw - 28px),620px);min-width:320px;min-height:320px}.bbsn-noc-node{width:116px;min-height:58px;grid-template-columns:38px 1fr;padding:8px}.bbsn-noc-node-ping{width:36px;height:36px}.bbsn-noc-node-ping em{font-size:10px}.bbsn-noc-node-copy strong{font-size:10px}.bbsn-noc-node-copy span{display:none}.bbsn-noc-ring-label{display:none}.bbsn-noc-core-hub{min-width:150px;width:33%}.bbsn-noc-core-hub strong{font-size:32px}.bbsn-noc-core-hub>b{font-size:8px}.bbsn-noc-core-hub>small{font-size:9px}.bbsn-noc-legend{display:none}.bbsn-noc-bottomline{left:12px;right:12px;padding:0}.bbsn-noc-bottomline span:nth-child(-n+3){display:none}}

/* NOC audio permission gate + Test Center polish v3.1.3 */
.bbsn-noc-audio-gate{position:absolute;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:rgba(1,7,13,.72);backdrop-filter:blur(12px)}.bbsn-noc-audio-gate[hidden]{display:none!important}.bbsn-noc-audio-card{width:min(520px,calc(100vw - 32px));padding:30px;border:1px solid color-mix(in srgb,var(--noc-accent) 42%,transparent);border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--bbsn-panel,#091624) 97%,transparent),rgba(4,11,18,.98));box-shadow:0 35px 100px rgba(0,0,0,.55),0 0 60px color-mix(in srgb,var(--noc-accent) 10%,transparent);text-align:center}.bbsn-noc-audio-icon{width:62px;height:62px;margin:0 auto 14px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--noc-accent) 35%,transparent);border-radius:20px;background:color-mix(in srgb,var(--noc-accent) 9%,transparent);color:var(--noc-accent);font-size:30px;line-height:62px}.bbsn-noc-audio-card h2{margin:8px 0 0;font-size:25px}.bbsn-noc-audio-card p{margin:13px auto 0;max-width:430px;color:var(--bbsn-muted);font-size:13px;line-height:1.7}.bbsn-noc-audio-buttons{display:flex;justify-content:center;gap:10px;margin-top:22px}.bbsn-noc-audio-enable,.bbsn-noc-audio-muted{min-height:44px;padding:0 16px;border-radius:12px;font-weight:850;cursor:pointer}.bbsn-noc-audio-enable{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--noc-accent) 58%,transparent);background:color-mix(in srgb,var(--noc-accent) 16%,rgba(255,255,255,.02));color:#fff}.bbsn-noc-audio-muted{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:var(--bbsn-muted)}.bbsn-noc-audio-card>small{display:block;margin-top:14px;color:var(--bbsn-muted);font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px;text-transform:uppercase}
.bbsn-test-center-form{display:grid;gap:22px}.bbsn-test-service{max-width:480px}.bbsn-test-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bbsn-test-card.button{height:auto;min-height:112px;padding:17px;text-align:left;border-radius:16px;white-space:normal}.bbsn-test-card strong,.bbsn-test-card small{display:block}.bbsn-test-card strong{font-size:14px}.bbsn-test-card small{margin-top:7px;line-height:1.5;color:#667085}.bbsn-empty-admin{padding:26px;border:1px dashed #cad2dc;border-radius:16px}.bbsn-empty-admin strong{font-size:16px}.bbsn-empty-admin p{margin-bottom:0}@media(max-width:1000px){.bbsn-test-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.bbsn-test-actions{grid-template-columns:1fr}.bbsn-noc-audio-buttons{flex-direction:column}}

.bbsn-admin-wrap .bbsn-incident-delete{border-color:rgba(255,92,120,.45)!important;color:#ff6b84!important;background:rgba(255,92,120,.05)!important}.bbsn-admin-wrap .bbsn-incident-delete:hover{border-color:#ff5c78!important;color:#fff!important;background:rgba(255,92,120,.16)!important}

.bbsn-noc.is-telemetry-delayed .bbsn-noc-overall{border-color:rgba(255,194,71,.48);box-shadow:0 0 20px rgba(255,194,71,.08)}.bbsn-noc.is-telemetry-delayed .bbsn-noc-overall::after{content:'RECONNECTING';margin-left:8px;color:var(--bbsn-yellow,#ffc247);font-size:7px;letter-spacing:1px}

/* Status Nexus v4 NOC controls, dependency map and event stream */
.bbsn-noc-viewport-controls{position:absolute;z-index:30;right:20px;top:18px;display:flex;gap:6px;padding:5px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(5,14,23,.72);backdrop-filter:blur(12px)}
.bbsn-noc-viewport-controls button{min-width:34px;height:32px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.025);color:var(--bbsn-text,#fff);font:900 12px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.bbsn-noc-viewport-controls button[data-noc-zoom-reset]{min-width:54px;color:var(--noc-accent)}.bbsn-noc-viewport-controls button:hover{border-color:color-mix(in srgb,var(--noc-accent) 48%,transparent);background:color-mix(in srgb,var(--noc-accent) 9%,transparent)}
.bbsn-noc-topology{transition:transform .18s ease;transform-origin:center;touch-action:none}.bbsn-noc-topology:active{transition:none}.bbsn-noc-node[hidden]{display:none!important}
.bbsn-noc-connectors line.is-dependency{stroke-width:2;stroke-dasharray:5 7;opacity:.72;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--noc-accent) 30%,transparent))}.bbsn-noc-connectors line.is-hub{opacity:.28}.bbsn-noc-connectors line.is-down{stroke:var(--bbsn-red,#ff5c78)!important;opacity:.9}.bbsn-noc-connectors line.is-degraded{stroke:var(--bbsn-yellow,#ffc247)!important;opacity:.85}
.bbsn-noc.is-large-network .bbsn-noc-node:not(.is-down):not(.is-degraded){width:142px;min-height:62px}.bbsn-noc.is-large-network .bbsn-noc-node:not(.is-down):not(.is-degraded) .bbsn-noc-node-ping{width:40px;height:40px}.bbsn-noc.is-large-network .bbsn-noc-node:not(.is-down):not(.is-degraded) .bbsn-noc-node-copy span{display:none}
.bbsn-noc-ack{display:inline-flex;margin-top:9px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--noc-accent) 42%,transparent);border-radius:8px;background:color-mix(in srgb,var(--noc-accent) 8%,transparent);color:var(--noc-accent);font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.8px;cursor:pointer}.bbsn-noc-ack:hover{background:color-mix(in srgb,var(--noc-accent) 15%,transparent)}.bbsn-noc-issue small{display:block;margin-top:7px;color:var(--bbsn-muted);font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.7px}.bbsn-noc-issue.impact-critical,.bbsn-noc-issue.impact-major{border-color:rgba(255,92,120,.22)}.bbsn-noc-issue.impact-critical i,.bbsn-noc-issue.impact-major i{background:var(--bbsn-red,#ff5c78);box-shadow:0 0 14px rgba(255,92,120,.65)}
.bbsn-noc-event-ticker{position:absolute;z-index:55;left:18px;right:18px;bottom:39px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:color-mix(in srgb,var(--bbsn-panel,#091624) 92%,transparent);backdrop-filter:blur(14px);overflow:hidden}.bbsn-noc-event-ticker>span{color:var(--noc-accent);font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.2px;white-space:nowrap}.bbsn-noc-event-ticker>div{display:flex;align-items:center;gap:11px;min-width:0;overflow:hidden;white-space:nowrap}.bbsn-noc-event-ticker b{color:var(--bbsn-text-soft,#cad2dc);font:750 9px ui-monospace,SFMono-Regular,Menlo,monospace}.bbsn-noc-event-ticker b time{margin-right:7px;color:var(--bbsn-muted)}.bbsn-noc-event-ticker b.is-critical{color:var(--bbsn-red,#ff5c78)}.bbsn-noc-event-ticker b.is-warning{color:var(--bbsn-yellow,#ffc247)}.bbsn-noc-event-ticker b.is-success{color:var(--bbsn-green,#32dcaa)}.bbsn-noc-event-ticker i{font-style:normal;color:color-mix(in srgb,var(--noc-accent) 35%,transparent)}
.bbsn-noc-event-ticker+.bbsn-noc-bottomline{bottom:4px}.bbsn-noc.has-issues-only .bbsn-noc-core-hub{box-shadow:0 0 90px color-mix(in srgb,var(--noc-accent) 18%,transparent),inset 0 0 35px rgba(0,0,0,.25)}
@media(max-width:1240px){.bbsn-noc-event-ticker{position:fixed}.bbsn-noc-viewport-controls{top:54px}.bbsn-noc-event-ticker>span{display:none}.bbsn-noc-event-ticker{grid-template-columns:1fr}}
@media(max-width:820px){.bbsn-noc-actions [data-noc-issues-only],.bbsn-noc-actions [data-noc-hide-healthy]{display:none}.bbsn-noc-viewport-controls{top:12px;right:12px}.bbsn-noc-event-ticker{left:12px;right:12px}.bbsn-noc-event-ticker b{font-size:8px}}

/* v4 public service intelligence */
.bbsn-v4-service-statebar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.bbsn-v4-service-statebar>span{display:flex;align-items:center;gap:8px;min-height:32px;padding:6px 10px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(255,255,255,.018)}.bbsn-v4-service-statebar small{color:var(--bbsn-muted);font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.9px}.bbsn-v4-service-statebar strong{font:900 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.7px;color:#fff}.bbsn-v4-service-statebar .is-performance_issue strong{color:var(--bbsn-yellow)}.bbsn-v4-service-statebar .is-partial_outage strong,.bbsn-v4-service-statebar .is-major_outage strong{color:var(--bbsn-red)}.bbsn-v4-service-statebar .is-maintenance strong{color:var(--noc-accent,var(--bbsn-cyan))}.bbsn-v4-service-statebar .is-root{border-color:rgba(255,92,120,.24);background:rgba(255,92,120,.035)}
.bbsn-v4-diagnostics{margin-top:16px;padding:14px;border:1px solid var(--bbsn-border-soft);border-radius:14px;background:rgba(255,255,255,.015)}.bbsn-v4-diagnostics-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.bbsn-v4-diagnostics-head span,.bbsn-v4-integrity span,.bbsn-v4-snapshot span{display:block;color:var(--bbsn-muted);font:850 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px}.bbsn-v4-diagnostics-head strong,.bbsn-v4-snapshot strong{display:block;margin-top:3px;font-size:13px}.bbsn-v4-diagnostics-head small{color:var(--bbsn-muted);font:750 9px ui-monospace,SFMono-Regular,Menlo,monospace}.bbsn-v4-timing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.bbsn-v4-timing-grid>div{padding:10px;border-radius:10px;background:rgba(255,255,255,.02);text-align:center}.bbsn-v4-timing-grid span{display:block;color:var(--bbsn-muted);font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace}.bbsn-v4-timing-grid strong{display:block;margin-top:6px;font:900 10px ui-monospace,SFMono-Regular,Menlo,monospace}.bbsn-v4-integrity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:10px}.bbsn-v4-integrity strong{font:850 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.5px}.bbsn-v4-integrity.is-good strong{color:var(--bbsn-green)}.bbsn-v4-integrity.is-bad{border-color:rgba(255,92,120,.24);background:rgba(255,92,120,.035)}.bbsn-v4-integrity.is-bad strong{color:var(--bbsn-red)}.bbsn-v4-snapshot{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,220px);gap:14px;align-items:center;margin-top:14px;padding:12px;border:1px solid var(--bbsn-border-soft);border-radius:14px;background:rgba(255,255,255,.015)}.bbsn-v4-snapshot img{display:block;width:100%;max-height:130px;object-fit:cover;border-radius:9px;border:1px solid rgba(255,255,255,.07)}
@media(max-width:720px){.bbsn-v4-timing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bbsn-v4-snapshot{grid-template-columns:1fr}}

/* v4 public postmortems */
.bbsn-v4-postmortem-public{margin:16px 0;padding:16px;border:1px solid var(--bbsn-border-soft);border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008))}.bbsn-v4-postmortem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.bbsn-v4-postmortem-grid article{padding:12px;border:1px solid rgba(255,255,255,.05);border-radius:11px;background:rgba(255,255,255,.014)}.bbsn-v4-postmortem-grid small{color:var(--bbsn-muted);font:850 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px}.bbsn-v4-postmortem-grid p{margin:7px 0 0!important;color:var(--bbsn-text-soft,#c7d0db);font-size:12px;line-height:1.65}@media(max-width:700px){.bbsn-v4-postmortem-grid{grid-template-columns:1fr}}

/* v4 admin configuration UX */
.bbsn-service-form.has-unsaved-changes .bbsn-settings-savebar{border-color:color-mix(in srgb,var(--bbsn-yellow,#ffc247) 38%,transparent);box-shadow:0 0 0 1px rgba(255,194,71,.05),0 16px 40px rgba(0,0,0,.16)}
.bbsn-v4-settings-search{margin:12px 0;padding:10px;border:1px solid var(--bbsn-border-soft);border-radius:12px;background:rgba(255,255,255,.018)}.bbsn-v4-settings-search{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.bbsn-v4-settings-search .dashicons{color:var(--bbsn-muted)}.bbsn-v4-settings-search input{width:100%;min-height:34px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--bbsn-text)!important}.bbsn-v4-settings-search small{grid-column:1/-1;color:var(--bbsn-muted);font-size:10px}
.bbsn-v4-draft-bar{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:9px 10px;border:1px solid rgba(255,194,71,.25);border-radius:9px;background:rgba(255,194,71,.045);color:var(--bbsn-text-soft);font-size:11px}.bbsn-v4-draft-bar span{margin-right:auto}.bbsn-v4-draft-bar button{border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.035);color:inherit;padding:5px 8px;cursor:pointer}
.bbsn-v4-email-designer{margin-top:18px;padding:16px;border:1px solid var(--bbsn-border-soft);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.016),rgba(255,255,255,.007))}.bbsn-v4-designer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bbsn-v4-designer-head>div:first-child>span{display:block;color:var(--bbsn-muted);font:850 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px}.bbsn-v4-designer-head strong{display:inline-block;margin-top:3px;font-size:14px}.bbsn-v4-designer-head select{margin-left:10px;min-height:30px!important}.bbsn-v4-designer-actions{display:flex;gap:6px;flex-wrap:wrap}.bbsn-v4-designer-actions button,.bbsn-v4-discord-tools button{min-height:32px;padding:0 9px;border:1px solid var(--bbsn-border-soft);border-radius:8px;background:rgba(255,255,255,.025);color:var(--bbsn-text-soft);font-size:10px;font-weight:750;cursor:pointer}.bbsn-v4-designer-actions button:hover,.bbsn-v4-designer-actions button.is-active,.bbsn-v4-discord-tools button:hover{border-color:color-mix(in srgb,var(--bbsn-accent,var(--bbsn-cyan)) 48%,transparent);color:var(--bbsn-accent,var(--bbsn-cyan));background:color-mix(in srgb,var(--bbsn-accent,var(--bbsn-cyan)) 7%,transparent)}.bbsn-v4-email-preview{width:100%;height:520px;margin-top:12px;padding:16px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#16181c;overflow:auto;display:grid;place-items:start center}.bbsn-v4-email-preview iframe{width:100%;max-width:760px;height:100%;border:0;border-radius:7px;background:#fff;box-shadow:0 14px 40px rgba(0,0,0,.25);transition:max-width .2s}.bbsn-v4-email-preview.is-mobile iframe{max-width:390px}.bbsn-v4-email-designer>small{display:block;margin-top:8px;color:var(--bbsn-muted)}.bbsn-v4-email-designer>small.is-ok,.bbsn-v4-discord-tools small.is-ok{color:var(--bbsn-green)}.bbsn-v4-email-designer>small.is-error,.bbsn-v4-discord-tools small.is-error{color:var(--bbsn-red)}
.bbsn-v4-discord-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:14px 0;padding:11px;border:1px solid var(--bbsn-border-soft);border-radius:12px;background:rgba(255,255,255,.015)}.bbsn-v4-discord-tools strong{margin-right:6px}.bbsn-v4-discord-tools small{margin-left:auto;color:var(--bbsn-muted)}.bbsn-field-invalid{border-color:var(--bbsn-red,#ff5c78)!important;box-shadow:0 0 0 2px rgba(255,92,120,.08)!important}
@media(max-width:800px){.bbsn-v4-designer-head{align-items:flex-start}.bbsn-v4-email-preview{height:430px;padding:8px}.bbsn-v4-discord-tools small{width:100%;margin-left:0}}
.bbsn-v4-history-snapshot{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center;margin:12px 0;padding:8px;border:1px solid rgba(255,255,255,.06);border-radius:11px;color:inherit;text-decoration:none;background:rgba(255,255,255,.015)}.bbsn-v4-history-snapshot img{width:110px;height:64px;object-fit:cover;border-radius:8px}.bbsn-v4-history-snapshot span{font-size:12px;font-weight:800}
.bbsn-maintenance-progress{height:4px;margin-top:12px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.bbsn-maintenance-progress i{display:block;width:0;height:100%;border-radius:inherit;background:var(--bbsn-cyan,#56d7ff);box-shadow:0 0 10px color-mix(in srgb,var(--bbsn-cyan,#56d7ff) 55%,transparent);transition:width .5s ease}.bbsn-maintenance-card.is-active .bbsn-maintenance-progress i{background:var(--bbsn-yellow,#ffc247)}

/* Status Nexus v4 admin modules */
.bbsn-v4-service-box{margin-top:18px}.bbsn-v4-service-box>strong{display:block;font-size:15px}.bbsn-v4-service-box>p{margin:6px 0 16px;color:var(--bbsn-admin-muted,#728096);line-height:1.55}
.bbsn-v4-audit .bbsn-admin-head,.bbsn-v4-analytics .bbsn-admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.bbsn-v4-filterbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.bbsn-v4-event-table{display:grid;gap:8px}.bbsn-v4-event-table article{display:grid;grid-template-columns:12px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border:1px solid #dfe5ec;border-radius:12px;background:#fff}.bbsn-v4-event-table article>i{width:10px;height:10px;margin-top:4px;border-radius:50%;background:#6f7f91}.bbsn-v4-event-table .severity-critical>i{background:#d63638}.bbsn-v4-event-table .severity-warning>i{background:#dba617}.bbsn-v4-event-table .severity-success>i{background:#00a32a}.bbsn-v4-event-table strong{font-size:11px;letter-spacing:.6px}.bbsn-v4-event-table p{margin:4px 0;color:#293543}.bbsn-v4-event-table small{color:#718096}
.bbsn-v4-analytics-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.bbsn-v4-analytics-overview article{padding:17px;border:1px solid #dfe5ec;border-radius:14px;background:#fff;box-shadow:0 7px 24px rgba(20,30,45,.04)}.bbsn-v4-analytics-overview span{display:block;color:#738094;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.bbsn-v4-analytics-overview strong{display:block;margin-top:8px;font-size:24px}.bbsn-v4-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bbsn-v4-analytics-card{padding:16px;border:1px solid #dfe5ec;border-radius:14px;background:#fff}.bbsn-v4-analytics-card header{display:flex;align-items:start;justify-content:space-between;gap:14px}.bbsn-v4-analytics-card header strong{display:block;font-size:15px}.bbsn-v4-analytics-card header small{display:block;margin-top:4px;color:#718096;font-size:9px;font-weight:800;letter-spacing:.8px}.bbsn-v4-analytics-card header>b{font-size:20px}.bbsn-v4-analytics-card header>b.is-risk{color:#d63638}.bbsn-v4-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.bbsn-v4-metric-grid>div{padding:10px;border-radius:10px;background:#f7f9fb}.bbsn-v4-metric-grid span{display:block;color:#718096;font-size:9px;font-weight:800}.bbsn-v4-metric-grid strong{display:block;margin-top:5px;font-size:13px}.bbsn-v4-period-compare{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding:9px 10px;border-radius:10px;background:#f7f9fb;font-size:10px;color:#5f6d80}.bbsn-v4-period-compare b.is-up{color:#008a20}.bbsn-v4-period-compare b.is-down{color:#c62828}.bbsn-v4-year-heatmap{display:grid;grid-template-columns:repeat(53,minmax(3px,1fr));gap:2px;margin-top:12px;overflow:hidden}.bbsn-v4-year-heatmap i{display:block;aspect-ratio:1;border-radius:2px;background:#dfe5ec}.bbsn-v4-year-heatmap i.is-up{background:#3dc77b}.bbsn-v4-year-heatmap i.is-degraded{background:#f0b84e}.bbsn-v4-year-heatmap i.is-down{background:#e35d6a}.bbsn-v4-year-heatmap i.is-unknown{background:#dfe5ec}
.bbsn-v4-incident-list{display:grid;gap:12px}.bbsn-v4-incident-card{padding:15px;border:1px solid #dfe5ec;border-radius:14px;background:#fff}.bbsn-v4-incident-card.impact-major,.bbsn-v4-incident-card.impact-critical{border-left:4px solid #d63638}.bbsn-v4-incident-card.impact-minor{border-left:4px solid #dba617}.bbsn-v4-incident-card header{display:flex;justify-content:space-between;gap:12px}.bbsn-v4-incident-card header span{display:block;color:#6f7f91;font-size:9px;font-weight:900;letter-spacing:.8px}.bbsn-v4-incident-card header strong{display:block;margin-top:4px;font-size:15px}.bbsn-v4-incident-card header small{display:block;margin-top:4px;color:#7b8797}.bbsn-v4-incident-card header>b{align-self:flex-start;padding:6px 8px;border-radius:8px;background:#eaf8ee;color:#08782b;font-size:9px}.bbsn-v4-incident-actions{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.bbsn-v4-incident-editor,.bbsn-v4-postmortem-editor{margin-top:10px;border:1px solid #e2e7ed;border-radius:10px;background:#f8fafc;padding:10px}.bbsn-v4-incident-editor summary,.bbsn-v4-postmortem-editor summary{cursor:pointer;font-weight:700}.bbsn-v4-incident-editor form{margin-top:12px}.bbsn-v4-setting-block{margin:14px 0;padding:16px;border:1px solid #e0e6ec;border-radius:14px;background:#fff}.bbsn-v4-setting-block h3{margin:0 0 12px;font-size:14px}.bbsn-v4-setting-block label>small{display:block;margin-top:5px;color:#778497;line-height:1.45}.bbsn-v4-settings code{font-size:11px}
@media(max-width:1000px){.bbsn-v4-analytics-grid{grid-template-columns:1fr}.bbsn-v4-analytics-overview{grid-template-columns:1fr}.bbsn-v4-year-heatmap{grid-template-columns:repeat(35,minmax(3px,1fr))}}

/* Google Cast / Nest Hub settings and sender controls — v4.0.2 */
.bbsn-cast-settings{position:relative}.bbsn-cast-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.bbsn-cast-setup-card{padding:18px;border:1px solid var(--bbsn-admin-border,rgba(110,125,155,.2));border-radius:16px;background:rgba(255,255,255,.018)}.bbsn-cast-setup-card h3{margin:6px 0 7px;font-size:16px}.bbsn-cast-setup-card p{margin:0 0 14px;color:var(--bbsn-muted,#8794a8);line-height:1.65}.bbsn-cast-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.bbsn-cast-copy-row input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:12px!important}.bbsn-cast-warning{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:11px 12px;border:1px solid rgba(255,194,71,.32);border-radius:12px;background:rgba(255,194,71,.06)}.bbsn-cast-warning strong{color:#ffc247}.bbsn-cast-warning span{color:var(--bbsn-muted);font-size:12px;line-height:1.45}.bbsn-cast-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 16px}.bbsn-cast-control{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:16px;align-items:center;padding:16px 17px;border:1px solid color-mix(in srgb,var(--bbsn-cyan,#56d7ff) 24%,transparent);border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--bbsn-cyan,#56d7ff) 7%,transparent),rgba(255,255,255,.016));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.bbsn-cast-control-status{display:flex;align-items:center;gap:11px}.bbsn-cast-state-dot{width:11px;height:11px;border-radius:50%;background:#718094;box-shadow:0 0 0 4px rgba(113,128,148,.08)}.bbsn-cast-control[data-cast-state="ready"] .bbsn-cast-state-dot{background:var(--bbsn-cyan,#56d7ff);box-shadow:0 0 15px color-mix(in srgb,var(--bbsn-cyan,#56d7ff) 65%,transparent)}.bbsn-cast-control[data-cast-state="connected"] .bbsn-cast-state-dot{background:var(--bbsn-green,#36dca8);box-shadow:0 0 15px rgba(54,220,168,.7)}.bbsn-cast-control[data-cast-state="relink"] .bbsn-cast-state-dot,.bbsn-cast-control[data-cast-state="error"] .bbsn-cast-state-dot{background:var(--bbsn-red,#ff5c78);box-shadow:0 0 16px rgba(255,92,120,.7)}.bbsn-cast-control-status strong,.bbsn-cast-control-status small{display:block}.bbsn-cast-control-status strong{font-size:14px}.bbsn-cast-control-status small{margin-top:3px;color:var(--bbsn-muted);font-size:11px}.bbsn-cast-control-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.bbsn-cast-control-help{grid-column:1/-1;margin:0;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);color:var(--bbsn-muted);font-size:11px;line-height:1.55}.bbsn-google-cast-launcher{width:38px;height:38px;--connected-color:var(--bbsn-green,#36dca8);--disconnected-color:var(--bbsn-cyan,#56d7ff);cursor:pointer}.bbsn-noc-cast-control{display:flex;align-items:center;gap:6px}.bbsn-noc-cast-launcher{width:28px;height:28px}.bbsn-noc-cast-device{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bbsn-muted);font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace}.bbsn-noc-action.is-warning{border-color:rgba(255,92,120,.48)!important;color:#ff8ca0!important;background:rgba(255,92,120,.07)!important;animation:bbsn-noc-alert-pulse .9s ease-in-out infinite alternate}
@media(max-width:900px){.bbsn-cast-setup-grid,.bbsn-cast-options-grid{grid-template-columns:1fr}.bbsn-cast-control{grid-template-columns:1fr}.bbsn-cast-control-actions{justify-content:flex-start}}