.external-monitor{margin:0 0 15px;padding:18px 20px;border-color:#34425d;background:linear-gradient(115deg,#17243c,#111a2d)}.external-monitor h2{margin:4px 0;font-size:14px}.standalone-monitor-link{padding:9px 12px;border:1px solid #4a5f89;border-radius:8px;color:#c1ceff;font-size:10px;text-decoration:none;white-space:nowrap}.standalone-monitor-link:hover{background:#253654}.remote-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:14px 0}.remote-status-row>span:not(.remote-status){padding:6px 9px;border:1px solid #303e57;border-radius:7px;background:#101827;color:#aab6cb;font-size:9px}.remote-status{padding:6px 10px;border-radius:999px;font-size:10px;font-weight:800}.remote-status.up{background:#163b34;color:#77e2b7}.remote-status.down{background:#462532;color:#ff9ca6}.remote-status.unknown{background:#353342;color:#c4c0d6}.remote-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.remote-metrics>div{display:grid;gap:5px;min-width:0;padding:10px 12px;border:1px solid #29364e;border-radius:9px;background:#111a2a}.remote-metrics span{color:#8593ad;font-size:9px}.remote-metrics strong{overflow-wrap:anywhere;color:#edf2ff;font-size:11px}@media(max-width:700px){.external-monitor .section-heading{align-items:flex-start;flex-direction:column}.remote-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.standalone-monitor-link{width:100%;text-align:center}}