.cabinet-network{--network-tone:var(--tertiary);grid-column:1/-1;display:block;position:relative;overflow:hidden;margin-top:18px;padding:24px;border-radius:var(--r-card);background:var(--widget);color:var(--ink);text-decoration:none}
.cabinet-network-ok{--network-tone:var(--success)}.cabinet-network-warning{--network-tone:var(--warn)}.cabinet-network-critical{--network-tone:var(--error)}
.cabinet-network-content{position:relative;z-index:1;padding-right:190px;min-height:164px}
.cabinet-network h2{margin:0;font-family:var(--font-display);font-size:22px;line-height:1.2;letter-spacing:-.6px;font-weight:700}
.cabinet-network-state{display:flex;align-items:center;gap:7px;margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--network-tone)}
.cabinet-network-state i{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:currentColor}
.cabinet-network-affected{font-size:12px;line-height:1.5;color:var(--secondary);margin:4px 0 0}
.cabinet-network-count{display:flex;align-items:center;gap:10px;margin-top:20px;font-variant-numeric:tabular-nums}
.cabinet-network-count strong{font-size:38px;line-height:1;letter-spacing:-1.5px;font-weight:700}
.cabinet-network-count>span{font-size:13px;font-weight:600;line-height:1.45}
.cabinet-network-count small{display:block;color:var(--secondary);font-size:11px;font-weight:400}
.cabinet-network-art{position:absolute;right:16px;top:4px;width:200px;height:200px;object-fit:contain;pointer-events:none}
.cabinet-network-rail{display:flex;gap:4px;margin:16px 0 18px;height:7px;position:relative;z-index:1}
.cabinet-network-rail i{flex:1;min-width:0;border-radius:3px;background:var(--tertiary)}
.cabinet-network-rail .node-ok{background:var(--success)}.cabinet-network-rail .node-warning{background:var(--warn)}.cabinet-network-rail .node-offline,.cabinet-network-rail .node-restricted{background:var(--error)}
.cabinet-network-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:16px;border-top:1px solid var(--divider)}
.cabinet-network-footer>span:first-child{font-size:11px;line-height:1.5;color:var(--secondary)}
.cabinet-network-footer .button{min-height:var(--control-md);border-radius:var(--r-sm);font-size:13px;padding:0 14px}
.cabinet-network:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(min-width:970px){.cabinet-network{margin-top:0}}
@media(max-width:600px){.cabinet-network{padding:18px}.cabinet-network h2{font-size:19px}.cabinet-network-content{padding-right:108px;min-height:146px}.cabinet-network-art{width:125px;height:125px;right:2px;top:20px}.cabinet-network-count{margin-top:16px}.cabinet-network-count strong{font-size:34px}.cabinet-network-state{font-size:12px}.cabinet-network-footer{gap:8px}.cabinet-network-footer .button{padding:0 11px;font-size:12px}}