.baileys-settings, .baileys-campaigns, .baileys-outreach { min-width: 0; }
.baileys-health-banner { margin: 12px 24px; min-width: 0; }
.baileys-health-banner[hidden], .baileys-health-banner [hidden] { display: none; }
.baileys-health-banner .baileys-health-summary { padding: 16px; border: 1px solid var(--border-color); border-radius: 12px; background: var(--bg-card); overflow-wrap: anywhere; }
.baileys-health-banner p { margin: 8px 0; }
.baileys-health-banner [data-health-target] { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border-color); }
.baileys-settings .baileys-health-state, .baileys-health-banner .baileys-health-state { display: inline-block; margin-inline-start: 8px; font-weight: 600; }
.baileys-settings .baileys-health-state[data-state="healthy"], .baileys-health-banner .baileys-health-state[data-state="healthy"] { color: var(--success); }
.baileys-settings .baileys-health-state[data-state="degraded"], .baileys-settings .baileys-health-state[data-state="unavailable"], .baileys-health-banner .baileys-health-state[data-state="degraded"], .baileys-health-banner .baileys-health-state[data-state="unavailable"] { color: var(--danger); }
.baileys-settings .baileys-notification-settings { padding-top: 20px; border-top: 1px solid var(--border-color); }
.baileys-settings .baileys-notification-settings form { display: grid; gap: 12px; }
.baileys-settings .baileys-notification-settings input[type="number"] { display: block; max-width: 280px; margin-top: 6px; }
.baileys-settings .baileys-notification-settings [hidden] { display: none; }
.baileys-settings .baileys-panel, .baileys-campaigns .baileys-panel, .baileys-outreach .baileys-panel { padding: 20px; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 12px; margin-bottom: 16px; }
.baileys-settings .baileys-toolbar, .baileys-campaigns .baileys-toolbar, .baileys-outreach .baileys-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.baileys-settings h3, .baileys-settings h4, .baileys-campaigns h3, .baileys-outreach h3 { margin: 0 0 8px; }
.baileys-settings p, .baileys-campaigns p, .baileys-outreach p { color: var(--text-secondary); overflow-wrap: anywhere; }
.baileys-settings .baileys-field, .baileys-campaigns .baileys-field, .baileys-outreach .baileys-field { display: grid; gap: 6px; min-width: 0; flex: 1 1 220px; }
.baileys-settings .baileys-actions, .baileys-campaigns .baileys-actions, .baileys-outreach .baileys-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.baileys-settings .baileys-account, .baileys-outreach .baileys-account { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding: 16px 0; border-bottom: 1px solid var(--border-color); }
.baileys-settings .baileys-account strong, .baileys-outreach .baileys-account strong { overflow-wrap: anywhere; }
.baileys-settings .baileys-status, .baileys-campaigns .baileys-status, .baileys-outreach .baileys-status { display: inline-flex; margin-inline-start: 8px; padding: 3px 8px; border: 1px solid var(--border-color); border-radius: 16px; color: var(--text-secondary); font-size: 12px; }
.baileys-settings .baileys-status[data-status="active"], .baileys-outreach .baileys-status[data-status="active"] { color: var(--success); }
.baileys-settings .baileys-notice, .baileys-campaigns .baileys-notice, .baileys-outreach .baileys-notice { color: var(--text-secondary); }
.baileys-settings .baileys-error, .baileys-campaigns .baileys-error, .baileys-outreach .baileys-error { color: var(--danger); }
.baileys-settings .baileys-pairing { padding: 20px; border: 1px solid var(--border-color); border-radius: 12px; margin-block: 20px; background: var(--bg-secondary); }
.baileys-settings .baileys-pairing[hidden] { display: none; }
.baileys-settings canvas[data-baileys-qr] { display: block; max-width: 100%; height: auto; image-rendering: pixelated; margin-block: 16px; }
.baileys-settings .baileys-default { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--border-color); }
.baileys-campaigns .baileys-grid, .baileys-outreach .baileys-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 16px; }
.baileys-campaigns .baileys-metrics { display: flex; flex-wrap: wrap; gap: 16px; }
.baileys-campaigns .baileys-message, .baileys-outreach pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.baileys-campaigns textarea, .baileys-outreach textarea { width: 100%; min-height: 100px; }
.baileys-campaigns .baileys-form, .baileys-outreach .baileys-form { display: grid; gap: 14px; }
.baileys-campaigns .baileys-check { display: flex; align-items: flex-start; gap: 8px; color: var(--text-secondary); }
.baileys-campaigns .baileys-check input { margin-top: 4px; flex-shrink: 0; }
.baileys-campaigns .baileys-table-scroll, .baileys-outreach .baileys-table-scroll { overflow-x: auto; max-width: 100%; }
.baileys-campaigns [hidden], .baileys-outreach [hidden] { display: none; }
.baileys-settings :is(button, input, select):focus-visible, .baileys-campaigns :is(button, input, select, textarea):focus-visible { outline: 2px solid var(--border-focus, var(--primary)); outline-offset: 3px; }
@media (max-width: 600px) {
    .baileys-settings .baileys-panel, .baileys-campaigns .baileys-panel, .baileys-outreach .baileys-panel { padding: 14px; }
    .baileys-settings .baileys-actions button, .baileys-campaigns .baileys-actions button { min-height: 40px; }
}