.carrier-health-panel{margin:0 0 22px;padding:18px;border:1px solid #245170;border-radius:12px;background:linear-gradient(145deg,#061a2a,#04121e)}
.carrier-health-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.carrier-health-heading h2{margin:0 0 5px;font-size:18px}.carrier-health-heading p{max-width:780px;margin:0;color:#8ba4b8;font-size:12px;line-height:1.5}.carrier-health-heading .secondary-button{flex:0 0 auto}
.carrier-summary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin-bottom:14px}.carrier-summary article{display:flex;align-items:center;gap:10px;min-height:70px;padding:12px;border:1px solid #234157;border-radius:9px;background:#071827}.carrier-summary article.online{border-color:#176343;background:#08251b}.carrier-summary article.offline{border-color:#7b2832;background:#2a0d14}.carrier-summary article.observing{border-color:#77521e;background:#2a1b09}.carrier-summary article.unavailable{opacity:.72}.carrier-summary article>div{display:flex;min-width:0;flex-direction:column;gap:4px}.carrier-summary strong{font-size:13px}.carrier-summary small{color:#8299aa;font-size:9px;line-height:1.35}
.carrier-domain-table{overflow:auto;border:1px solid #1b3c55;border-radius:9px}.carrier-domain-head,.carrier-domain-row{min-width:980px;display:grid;grid-template-columns:1.35fr 1.15fr 1.2fr .65fr .55fr .55fr 1fr;align-items:center;gap:10px;padding:10px 12px}.carrier-domain-head{min-height:38px;background:#082036;color:#7896ad;font-size:9px;font-weight:800;letter-spacing:.06em}.carrier-domain-row{min-height:58px;border-top:1px solid #17364d;background:#051522;font-size:11px}.carrier-domain-row>span{display:flex;flex-direction:column;gap:3px;color:#dce8f0}.carrier-domain-row small{color:#71899b;font-size:9px}.carrier-domain-row>b{font-size:9px;color:#9fb0bd}.carrier-domain-row.online>b{color:#42db87}.carrier-domain-row.offline>b{color:#ff7d87}.carrier-domain-row.observing>b{color:#ffbd58}.carrier-domain-row.unavailable{opacity:.65}.carrier-health-error{margin:0 0 12px;padding:10px 12px;border:1px solid #7b2832;border-radius:7px;background:#2a0d14;color:#ff9da5;font-size:11px}.carrier-health-empty{padding:22px;color:#8097a9;text-align:center}.carrier-health-panel>footer{margin-top:10px;color:#6f899d;font-size:10px}
@media(max-width:900px){.carrier-summary{grid-template-columns:1fr 1fr}.carrier-health-heading{flex-direction:column}.carrier-health-heading .secondary-button{width:100%;justify-content:center}}
@media(max-width:560px){.carrier-summary{grid-template-columns:1fr}}