/* 🌙 MODO ESCURO — Controle de Despesa Pro / Controle de Despesas */ /* Ativado quando */ html.dark { background-color: #0f172a; color: #e2e8f0; } /* NAVEGAÇÃO */ html.dark .nav-tabs { background: #1e293b; border-color: #334155; box-shadow: 0 2px 6px rgba(0,0,0,0.3); } html.dark .nav-tab { color: #94a3b8; } html.dark .nav-tab.ativo { background: linear-gradient(135deg, #1e3a8a, #3b82f6); color: #fff; } /* CABEÇALHO */ html.dark .cabecalho h1, html.dark h1, html.dark h2, html.dark h3 { color: #f1f5f9; } html.dark .topo { color: #94a3b8; } /* CAIXA TOTAL */ html.dark .caixa-total, html.dark .card-pagamento, html.dark .gaveta, html.dark .gaveta-pagamento, html.dark .gaveta-principal, html.dark .dash-card, html.dark .dash-grafico { background: #1e293b; border-color: #334155; box-shadow: 0 2px 6px rgba(0,0,0,0.3); } html.dark .caixa-total p, html.dark .card-pag-nome, html.dark .compra-linha, html.dark .top-info { color: #e2e8f0; } html.dark .total-gasto { color: #60a5fa; } /* GAVETAS */ html.dark .cabecalho-gaveta-principal { background: linear-gradient(135deg, #1e293b, #1e3a8a); color: #f1f5f9; } html.dark .cabecalho-gaveta:hover, html.dark .cabecalho-gaveta-pag:hover { background: #334155; } html.dark .conteudo-gaveta, html.dark .conteudo-gaveta-pag, html.dark .conteudo-gaveta-principal { border-top-color: #334155; } html.dark .itens { color: #cbd5e1; } html.dark .compra-item { background: #0f172a; border-color: #334155; } html.dark .compra-meta { color: #64748b; } /* BOTÃO CAPTURA */ html.dark .botao-captura { background: #1e293b; border-color: #334155; color: #e2e8f0; } /* STATUS */ html.dark .status-rede, html.dark #status-rede { color: #94a3b8; } /* LINKS E TEXTOS SECUNDÁRIOS */ html.dark p, html.dark .dash-card-label { color: #94a3b8; } html.dark .dash-card-valor { color: #f1f5f9; } html.dark .dash-card-total { background: linear-gradient(135deg, #1e3a8a, #2563eb); } html.dark .dash-card-total .dash-card-valor { color: #fff; } html.dark .btn-mes { background: #334155; color: #e2e8f0; } html.dark .mes-atual { color: #f1f5f9; } html.dark .top-barra { background: #334155; } /* ALERTA DE LIMITE */ html.dark .alerta-limite-item { background: #1e293b; color: #fbbf24; } /* MODAIS (cartões) */ html.dark .modal { background: #1e293b; border-color: #334155; } html.dark .modal-header h3 { color: #f1f5f9; } html.dark .modal label { color: #cbd5e1; } html.dark .modal input { background: #0f172a; border-color: #334155; color: #e2e8f0; } html.dark .modal input::placeholder { color: #64748b; } html.dark .bandeira-hint, html.dark .hint-seguranca { color: #94a3b8; } html.dark .btn-cancelar { background: #334155; color: #e2e8f0; } /* LISTA DE CARTÕES */ html.dark .cartao-card { background: #1e293b; border-color: #334155; } html.dark .fab { background: linear-gradient(135deg, #1e3a8a, #3b82f6); } /* DASHBOARD — gráficos (Chart.js usa cores do canvas) */ html.dark .grafico-container canvas { filter: brightness(0.9); } /* SCROLLBAR */ html.dark ::-webkit-scrollbar { width: 8px; } html.dark ::-webkit-scrollbar-thumb { background: #334155; border-radius: 8px; } /* CAMERA CARTÃO (já é escuro por padrão) */ html.dark .btn-tocar-camera { background: linear-gradient(135deg, #2563eb, #1e3a8a); }