.settings-form.settings-form-readable { width: 100%; max-width: none; margin-bottom: 26px; }
.field-grid > label.notification-recipient-field { grid-template-rows: auto auto auto; }
.field-grid > label.notification-recipient-field > textarea { display: block; min-height: 86px; }
.field-grid > label.notification-recipient-field > small { display: block; min-height: 0; }
.relay-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 18px 0 24px; }
.relay-summary > div { display: grid; gap: 5px; padding: 14px 16px; border: 1px solid #d7ded7; border-radius: 10px; background: #f5f7f3; }
.relay-summary small { color: #66756c; font-size: .75rem; }
.relay-summary strong { overflow-wrap: anywhere; font-size: .9rem; }
.notification-enable-panel { margin-bottom: 18px; }
.notification-enable-panel label.checkbox-row { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; }
.notification-enable-panel label.checkbox-row input[type="checkbox"] {
    box-sizing: border-box; width: 20px; min-width: 20px; height: 20px; min-height: 20px;
    margin: 2px 0 0; padding: 0; border-radius: 4px; flex: 0 0 20px; accent-color: #315b43;
}
.notification-enable-panel label.checkbox-row span { display: grid; gap: 4px; }
.panel.notification-test-panel { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 0; }
.panel.notification-test-panel h2, .panel.notification-test-panel p { margin: 0; }
.panel.notification-test-panel p { margin-top: 5px; }
@media (max-width: 720px) {
    .relay-summary { grid-template-columns: 1fr; }
    .panel.notification-test-panel { align-items: stretch; flex-direction: column; }
}
@media (min-width: 721px) and (max-width: 1100px) { .relay-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } }