/**
 * Auth satélites (Jetstream / guest) + botones Jetstream — Theme Engine.
 * Solo tema claro. No toca Dark Mode ni semánticos.
 */

/* Chrome SeanTheme solo dentro de .login (guest); no afecta el app autenticado */
html:not([data-theme="dark"]) .login .login-cover,
html:not([data-theme="dark"]) .login .login-cover-img,
html:not([data-theme="dark"]) .login .login-cover-bg,
html:not([data-theme="dark"]) .login .login-container > .login-header {
    display: none !important;
}

html:not([data-theme="dark"]) .login,
html:not([data-theme="dark"]) .login-v2,
html:not([data-theme="dark"]) .login .login-container,
html:not([data-theme="dark"]) .login .login-content {
    background: transparent !important;
    min-height: 100vh;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

html:not([data-theme="dark"]) .auth-satellite-shell {
    background: linear-gradient(
        135deg,
        var(--tenant-primary) 0%,
        var(--tenant-primary-hover) 50%,
        var(--tenant-primary-active) 100%
    );
    min-height: 100vh;
    width: 100%;
}

html:not([data-theme="dark"]) .auth-satellite-card {
    background: #fff;
}

html:not([data-theme="dark"]) .auth-tenant-btn {
    background: linear-gradient(
        135deg,
        var(--tenant-primary) 0%,
        var(--tenant-primary-hover) 100%
    ) !important;
    color: var(--tenant-on-primary) !important;
    border-color: transparent !important;
}

html:not([data-theme="dark"]) .auth-tenant-btn:hover,
html:not([data-theme="dark"]) .auth-tenant-btn:focus {
    background: var(--tenant-primary-hover) !important;
    color: var(--tenant-on-primary) !important;
}

html:not([data-theme="dark"]) .auth-tenant-btn:active {
    background: var(--tenant-primary-active) !important;
}

html:not([data-theme="dark"]) .auth-tenant-btn:focus {
    --tw-ring-color: rgba(var(--tenant-primary-rgb), 0.45);
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(var(--tenant-primary-rgb), 0.45);
}

html:not([data-theme="dark"]) .auth-tenant-input:focus {
    border-color: var(--tenant-primary) !important;
    --tw-ring-color: rgba(var(--tenant-primary-rgb), 0.45);
    box-shadow: 0 0 0 1px var(--tenant-primary);
}

html:not([data-theme="dark"]) .auth-tenant-checkbox {
    color: var(--tenant-primary);
    accent-color: var(--tenant-primary);
}

html:not([data-theme="dark"]) .auth-tenant-checkbox:focus {
    --tw-ring-color: rgba(var(--tenant-primary-rgb), 0.45);
}

html:not([data-theme="dark"]) .auth-tenant-focus-ring:focus {
    --tw-ring-color: rgba(var(--tenant-primary-rgb), 0.45);
    outline: 2px solid rgba(var(--tenant-primary-rgb), 0.45);
    outline-offset: 2px;
}

html:not([data-theme="dark"]) .auth-tenant-logo img {
    max-height: 4rem;
    width: auto;
    object-fit: contain;
}
