/* WhatsApp settings use Forma's existing panels and controls. */
.wa-settings { display: grid; gap: 24px; min-width: 0; }
.wa-settings .panel { min-width: 0; margin: 0; }
.wa-settings .panel > p { margin-top: 8px; }
.wa-settings h3 { margin-top: 16px; }
.wa-settings h3 + p { margin-top: 4px; }
.wa-settings .note { margin-top: 16px; }
.wa-settings form { margin-top: 16px; }
.wa-settings .form-grid { gap: 16px; }
.wa-settings .row.wrap { flex-wrap: wrap; gap: 8px; }
.wa-settings .wa-actions { margin-top: 12px; }
.wa-settings .wa-submit { margin-top: 16px; }
.wa-settings .wa-confirm { display: flex; align-items: flex-start; gap: 8px; margin-top: 16px; }
.wa-settings .wa-confirm input { flex: 0 0 auto; margin-top: 4px; }
.wa-requirements { display: grid; gap: 8px; padding-left: 16px; margin: 16px 0; }
.wa-requirements strong { margin-left: 8px; }
.wa-connection { padding: 16px; margin-top: 16px; background: var(--canvas); border-radius: 8px; }
.wa-records { margin-top: 16px; }
.wa-record { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.wa-record > div:first-child { min-width: 0; flex: 1 1 240px; }
.wa-settings p, .wa-settings small, .wa-record strong { overflow-wrap: anywhere; }
.wa-record p { margin-top: 4px; }
.wa-record .row.wrap { margin-top: 12px; }
.wa-settings .setting-row { gap: 12px; }
.wa-settings input:not([type="checkbox"]), .wa-settings select, .wa-settings textarea { max-width: 100%; min-width: 0; }
@media (max-width: 700px) {
    .wa-settings .form-grid { grid-template-columns: minmax(0, 1fr); }
    .wa-settings .field.wide { grid-column: auto; }
    .wa-settings .section-title { flex-wrap: wrap; gap: 8px; }
}