.sn-v1-mesh,.sn-v1-fleet{margin:2rem 0;padding:1.2rem;border:1px solid rgba(105,135,175,.28);border-radius:28px;background:rgba(255,255,255,.58);box-shadow:0 18px 48px rgba(30,55,85,.08)}
.sn-v1-heading,.sn-v1-service>header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.sn-v1-heading h2,.sn-v1-service h3{margin:.15rem 0}.sn-v1-eyebrow{margin:0;font-size:.75rem;font-weight:900;letter-spacing:.15em;color:#2463ae}.sn-v1-version,.sn-v1-badges span{display:inline-flex;padding:.38rem .65rem;border-radius:999px;background:rgba(47,112,190,.1);font-size:.78rem;font-weight:800}.sn-v1-nodes,.sn-v1-fleet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin:1rem 0}.sn-v1-node,.sn-v1-fleet-grid article{display:flex;align-items:center;gap:.7rem;padding:.8rem;border:1px solid rgba(105,135,175,.24);border-radius:18px;background:rgba(255,255,255,.62)}.sn-v1-fleet-grid article{display:grid}.sn-v1-node small,.sn-v1-fleet-grid small{display:block;opacity:.72}.sn-v1-dot{width:.72rem;height:.72rem;border-radius:50%;background:#8c99a8;box-shadow:0 0 0 .35rem rgba(140,153,168,.13)}.sn-v1-node.is-online .sn-v1-dot{background:#28bf83;box-shadow:0 0 0 .35rem rgba(40,191,131,.13)}.sn-v1-service{margin-top:1rem;padding:1rem;border:1px solid rgba(105,135,175,.24);border-radius:22px;background:rgba(255,255,255,.7)}.sn-v1-badges{display:flex;gap:.4rem;flex-wrap:wrap}.sn-v1-badges .warn{background:rgba(202,126,19,.13);color:#8c5400}.sn-v1-probes{display:grid;gap:.55rem;margin-top:.9rem}.sn-v1-probe{border:1px solid rgba(105,135,175,.22);border-radius:16px;padding:.65rem .8rem}.sn-v1-probe summary{display:flex;justify-content:space-between;gap:.75rem;cursor:pointer;font-weight:700}.sn-v1-observations{display:grid;gap:.45rem;margin-top:.65rem}.sn-v1-observations>div{display:grid;grid-template-columns:minmax(70px,.5fr) minmax(70px,.5fr) 2fr;gap:.5rem;padding:.45rem 0;border-top:1px solid rgba(105,135,175,.16)}.sn-v1-observations small{opacity:.75}.sn-v1-note,.sn-v1-empty{margin:1rem 0 0;padding:.9rem 1rem;border-radius:16px;background:rgba(42,105,180,.08)}.sn-v1-events>div{display:grid;grid-template-columns:minmax(180px,.6fr) 2fr;gap:.7rem;padding:.55rem 0;border-top:1px solid rgba(105,135,175,.16)}
html[data-theme="dark"] .sn-v1-mesh,html[data-theme="dark"] .sn-v1-fleet,html[data-theme="dark"] .sn-v1-node,html[data-theme="dark"] .sn-v1-service,html[data-theme="dark"] .sn-v1-fleet-grid article{background:rgba(11,27,45,.78);border-color:rgba(120,155,195,.26)}
@media(max-width:620px){.sn-v1-mesh,.sn-v1-fleet{padding:.9rem;border-radius:22px}.sn-v1-observations>div,.sn-v1-events>div{grid-template-columns:1fr 1fr}.sn-v1-observations small{grid-column:1/-1}}
.sn-v1-fleet-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.sn-v1-fleet-actions button{border:1px solid rgba(70,110,160,.3);border-radius:12px;padding:.6rem .85rem;font:inherit;font-weight:800;cursor:pointer;background:rgba(47,112,190,.1);color:inherit}