.c4mc-sms-auth [hidden] { display: none !important; }
.c4mc-sms-tabs { display: flex; padding: 4px; gap: 4px; margin: 22px 0; border-radius: 12px; background: #edf1f6; }
.c4mc-sms-tabs button { flex: 1; border: 0; border-radius: 9px; padding: 12px 8px; background: transparent; color: #344054; font: inherit; font-weight: 650; cursor: pointer; }
.c4mc-sms-tabs button[aria-selected="true"] { background: #fff; color: var(--c4-green-dark, #177b2a); box-shadow: 0 2px 5px #1b315215; }
.c4mc-sms-auth button:focus-visible, .c4mc-sms-auth input:focus-visible { outline: 3px solid var(--c4-green, #2ba33a); outline-offset: 3px; }
.c4mc-sms-auth .c4mc-sms-phone { display: flex; align-items: center; width: 100%; gap: 10px; }
.c4mc-sms-phone > span { font-size: 20px; font-weight: 600; color: #25364d; flex-shrink: 0; }
.c4mc-sms-auth .c4mc-sms-phone input { width: 100%; min-width: 0; font-size: 20px; }
.c4mc-sms-auth .c4mc-sms-code { text-align: center; font-size: 28px; font-weight: 650; letter-spacing: .32em; padding-left: .32em; font-variant-numeric: tabular-nums; }
.c4mc-sms-auth .c4mc-sms-hint { margin: 3px 0 12px; color: #526174; font-size: 13px; line-height: 1.5; }
.c4mc-sms-auth .c4mc-sms-status { font-size: 14px; line-height: 1.5; margin: 15px 0; overflow-wrap: anywhere; }
.c4mc-sms-status.is-error { color: #a32424; }
.c4mc-sms-secondary { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
.c4mc-sms-secondary button, .c4mc-sms-auth .c4mc-sms-forgot { background: none; border: 0; padding: 6px 0; color: var(--c4-green-dark, #177b2a); font: inherit; font-size: 14px; text-decoration: underline; cursor: pointer; }
.c4mc-sms-auth button:disabled { cursor: default; opacity: .55; }
@media (max-width: 420px) { .c4mc-sms-auth .c4mc-sms-code { font-size: 26px; letter-spacing: .22em; } }