.central-connection-card{grid-column:1/-1}
.central-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.central-head h3{margin:0 0 5px}
.central-state{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 11px;font-size:.82rem;font-weight:700;border:1px solid var(--border,#d8dee7)}
.central-state::before{content:"";width:8px;height:8px;border-radius:50%;background:#64748b}
.central-state.online::before{background:#16a34a}.central-state.checking::before{background:#d97706}.central-state.offline::before{background:#dc2626}
.central-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}
.central-metrics>div{min-width:0;border:1px solid var(--border,#d8dee7);border-radius:12px;padding:11px;background:var(--card-bg,#fff)}
.central-metrics small{display:block;color:var(--muted,#64748b);margin-bottom:5px}.central-metrics code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.central-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}
.central-details>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--border,#d8dee7);padding:7px 0}.central-details span{color:var(--muted,#64748b)}
.central-error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:10px;padding:10px 12px;margin:8px 0 13px;word-break:break-word}
.central-actions{flex-wrap:wrap}.central-messages{margin-top:14px}.central-messages summary{cursor:pointer;font-weight:700}.central-message{border-left:4px solid #64748b;padding:9px 11px;margin-top:9px;background:rgba(100,116,139,.08);border-radius:8px}.central-message p{margin:5px 0 0}.central-warning{border-left-color:#d97706}.central-critical,.central-error{border-left-color:#dc2626}.central-success{border-left-color:#16a34a}.central-empty{color:var(--muted,#64748b);padding:10px 0}
@media(max-width:900px){.central-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.central-metrics,.central-details{grid-template-columns:1fr}.central-details>div{display:block}.central-details strong{display:block;margin-top:3px}.central-actions>*{width:100%}}