.diagnostics-summary { padding: 14px 16px; border-radius: 6px; background: #eef5ef; border: 1px solid #c2d5c5; color: #284d35; }
.diagnostics-summary.connected { background: #eef5ef; border-color: #9fc3a8; color: #185c35; }
.diagnostics-summary.disconnected { background: #fff0ef; border-color: #d9a3a0; color: #8b2520; }
.diagnostics-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 24px; padding: 20px 0; margin: 0; }
.diagnostics-grid dt { color: #526b58; font-size: .8125rem; }
.diagnostics-grid dd { margin: 5px 0 0; font-size: .9375rem; color: #203e2a; overflow-wrap: anywhere; }
#diagnostics-content h3 { margin: 18px 0 8px; font-size: 1.0625rem; }
@media(max-width:650px) { .diagnostics-grid { grid-template-columns: 1fr; } }
#device-checks { margin-top: 20px; padding-top: 12px; border-top: 1px solid var(--line); }
#device-checks ol { padding-left: 24px; line-height: 1.7; }
#device-test-result { overflow-wrap: anywhere; }
.danger-text { color: #963b30; }
#connection-ends { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 20px 0; }
.connection-end { padding: 16px; border: 1px solid var(--line); border-radius: 7px; }
.connection-end h3 { margin-top: 0; }
.connection-end dd { margin: 3px 0 12px; overflow-wrap: anywhere; }
.connection-end .row-actions { flex-wrap: wrap; }
@media(max-width:700px) { #connection-ends { grid-template-columns: 1fr; } }
.site-addresses { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 16px 0; }
.site-address-card { min-width: 0; border: 1px solid var(--line); border-radius: 7px; padding: 14px; }
.site-address-card h3 { margin: 0 0 12px; overflow-wrap: anywhere; }
.site-address-card select { width: 100%; min-width: 0; }
.site-address-card p { overflow-wrap: anywhere; }
@media(max-width:700px) { .site-addresses { grid-template-columns: 1fr; } }