/* Panel izquierdo: imagen de fondo; fallback usa color del tema */
.login-left-panel[data-v-33681130] {
    background-color: rgb(var(--color-aside));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* Inputs en panel oscuro: usan variables del tema */
.login-input[data-v-33681130] .form-control-input {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-border-dark) / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-panel) / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(var(--color-text) / var(--tw-text-opacity, 1));
}
.login-input[data-v-33681130] .form-control-input::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--color-text-muted) / var(--tw-placeholder-opacity, 1));
}
.login-input[data-v-33681130] .form-control-input::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--color-text-muted) / var(--tw-placeholder-opacity, 1));
}
.login-input[data-v-33681130] .form-control-input:focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary) / var(--tw-border-opacity, 1));
    --tw-ring-color: rgb(var(--color-primary) / 0.3);
}
.login-input[data-v-33681130] .form-field-label {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}
.login-input[data-v-33681130] .form-control-icon {
    --tw-text-opacity: 1;
    color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1));
}