/* POS UMKM - Modern Login Screen (Dark Mode Extensions) */

body.theme-dark .login-page,
body.dark-mode .login-page {
    background: #020617; /* Very dark background for the page */
}

body.theme-dark .login-shell,
body.dark-mode .login-shell {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(51, 65, 85, 0.6);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}









body.theme-dark .login-panel,
body.dark-mode .login-panel {
    background: rgba(15, 23, 42, 0.4);
}

body.theme-dark .glass-panel h2,
body.dark-mode .glass-panel h2 {
    color: #f8fafc;
}

body.theme-dark .glass-panel .subtitle,
body.dark-mode .glass-panel .subtitle {
    color: #94a3b8;
}

body.theme-dark .modern-input-group label,
body.dark-mode .modern-input-group label {
    color: #cbd5e1;
}

body.theme-dark .modern-input,
body.dark-mode .modern-input {
    background: rgba(30, 41, 59, 0.6);
    border-color: rgba(71, 85, 105, 0.5);
    color: #f8fafc;
}

body.theme-dark .modern-input::placeholder,
body.dark-mode .modern-input::placeholder {
    color: #64748b;
}

body.theme-dark .modern-input:focus,
body.dark-mode .modern-input:focus {
    background: rgba(30, 41, 59, 0.9);
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);
}

body.theme-dark .btn-glow,
body.dark-mode .btn-glow {
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.15);
}

body.theme-dark .login-footer-note,
body.dark-mode .login-footer-note {
    color: #64748b;
}