/**
 * Auth pages (Sign Up, Sign In, Forgot, Terms, Privacy) — light + dark mode.
 * Loaded after style.min / style-dark so overrides win.
 */

/* ===== Light mode: primary banner only + light page (not full primary fill) ===== */
html:not(.dark-skin) body.main-box:has(> .auth),
html:not(.dark-skin) body:has(> .auth) {
    background-color: #f7f7f7 !important;
    color: #2e2e2e !important;
    color-scheme: light;
}

html:not(.dark-skin) .auth {
    background-color: #f7f7f7 !important;
    color: #2e2e2e !important;
    min-height: 100vh;
}

html:not(.dark-skin) .auth-header {
    background-color: var(--themePrimary, #2F90C4) !important;
    background-image: none !important;
    color: #fff !important;
    flex: 0 0 auto;
    width: 100%;
}

html:not(.dark-skin) .auth-form {
    background-color: #fff !important;
    color: #2e2e2e !important;
    box-shadow: 0 0 0 1px rgba(20, 20, 31, 0.05), 0 1px 3px 0 rgba(20, 20, 31, 0.15);
}

html:not(.dark-skin) .auth-form label,
html:not(.dark-skin) .auth-form .form-group,
html:not(.dark-skin) .auth-form p,
html:not(.dark-skin) .auth-form .custom-control-label {
    color: #2e2e2e !important;
}

html:not(.dark-skin) .auth-form .text-muted {
    color: #6c757d !important;
}

html:not(.dark-skin) .auth-form .form-control {
    background-color: #fff !important;
    color: #2e2e2e !important;
    border-color: #ced4da !important;
}

html:not(.dark-skin) .auth-form .form-control:focus {
    border-color: var(--themePrimary, #2F90C4) !important;
    box-shadow: 0 0 0 1px var(--themePrimary, #2F90C4) !important;
}

html:not(.dark-skin) .auth-form a {
    color: var(--themePrimary, #2F90C4) !important;
}

html:not(.dark-skin) .auth-form .btn-primary {
    background-color: var(--themePrimary, #2F90C4) !important;
    border-color: var(--themePrimary, #2F90C4) !important;
    color: #fff !important;
}

html:not(.dark-skin) .auth footer {
    color: #6c757d !important;
    background: transparent !important;
}

/* Early / reliable dark auth surface even if stylesheet toggle races */
html.dark-skin,
html.dark-skin body,
body.dark-skin {
    background-color: #0f0f0f !important;
    color: #e8e8e8 !important;
    color-scheme: dark;
}

html.dark-skin .auth,
body.dark-skin .auth {
    background-color: #0f0f0f !important;
    color: #e8e8e8 !important;
    min-height: 100vh;
}

html.dark-skin .auth-header,
body.dark-skin .auth-header {
    background-color: var(--themePrimary, #96154d) !important;
    color: #fff !important;
}

html.dark-skin .auth-form,
body.dark-skin .auth-form {
    background-color: #0a0a0a !important;
    color: #e8e8e8 !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.45) !important;
}

html.dark-skin .auth-form label,
html.dark-skin .auth-form .form-group,
html.dark-skin .auth-form p,
html.dark-skin .auth-form .custom-control-label,
html.dark-skin .auth footer,
body.dark-skin .auth-form label,
body.dark-skin .auth-form .form-group,
body.dark-skin .auth-form p,
body.dark-skin .auth-form .custom-control-label,
body.dark-skin .auth footer {
    color: #e8e8e8 !important;
}

html.dark-skin .auth-form .text-muted,
body.dark-skin .auth-form .text-muted {
    color: #aaa !important;
}

html.dark-skin .auth-form .form-control,
body.dark-skin .auth-form .form-control {
    background-color: #1a1a1a !important;
    color: #e8e8e8 !important;
    border-color: #333 !important;
}

html.dark-skin .auth-form .form-control::placeholder,
body.dark-skin .auth-form .form-control::placeholder {
    color: #888 !important;
}

html.dark-skin .auth-form .form-control:focus,
body.dark-skin .auth-form .form-control:focus {
    border-color: var(--themePrimary, #96154d) !important;
    box-shadow: 0 0 0 1px var(--themePrimary, #96154d) !important;
    background-color: #1a1a1a !important;
    color: #fff !important;
}

html.dark-skin .auth-form a,
body.dark-skin .auth-form a {
    color: var(--themePrimary, #96154d) !important;
}

html.dark-skin .auth-form .btn-primary,
body.dark-skin .auth-form .btn-primary {
    background-color: var(--themePrimary, #96154d) !important;
    border-color: var(--themePrimary, #96154d) !important;
    color: #fff !important;
}

html.dark-skin .auth-form .custom-control-label::before,
body.dark-skin .auth-form .custom-control-label::before {
    background-color: #1a1a1a !important;
    border-color: #555 !important;
}

html.dark-skin .auth-form .custom-radio .custom-control-input:checked ~ .custom-control-label::before,
html.dark-skin .auth-form .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
body.dark-skin .auth-form .custom-radio .custom-control-input:checked ~ .custom-control-label::before,
body.dark-skin .auth-form .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--themePrimary, #96154d) !important;
    border-color: var(--themePrimary, #96154d) !important;
}

html.dark-skin .auth footer,
body.dark-skin .auth footer {
    color: #888 !important;
}