.connection-cell { min-width: 210px; }
.connection-cell small { display: block; margin-top: 7px; color: #617186; font-size: 12px; }
.connection-badge { display: inline-flex; align-items: center; gap: 7px; padding: 5px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.connection-badge::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.connection-connected { background: #e6f5ec; color: #166534; }
.connection-disconnected { background: #fff2d6; color: #805000; }
.connection-no-contact { background: #fee9e7; color: #a62620; }
.connection-never, .connection-revoked { background: #edf0f5; color: #526175; }
.notification-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 24px 0; }
.notification-grid fieldset { min-width: 0; border: 1px solid #dde4ef; border-radius: 12px; padding: 22px; }
.notification-grid legend { font-weight: 600; padding: 0 8px; }
.notification-grid input:not([type=checkbox]) { width: 100%; }
#notification-form label { margin-top: 12px; }
#notification-form .inline label { display: flex; align-items: center; gap: 8px; }
@media (max-width:800px) { .notification-grid { grid-template-columns: 1fr; } }
.agent-label-cell { min-width: 190px; }
.agent-label-cell > span { display: block; }
.agent-label-cell .label-edit-button { display: block; margin-top: 8px; }
.agent-label-cell input { display: block; width: 100%; min-width: 160px; margin-bottom: 8px; }