/* ═══════════════════════════════════════════════════════
   SMS Settings page — sms-page
   Root element carries .comm-page .sms-page
   Inherits all --comm-* tokens from communications-theme.css.
   ═══════════════════════════════════════════════════════ */

.sms-page {
    max-width: 1100px;
}

/* ── Provider card: use comm-border token for the header divider ── */
.sms-page .sms-provider-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: var(--comm-canvas, #f8fafc);
    border-bottom: 1px solid var(--comm-border, #dde3ec);
}