.servernett-page{--sn-navy:#071a2f;--sn-blue:#166aa3;--sn-cyan:#32c7e8;--sn-green:#16845f;--sn-amber:#b66a18;--sn-plum:#65538e;--sn-line:#dfe8f1;--sn-muted:#697b8d;background:radial-gradient(circle at 8% 18%,rgba(37,137,176,.12),transparent 24%),radial-gradient(circle at 92% 45%,rgba(214,150,62,.11),transparent 23%),linear-gradient(180deg,#edf4f8 0,#f7f8f5 42%,#edf2f6 100%);border:1px solid rgba(199,216,226,.75);border-radius:28px;padding:0 22px 28px;min-width:0;box-shadow:inset 0 1px rgba(255,255,255,.8)}
.node-card-metrics .deviation-metric.no-deviations{background:#e4f7ee;border:1px solid #a9e3ca}.node-card-metrics .deviation-metric.no-deviations small{color:#397864}.node-card-metrics .deviation-metric.no-deviations strong{color:#08704f}.node-deviations.no-deviations{background:linear-gradient(145deg,#effbf5,#e3f7ed);border-color:#8fd8ba;box-shadow:0 0 0 2px rgba(25,183,122,.08)}.node-deviations.no-deviations>strong{color:#08704f}.node-deviations.no-deviations em{background:#19a974;box-shadow:0 0 0 4px rgba(25,169,116,.12)}
.servernett-page>.panel{border:1px solid rgba(211,223,234,.9);border-radius:22px;box-shadow:0 10px 32px rgba(18,45,72,.055);overflow:hidden}
.servernett-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(480px,1.1fr);align-items:center;gap:44px;margin:0 -22px 28px;padding:42px 44px;min-height:340px;border-radius:28px;background:radial-gradient(circle at 20% 0,rgba(61,207,232,.2),transparent 38%),radial-gradient(circle at 100% 80%,rgba(25,183,122,.2),transparent 36%),linear-gradient(135deg,#061729 0%,#0b2c49 55%,#0b3a51 100%);color:#fff;box-shadow:0 24px 60px rgba(7,26,47,.22);overflow:hidden}
.servernett-hero:before,.servernett-hero:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.07);border-radius:50%}.servernett-hero:before{width:380px;height:380px;right:-130px;top:-200px}.servernett-hero:after{width:260px;height:260px;left:36%;bottom:-190px}
.servernett-live{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(88,235,185,.24);border-radius:999px;background:rgba(25,183,122,.12);color:#a8f2d2;font-size:.7rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;margin-bottom:24px}.servernett-live span{width:7px;height:7px;border-radius:50%;background:#42dfa3;box-shadow:0 0 0 5px rgba(66,223,163,.12);animation:sn-pulse 2s infinite}@keyframes sn-pulse{50%{box-shadow:0 0 0 9px rgba(66,223,163,0)}}
.servernett-hero .eyebrow{color:#68d9ef}.servernett-hero h1{font-size:clamp(2.6rem,4vw,4.5rem);line-height:.95;letter-spacing:-.055em;margin:10px 0 18px}.servernett-hero-copy>p{max-width:560px;margin:0;color:#bdd1e0;font-size:1rem}.servernett-hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.servernett-hero-meta span{padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.06);color:#d8e8f2;font-size:.7rem;border:1px solid rgba(255,255,255,.08)}
.servernett-topology{position:relative;display:grid;grid-template-columns:1fr 105px 1fr;align-items:center;padding:23px;border-radius:24px;background:rgba(2,14,26,.32);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(10px)}
.topology-node{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}.topology-node small,.topology-node strong{display:block}.topology-node small{color:#8eafc5;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.topology-node strong{overflow:hidden;text-overflow:ellipsis;font-size:.8rem}.topology-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2c6ea1,#16466d);font-size:.7rem;font-weight:900;letter-spacing:.05em}.topology-node.edge .topology-icon{background:linear-gradient(135deg,#20b981,#0a7652)}
.topology-link{position:relative;text-align:center}.topology-link i{display:block;height:2px;background:linear-gradient(90deg,#3aa5e7,#42dfa3);box-shadow:0 0 12px #35b8c8}.topology-link i:after{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff;animation:sn-travel 2.5s linear infinite}@keyframes sn-travel{from{transform:translate(-2px,-2.5px)}to{transform:translate(100px,-2.5px)}}.topology-link span{display:inline-block;margin-top:8px;padding:3px 7px;border-radius:7px;background:#08223a;color:#8ee9dd;font-size:.65rem;font-weight:800}
.servernett-state{grid-column:1/-1;display:flex;align-items:center;gap:11px;margin-top:16px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06)}.servernett-state>span{width:11px;height:11px;border-radius:50%;background:#94a3b8}.servernett-state.up>span{background:#42dfa3;box-shadow:0 0 15px #42dfa3}.servernett-state.degraded>span{background:#fbbf24}.servernett-state.down>span{background:#fb7185}.servernett-state div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 9px}.servernett-state small{color:#91adbf;font-size:.66rem}.servernett-state strong{font-size:.8rem}.servernett-state em{grid-column:1/-1;color:#7192a8;font-size:.62rem;font-style:normal}
.servernett-alert{display:grid;gap:4px;padding:16px 18px;border-radius:15px;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;margin-bottom:18px}
.node-dashboard{margin:0 0 26px}.node-dashboard>.servernett-section-heading{margin-top:4px}.node-dashboard>.servernett-section-heading p{margin:5px 0 0;color:var(--sn-muted);font-size:.75rem}.node-count{padding:8px 12px;border-radius:999px;background:#e4f5ef;color:#087150;font-size:.68rem;font-weight:850}.node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.node-card{position:relative;padding:20px;border:1px solid var(--sn-line);border-radius:22px;background:linear-gradient(145deg,#fff,#f6fafc);box-shadow:0 12px 30px rgba(20,45,68,.07);overflow:hidden}.node-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#94a3b8}.node-card.up:before{background:#19b77a}.node-card.degraded:before{background:#f59e0b}.node-card.down:before{background:#ef476f}.node-card header{display:flex;align-items:center;gap:12px}.node-card header>div{min-width:0;flex:1}.node-card header small,.node-card header h2,.node-card header span{display:block;margin:0}.node-card header small{color:#7a8b99;font-size:.57rem;font-weight:850;letter-spacing:.08em}.node-card header h2{font-size:1rem;margin:2px 0}.node-card header span{color:#718293;font-size:.65rem}.node-card header>b{align-self:flex-start;padding:5px 8px;border-radius:8px;background:#eef2f5;color:#64748b;font-size:.58rem}.node-card.up header>b{background:#ddf7eb;color:#08704f}.node-card.degraded header>b{background:#fff1cf;color:#985d08}.node-flag{display:grid!important;place-items:center;flex:0 0 43px;height:43px;border-radius:13px;background:#0c3552!important;color:#fff!important;font-size:.66rem!important;font-weight:900}.node-card-metrics{display:grid;grid-template-columns:1fr .65fr 1fr;gap:7px;margin:17px 0}.node-card-metrics>span{padding:9px;border-radius:11px;background:#eef5f8;min-width:0}.node-card-metrics small,.node-card-metrics strong{display:block;overflow-wrap:anywhere}.node-card-metrics small{font-size:.54rem;color:#7c8c99}.node-card-metrics strong{font-size:.63rem;color:#18364e;margin-top:3px}.node-deviations{padding:12px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;min-height:72px}.node-deviations>strong{display:flex;justify-content:space-between;font-size:.65rem;color:#9a3412}.node-deviations em{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f59e0b;color:#fff;font-style:normal}.node-deviations p{margin:6px 0 0;color:#9a5a1e;font-size:.61rem}.node-deviations .clear{color:#08704f}.node-card>a{display:inline-block;margin-top:13px;color:#0b6f9f;font-size:.64rem;font-weight:800;text-decoration:none}.ops-guardrail{display:flex;align-items:center;gap:12px;margin:18px 24px;padding:13px 15px;border-radius:13px;background:#eaf7f2;border:1px solid #c6eadc}.ops-guardrail strong{white-space:nowrap;color:#08704f;font-size:.7rem}.ops-guardrail span{color:#4d6f63;font-size:.64rem}
.fleet-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fleet-kpis article{padding:18px;border:1px solid #dfe8ee;border-radius:18px;background:linear-gradient(145deg,#fff,#f4f9fb);box-shadow:0 8px 24px rgba(18,47,68,.055)}.fleet-kpis small,.fleet-kpis strong,.fleet-kpis span{display:block}.fleet-kpis small{color:#6f8291;font-size:.64rem}.fleet-kpis strong{margin:7px 0 4px;color:#0b2d46;font-size:1.3rem}.fleet-kpis span{color:#81919d;font-size:.6rem}.fleet-bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.fleet-bottom>.panel{margin:0}.fleet-deviations>article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 22px;border-top:1px solid #edf1f4}.fleet-deviations strong,.fleet-deviations small{display:block}.fleet-deviations strong{font-size:.75rem}.fleet-deviations small{margin-top:4px;color:#758795;font-size:.63rem}.fleet-deviations a,.servernett-back{color:#0a719f;font-size:.66rem;font-weight:850;text-decoration:none}.servernett-back{display:inline-block;margin:4px 0 20px}.node-detail-heading{padding:24px 28px;border-radius:22px;background:linear-gradient(135deg,#09233a,#10425e);color:#fff}.node-detail-heading h2{margin:5px 0;font-size:1.7rem}.node-detail-heading p{margin:0;color:#a9c2d2;font-size:.72rem}.node-detail-deviations{padding:20px 24px}.node-detail-deviations p{padding:11px;margin:0;border-bottom:1px solid #edf1f4;color:#a05e13;font-size:.72rem}.node-detail-deviations .clear{color:#08704f}
.deviation-actions{display:flex;align-items:center;gap:12px}.deviation-actions form,.fixable-deviation form{margin:0}.deviation-actions .button,.fixable-deviation .button{padding:7px 12px;background:#0b7658;box-shadow:none}.fixable-deviation{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #edf1f4}.fixable-deviation p{border:0;flex:1}
.servernett-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 2px 16px}.servernett-section-heading h2{margin:4px 0 0;font-size:1.45rem;letter-spacing:-.025em}.servernett-updated{display:flex;align-items:center;gap:7px;color:var(--sn-muted);font-size:.72rem}.servernett-updated i{width:7px;height:7px;border-radius:50%;background:var(--sn-green)}
.servernett-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 20px}.servernett-kpis article{display:flex;align-items:center;gap:12px;min-width:0;min-height:104px;padding:16px;border:1px solid var(--sn-line);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 8px 22px rgba(17,44,72,.045);transition:.2s ease}.servernett-kpis article:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(17,44,72,.09)}.servernett-kpis article.primary{grid-column:span 2;min-height:124px;background:linear-gradient(145deg,#fff,#f2f9fd)}.servernett-kpis article.wide{grid-column:span 2}.servernett-kpis article>div{min-width:0}.servernett-kpis .kpi-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:#eaf4fb;color:#126a9f;font-size:.7rem;font-weight:900}.servernett-kpis .primary .kpi-icon{width:48px;height:48px;flex-basis:48px;background:linear-gradient(135deg,#dff9f0,#e1f2ff);color:#087a68}.servernett-kpis .kpi-label,.servernett-kpis strong,.servernett-kpis small{display:block;overflow-wrap:anywhere}.servernett-kpis .kpi-label{color:var(--sn-muted);font-size:.68rem;font-weight:700;margin-bottom:4px}.servernett-kpis strong{font-size:.92rem;color:#0a2740;line-height:1.25}.servernett-kpis .primary strong{font-size:1.25rem}.servernett-kpis small{color:#91a0ad;font-size:.62rem;margin-top:4px}
.servernett-kpi-groups{display:grid;grid-template-columns:1fr 1.25fr .85fr;gap:14px;margin-bottom:22px}.kpi-cluster{position:relative;padding:16px;border:1px solid rgba(255,255,255,.8);border-radius:22px;box-shadow:0 12px 30px rgba(23,50,72,.07);overflow:hidden}.kpi-cluster:after{content:"";position:absolute;right:-45px;top:-60px;width:150px;height:150px;border-radius:50%;background:currentColor;opacity:.055;pointer-events:none}.kpi-cluster>header{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-bottom:13px}.kpi-cluster>header>span{width:9px;height:34px;border-radius:999px;background:currentColor}.kpi-cluster h3,.kpi-cluster p{margin:0}.kpi-cluster h3{font-size:.82rem;color:#102f47}.kpi-cluster p{font-size:.62rem;color:#708190;margin-top:1px}.kpi-cluster.status{grid-column:1/-1;color:#0a7655;background:linear-gradient(120deg,#dff4eb,#f4fbf8 56%,#e8f5ef)}.kpi-cluster.quality{color:#166aa3;background:linear-gradient(145deg,#e5f2fa,#f7fbfd)}.kpi-cluster.capacity{color:#9a5e1b;background:linear-gradient(145deg,#fbefdc,#fffaf1)}.kpi-cluster.operations{color:#65538e;background:linear-gradient(145deg,#eee9f6,#faf8fd)}
.kpi-cluster .servernett-kpis{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:8px;margin:0}.kpi-cluster.status .servernett-kpis{grid-template-columns:repeat(3,1fr)}.kpi-cluster.capacity .servernett-kpis{grid-template-columns:repeat(2,1fr)}.kpi-cluster .servernett-kpis article,.kpi-cluster .servernett-kpis article.primary,.kpi-cluster .servernett-kpis article.wide{grid-column:auto;min-height:82px;padding:12px;background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.85);box-shadow:0 4px 14px rgba(22,49,68,.045)}.kpi-cluster.status .servernett-kpis article{min-height:96px;background:rgba(255,255,255,.82)}.kpi-cluster .servernett-kpis .kpi-icon{flex-basis:36px;width:36px;height:36px;background:rgba(255,255,255,.85);color:currentColor}.kpi-cluster.status .servernett-kpis .kpi-icon{flex-basis:42px;width:42px;height:42px;background:#d7f3e8;color:#087350}.kpi-cluster.quality .servernett-kpis .kpi-icon{background:#dceefa;color:#166aa3}.kpi-cluster.capacity .servernett-kpis .kpi-icon{background:#fae8c9;color:#955817}.kpi-cluster.operations .servernett-kpis .kpi-icon{background:#e8e1f3;color:#65538e}.kpi-cluster .servernett-kpis strong{font-size:.84rem}.kpi-cluster.status .servernett-kpis strong{font-size:1.12rem}
.servernett-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin:18px 0}.servernett-layout>.panel{margin:0}.servernett-page .panel-head{padding:22px 24px;border-bottom:1px solid #edf2f6}.servernett-page .panel-head>div:first-child{display:flex;align-items:center;gap:12px}.servernett-page .panel-head h2{font-size:1rem}.panel-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#eaf5fb;color:#1172ad;font-weight:900}
.servernett-details{display:grid;grid-template-columns:1fr 1.35fr;gap:0;margin:0;padding:5px 24px 18px}.servernett-details dt,.servernett-details dd{padding:11px 0;border-bottom:1px solid #edf2f6;margin:0}.servernett-details dt{color:var(--sn-muted);font-size:.73rem}.servernett-details dd{font-size:.75rem;font-weight:750;text-align:right;overflow-wrap:anywhere;color:#18364e}.servernett-details.compact{padding-bottom:6px}
.egress-visual{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px}.egress-ip small,.egress-ip strong,.egress-ip span{display:block}.egress-ip small{color:var(--sn-muted);font-size:.67rem}.egress-ip strong{font-size:1.65rem;letter-spacing:-.035em;color:#082b46;margin:3px 0}.egress-ip span{color:#18815f;font-size:.7rem;font-weight:750}.egress-checks{display:grid;gap:7px}.egress-checks span{display:flex;align-items:center;gap:7px;color:#8795a2;font-size:.68rem}.egress-checks i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#edf1f4;font-style:normal}.egress-checks .pass{color:#08744e}.egress-checks .pass i{background:#def8ec;color:#08744e}.servernett-callout{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;border-radius:13px;background:#ecf9ff;color:#155e75;margin:0 24px 10px}.servernett-callout>span{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#cceefa;font-weight:900}.servernett-callout strong,.servernett-callout small{display:block}.servernett-callout strong{font-size:.72rem}.servernett-callout small{font-size:.65rem;font-weight:500;margin-top:2px;color:#4b8191}
.servernett-actions{background:linear-gradient(135deg,#fff,#f8fbfe)!important}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:0 24px 24px}.action-grid form{margin:0}.action-grid .button{width:100%;min-height:46px;padding:10px 12px;border-radius:12px;font-size:.72rem;box-shadow:none;background:#0b3554}.action-grid .button:hover{background:#0c4c76}.action-grid .button.secondary{background:#fff;color:#9a3412;border-color:#fed7aa}
.servernett-history{margin-top:18px}.chart-legend{display:flex!important;gap:14px!important;color:var(--sn-muted);font-size:.68rem}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:18px;height:3px;border-radius:3px}.chart-legend .rtt{background:#0b8dc8}.chart-legend .cpu{background:#19b77a}.servernett-chart{height:260px;padding:18px 24px 4px;background:linear-gradient(180deg,#f9fcff,#fff)}.servernett-chart svg{display:block;width:100%;height:100%;overflow:visible}.servernett-chart .grid{stroke:#e8eef4;stroke-width:1}.servernett-chart .area{fill:url(#sn-area)}.servernett-chart .rtt-line{fill:none;stroke:#0b8dc8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.servernett-chart .cpu-line{fill:none;stroke:#19b77a;stroke-width:2;stroke-dasharray:6 5;stroke-linecap:round}.servernett-chart text{font-size:11px;fill:#8192a2}.chart-empty{height:100%;display:grid;place-content:center;color:var(--sn-muted);text-align:center}.chart-footer{display:flex;justify-content:space-between;padding:11px 24px 16px;border-top:1px solid #edf2f6;color:var(--sn-muted);font-size:.65rem}
.range-pills{display:flex;gap:4px}.range-pills span{padding:6px 9px;border-radius:8px;color:#64748b;font-size:.68rem}.range-pills .active{background:#0f2740;color:#fff}.servernett-feed{display:grid;gap:8px;max-height:330px;overflow:auto;padding:14px 20px 20px}.servernett-feed article{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid #e8edf3;border-radius:12px;background:#fbfdff}.servernett-feed strong,.servernett-feed small{display:block}.servernett-feed strong{font-size:.72rem}.servernett-feed small{color:#768797;margin-top:3px;font-size:.63rem;overflow-wrap:anywhere}.severity{font-size:.6rem;text-transform:uppercase;font-weight:850}.servernett-result{max-width:760px;width:calc(100% - 32px)}.servernett-result pre{max-height:420px;overflow:auto;background:#071a2f;color:#d9f4ff;padding:16px;border-radius:12px;white-space:pre-wrap}.servernett-settings{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end;padding:0 24px 24px}.servernett-settings label{margin:0}.servernett-settings small{display:block;color:#64748b;margin-top:5px}.servernett-settings button{height:44px}
.node-security{margin:22px 0!important;background:linear-gradient(145deg,#071b2c,#102f43)!important;color:#fff;border-color:#173c51!important}.node-security-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-bottom:1px solid rgba(255,255,255,.09)}.node-security-head .eyebrow{color:#58d5bd}.node-security-head h2{font-size:1.45rem;margin:5px 0}.node-security-head p{color:#9db6c6;margin:0;font-size:.75rem}.security-score{display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:center;flex:0 0 118px;padding:16px;border-radius:19px;background:rgba(25,183,122,.13);border:1px solid rgba(65,220,169,.25)}.security-score strong{font-size:2rem}.security-score>span{font-size:.68rem;color:#8fb4a7}.security-score small{grid-column:1/-1;color:#6fe0b9;font-size:.57rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.security-score.elevated_risk,.security-score.critical{background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.3)}.security-score.elevated_risk small,.security-score.critical small{color:#fbbf24}
.exposure-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08)}.exposure-strip article{padding:17px 20px;background:#0b2639}.exposure-strip span,.exposure-strip strong,.exposure-strip small{display:block}.exposure-strip span{font-size:.6rem;color:#7798ac;text-transform:uppercase;letter-spacing:.07em}.exposure-strip strong{font-size:.8rem;margin:3px 0}.exposure-strip small{font-size:.58rem;color:#7893a4}.exposure-strip .safe{box-shadow:inset 0 3px #24bd83}.exposure-strip .attention{box-shadow:inset 0 3px #f0a33a}.exposure-strip .attention strong{color:#f7ba66}
.security-assessment-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px}.security-deviations,.security-ai{min-width:0;padding:20px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075)}.security-block-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.security-block-title h3,.security-block-title p{margin:0}.security-block-title h3{font-size:.88rem}.security-block-title p{font-size:.61rem;color:#809eb1;margin-top:2px}.security-block-title .count{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e38b28;color:#fff;font-size:.72rem;font-weight:850}.security-control{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:11px;padding:11px 0;border-top:1px solid rgba(255,255,255,.07)}.security-control>span{width:8px;height:8px;border-radius:50%;background:#f2a33b}.security-control.high>span,.security-control.critical>span{background:#fb7185}.security-control strong,.security-control small{display:block}.security-control strong{font-size:.69rem}.security-control small{font-size:.59rem;color:#7895a7;margin-top:2px}.security-control em{font-size:.55rem;font-style:normal;text-transform:uppercase;color:#eab56e}.passed-controls{margin-top:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.passed-controls summary{cursor:pointer;color:#7dddbb;font-size:.65rem;font-weight:750}.passed-controls div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:11px}.passed-controls span{font-size:.58rem;color:#9db8ad}.security-optimal{padding:18px;border-radius:12px;background:rgba(25,183,122,.12);color:#7fe5c0;font-size:.7rem}
.ai-readonly{padding:5px 8px;border-radius:999px;background:rgba(65,197,232,.1);color:#71d6ed;font-size:.55rem;font-weight:850;text-transform:uppercase}.ai-executive{display:flex;align-items:flex-start;gap:11px;padding:13px;border-radius:13px;background:rgba(49,190,222,.09);border:1px solid rgba(70,201,231,.12)}.ai-executive>span{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:10px;background:#2aa4c0;color:#fff;font-size:.6rem;font-weight:900}.ai-executive p{margin:0;color:#c2dbe5;font-size:.66rem}.ai-executive.muted{opacity:.7}.ai-finding{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.ai-finding>div{display:flex;align-items:center;gap:8px}.ai-finding strong{font-size:.68rem}.ai-finding p{margin:6px 0;color:#a6bfcd;font-size:.62rem}.ai-finding small{color:#6f91a4;font-size:.56rem}.ai-finding .severity{padding:3px 6px;border-radius:6px;background:#624c30;color:#ffc878}.ai-finding .severity.high,.ai-finding .severity.critical{background:#582d3a;color:#ff9db1}.ai-privacy{margin:13px 0;color:#75cbb0;font-size:.58rem}.security-ai form{margin:0}.security-ai .button{width:100%;padding:11px;background:#1b8e72;box-shadow:none;font-size:.68rem}.empty-security{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px}.empty-security h2{margin:5px 0}.empty-security p{color:#9db6c6;margin:0}
@media(max-width:1250px){.servernett-hero{grid-template-columns:1fr}.node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.servernett-kpi-groups{grid-template-columns:1fr 1fr}.kpi-cluster.status{grid-column:1/-1}.kpi-cluster.operations{grid-column:1/-1}.kpi-cluster.operations .servernett-kpis{grid-template-columns:1fr 1fr}.servernett-settings{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.servernett-page{padding:0 14px 22px}.servernett-hero{margin:0 -14px 22px;padding:32px 24px}.fleet-kpis{grid-template-columns:repeat(2,1fr)}.fleet-bottom,.servernett-layout,.servernett-kpi-groups,.security-assessment-grid{grid-template-columns:1fr}.kpi-cluster.status,.kpi-cluster.operations{grid-column:auto}.kpi-cluster.status .servernett-kpis{grid-template-columns:1fr}.kpi-cluster.operations .servernett-kpis{grid-template-columns:1fr 1fr}.action-grid{grid-template-columns:repeat(2,1fr)}.exposure-strip{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.servernett-topology{grid-template-columns:1fr 52px 1fr;padding:14px}.node-grid,.fleet-kpis{grid-template-columns:1fr}.node-card-metrics{grid-template-columns:1fr 1fr}.ops-guardrail{display:grid}.topology-node{display:grid;padding:10px}.topology-node strong{font-size:.65rem}.topology-link i:after{animation:none}.servernett-hero-meta{display:grid}.servernett-section-heading{align-items:flex-start;display:grid}.kpi-cluster.capacity .servernett-kpis,.kpi-cluster.operations .servernett-kpis{grid-template-columns:1fr}.kpi-cluster .servernett-kpis article,.kpi-cluster .servernett-kpis article.primary,.kpi-cluster .servernett-kpis article.wide{display:flex;min-height:82px}.servernett-details{grid-template-columns:1fr}.servernett-details dd{text-align:left;padding-top:0}.egress-visual{display:grid}.action-grid{grid-template-columns:1fr}.servernett-settings{grid-template-columns:1fr}.chart-footer{display:grid;gap:3px}.servernett-chart{height:220px;padding-left:12px;padding-right:12px}.node-security-head,.empty-security{align-items:flex-start;display:grid}.security-score{justify-self:start}.exposure-strip{grid-template-columns:1fr}.passed-controls div{grid-template-columns:1fr}}