/* Login — dark theme (html.login-dark via localStorage theme=dark) */

html.login-dark body.login-page {
    background: #1a1a1a !important;
}

html.login-dark .login-box .card {
    background: #2d2d2d;
    border: 1px solid #404040;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

html.login-dark .login-card-body {
    background: #2d2d2d !important;
    color: #94a3b8 !important;
}

html.login-dark .login-box-msg {
    color: #94a3b8 !important;
}

html.login-dark .login-card-body .input-group .form-control {
    background: #363636 !important;
    border-color: #404040 !important;
    color: #f8fafc !important;
}

html.login-dark .login-card-body .input-group .form-control::placeholder {
    color: #888 !important;
    opacity: 1;
}

html.login-dark .login-card-body .input-group .form-control:focus {
    background: #363636 !important;
    border-color: #3b82f6 !important;
    color: #f8fafc !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2) !important;
}

html.login-dark .login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
    border-color: #3b82f6 !important;
    background: #363636 !important;
    color: #94a3b8 !important;
}

html.login-dark .login-card-body .input-group .input-group-text {
    background: #363636 !important;
    border-color: #404040 !important;
    color: #94a3b8 !important;
}

.login-toggle-password {
    cursor: pointer;
}

html.login-dark .login-card-body .input-group .login-toggle-password:hover {
    color: #cbd5e1 !important;
}

html.login-dark .login-card-body .btn-default,
html.login-dark .login-card-body .btn.btn-default {
    background: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: #fff !important;
    font-weight: 600;
}

html.login-dark .login-card-body .btn-default:hover,
html.login-dark .login-card-body .btn.btn-default:hover {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #fff !important;
}

html.login-dark .login-card-body .btn-default:disabled {
    background: #475569 !important;
    border-color: #475569 !important;
    opacity: 0.85;
}

/* Dashboard loading overlay — dark */
html.dash-load-dark .dashboard-loading-overlay {
    background-color: #1a1a1a !important;
}

html.dash-load-dark .dashboard-loading-text {
    color: #f8fafc !important;
}

html.dash-load-dark .dashboard-spinner {
    border-color: #404040 !important;
    border-top-color: #3b82f6 !important;
}

body.dark-mode .dashboard-loading-overlay {
    background-color: #1a1a1a !important;
}

body.dark-mode .dashboard-loading-text {
    color: #f8fafc !important;
}

body.dark-mode .dashboard-spinner {
    border-color: #404040 !important;
    border-top-color: #3b82f6 !important;
}

/* Selecionar unidade (multiunidade) */
html.login-dark body.selecionar-empresa-page {
    background: #1a1a1a !important;
    color: #f8fafc;
}

html.login-dark .selecionar-empresa-page h1 {
    color: #f8fafc !important;
}

html.login-dark .selecionar-empresa-page .text-secondary,
html.login-dark .selecionar-empresa-page .text-muted {
    color: #94a3b8 !important;
}

html.login-dark .selecionar-empresa-page .card {
    background: #2d2d2d !important;
    border: 1px solid #404040 !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45) !important;
}

html.login-dark .selecionar-empresa-page .list-group-item {
    background: #363636 !important;
    border-color: #404040 !important;
    color: #f8fafc !important;
}

html.login-dark .selecionar-empresa-page .list-group-item:hover {
    background: #404040 !important;
}

html.login-dark .selecionar-empresa-page .list-group-item .material-icons {
    color: #f87171 !important;
}

html.login-dark .selecionar-empresa-page .btn-secondary {
    background: #363636 !important;
    border-color: #404040 !important;
    color: #f8fafc !important;
}

html.login-dark .selecionar-empresa-page .btn-secondary:hover {
    background: #404040 !important;
    border-color: #525252 !important;
    color: #fff !important;
}

html.login-dark .selecionar-empresa-page .btn-secondary .material-icons {
    color: #94a3b8 !important;
}