/* Estilos de Login */
.login-bg {
    background-color: var(--jg-dark-2);
}

.login-card {
    background-color: var(--jg-dark);
    border: var(--border-jg) !important;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg);
}

.bg-white-10 {
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--jg-white) !important;
}

.placeholder-white-50::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

.form-control {
    color: var(--jg-white) !important;
    background-color: transparent !important;
}

.input-group {
    border-radius: var(--radius-md);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

.input-group-text, .form-control {
    border: none !important;
}

.input-group:focus-within {
    border-color: var(--jg-primary) !important;
    box-shadow: 0 0 0 3px rgba(57, 211, 83, 0.25);
}

.text-brand-primary {
    color: var(--jg-primary) !important;
}

.btn-setup-cancel {
    border-color: var(--jg-silver) !important;
    color: var(--jg-silver) !important;
}