/* Modo escuro do BolsoFin — arquivo GERADO por ferramentas/gerar-tema-escuro.js (não edite à mão). Ativo quando <html class="tema-escuro">. */
html.tema-escuro { color-scheme: dark; }
html.tema-escuro body, html.tema-escuro body.bg-slate-50 { background-color: #0c0f1a !important; color: #dde1ec; }
html.tema-escuro .bg-white { background-color: #171c2f !important; }
html.tema-escuro .bg-slate-50,
html.tema-escuro .bg-slate-50\/60,
html.tema-escuro .hover\:bg-slate-50\:hover,
html.tema-escuro .focus\:bg-white\:focus { background-color: #10142a !important; }
html.tema-escuro .bg-slate-100,
html.tema-escuro .hover\:bg-slate-100\:hover { background-color: #232a40 !important; }
html.tema-escuro .bg-slate-200,
html.tema-escuro .hover\:bg-slate-200\:hover { background-color: #2f3753 !important; }
html.tema-escuro .bg-slate-300 { background-color: #3d4663 !important; }
html.tema-escuro .text-slate-800,
html.tema-escuro .text-slate-900 { color: #eef0f7 !important; }
html.tema-escuro .text-slate-700 { color: #dde1ec !important; }
html.tema-escuro .text-slate-600 { color: #c3c9d9 !important; }
html.tema-escuro .text-slate-500 { color: #9ca3b9 !important; }
html.tema-escuro .text-slate-400,
html.tema-escuro .placeholder-slate-400\:\:placeholder { color: #7f879f !important; }
html.tema-escuro .text-slate-300 { color: #5f667d !important; }
html.tema-escuro .text-slate-200 { color: #4a5168 !important; }
html.tema-escuro .border-slate-50,
html.tema-escuro .border-slate-100,
html.tema-escuro .divide-slate-50 > * + *,
html.tema-escuro .divide-slate-100 > * + * { border-color: #252c44 !important; }
html.tema-escuro .border-slate-200,
html.tema-escuro .border-slate-300 { border-color: #323a56 !important; }
html.tema-escuro .border-white { border-color: #171c2f !important; }
html.tema-escuro .ring-white { --tw-ring-color: #171c2f !important; }
html.tema-escuro .soft-shadow { box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.45) !important; }
html.tema-escuro .bg-emerald-50,
html.tema-escuro .bg-emerald-50\/60,
html.tema-escuro .hover\:bg-emerald-50\:hover { background-color: rgba(16, 185, 129, 0.12) !important; }
html.tema-escuro .bg-emerald-100,
html.tema-escuro .hover\:bg-emerald-100\:hover { background-color: rgba(16, 185, 129, 0.2) !important; }
html.tema-escuro .border-emerald-100,
html.tema-escuro .border-emerald-200 { border-color: rgba(16, 185, 129, 0.32) !important; }
html.tema-escuro .text-emerald-600 { color: #34d399 !important; }
html.tema-escuro .text-emerald-700,
html.tema-escuro .text-emerald-800,
html.tema-escuro .text-emerald-900 { color: #6ee7b7 !important; }
html.tema-escuro .ring-emerald-100,
html.tema-escuro .ring-emerald-200 { --tw-ring-color: rgba(16, 185, 129, 0.35) !important; }
html.tema-escuro .shadow-emerald-200 { --tw-shadow-color: rgba(0, 0, 0, 0.4) !important; }
html.tema-escuro .bg-rose-50,
html.tema-escuro .bg-rose-50\/60,
html.tema-escuro .hover\:bg-rose-50\:hover { background-color: rgba(244, 63, 94, 0.12) !important; }
html.tema-escuro .bg-rose-100,
html.tema-escuro .hover\:bg-rose-100\:hover { background-color: rgba(244, 63, 94, 0.2) !important; }
html.tema-escuro .border-rose-100,
html.tema-escuro .border-rose-200 { border-color: rgba(244, 63, 94, 0.32) !important; }
html.tema-escuro .text-rose-600 { color: #fb7185 !important; }
html.tema-escuro .text-rose-700,
html.tema-escuro .text-rose-800,
html.tema-escuro .text-rose-900 { color: #fda4af !important; }
html.tema-escuro .ring-rose-100,
html.tema-escuro .ring-rose-200 { --tw-ring-color: rgba(244, 63, 94, 0.35) !important; }
html.tema-escuro .shadow-rose-200 { --tw-shadow-color: rgba(0, 0, 0, 0.4) !important; }
html.tema-escuro .bg-amber-50,
html.tema-escuro .bg-amber-50\/60,
html.tema-escuro .hover\:bg-amber-50\:hover { background-color: rgba(245, 158, 11, 0.12) !important; }
html.tema-escuro .bg-amber-100,
html.tema-escuro .hover\:bg-amber-100\:hover { background-color: rgba(245, 158, 11, 0.2) !important; }
html.tema-escuro .border-amber-100,
html.tema-escuro .border-amber-200 { border-color: rgba(245, 158, 11, 0.32) !important; }
html.tema-escuro .text-amber-600 { color: #fbbf24 !important; }
html.tema-escuro .text-amber-700,
html.tema-escuro .text-amber-800,
html.tema-escuro .text-amber-900 { color: #fcd34d !important; }
html.tema-escuro .ring-amber-100,
html.tema-escuro .ring-amber-200 { --tw-ring-color: rgba(245, 158, 11, 0.35) !important; }
html.tema-escuro .shadow-amber-200 { --tw-shadow-color: rgba(0, 0, 0, 0.4) !important; }
html.tema-escuro .bg-indigo-50,
html.tema-escuro .bg-indigo-50\/60,
html.tema-escuro .hover\:bg-indigo-50\:hover { background-color: rgba(99, 102, 241, 0.12) !important; }
html.tema-escuro .bg-indigo-100,
html.tema-escuro .hover\:bg-indigo-100\:hover { background-color: rgba(99, 102, 241, 0.2) !important; }
html.tema-escuro .border-indigo-100,
html.tema-escuro .border-indigo-200 { border-color: rgba(99, 102, 241, 0.32) !important; }
html.tema-escuro .text-indigo-600 { color: #818cf8 !important; }
html.tema-escuro .text-indigo-700,
html.tema-escuro .text-indigo-800,
html.tema-escuro .text-indigo-900 { color: #a5b4fc !important; }
html.tema-escuro .ring-indigo-100,
html.tema-escuro .ring-indigo-200 { --tw-ring-color: rgba(99, 102, 241, 0.35) !important; }
html.tema-escuro .shadow-indigo-200 { --tw-shadow-color: rgba(0, 0, 0, 0.4) !important; }
html.tema-escuro .bg-sky-50,
html.tema-escuro .bg-sky-50\/60,
html.tema-escuro .hover\:bg-sky-50\:hover { background-color: rgba(14, 165, 233, 0.12) !important; }
html.tema-escuro .bg-sky-100,
html.tema-escuro .hover\:bg-sky-100\:hover { background-color: rgba(14, 165, 233, 0.2) !important; }
html.tema-escuro .border-sky-100,
html.tema-escuro .border-sky-200 { border-color: rgba(14, 165, 233, 0.32) !important; }
html.tema-escuro .text-sky-600 { color: #38bdf8 !important; }
html.tema-escuro .text-sky-700,
html.tema-escuro .text-sky-800,
html.tema-escuro .text-sky-900 { color: #7dd3fc !important; }
html.tema-escuro .ring-sky-100,
html.tema-escuro .ring-sky-200 { --tw-ring-color: rgba(14, 165, 233, 0.35) !important; }
html.tema-escuro .shadow-sky-200 { --tw-shadow-color: rgba(0, 0, 0, 0.4) !important; }
html.tema-escuro .bg-violet-50,
html.tema-escuro .bg-violet-50\/60,
html.tema-escuro .hover\:bg-violet-50\:hover { background-color: rgba(139, 92, 246, 0.12) !important; }
html.tema-escuro .bg-violet-100,
html.tema-escuro .hover\:bg-violet-100\:hover { background-color: rgba(139, 92, 246, 0.2) !important; }
html.tema-escuro .border-violet-100,
html.tema-escuro .border-violet-200 { border-color: rgba(139, 92, 246, 0.32) !important; }
html.tema-escuro .text-violet-600 { color: #a78bfa !important; }
html.tema-escuro .text-violet-700,
html.tema-escuro .text-violet-800,
html.tema-escuro .text-violet-900 { color: #c4b5fd !important; }
html.tema-escuro .ring-violet-100,
html.tema-escuro .ring-violet-200 { --tw-ring-color: rgba(139, 92, 246, 0.35) !important; }
html.tema-escuro .shadow-violet-200 { --tw-shadow-color: rgba(0, 0, 0, 0.4) !important; }
html.tema-escuro .bg-orange-50,
html.tema-escuro .bg-orange-50\/60,
html.tema-escuro .hover\:bg-orange-50\:hover { background-color: rgba(249, 115, 22, 0.12) !important; }
html.tema-escuro .bg-orange-100,
html.tema-escuro .hover\:bg-orange-100\:hover { background-color: rgba(249, 115, 22, 0.2) !important; }
html.tema-escuro .border-orange-100,
html.tema-escuro .border-orange-200 { border-color: rgba(249, 115, 22, 0.32) !important; }
html.tema-escuro .text-orange-600 { color: #fb923c !important; }
html.tema-escuro .text-orange-700,
html.tema-escuro .text-orange-800,
html.tema-escuro .text-orange-900 { color: #fdba74 !important; }
html.tema-escuro .ring-orange-100,
html.tema-escuro .ring-orange-200 { --tw-ring-color: rgba(249, 115, 22, 0.35) !important; }
html.tema-escuro .shadow-orange-200 { --tw-shadow-color: rgba(0, 0, 0, 0.4) !important; }
html.tema-escuro .bg-pink-50,
html.tema-escuro .bg-pink-50\/60,
html.tema-escuro .hover\:bg-pink-50\:hover { background-color: rgba(236, 72, 153, 0.12) !important; }
html.tema-escuro .bg-pink-100,
html.tema-escuro .hover\:bg-pink-100\:hover { background-color: rgba(236, 72, 153, 0.2) !important; }
html.tema-escuro .border-pink-100,
html.tema-escuro .border-pink-200 { border-color: rgba(236, 72, 153, 0.32) !important; }
html.tema-escuro .text-pink-600 { color: #f472b6 !important; }
html.tema-escuro .text-pink-700,
html.tema-escuro .text-pink-800,
html.tema-escuro .text-pink-900 { color: #f9a8d4 !important; }
html.tema-escuro .ring-pink-100,
html.tema-escuro .ring-pink-200 { --tw-ring-color: rgba(236, 72, 153, 0.35) !important; }
html.tema-escuro .shadow-pink-200 { --tw-shadow-color: rgba(0, 0, 0, 0.4) !important; }
html.tema-escuro .bg-teal-50,
html.tema-escuro .bg-teal-50\/60,
html.tema-escuro .hover\:bg-teal-50\:hover { background-color: rgba(20, 184, 166, 0.12) !important; }
html.tema-escuro .bg-teal-100,
html.tema-escuro .hover\:bg-teal-100\:hover { background-color: rgba(20, 184, 166, 0.2) !important; }
html.tema-escuro .border-teal-100,
html.tema-escuro .border-teal-200 { border-color: rgba(20, 184, 166, 0.32) !important; }
html.tema-escuro .text-teal-600 { color: #2dd4bf !important; }
html.tema-escuro .text-teal-700,
html.tema-escuro .text-teal-800,
html.tema-escuro .text-teal-900 { color: #5eead4 !important; }
html.tema-escuro .ring-teal-100,
html.tema-escuro .ring-teal-200 { --tw-ring-color: rgba(20, 184, 166, 0.35) !important; }
html.tema-escuro .shadow-teal-200 { --tw-shadow-color: rgba(0, 0, 0, 0.4) !important; }
html.tema-escuro .bg-cyan-50,
html.tema-escuro .bg-cyan-50\/60,
html.tema-escuro .hover\:bg-cyan-50\:hover { background-color: rgba(6, 182, 212, 0.12) !important; }
html.tema-escuro .bg-cyan-100,
html.tema-escuro .hover\:bg-cyan-100\:hover { background-color: rgba(6, 182, 212, 0.2) !important; }
html.tema-escuro .border-cyan-100,
html.tema-escuro .border-cyan-200 { border-color: rgba(6, 182, 212, 0.32) !important; }
html.tema-escuro .text-cyan-600 { color: #22d3ee !important; }
html.tema-escuro .text-cyan-700,
html.tema-escuro .text-cyan-800,
html.tema-escuro .text-cyan-900 { color: #67e8f9 !important; }
html.tema-escuro .ring-cyan-100,
html.tema-escuro .ring-cyan-200 { --tw-ring-color: rgba(6, 182, 212, 0.35) !important; }
html.tema-escuro .shadow-cyan-200 { --tw-shadow-color: rgba(0, 0, 0, 0.4) !important; }
html.tema-escuro .bg-yellow-50,
html.tema-escuro .bg-yellow-50\/60,
html.tema-escuro .hover\:bg-yellow-50\:hover { background-color: rgba(234, 179, 8, 0.12) !important; }
html.tema-escuro .bg-yellow-100,
html.tema-escuro .hover\:bg-yellow-100\:hover { background-color: rgba(234, 179, 8, 0.2) !important; }
html.tema-escuro .border-yellow-100,
html.tema-escuro .border-yellow-200 { border-color: rgba(234, 179, 8, 0.32) !important; }
html.tema-escuro .text-yellow-600 { color: #facc15 !important; }
html.tema-escuro .text-yellow-700,
html.tema-escuro .text-yellow-800,
html.tema-escuro .text-yellow-900 { color: #fde047 !important; }
html.tema-escuro .ring-yellow-100,
html.tema-escuro .ring-yellow-200 { --tw-ring-color: rgba(234, 179, 8, 0.35) !important; }
html.tema-escuro .shadow-yellow-200 { --tw-shadow-color: rgba(0, 0, 0, 0.4) !important; }
html.tema-escuro .bg-red-50,
html.tema-escuro .bg-red-50\/60,
html.tema-escuro .hover\:bg-red-50\:hover { background-color: rgba(239, 68, 68, 0.12) !important; }
html.tema-escuro .bg-red-100,
html.tema-escuro .hover\:bg-red-100\:hover { background-color: rgba(239, 68, 68, 0.2) !important; }
html.tema-escuro .border-red-100,
html.tema-escuro .border-red-200 { border-color: rgba(239, 68, 68, 0.32) !important; }
html.tema-escuro .text-red-600 { color: #f87171 !important; }
html.tema-escuro .text-red-700,
html.tema-escuro .text-red-800,
html.tema-escuro .text-red-900 { color: #fca5a5 !important; }
html.tema-escuro .ring-red-100,
html.tema-escuro .ring-red-200 { --tw-ring-color: rgba(239, 68, 68, 0.35) !important; }
html.tema-escuro .shadow-red-200 { --tw-shadow-color: rgba(0, 0, 0, 0.4) !important; }
html.tema-escuro .bg-green-50,
html.tema-escuro .bg-green-50\/60,
html.tema-escuro .hover\:bg-green-50\:hover { background-color: rgba(34, 197, 94, 0.12) !important; }
html.tema-escuro .bg-green-100,
html.tema-escuro .hover\:bg-green-100\:hover { background-color: rgba(34, 197, 94, 0.2) !important; }
html.tema-escuro .border-green-100,
html.tema-escuro .border-green-200 { border-color: rgba(34, 197, 94, 0.32) !important; }
html.tema-escuro .text-green-600 { color: #4ade80 !important; }
html.tema-escuro .text-green-700,
html.tema-escuro .text-green-800,
html.tema-escuro .text-green-900 { color: #86efac !important; }
html.tema-escuro .ring-green-100,
html.tema-escuro .ring-green-200 { --tw-ring-color: rgba(34, 197, 94, 0.35) !important; }
html.tema-escuro .shadow-green-200 { --tw-shadow-color: rgba(0, 0, 0, 0.4) !important; }
html.tema-escuro .bg-blue-50,
html.tema-escuro .bg-blue-50\/60,
html.tema-escuro .hover\:bg-blue-50\:hover { background-color: rgba(59, 130, 246, 0.12) !important; }
html.tema-escuro .bg-blue-100,
html.tema-escuro .hover\:bg-blue-100\:hover { background-color: rgba(59, 130, 246, 0.2) !important; }
html.tema-escuro .border-blue-100,
html.tema-escuro .border-blue-200 { border-color: rgba(59, 130, 246, 0.32) !important; }
html.tema-escuro .text-blue-600 { color: #60a5fa !important; }
html.tema-escuro .text-blue-700,
html.tema-escuro .text-blue-800,
html.tema-escuro .text-blue-900 { color: #93c5fd !important; }
html.tema-escuro .ring-blue-100,
html.tema-escuro .ring-blue-200 { --tw-ring-color: rgba(59, 130, 246, 0.35) !important; }
html.tema-escuro .shadow-blue-200 { --tw-shadow-color: rgba(0, 0, 0, 0.4) !important; }
html.tema-escuro .bg-purple-50,
html.tema-escuro .bg-purple-50\/60,
html.tema-escuro .hover\:bg-purple-50\:hover { background-color: rgba(168, 85, 247, 0.12) !important; }
html.tema-escuro .bg-purple-100,
html.tema-escuro .hover\:bg-purple-100\:hover { background-color: rgba(168, 85, 247, 0.2) !important; }
html.tema-escuro .border-purple-100,
html.tema-escuro .border-purple-200 { border-color: rgba(168, 85, 247, 0.32) !important; }
html.tema-escuro .text-purple-600 { color: #c084fc !important; }
html.tema-escuro .text-purple-700,
html.tema-escuro .text-purple-800,
html.tema-escuro .text-purple-900 { color: #d8b4fe !important; }
html.tema-escuro .ring-purple-100,
html.tema-escuro .ring-purple-200 { --tw-ring-color: rgba(168, 85, 247, 0.35) !important; }
html.tema-escuro .shadow-purple-200 { --tw-shadow-color: rgba(0, 0, 0, 0.4) !important; }
html.tema-escuro .seg { background: #232a40; }
html.tema-escuro .seg button { color: #9ca3b9; }
html.tema-escuro .seg button.ativo { background: #171c2f; color: #a5b4fc; box-shadow: 0 1px 4px rgba(0,0,0,.4); }
html.tema-escuro .seg.seg-despesa button.ativo { color: #fda4af; }
html.tema-escuro .seg.seg-receita button.ativo { color: #6ee7b7; }
html.tema-escuro .chip-cat { background: #171c2f; border-color: #323a56; color: #c3c9d9; }
html.tema-escuro .chip-cat.ativo { background: rgba(99,102,241,.2); border-color: #818cf8; color: #c7d2fe; box-shadow: 0 0 0 2px rgba(99,102,241,.35); }
html.tema-escuro .icone-opcao { background: #232a40; color: #c3c9d9; }
html.tema-escuro .icone-opcao.ativo { background: #4f46e5; color: #fff; }
html.tema-escuro .cor-opcao { border-color: #171c2f; box-shadow: 0 0 0 1px #323a56; }
html.tema-escuro .cor-opcao.ativo { box-shadow: 0 0 0 2px #e2e8f0; }
html.tema-escuro input, html.tema-escuro select, html.tema-escuro textarea { color: #dde1ec; }
html.tema-escuro input::placeholder, html.tema-escuro textarea::placeholder { color: #5f667d; }
html.tema-escuro .nav-active { color: #a5b4fc !important; }