/* Shared email/phone selector for entry screens and account settings. */
.client-auth-channel-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #dce4ee;border-radius:12px;background:#f3f6fa}
.client-auth-channel-switch>button,
.client-access .client-auth-channel-switch>button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#536985;font-family:inherit;font-size:14px;font-weight:700;line-height:1.5;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}
.client-auth-channel-switch>button:hover:not(:disabled):not([aria-pressed="true"]),
.client-access .client-auth-channel-switch>button:hover:not(:disabled):not([aria-pressed="true"]){background:#e9eff6;color:#203d63}
.client-auth-channel-switch>button[aria-pressed="true"],
.client-access .client-auth-channel-switch>button[aria-pressed="true"]{border-color:#c8d4e3;background:#fff;color:#163d70;box-shadow:0 1px 3px rgba(15,35,70,.09)}
.client-auth-channel-switch>button:focus-visible,
.client-access .client-auth-channel-switch>button:focus-visible{outline:2px solid #1b4f9c;outline-offset:1px}
.client-auth-channel-switch>button:disabled{opacity:.55;cursor:default}
.client-auth-channel-switch--contacts{grid-template-columns:minmax(0,1fr)}
.client-auth-channel-switch:not(.client-auth-channel-switch--contacts){position:relative;isolation:isolate;width:100%;max-width:360px;margin-inline:auto}
.client-auth-channel-switch:not(.client-auth-channel-switch--contacts)::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:4px;top:4px;bottom:4px;width:calc(50% - 6px);border:1px solid #c8d4e3;border-radius:8px;background:#fff;box-shadow:0 1px 4px rgba(15,35,70,.1);transition:transform .24s cubic-bezier(.22,.68,0,1.05)}
.client-auth-channel-switch:not(.client-auth-channel-switch--contacts):has(>button:nth-child(2)[aria-pressed="true"])::before{transform:translateX(calc(100% + 4px))}
.client-auth-channel-switch:not(.client-auth-channel-switch--contacts):has(>button:only-child)::before{width:calc(100% - 8px)}
.client-auth-channel-switch:not(.client-auth-channel-switch--contacts):has(>button:only-child){grid-template-columns:minmax(0,1fr)}
.client-auth-channel-switch:not(.client-auth-channel-switch--contacts)>button[aria-pressed="true"]{background:transparent;border-color:transparent;box-shadow:none}
@media(prefers-reduced-motion:reduce){.client-auth-channel-switch>button,.client-auth-channel-switch:not(.client-auth-channel-switch--contacts)::before{transition:none}}