/* Shared login, registration, recovery and verification presentation. */
body.rc-auth-unified {
    --rc-auth-page-bg: #FAF9F7;
    --rc-auth-link: #D95600;
    --rc-link-local: #D95600;
    --rc-auth-label: #34312D;
    --rc-label-local: #34312D;
    --rc-border-hover-local: #F7F6F5;
    --rc-border-focus-local: #FDE9DA;
    --rc-input-shell-local: #FBFAF9;
    --rc-input-border-focus: #FDE9DA;
    background: #FAF9F7;
    font-family: "Inter", system-ui, sans-serif;
    letter-spacing: -0.011em;
    min-height: 100dvh;
    isolation: isolate;
}

body.rc-auth-unified :is(#content, .device-auth-page) {
    background: #FAF9F7 !important;
    position: relative;
    isolation: isolate;
}

body.rc-auth-unified :is(.rc-heading-login, .device-auth-card h1) {
    font-family: "Inter", system-ui, sans-serif;
    font-size: clamp(1.18rem, 1.55vw, 1.38rem) !important;
    font-weight: 600 !important;
    color: #202124;
}

body.rc-auth-unified :is(.form-label, .form-label .textsmall:not(a)) {
    color: #34312D !important;
    font-weight: 500 !important;
}

body.rc-auth-unified :is(.rc-link-cta, .rc-link-forgot, .form-label-link, .device-auth-back) {
    color: #D95600 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

body.rc-auth-unified .rc-input-group-outline {
    border: 2px solid #F7F6F5 !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 0 0 1px #FBFAF9 !important;
    min-height: 2.35rem;
}

body.rc-auth-unified .rc-input-group-outline:is(:focus-within, :has(input:not(:placeholder-shown)), :has(input:-webkit-autofill)) {
    border-color: #FDE9DA !important;
}

body.rc-auth-unified :is(.rc-input-no-border, .form-control, .device-auth-input) {
    border-radius: 6px !important;
    font-weight: 500 !important;
}

body.rc-auth-unified :is(.rc-btn-continue, .device-auth-submit, button[type="submit"]) {
    background: #000 !important;
    border-color: #000 !important;
    border-radius: 8px !important;
    color: #fff !important;
}

body.rc-auth-unified :is(.rc-btn-continue, .device-auth-submit, button[type="submit"]):is(:hover, :focus, :active) {
    background: #262626 !important;
    border-color: #262626 !important;
}

body.rc-auth-unified .rc-btn-text { color: inherit !important; }

body.rc-auth-unified .rc-phone-shell {
    border: 2px solid #F7F6F5;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 0 1px #FBFAF9;
}

body.rc-auth-unified .rc-phone-field.is-open .rc-phone-shell,
body.rc-auth-unified .rc-phone-shell:focus-within {
    border-color: #FDE9DA;
    box-shadow: 0 0 0 1px #FBFAF9;
}

body.rc-auth-unified .rc-phone-country-toggle {
    border-radius: 6px 0 0 6px;
    border: 0 !important;
}

body.rc-auth-unified .rc-phone-shell .rc-phone-number-input,
body.rc-auth-unified .rc-phone-shell .rc-phone-number-input:focus,
body.rc-auth-unified .rc-phone-shell .rc-phone-number-input:focus-visible {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

body.rc-auth-unified .rc-phone-search input,
body.rc-auth-unified .rc-phone-search input:focus-visible,
body.rc-auth-unified .rc-phone-number-input:focus-visible {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* The search row shows focus without drawing a border around its input. */
body.rc-auth-unified .rc-phone-search:focus-within i {
    color: #D95600;
}

body.rc-auth-unified .choice-card {
    min-height: calc(2.35rem + 4px);
    padding: 0.35rem 0.75rem;
    box-sizing: border-box;
    border: 2px solid #F7F6F5 !important;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 0 1px #FBFAF9;
}

body.rc-auth-unified .choice-option:hover .choice-card {
    border-color: #F7F6F5 !important;
}

body.rc-auth-unified .choice-option input:is(:checked, :focus-visible) + .choice-card {
    border-color: #FDE9DA !important;
    background: #fff;
    box-shadow: 0 0 0 1px #FBFAF9;
}

body.rc-auth-unified .choice-icon {
    background: #FDE9DA;
    color: #D95600;
}
body.rc-auth-unified :is(.form-control-line, .code-inputs input) {
    border: 2px solid #F7F6F5 !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 0 0 1px #FBFAF9;
}
body.rc-auth-unified :is(.form-control-line, .code-inputs input):focus {
    border-color: #FDE9DA !important;
}
body.rc-auth-unified .right-split-pane { background: transparent; }
body.rc-auth-unified .rc-btn-icon { filter: brightness(0) invert(1); }
body.rc-auth-unified .rc-auth-logo-link { margin-bottom: 0 !important; }
body.rc-auth-unified :is(.rc-auth-logo-link, .device-auth-logo) img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}
body.rc-auth-unified .device-auth-logo {
    background: transparent;
    border: 0;
    border-radius: 0;
}

@media (max-height: 760px), (max-width: 768px) {
    body.rc-auth-unified,
    body.rc-auth-unified #content {
        height: auto !important;
        min-height: 100dvh;
        overflow: visible;
    }
}