/* ========================================
   SISTEMA GLOBAL DE TEMAS DARK/LIGHT
   ======================================== */

/* Variáveis CSS para Tema Dark (Padrão) */
:root {
    /* Cores de Fundo */
    --bg-primary: #0f1b0f;
    --bg-secondary: #1e2e1e;
    --bg-card: #334a33;
    --bg-sidebar: #1e2e1e;
    --bg-header: #1e2e1e;
    --bg-footer: #0f1b0f;
    
    /* Cores de Texto */
    --text-primary: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --text-inverse: #1e2e1e;
    
    /* Cores de Borda */
    --border-color: #475a47;
    --border-light: #334a33;
    --border-dark: #1e2e1e;
    
    /* Sombras */
    --shadow-light: 0 4px 6px rgba(0, 0, 0, 0.3);
    --shadow-medium: 0 8px 16px rgba(0, 0, 0, 0.4);
    --shadow-heavy: 0 20px 40px rgba(0, 0, 0, 0.5);
    
    /* Cores de Status */
    --success: #10b981;
    --warning: #f59e0b;
    --error: #ef4444;
    --info: #3b82f6;
    
    /* Transições */
    --transition: all 0.3s ease;
}

/* Tema Dark - Mantém as mesmas cores do padrão */
[data-theme="dark"] {
    /* Mantém as mesmas cores do :root (já é dark por padrão) */
}

/* ========================================
   APLICAÇÃO GLOBAL DOS TEMAS
   ======================================== */

/* Body e Container Principal */
body {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    transition: var(--transition);
}

/* Sidebar */
.pc-sidebar {
    background-color: var(--bg-sidebar) !important;
    border-right: 1px solid var(--border-color) !important;
    transition: var(--transition);
}

/* Header */
.pc-header {
    background-color: var(--bg-header) !important;
    border-bottom: 1px solid var(--border-color) !important;
    transition: var(--transition);
}

/* Footer */
.pc-footer {
    background-color: var(--bg-footer) !important;
    border-top: 1px solid var(--border-color) !important;
    color: var(--text-secondary) !important;
    transition: var(--transition);
}

/* Cards */
.card, .modern-stat-card, .stat-card, .report-card, .progress-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
    transition: var(--transition);
}

/* Textos */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary) !important;
    transition: var(--transition);
}

p, span, div, label {
    color: var(--text-primary) !important;
    transition: var(--transition);
}

/* Links */
a {
    color: var(--text-primary) !important;
    transition: var(--transition);
}

a:hover {
    color: var(--info) !important;
}

/* Botões */
.btn {
    transition: var(--transition);
}

.btn-primary {
    background-color: var(--info) !important;
    border-color: var(--info) !important;
}

.btn-secondary {
    background-color: var(--text-secondary) !important;
    border-color: var(--text-secondary) !important;
    color: var(--text-inverse) !important;
}

/* Formulários */
.form-control, .form-select {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
    transition: var(--transition);
}

.form-control:focus, .form-select:focus {
    background-color: var(--bg-card) !important;
    border-color: var(--info) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25) !important;
}

/* Tabelas */
.table {
    color: var(--text-primary) !important;
    transition: var(--transition);
}

.table-striped > tbody > tr:nth-of-type(odd) > td {
    background-color: var(--bg-primary) !important;
}

.table-hover > tbody > tr:hover > td {
    background-color: var(--bg-secondary) !important;
}

/* Modais */
.modal-content {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    transition: var(--transition);
}

.modal-header {
    border-bottom: 1px solid var(--border-color) !important;
}

.modal-footer {
    border-top: 1px solid var(--border-color) !important;
}

/* Dropdowns */
.dropdown-menu {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    transition: var(--transition);
}

.dropdown-item {
    color: var(--text-primary) !important;
    transition: var(--transition);
}

.dropdown-item:hover {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

/* Navbar */
.navbar {
    background-color: var(--bg-header) !important;
    border-bottom: 1px solid var(--border-color) !important;
    transition: var(--transition);
}

.navbar-brand, .navbar-nav .nav-link {
    color: var(--text-primary) !important;
    transition: var(--transition);
}

/* Listas */
.list-group-item {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
    transition: var(--transition);
}

/* Alertas */
.alert {
    border: 1px solid var(--border-color) !important;
    transition: var(--transition);
}

.alert-success {
    background-color: rgba(16, 185, 129, 0.1) !important;
    color: var(--success) !important;
}

.alert-warning {
    background-color: rgba(245, 158, 11, 0.1) !important;
    color: var(--warning) !important;
}

.alert-danger {
    background-color: rgba(239, 68, 68, 0.1) !important;
    color: var(--error) !important;
}

.alert-info {
    background-color: rgba(59, 130, 246, 0.1) !important;
    color: var(--info) !important;
}

/* Badges */
.badge {
    transition: var(--transition);
}

/* Progress Bars */
.progress {
    background-color: var(--bg-primary) !important;
    transition: var(--transition);
}

/* Pagination */
.page-link {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
    transition: var(--transition);
}

.page-link:hover {
    background-color: var(--bg-primary) !important;
    border-color: var(--border-dark) !important;
    color: var(--text-primary) !important;
}

.page-item.active .page-link {
    background-color: var(--info) !important;
    border-color: var(--info) !important;
}

/* Breadcrumb */
.breadcrumb {
    background-color: var(--bg-primary) !important;
    transition: var(--transition);
}

.breadcrumb-item a {
    color: var(--text-secondary) !important;
}

.breadcrumb-item.active {
    color: var(--text-primary) !important;
}

/* ========================================
   COMPONENTES ESPECÍFICOS DO SISTEMA
   ======================================== */

/* Dashboard Cards */
.modern-stats-grid .modern-stat-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    transition: var(--transition);
}

.modern-stats-grid .modern-stat-card:hover {
    box-shadow: var(--shadow-medium) !important;
}

/* Chart Summary - Corrigir tema escuro */
.chart-summary {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
    transition: var(--transition);
}

.chart-summary .summary-label {
    color: var(--text-secondary) !important;
    transition: var(--transition);
}

.chart-summary .summary-value {
    color: var(--text-primary) !important;
    transition: var(--transition);
}

/* Chart Container */
.chart-container {
    background-color: var(--bg-card) !important;
    transition: var(--transition);
}

/* Chart Bars */
.chart-bar {
    transition: var(--transition);
}

.chart-bar:hover {
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
}

.bar-value {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
    transition: var(--transition);
}

.bar-label {
    color: var(--text-secondary) !important;
    transition: var(--transition);
}

/* Report Cards específicos */
.report-card .chart-container {
    background-color: var(--bg-card) !important;
}

.report-card .chart-placeholder {
    color: var(--text-secondary) !important;
}

/* Weekly Chart */
.weekly-chart {
    background-color: var(--bg-card) !important;
    transition: var(--transition);
}

.chart-bars {
    background-color: var(--bg-card) !important;
    transition: var(--transition);
}

/* Mobile Cards */
.mobile-balance-card {
    transition: var(--transition);
}

.mobile-stat-card {
    background-color: var(--bg-card) !important;
    transition: var(--transition);
}

/* Settings Modal */
.settings-modal-content {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    transition: var(--transition);
}

.settings-modal-header {
    background-color: var(--bg-primary) !important;
    border-bottom: 1px solid var(--border-color) !important;
    transition: var(--transition);
}

/* Theme Toggle Button */
.theme-toggle {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
    transition: var(--transition);
}

.theme-toggle:hover {
    background-color: var(--text-primary) !important;
    color: var(--bg-primary) !important;
}

/* ========================================
   RESPONSIVIDADE
   ======================================== */

@media (max-width: 768px) {
    .pc-sidebar {
        background-color: var(--bg-sidebar) !important;
    }
    
    .mobile-balance-card {
        background: transparent !important;
        color: #1f2937 !important;
        border: 1px solid rgba(34, 197, 94, 0.2) !important;
    }
}

/* ========================================
   ANIMAÇÕES E TRANSIÇÕES
   ======================================== */

* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

/* Evitar transições em elementos que não devem ter */
.no-transition, .no-transition * {
    transition: none !important;
}

/* ========================================
   ELEMENTOS ESPECÍFICOS QUE FICAM BRANCOS
   ======================================== */

/* Corrigir elementos que ficam brancos no tema escuro */
[data-theme="dark"] .chart-summary,
[data-theme="dark"] .summary-item,
[data-theme="dark"] .chart-container,
[data-theme="dark"] .weekly-chart,
[data-theme="dark"] .chart-bars,
[data-theme="dark"] .bar-value,
[data-theme="dark"] .report-card,
[data-theme="dark"] .modern-stat-card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .progress-card,
[data-theme="dark"] .mobile-stat-card,
[data-theme="dark"] .mobile-action-btn,
[data-theme="dark"] .settings-modal-content,
[data-theme="dark"] .settings-modal-header,
[data-theme="dark"] .theme-toggle {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

/* Textos específicos */
[data-theme="dark"] .summary-label,
[data-theme="dark"] .bar-label,
[data-theme="dark"] .chart-placeholder,
[data-theme="dark"] .no-transactions,
[data-theme="dark"] .no-transactions p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .summary-value,
[data-theme="dark"] .bar-value,
[data-theme="dark"] .stat-content h3,
[data-theme="dark"] .stat-content p {
    color: var(--text-primary) !important;
}

/* Hover states */
[data-theme="dark"] .mobile-action-btn:hover,
[data-theme="dark"] .theme-toggle:hover {
    background-color: var(--bg-primary) !important;
}

/* ========================================
   OVERRIDES PARA TEMPLATE EXISTENTE
   ======================================== */

/* Override para o template PC */
[data-pc-theme="dark"] {
    --bs-body-bg: var(--bg-primary) !important;
    --bs-body-color: var(--text-primary) !important;
}

/* Override para elementos específicos do template */
.pc-sidebar .navbar-nav .nav-link {
    color: var(--text-primary) !important;
}

.pc-sidebar .navbar-nav .nav-link:hover {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

.pc-sidebar .navbar-nav .nav-link.active {
    background-color: var(--info) !important;
    color: var(--text-inverse) !important;
}

/* Header específico */
.pc-header .header-wrapper {
    background-color: var(--bg-header) !important;
}

/* Footer específico */
.pc-footer .footer-wrapper {
    background-color: var(--bg-footer) !important;
    color: var(--text-secondary) !important;
}

/* ========================================
   CORREÇÕES ESPECÍFICAS PARA ELEMENTOS BRANCOS
   ======================================== */

/* Forçar tema escuro em todos os elementos - REMOVIDO PARA EVITAR CONFLITOS */
/* [data-theme="dark"] * {
    background-color: inherit !important;
    color: inherit !important;
} */

/* Elementos específicos que precisam de correção */
[data-theme="dark"] .chart-summary {
    background-color: #334a33 !important;
    color: #f1f5f9 !important;
    border: 1px solid #475a47 !important;
}

[data-theme="dark"] .summary-item {
    background-color: transparent !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .summary-label {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .summary-value {
    color: #f1f5f9 !important;
    font-weight: 700 !important;
}

[data-theme="dark"] .chart-container {
    background-color: #334a33 !important;
}

[data-theme="dark"] .weekly-chart {
    background-color: #334a33 !important;
}

[data-theme="dark"] .chart-bars {
    background-color: #334a33 !important;
}

[data-theme="dark"] .bar-value {
    background-color: #1e2e1e !important;
    color: #f1f5f9 !important;
    border: 1px solid #475a47 !important;
}

[data-theme="dark"] .bar-label {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .report-card {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
}

[data-theme="dark"] .report-header h3 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .legend-item {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .legend-color {
    border: 1px solid #475a47 !important;
}

/* Mobile elements */
[data-theme="dark"] .mobile-stat-card {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
}

[data-theme="dark"] .mobile-stat-card .stat-info h4 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .mobile-stat-card .stat-info p {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .mobile-action-btn {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .mobile-action-btn span {
    color: #f1f5f9 !important;
}

/* Modal elements */
[data-theme="dark"] .settings-modal-content {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
}

[data-theme="dark"] .settings-modal-header {
    background-color: #1e2e1e !important;
    border-bottom: 1px solid #475a47 !important;
}

[data-theme="dark"] .settings-modal-header h3 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .theme-toggle {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .setting-link {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .setting-link:hover {
    background-color: #1e2e1e !important;
    color: #22d3ee !important;
}

/* ========================================
   NAVBAR MOBILE - CORREÇÃO TEMA ESCURO
   ======================================== */

/* Navbar wrapper */
[data-theme="dark"] .navbar-wrapper {
    background-color: #1e2e1e !important;
    border-top: 1px solid #475a47 !important;
}

/* PC Bottom Nav - Navbar Mobile */
[data-theme="dark"] .pc-bottom-nav {
    background-color: #1e2e1e !important;
    border-top: 1px solid #475a47 !important;
}

[data-theme="dark"] .pc-bottom-nav .nav-link {
    color: #cbd5e1 !important;
    background-color: transparent !important;
}

[data-theme="dark"] .pc-bottom-nav .nav-link:hover {
    color: #f1f5f9 !important;
    background-color: #334a33 !important;
}

[data-theme="dark"] .pc-bottom-nav .nav-link.active {
    color: #22d3ee !important;
    background-color: #334a33 !important;
}

[data-theme="dark"] .pc-bottom-nav .nav-link i {
    color: inherit !important;
}

[data-theme="dark"] .pc-bottom-nav .nav-link span {
    color: inherit !important;
}

/* Navbar items específicos */
[data-theme="dark"] .pc-bottom-nav .nav-item {
    background-color: transparent !important;
}

[data-theme="dark"] .pc-bottom-nav .nav-item:hover {
    background-color: #334a33 !important;
}

/* Fixed bottom navbar */
[data-theme="dark"] .fixed-bottom {
    background-color: #1e2e1e !important;
    border-top: 1px solid #475a47 !important;
}

/* Mobile navbar wrapper */
[data-theme="dark"] .pc-bottom-nav .navbar-wrapper {
    background-color: #1e2e1e !important;
}

/* Navbar brand mobile */
[data-theme="dark"] .pc-bottom-nav .navbar-brand {
    color: #f1f5f9 !important;
}

/* Navbar toggler mobile */
[data-theme="dark"] .pc-bottom-nav .navbar-toggler {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .pc-bottom-nav .navbar-toggler-icon {
    background-color: #f1f5f9 !important;
}

/* ========================================
   CORREÇÕES ADICIONAIS PARA NAVBAR MOBILE
   ======================================== */

/* Forçar tema escuro em todos os elementos do navbar mobile */
[data-theme="dark"] .d-md-none {
    background-color: #1e2e1e !important;
}

[data-theme="dark"] .fixed-bottom {
    background-color: #1e2e1e !important;
    border-top: 1px solid #475a47 !important;
}

/* Navbar collapse mobile */
[data-theme="dark"] .pc-bottom-nav .navbar-collapse {
    background-color: #1e2e1e !important;
}

/* Navbar nav mobile */
[data-theme="dark"] .pc-bottom-nav .navbar-nav {
    background-color: #1e2e1e !important;
}

/* Navbar nav links mobile */
[data-theme="dark"] .pc-bottom-nav .navbar-nav .nav-link {
    color: #cbd5e1 !important;
    background-color: transparent !important;
    border: none !important;
}

[data-theme="dark"] .pc-bottom-nav .navbar-nav .nav-link:hover {
    color: #f1f5f9 !important;
    background-color: #334a33 !important;
}

[data-theme="dark"] .pc-bottom-nav .navbar-nav .nav-link.active {
    color: #22d3ee !important;
    background-color: #334a33 !important;
}

/* Navbar dropdown mobile */
[data-theme="dark"] .pc-bottom-nav .dropdown-menu {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
}

[data-theme="dark"] .pc-bottom-nav .dropdown-item {
    color: #f1f5f9 !important;
    background-color: transparent !important;
}

[data-theme="dark"] .pc-bottom-nav .dropdown-item:hover {
    color: #22d3ee !important;
    background-color: #1e2e1e !important;
}

/* Navbar text mobile */
[data-theme="dark"] .pc-bottom-nav .navbar-text {
    color: #cbd5e1 !important;
}

/* Navbar form mobile */
[data-theme="dark"] .pc-bottom-nav .navbar-form {
    background-color: #1e2e1e !important;
}

/* Navbar input mobile */
[data-theme="dark"] .pc-bottom-nav .form-control {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .pc-bottom-nav .form-control:focus {
    background-color: #334a33 !important;
    border-color: #22d3ee !important;
    color: #f1f5f9 !important;
    box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.25) !important;
}

/* Navbar button mobile */
[data-theme="dark"] .pc-bottom-nav .btn {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .pc-bottom-nav .btn:hover {
    background-color: #475a47 !important;
    color: #f1f5f9 !important;
}

/* Navbar badge mobile */
[data-theme="dark"] .pc-bottom-nav .badge {
    background-color: #22d3ee !important;
    color: #1e2e1e !important;
}

/* Navbar progress mobile */
[data-theme="dark"] .pc-bottom-nav .progress {
    background-color: #334a33 !important;
}

[data-theme="dark"] .pc-bottom-nav .progress-bar {
    background-color: #22d3ee !important;
}

/* ========================================
   CORREÇÕES PARA TEMA CLARO (LIGHT)
   ======================================== */

/* Garantir que o tema claro funcione corretamente */
[data-theme="light"] {
    --bg-primary: #f8fcf8 !important;
    --bg-secondary: #ffffff !important;
    --bg-card: #ffffff !important;
    --bg-sidebar: #ffffff !important;
    --bg-header: #ffffff !important;
    --bg-footer: #f8fcf8 !important;
    --text-primary: #1e2e1e !important;
    --text-secondary: #64748b !important;
    --text-muted: #6b7280 !important;
    --text-inverse: #1e2e1e !important;
    --border-color: #e2f0e2 !important;
    --border-light: #f1f9f1 !important;
    --border-dark: #cbe1cb !important;
    --shadow-light: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
    --shadow-medium: 0 8px 16px rgba(0, 0, 0, 0.1) !important;
    --shadow-heavy: 0 20px 40px rgba(0, 0, 0, 0.1) !important;
}

/* Forçar tema claro em todos os elementos - REMOVIDO PARA EVITAR CONFLITOS */
/* [data-theme="light"] * {
    background-color: inherit !important;
    color: inherit !important;
} */

/* Elementos específicos para tema claro */
[data-theme="light"] .chart-summary {
    background-color: #ffffff !important;
    color: #1e2e1e !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .summary-item {
    background-color: transparent !important;
    color: #1e2e1e !important;
}

[data-theme="light"] .summary-label {
    color: #64748b !important;
}

[data-theme="light"] .summary-value {
    color: #1e2e1e !important;
    font-weight: 700 !important;
}

[data-theme="light"] .chart-container {
    background-color: #ffffff !important;
}

[data-theme="light"] .weekly-chart {
    background-color: #ffffff !important;
}

[data-theme="light"] .chart-bars {
    background-color: #ffffff !important;
}

[data-theme="light"] .bar-value {
    background-color: #1e2e1e !important;
    color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .bar-label {
    color: #64748b !important;
}

[data-theme="light"] .report-card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .report-header h3 {
    color: #1e2e1e !important;
}

[data-theme="light"] .legend-item {
    color: #64748b !important;
}

[data-theme="light"] .legend-color {
    border: 1px solid #e2e8f0 !important;
}

/* Mobile elements - tema claro */
[data-theme="light"] .mobile-stat-card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .mobile-stat-card .stat-info h4 {
    color: #1e2e1e !important;
}

[data-theme="light"] .mobile-stat-card .stat-info p {
    color: #64748b !important;
}

[data-theme="light"] .mobile-action-btn {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e2e1e !important;
}

[data-theme="light"] .mobile-action-btn span {
    color: #1e2e1e !important;
}

/* Modal elements - tema claro */
[data-theme="light"] .settings-modal-content {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .settings-modal-header {
    background-color: #f8fcf8 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .settings-modal-header h3 {
    color: #1e2e1e !important;
}

[data-theme="light"] .theme-toggle {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e2e1e !important;
}

[data-theme="light"] .setting-link {
    color: #1e2e1e !important;
}

[data-theme="light"] .setting-link:hover {
    background-color: #f8fcf8 !important;
    color: #22d3ee !important;
}

/* Navbar mobile - tema claro */
[data-theme="light"] .navbar-wrapper {
    background-color: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .pc-bottom-nav {
    background-color: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .pc-bottom-nav .nav-link {
    color: #64748b !important;
    background-color: transparent !important;
}

[data-theme="light"] .pc-bottom-nav .nav-link:hover {
    color: #1e2e1e !important;
    background-color: #f8fcf8 !important;
}

[data-theme="light"] .pc-bottom-nav .nav-link.active {
    color: #22d3ee !important;
    background-color: #f8fcf8 !important;
}

[data-theme="light"] .pc-bottom-nav .nav-link i {
    color: inherit !important;
}

[data-theme="light"] .pc-bottom-nav .nav-link span {
    color: inherit !important;
}

[data-theme="light"] .pc-bottom-nav .nav-item {
    background-color: transparent !important;
}

[data-theme="light"] .pc-bottom-nav .nav-item:hover {
    background-color: #f8fcf8 !important;
}

[data-theme="light"] .fixed-bottom {
    background-color: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .pc-bottom-nav .navbar-wrapper {
    background-color: #ffffff !important;
}

[data-theme="light"] .pc-bottom-nav .navbar-brand {
    color: #1e2e1e !important;
}

[data-theme="light"] .pc-bottom-nav .navbar-toggler {
    background-color: #f8fcf8 !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e2e1e !important;
}

[data-theme="light"] .pc-bottom-nav .navbar-toggler-icon {
    background-color: #1e2e1e !important;
}

/* Navbar collapse mobile - tema claro */
[data-theme="light"] .pc-bottom-nav .navbar-collapse {
    background-color: #ffffff !important;
}

[data-theme="light"] .pc-bottom-nav .navbar-nav {
    background-color: #ffffff !important;
}

[data-theme="light"] .pc-bottom-nav .navbar-nav .nav-link {
    color: #64748b !important;
    background-color: transparent !important;
    border: none !important;
}

[data-theme="light"] .pc-bottom-nav .navbar-nav .nav-link:hover {
    color: #1e2e1e !important;
    background-color: #f8fcf8 !important;
}

[data-theme="light"] .pc-bottom-nav .navbar-nav .nav-link.active {
    color: #22d3ee !important;
    background-color: #f8fcf8 !important;
}

[data-theme="light"] .pc-bottom-nav .dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .pc-bottom-nav .dropdown-item {
    color: #1e2e1e !important;
    background-color: transparent !important;
}

[data-theme="light"] .pc-bottom-nav .dropdown-item:hover {
    color: #22d3ee !important;
    background-color: #f8fcf8 !important;
}

[data-theme="light"] .pc-bottom-nav .navbar-text {
    color: #64748b !important;
}

[data-theme="light"] .pc-bottom-nav .navbar-form {
    background-color: #ffffff !important;
}

[data-theme="light"] .pc-bottom-nav .form-control {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e2e1e !important;
}

[data-theme="light"] .pc-bottom-nav .form-control:focus {
    background-color: #ffffff !important;
    border-color: #22d3ee !important;
    color: #1e2e1e !important;
    box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.25) !important;
}

[data-theme="light"] .pc-bottom-nav .btn {
    background-color: #f8fcf8 !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e2e1e !important;
}

[data-theme="light"] .pc-bottom-nav .btn:hover {
    background-color: #e2e8f0 !important;
    color: #1e2e1e !important;
}

[data-theme="light"] .pc-bottom-nav .badge {
    background-color: #22d3ee !important;
    color: #ffffff !important;
}

[data-theme="light"] .pc-bottom-nav .progress {
    background-color: #f8fcf8 !important;
}

[data-theme="light"] .pc-bottom-nav .progress-bar {
    background-color: #22d3ee !important;
}

/* ========================================
   GARANTIR QUE TEMA ESCURO FUNCIONE
   ======================================== */

/* Reforçar tema escuro para elementos específicos */
[data-theme="dark"] body {
    background-color: #0f1b0f !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .modern-dashboard-container {
    background-color: #0f1b0f !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .dashboard-header {
    background-color: #1e2e1e !important;
    border: 1px solid #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .dashboard-header h1 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .stat-card {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .stat-content h3 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .stat-content p {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .report-card {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .report-header h3 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .progress-card {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .mobile-stat-card {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .mobile-stat-card .stat-info h4 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .mobile-stat-card .stat-info p {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .mobile-action-btn {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .mobile-action-btn span {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .settings-modal-content {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .settings-modal-header {
    background-color: #1e2e1e !important;
    border-bottom: 1px solid #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .settings-modal-header h3 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .theme-toggle {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .setting-link {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .setting-link:hover {
    background-color: #1e2e1e !important;
    color: #22d3ee !important;
}

/* Navbar mobile - tema escuro reforçado */
[data-theme="dark"] .pc-bottom-nav {
    background-color: #1e2e1e !important;
    border-top: 1px solid #475a47 !important;
}

[data-theme="dark"] .pc-bottom-nav.d-md-none.fixed-bottom {
    background-color: #1e2e1e !important;
    border-top: 1px solid #475a47 !important;
}

[data-theme="dark"] .pc-bottom-nav .nav-link {
    color: #cbd5e1 !important;
    background-color: transparent !important;
}

[data-theme="dark"] .pc-bottom-nav .nav-link:hover {
    color: #f1f5f9 !important;
    background-color: #334a33 !important;
}

[data-theme="dark"] .pc-bottom-nav .nav-link.active {
    color: #22d3ee !important;
    background-color: #334a33 !important;
}

/* Forçar tema escuro em todos os elementos do navbar mobile */
[data-theme="dark"] .pc-bottom-nav.d-md-none.fixed-bottom * {
    background-color: inherit !important;
}

[data-theme="dark"] .pc-bottom-nav.d-md-none.fixed-bottom .nav-item {
    background-color: transparent !important;
}

[data-theme="dark"] .pc-bottom-nav.d-md-none.fixed-bottom .nav-item:hover {
    background-color: #334a33 !important;
}

[data-theme="dark"] .pc-bottom-nav.d-md-none.fixed-bottom .nav-link {
    background-color: transparent !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .pc-bottom-nav.d-md-none.fixed-bottom .nav-link:hover {
    background-color: #334a33 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .pc-bottom-nav.d-md-none.fixed-bottom .nav-link.active {
    background-color: #334a33 !important;
    color: #22d3ee !important;
}

[data-theme="dark"] .pc-bottom-nav.d-md-none.fixed-bottom .nav-link i {
    color: inherit !important;
}

[data-theme="dark"] .pc-bottom-nav.d-md-none.fixed-bottom .nav-link span {
    color: inherit !important;
}

[data-theme="dark"] .pc-bottom-nav .navbar-wrapper {
    background-color: #1e2e1e !important;
}

[data-theme="dark"] .pc-bottom-nav .navbar-collapse {
    background-color: #1e2e1e !important;
}

[data-theme="dark"] .pc-bottom-nav .navbar-nav {
    background-color: #1e2e1e !important;
}

[data-theme="dark"] .pc-bottom-nav .navbar-nav .nav-link {
    color: #cbd5e1 !important;
    background-color: transparent !important;
}

[data-theme="dark"] .pc-bottom-nav .navbar-nav .nav-link:hover {
    color: #f1f5f9 !important;
    background-color: #334a33 !important;
}

[data-theme="dark"] .pc-bottom-nav .navbar-nav .nav-link.active {
    color: #22d3ee !important;
    background-color: #334a33 !important;
}

[data-theme="dark"] .pc-bottom-nav .dropdown-menu {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
}

[data-theme="dark"] .pc-bottom-nav .dropdown-item {
    color: #f1f5f9 !important;
    background-color: transparent !important;
}

[data-theme="dark"] .pc-bottom-nav .dropdown-item:hover {
    color: #22d3ee !important;
    background-color: #1e2e1e !important;
}

[data-theme="dark"] .pc-bottom-nav .navbar-brand {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .pc-bottom-nav .navbar-toggler {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .pc-bottom-nav .navbar-toggler-icon {
    background-color: #f1f5f9 !important;
}

[data-theme="dark"] .pc-bottom-nav .form-control {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .pc-bottom-nav .form-control:focus {
    background-color: #334a33 !important;
    border-color: #22d3ee !important;
    color: #f1f5f9 !important;
    box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.25) !important;
}

[data-theme="dark"] .pc-bottom-nav .btn {
    background-color: #334a33 !important;
    border: 1px solid #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .pc-bottom-nav .btn:hover {
    background-color: #475a47 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .pc-bottom-nav .badge {
    background-color: #22d3ee !important;
    color: #1e2e1e !important;
}

[data-theme="dark"] .pc-bottom-nav .progress {
    background-color: #334a33 !important;
}

[data-theme="dark"] .pc-bottom-nav .progress-bar {
    background-color: #22d3ee !important;
}