/* ============================================
   CMMS Industrial - Light Theme
   Sobrescreve :root vars quando [data-theme="light"]
   ============================================ */

html[data-theme="light"], [data-theme="light"] {
    --bg-primary: #f8fafc;
    --bg-secondary: #f1f5f9;
    --bg-tertiary: #e2e8f0;
    --bg-card: #ffffff;
    --bg-hover: #d1d5db;
    --bg-input: #ffffff;

    --text-primary: #0f172a;
    --text-secondary: #1e293b;
    --text-muted: #64748b;
    --text-dark: #94a3b8;

    --border-color: #e2e8f0;
    --border-light: #cbd5e1;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);

    --glow-blue: 0 0 15px rgba(59, 130, 246, 0.15);
    --glow-green: 0 0 15px rgba(16, 185, 129, 0.15);
    --glow-red: 0 0 15px rgba(239, 68, 68, 0.15);
}

[data-theme="light"] body {
    background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%) !important;
}

[data-theme="light"] ::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: var(--border-color);
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: var(--border-light);
}

[data-theme="light"] a {
    color: var(--accent-blue);
}

[data-theme="light"] a:hover {
    color: #2563eb;
}

[data-theme="light"] ::selection {
    background: var(--accent-blue);
    color: white;
}

[data-theme="light"] .screen.active {
    animation: light-fadeIn var(--transition-normal) ease;
}

@keyframes light-fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

[data-theme="light"] .login-background {
    background-color: var(--bg-secondary) !important;
    background-image: none !important;
}

[data-theme="light"] .login-grid {
    background: transparent;
    box-shadow: none;
}

[data-theme="light"] .login-branding {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    border-right: none;
}

[data-theme="light"] .branding-title {
    color: #ffffff !important;
}

[data-theme="light"] .branding-subtitle {
    color: #94a3b8 !important;
}

[data-theme="light"] .branding-features .feature-item {
    color: #cbd5e1 !important;
}

[data-theme="light"] .branding-features .feature-item:hover {
    color: #ffffff !important;
}

[data-theme="light"] .branding-version {
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.15);
    color: #94a3b8;
}

[data-theme="light"] .branding-version {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-muted);
}

[data-theme="light"] .login-card {
    border-color: var(--border-color);
}

[data-theme="light"] .login-header h2 {
    color: var(--text-primary);
}

[data-theme="light"] .login-header p {
    color: var(--text-muted);
}

[data-theme="light"] .login-form label {
    color: var(--text-secondary);
}

[data-theme="light"] .login-form .form-control {
    background: var(--bg-input);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="light"] .login-form .form-control:focus {
    border-color: var(--accent-purple);
    background: var(--bg-input);
}

[data-theme="light"] .login-form .btn-primary {
    background: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);
}

[data-theme="light"] .login-form .btn-primary:hover {
    box-shadow: 0 10px 25px -5px rgba(124, 58, 237, 0.4);
}

[data-theme="light"] .login-actions-container .login-action-btn {
    border-color: var(--border-color);
}

[data-theme="light"] .login-action-corp {
    background: rgba(59, 130, 246, 0.08);
    color: #2563eb;
    border-color: rgba(59, 130, 246, 0.3);
}

[data-theme="light"] .login-action-corp:hover {
    background: rgba(59, 130, 246, 0.15);
    color: #1d4ed8;
}

[data-theme="light"] .login-action-ead {
    background: rgba(139, 92, 246, 0.08);
    color: #7c3aed;
    border-color: rgba(139, 92, 246, 0.3);
}

[data-theme="light"] .login-action-ead:hover {
    background: rgba(139, 92, 246, 0.15);
    color: #6d28d9;
}

[data-theme="light"] .login-action-forgot {
    color: var(--text-muted);
}

[data-theme="light"] .login-action-forgot:hover {
    color: var(--text-primary);
}

[data-theme="light"] .login-action-saved {
    background: rgba(16, 185, 129, 0.08);
    color: #059669;
    border-color: rgba(16, 185, 129, 0.3);
}

[data-theme="light"] .login-action-saved:hover {
    background: rgba(16, 185, 129, 0.15);
    color: #047857;
}

[data-theme="light"] .login-settings-btn {
    background: rgba(100,116,139,0.06);
    border-color: var(--border-color);
    color: var(--text-muted);
}
[data-theme="light"] .login-settings-btn:hover,
[data-theme="light"] .login-settings-btn.active {
    background: rgba(139,92,246,0.1);
    color: #7c3aed;
    border-color: rgba(139,92,246,0.3);
}
[data-theme="light"] .login-settings-dropdown {
    background: #ffffff;
    border-color: var(--border-color);
    box-shadow: 0 12px 40px rgba(0,0,0,0.12);
}
[data-theme="light"] .settings-divider {
    background: var(--border-color);
}
[data-theme="light"] .settings-cred-btn {
    background: rgba(16, 185, 129, 0.08);
    border-color: rgba(16, 185, 129, 0.3);
    color: #059669;
}
[data-theme="light"] .settings-cred-btn:hover {
    background: rgba(16, 185, 129, 0.15);
    color: #047857;
}
[data-theme="light"] .settings-close-mobile {
    background: rgba(100,116,139,0.08);
    border-color: var(--border-color);
    color: var(--text-muted);
}
[data-theme="light"] .settings-close-mobile:hover {
    background: rgba(239,68,68,0.1);
    color: #dc2626;
}
[data-theme="light"] .settings-mobile-title {
    color: var(--text-primary);
}

[data-theme="light"] .login-footer {
    border-top-color: var(--border-color);
}

[data-theme="light"] .login-lang-btn {
    color: var(--text-muted);
}

[data-theme="light"] .login-lang-btn:hover {
    color: var(--accent-purple);
}

[data-theme="light"] .login-lang-btn.active {
    color: var(--accent-purple);
}

[data-theme="light"] .firebase-badge {
    color: var(--text-muted);
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

[data-theme="light"] .toggle-password {
    color: var(--text-muted);
}

[data-theme="light"] .toggle-password:hover {
    color: var(--text-primary);
}

[data-theme="light"] #loginMessage.error {
    background: rgba(239, 68, 68, 0.08);
    color: #dc2626;
    border-color: rgba(239, 68, 68, 0.2);
}

[data-theme="light"] #loginMessage.success {
    background: rgba(16, 185, 129, 0.08);
    color: #059669;
    border-color: rgba(16, 185, 129, 0.2);
}

[data-theme="light"] #loginMessage.info {
    background: rgba(59, 130, 246, 0.08);
    color: #2563eb;
    border-color: rgba(59, 130, 246, 0.2);
}

[data-theme="light"] .cmds-screen,
[data-theme="light"] #cmdScreen,
[data-theme="light"] .cmd-screen {
    background: var(--bg-primary);
}

[data-theme="light"] .cmd-header {
    background: var(--bg-card) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

[data-theme="light"] .header-logo {
    color: var(--text-primary);
}

[data-theme="light"] .header-logo h1 {
    color: var(--text-primary);
}

[data-theme="light"] .badge-grupo {
    background: rgba(139, 92, 246, 0.08);
    color: var(--accent-purple);
    border-color: rgba(139, 92, 246, 0.3);
}

[data-theme="light"] .datetime {
    color: var(--text-muted);
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

[data-theme="light"] .datetime i {
    color: var(--accent-blue);
}

[data-theme="light"] .user-info {
    color: var(--text-secondary);
    border-right-color: var(--border-color);
}

[data-theme="light"] .user-info i {
    color: var(--success);
}

[data-theme="light"] .btn-logout {
    color: var(--danger);
    border-color: rgba(239, 68, 68, 0.3);
}

[data-theme="light"] .btn-logout:hover {
    background: rgba(239, 68, 68, 0.08);
    color: #dc2626;
}

[data-theme="light"] .btn-icon#btnSettings {
    color: var(--text-muted);
}

[data-theme="light"] .btn-icon#btnSettings:hover {
    color: var(--accent-purple);
}

[data-theme="light"] html,
[data-theme="light"] body,
[data-theme="light"] .screen,
[data-theme="light"] .cmd-screen,
[data-theme="light"] .cmd-layout,
[data-theme="light"] .cmd-content {
    background-color: var(--bg-primary) !important;
}

[data-theme="light"] .module-container {
    border-color: var(--border-color);
}

[data-theme="light"] .global-banner.info {
    background: var(--bg-card);
    color: var(--text-primary);
}

[data-theme="light"] #globalBannerText {
    color: var(--text-primary);
}

[data-theme="light"] .account-type-card {
    background: var(--bg-input);
    border-color: var(--border-color);
}

[data-theme="light"] .account-type-card:hover {
    background: var(--bg-secondary);
    border-color: var(--accent-purple);
}

[data-theme="light"] .account-type-info h4 {
    color: var(--text-primary);
}

[data-theme="light"] .account-type-info p {
    color: var(--text-muted);
}

[data-theme="light"] .account-type-info ul {
    border-top-color: var(--border-color);
}

[data-theme="light"] .account-type-info li {
    color: var(--text-secondary);
}

[data-theme="light"] .btn-back {
    color: var(--text-muted);
    border-color: var(--border-color);
}

[data-theme="light"] .btn-back:hover {
    color: var(--text-primary);
    background: var(--bg-hover);
}

[data-theme="light"] #loginScreen .form-control::placeholder {
    color: var(--text-dark);
}

[data-theme="light"] .login-form label i {
    color: var(--text-dark);
}

[data-theme="light"] #loginScreen .login-form .form-control:-webkit-autofill,
[data-theme="light"] #loginScreen .login-form .form-control:-webkit-autofill:hover,
[data-theme="light"] #loginScreen .login-form .form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px var(--bg-input) inset;
    -webkit-text-fill-color: var(--text-primary);
}

[data-theme="light"] .sidebar-overlay {
    background: rgba(0, 0, 0, 0.3);
}

[data-theme="light"] .modal-content {
    background: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="light"] .modal-header {
    border-bottom-color: var(--border-color);
}

[data-theme="light"] .modal-header h2 {
    color: var(--text-primary);
}

[data-theme="light"] .theme-toggle-btn {
    color: var(--text-muted);
    border-color: var(--border-color);
}

[data-theme="light"] .theme-toggle-btn:hover {
    background: var(--bg-secondary);
    color: var(--text-primary);
}