/* Customer login — light theme (html[data-theme='light']) */

html[data-theme='light'] body.customer-ui-new.customer-login-new {
    color-scheme: light;
    color: #101828;
    background: #e4ebf5;

    /* Studio mist — aligned with admin light + auth reference */
    --new-blue-rgb: var(--portal-primary-rgb);
    --new-bg-root: #e4ebf5;
    --new-bg-sidebar: #dde6f3;
    --new-bg-main: #e8eef6;
    --new-surface-1: #f0f5fb;
    --new-surface-2: #e2eaf4;
    --new-surface-3: #d6e2ef;
    --new-surface-overlay: #f4f8fd;
    --new-border: #c5d3e4;
    --new-border-strong: #a5b8cf;
    --new-text-1: #101828;
    --new-text-2: #344054;
    --new-text-3: #667085;
    --new-shadow-card: 0 8px 24px rgba(16, 24, 40, 0.08);
    --new-shadow-menu: 0 18px 46px rgba(16, 24, 40, 0.14);
    --new-control-bg: color-mix(in srgb, var(--new-surface-2) 92%, transparent);
    --new-control-hover-bg: color-mix(in srgb, var(--new-surface-3) 98%, transparent);
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-shell {
    background: var(--new-bg-root);
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-panel {
    background:
        radial-gradient(circle at 0 0, rgba(var(--portal-primary-rgb), 0.1), transparent 34%),
        linear-gradient(180deg, rgba(248, 251, 255, 0.99), rgba(240, 245, 252, 0.98));
    border-inline-end-color: color-mix(in srgb, var(--new-blue) 18%, var(--new-border));
    box-shadow: 24px 0 70px rgba(16, 24, 40, 0.08);
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-panel::before {
    background-image:
        linear-gradient(rgba(var(--portal-primary-rgb), 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--portal-primary-rgb), 0.04) 1px, transparent 1px);
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-theme-btn,
html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-language-button {
    color: var(--new-text-2);
    background: rgba(255, 255, 255, 0.92);
    border-color: var(--new-border);
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-theme-btn:hover,
html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-theme-btn[aria-pressed='true'],
html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-language-button:hover,
html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-language.open .customer-auth-language-button {
    color: var(--new-blue-bright);
    background: var(--new-blue-soft);
    border-color: rgba(var(--portal-primary-rgb), 0.45);
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-language-menu {
    background: var(--new-surface-overlay);
    border-color: var(--new-border-strong);
    box-shadow: var(--new-shadow-menu);
    scrollbar-color: color-mix(in srgb, var(--new-blue) 48%, var(--new-border-strong)) transparent;
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-language-menu::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--new-blue) 48%, var(--new-border-strong));
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-card {
    background: rgba(255, 255, 255, 0.92);
    border-color: color-mix(in srgb, var(--new-blue) 32%, var(--new-border));
    box-shadow:
        0 22px 55px rgba(16, 24, 40, 0.1),
        0 0 34px rgba(var(--portal-primary-rgb), 0.06);
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-input {
    color: var(--new-text-3);
    background: rgba(239, 245, 252, 0.9);
    border-color: var(--new-border-strong);
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-input:focus-within {
    color: var(--new-blue-bright);
    background: #fff;
    border-color: var(--new-blue-bright);
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-eye {
    color: var(--new-text-3);
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-eye:hover {
    color: var(--new-blue-bright);
    background: var(--new-blue-soft);
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-submit {
    color: #f3f6fb;
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-card-note {
    border-top-color: var(--new-border);
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .classic-login-maker {
    border-top-color: var(--new-border);
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .classic-login-maker-company img,
html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-footer .new-auth-maker-company img {
    filter: brightness(0);
    opacity: 0.85;
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .classic-login-maker-product img,
html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-footer .new-auth-maker-product img {
    filter: none;
    opacity: 0.85;
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .classic-login-maker a:hover img,
html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-footer .new-auth-maker a:hover img {
    opacity: 1;
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-input input:-webkit-autofill,
html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-input input:-webkit-autofill:hover,
html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-input input:-webkit-autofill:focus,
html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-input input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px rgba(239, 245, 252, 0.9) inset;
    box-shadow: 0 0 0 1000px rgba(239, 245, 252, 0.9) inset;
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-input:focus-within input:-webkit-autofill,
html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-input:focus-within input:-webkit-autofill:hover,
html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-input:focus-within input:-webkit-autofill:focus,
html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-input:focus-within input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    box-shadow: 0 0 0 1000px #fff inset;
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-register {
    border-top-color: var(--new-border);
}

html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-register-link:hover,
html[data-theme='light'] body.customer-ui-new.customer-login-new .customer-auth-register-link:focus-visible {
    color: var(--new-text-1);
    background: var(--new-gold-soft);
}

@media (max-width: 900px) {
}