/* Modo Escuro - Aplicado quando modo_escuro_ativo é True */

body.dark-mode {
    background: #0f172a !important;
    color: #e2e8f0 !important;
}

/* FORÇAR todos os backgrounds brancos para escuro */
.dark-mode * {
    border-color: #334155 !important;
}

/* Forçar backgrounds inline brancos para escuro - MAIS ESPECÍFICO */
.dark-mode [style*="background: white"],
.dark-mode [style*="background-color: white"],
.dark-mode [style*="background:#fff"],
.dark-mode [style*="background-color:#fff"],
.dark-mode [style*="background: #fff"],
.dark-mode [style*="background-color: #fff"],
.dark-mode [style*="background-color:#ffffff"],
.dark-mode [style*="background:#ffffff"],
.dark-mode div[style*="background: white"],
.dark-mode select[style*="background: white"],
.dark-mode input[style*="background: white"],
.dark-mode span[style*="background: white"] {
    background: #1e293b !important;
    background-color: #1e293b !important;
    color: #e2e8f0 !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

/* FORÇAR box-shadow em elementos com estilos inline */
.dark-mode div[style*="background: white"][style*="padding"],
.dark-mode div[style*="background-color: white"][style*="padding"],
.dark-mode div[style*="background:#fff"][style*="padding"],
.dark-mode div[style*="background: #fff"][style*="padding"] {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5), 0 3px 6px rgba(0, 0, 0, 0.4) !important;
}

/* Sobrescrever box-shadow existente em modo escuro */
.dark-mode div[style*="box-shadow"],
.dark-mode [style*="box-shadow"] {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5), 0 3px 6px rgba(0, 0, 0, 0.4) !important;
}

/* Containers e Cards - COM DESTAQUE FORTE */
.dark-mode .card,
.dark-mode .form-section,
.dark-mode .config-section,
.dark-mode .preference-card,
.dark-mode .filter-section,
.dark-mode .filtros-container,
.dark-mode .content-box,
.dark-mode .data-container,
.dark-mode .wrapper,
.dark-mode .container,
.dark-mode .box,
.dark-mode section,
.dark-mode article,
.dark-mode aside {
    background: #1e293b !important;
    border: 2px solid #334155 !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6), 0 4px 8px rgba(0, 0, 0, 0.5) !important;
}

.dark-mode .card-header {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4) !important;
}

/* Divs genericas - FORÇAR modo escuro */
.dark-mode div:not(.gradient):not([class*="icon"]):not([class*="logo"]) {
    background-color: transparent;
}

.dark-mode div[style*="padding"]:not([style*="gradient"]) {
    background: transparent !important;
}

/* Formulários */
.dark-mode .form-control,
.dark-mode input[type="text"],
.dark-mode input[type="email"],
.dark-mode input[type="password"],
.dark-mode input[type="number"],
.dark-mode input[type="date"],
.dark-mode select,
.dark-mode textarea {
    background: #334155 !important;
    border-color: #475569 !important;
    color: #e2e8f0 !important;
}

.dark-mode .form-control:focus,
.dark-mode input:focus,
.dark-mode select:focus,
.dark-mode textarea:focus {
    background: #475569 !important;
    border-color: #667eea !important;
    color: #e2e8f0 !important;
}

/* Placeholder text */
.dark-mode input::placeholder,
.dark-mode textarea::placeholder {
    color: #94a3b8 !important;
}

/* Textos - CONTRASTE FORTE */
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
    color: #f1f5f9 !important;
}

.dark-mode p,
.dark-mode span:not([style*="color: white"]):not([class*="tag"]):not([class*="badge"]),
.dark-mode label,
.dark-mode td,
.dark-mode th,
.dark-mode li,
.dark-mode div:not([style*="background: linear-gradient"]) {
    color: #e2e8f0 !important;
}

.dark-mode .help-text {
    color: #94a3b8 !important;
}

/* Textos fortes */
.dark-mode strong,
.dark-mode b {
    color: #f8fafc !important;
}

/* Tabelas */
.dark-mode table {
    background: #1e293b;
    color: #e2e8f0;
}

.dark-mode thead {
    background: #334155;
}

.dark-mode tbody tr {
    border-color: #334155;
}

.dark-mode tbody tr:hover {
    background: #334155;
}

/* Botões */
.dark-mode .btn-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.dark-mode .btn-secondary {
    background: #475569;
    color: #e2e8f0;
}

.dark-mode .btn-secondary:hover {
    background: #64748b;
}

.dark-mode .btn-success {
    background: #059669;
}

.dark-mode .btn-success:hover {
    background: #047857;
}

.dark-mode .btn-danger {
    background: #dc2626;
}

.dark-mode .btn-danger:hover {
    background: #b91c1c;
}

/* Content Principal */
.dark-mode .content {
    background: #0f172a;
}

/* Dashboard */
.dark-mode .dashboard {
    background: #0f172a !important;
}

.dark-mode .card-home {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    border-color: #334155 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

.dark-mode .card-home:hover {
    background: #334155 !important;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-2px);
}

/* Painéis e Alertas - ALTO CONTRASTE */
.dark-mode .alert {
    border-color: #475569 !important;
}

.dark-mode .alert-info {
    background: #1e40af !important;
    color: #e0e7ff !important;
    border-left-color: #3b82f6 !important;
}

.dark-mode .alert-success {
    background: #065f46 !important;
    color: #d1fae5 !important;
    border-left-color: #10b981 !important;
}

.dark-mode .alert-warning {
    background: #92400e !important;
    color: #fef3c7 !important;
    border-left-color: #f59e0b !important;
}

.dark-mode .alert-error,
.dark-mode .alert-danger {
    background: #991b1b !important;
    color: #fee2e2 !important;
    border-left-color: #ef4444 !important;
}

/* Modais */
.dark-mode .modal-content {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border: 2px solid #334155 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5), 0 5px 15px rgba(0, 0, 0, 0.4) !important;
}

.dark-mode .modal-header {
    background: #334155 !important;
    border-color: #475569 !important;
    border-bottom: 2px solid #475569 !important;
}

.dark-mode .modal-footer {
    border-color: #475569 !important;
    border-top: 2px solid #475569 !important;
}

/* Dropdown e Menus */
.dark-mode .dropdown-menu {
    background: #1e293b !important;
    border-color: #475569 !important;
}

.dark-mode .dropdown-item {
    color: #e2e8f0 !important;
    background: transparent !important;
}

.dark-mode .dropdown-item:hover {
    background: #334155 !important;
    color: #f1f5f9 !important;
}

/* Selects - GARANTIR FUNDO ESCURO */
.dark-mode select,
.dark-mode select option {
    background: #334155 !important;
    color: #e2e8f0 !important69;
}

.dark-mode .dropdown-item {
    color: #e2e8f0;
}

.dark-mode .dropdown-item:hover {
    background: #334155;
}

/* Badges */
.dark-mode .badge {
    background: #334155;
    color: #e2e8f0;
}

/* Preview boxes e Upload zones */
.dark-mode .preview-box,
.dark-mode .drop-zone,
.dark-mode .upload-card {
    background: #334155 !important;
    border: 2px dashed #475569 !important;
    border-color: #475569 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.dark-mode .upload-card:hover {
    background: #475569 !important;
    border-color: #64748b !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;
} !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3) !important;
    padding: 15px !important;
    border-radius: 8px !important

/* Gráficos e Visualizações */
.dark-mode .chart-container {
    background: #1e293b;
}

/* Navegação */
.dark-mode .navbar {
    background: #1e293b;
    border-color: #334155;
}

/* Scrollbars */
.dark-mode ::-webkit-scrollbar {
    background: #1e293b;
}

.dark-mode ::-webkit-scrollbar-thumb {
    background: #475569;
}

.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* Page Layout */
.dark-mode .page-layout {
    background: #0f172a;
}

/* Configurações Visuais */
.dark-mode .visual-container {
    background: #0f172a;
}

.dark-mode .page-header h1 {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Links */
.dark-mode a {
    color: #60a5fa;
}

.dark-mode a:hover {
    color: #93c5fd;
}

/* Conta Container */
.dark-mode .conta-container {
    background: #0f172a !important;
}

.dark-mode .conta-header {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    border-radius: 8px !important;
}

/* Relatórios */
.dark-mode .relatorio-container {
    background: #0f172a !important;
}

.dark-mode .totais-container {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
    border-radius: 8px !important;
}
 !important;
    border: 1px solid #334155 !important;
    border-color: #334155 !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3) !important;
    border-radius: 8px !important
.dark-mode .filtros-container {
    background: #1e293b;
    border-color: #334155;
}

/* Submenu */
.dark-mode .submenu a {
    color: rgba(226, 232, 240, 0.85);
}

.dark-mode .submenu a:hover {
    background: rgba(25 !important;
    color: #94a3b8 !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    border-radius: 8px !important;
    padding: 20px !important
}

/* Empty States */
.dark-mode .empty-state {
    background: #1e293b;
    color: #94a3b8;
}

/* Inputs de Data */
.dark-mode input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

/* Content Wrapper */
.dark-mode .content-wra !important;
    border: 1px solid #334155 !important;
    border-color: #334155 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
    border-radius: 8px !important
.dark-mode .main-content {
    background: #0f172a;
}

/* Form Sections */
.dark-mode .form-section {
    background: #1e293b;
    border-color: #334155;
}

/* Botões de Ação */
.dark-mode .btn-action,
.dark-mode .action-button {
    background: #334155;
    color: #e2e8f0;
}

.dark-mode .btn-action:hover,
.dark-mode .action-button:hover {
    background: #475569;
}

/* Empty Message */
.dark-mode .empty-messa !important;
    border: 1px solid #334155 !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

.dark-mode .list-group-item:hover {
    background: #334155 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !importantitem {
    background: #1e293b;
    border-color: #3341 !important;
    border-right: 2px solid #334155 !important;
    box-shadow: 2px 0 6px rgba(0, 0, 0, 0.3) !important55;
    color: #e2e8f0;
}

.dark-mode .list-group-item:hover {
    background: #334155;
}

/* Sidebar Content */
.dark-mode .sidebar-content {
    background: #1e293b;
}

/* Page Background Override */
.dark-mode,
.dark-mode #app,
.dark-mode .app-container {
    background: #0f172a !important;
}

/* White backgrounds to dark */
.dark-mode div[style*="background: white"],
.dark-mode div[style*="background-color: white"],
.dark-mode div[style*="background:#fff"],
.dark-mode div[style*="background-color:#fff"] {
    background: #1e293b !important;
}

/* Parcelamentos e Cards de Movimentação */
.dark-mode .parcelamento-card,
.dark-mode .movimento-card,
.dark-mode .item-card {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

/* Headers de Seções */
.dark-mode .section-header {
    background: #334155 !important;
    color: #e2e8f0 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    border: 1px solid #475569 !important;
}

/* Info boxes */
.dark-mode .info-box,
.dark-mode .stats-box {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    border-color: #334155 !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3) !important;
}

/* Notificações de Saldo */
.dark-mode .saldo-notification {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
}

.dark-mode .saldo-notification-title,
.dark-mode .saldo-notification-info,
.dark-mode .saldo-notification-value,
.dark-mode .saldo-notification strong {
    color: white !important;
}

/* Filtros e Formulários Inline */
.dark-mode .filter-group,
.dark-mode .filter-section select,
.dark-mode .filter-section input {
    background: #334155 !important;
    color: #e2e8f0 !important;
    border-color: #475569 !important;
}

/* Tags de Proprietário e Badges Coloridos */
.dark-mode span[style*="background:"]:not([style*="background: linear-gradient"]) {
    /* Mantém o background mas garante texto branco */
    color: white !important;
}

/* Elementos com background branco forçado via estilo inline */
.dark-mode *[style*="background: white"],
.dark-mode *[style*="background-color: white"] {
    background: #1e293b !important;
    background-color: #1e293b !important;
    color: #e2e8f0 !important;
}

/* Exceção para elementos com texto já branco (gradientes) */
.dark-mode *[style*="color: white"] {
    color: white !important;
}

/* Forçar menus de navegação */
.dark-mode nav,
.dark-mode .nav,
.dark-mode .navbar,
.dark-mode .menu {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}

.dark-mode nav a,
.dark-mode .nav a,
.dark-mode .navbar a,
.dark-mode .menu a {
    color: #e2e8f0 !important;
}

.dark-mode nav a:hover,
.dark-mode .nav a:hover,
.dark-mode .navbar a:hover,
.dark-mode .menu a:hover {
    color: #f1f5f9 !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Garantir contraste em TODOS os textos */
.dark-mode,
.dark-mode * {
    color: #e2e8f0 !important;
}

/* Exceções - elementos que devem manter cores específicas */
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
    color: #f1f5f9 !important;
}

.dark-mode a {
    color: #60a5fa !important;
}

.dark-mode a:hover {
    color: #93c5fd !important;
}

/* Textos em elementos com fundo colorido (gradientes, tags) */
.dark-mode [style*="color: white"],
.dark-mode [style*="background: linear-gradient"] *,
.dark-mode .btn *,
.dark-mode .badge *,
.dark-mode [class*="tag"] * {
    color: white !important;
}

/* Inputs e controles de formulário */
.dark-mode input,
.dark-mode select,
.dark-mode textarea,
.dark-mode button:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info) {
    color: #e2e8f0 !important;
}

/* Placeholder */
.dark-mode ::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

/* Tabelas - textos visíveis */
.dark-mode table,
.dark-mode table * {
    color: #e2e8f0 !important;
}

.dark-mode thead,
.dark-mode thead * {
    color: #f1f5f9 !important;
}

/* Cards e containers */
.dark-mode .card *:not(a),
.dark-mode .content-box *:not(a),
.dark-mode .form-section *:not(a) {
    color: #e2e8f0 !important;
}

/* Menu lateral/sidebar */
.dark-mode .sidebar,
.dark-mode .sidebar *:not(a) {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}

.dark-mode .sidebar a {
    color: #e2e8f0 !important;
}

.dark-mode .sidebar a:hover {
    background: #334155 !important;
    color: #f1f5f9 !important;
}

/* CRÍTICO - Labels de formulários */
.dark-mode label,
.dark-mode .form-label,
.dark-mode label *,
.dark-mode [for] {
    color: #cbd5e1 !important;
}

/* Divs com texto inline */
.dark-mode div[style*="color:"],
.dark-mode span[style*="color:"] {
    /* Preserva cores inline mas garante legibilidade */
}

/* Override para elementos com cor escura no fundo escuro */
.dark-mode [style*="color: #475569"],
.dark-mode [style*="color:#475569"],
.dark-mode [style*="color: #64748b"],
.dark-mode [style*="color:#64748b"] {
    color: #cbd5e1 !important;
}

/* Botões que devem manter texto branco */
.dark-mode button,
.dark-mode .btn,
.dark-mode input[type="submit"],
.dark-mode input[type="button"] {
    color: white !important;
}

.dark-mode button.btn-secondary,
.dark-mode .btn-secondary {
    color: #e2e8f0 !important;
}

/* Textos pequenos e auxiliares */
.dark-mode small,
.dark-mode .text-muted,
.dark-mode .help-text,
.dark-mode .small-text {
    color: #94a3b8 !important;
}

/* Garantir que elementos option mantenham cor adequada */
.dark-mode option {
    background: #334155 !important;
    color: #e2e8f0 !important;
}

/* Override completo para cores inline cinza/escuras no modo escuro */
.dark-mode [style*="color: #475569"],
.dark-mode [style*="color:#475569"],
.dark-mode [style*="color: #64748b"],
.dark-mode [style*="color:#64748b"],
.dark-mode [style*="color: #666"],
.dark-mode [style*="color:#666"],
.dark-mode [style*="color: #333"],
.dark-mode [style*="color:#333"],
.dark-mode [style*="color: #000"],
.dark-mode [style*="color:#000"],
.dark-mode [style*="color: black"],
.dark-mode [style*="color:black"] {
    color: #cbd5e1 !important;
}

/* Elementos small com cor cinza */
.dark-mode small[style*="color:#666"],
.dark-mode small[style*="color: #666"] {
    color: #94a3b8 !important;
}

/* Cor preview (seletor de cor) - manter cor original */
.dark-mode #colorPreview,
.dark-mode [id*="Preview"],
.dark-mode .color-preview {
    /* Preserva a cor original */
}

/* Textos descritivos e legendas */
.dark-mode p[style*="color: #64748b"],
.dark-mode div[style*="color: #64748b"],
.dark-mode span[style*="color: #64748b"] {
    color: #cbd5e1 !important;
}

/* Cor de fundo forçada em campos de formulário */
.dark-mode input[type="color"] {
    background: #334155 !important;
    border-color: #475569 !important;
}

/* CONTAINERS INLINE - Destaque para divs com background branco inline */
.dark-mode div[style*="background: white"],
.dark-mode div[style*="background-color: white"],
.dark-mode div[style*="background: #fff"],
.dark-mode div[style*="background-color: #fff"],
.dark-mode div[style*="padding"][style*="border-radius"] {
    background: #1e293b !important;
    background-color: #1e293b !important;
    border: 2px solid #334155 !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6), 0 4px 8px rgba(0, 0, 0, 0.5) !important;
}

/* Containers com padding e border-radius (filtros, forms) */
.dark-mode div[style*="padding: 20px"],
.dark-mode div[style*="padding:20px"] {
    background: #1e293b !important;
    border: 2px solid #334155 !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5), 0 3px 6px rgba(0, 0, 0, 0.4) !important;
}

/* CLASSES ESPECÍFICAS COM SOMBRAS FORTES */
.dark-mode .filter-card,
.dark-mode .table-container,
.dark-mode .chart-container {
    backgrou2px solid #334155 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4) !important;
}

.dark-mode table th,
.dark-mode table td {
    border-color: #334155 !important;
    border: 1px solid #334155 !important;
}

.dark-mode thead {
    background: #334155 !important;
    border-bottom: 3px solid #475569 !important;
}

.dark-mode tbody tr {
    border-color: #334155 !important;
    border-bottom: 1px solid #334155 !important;
}

.dark-mode tbody tr:hover {
    background: #334155 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

/* Wrapper geral de tabelas */
.dark-mode .table-wrapper,
.dark-mode .table-responsive {
    background: #1e293b !important;
    border: 2px solid #334155 !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5) !important;
    border-radius: 8px !important;
}

/* Hr dividers */
.dark-mode hr {
    border-color: #334155;
}

/* Blockquote */
.dark-mode blockquote {
    background: #1e293b;
    border-left-color: #667eea;
    color: #cbd5e1;
}

/* ========================================
   REGRAS FINAIS - CONTAINERS DE CONTEÚDO
   Aplica apenas em áreas de conteúdo
   ======================================== */

/* EXCLUIR sidebar, navegação, logos e elementos de interface */
body.dark-mode .sidebar,
body.dark-mode .sidebar *,
body.dark-mode nav,
body.dark-mode nav *,
body.dark-mode .navbar,
body.dark-mode .navbar *,
body.dark-mode .menu,
body.dark-mode .menu *,
body.dark-mode [class*="logo"],
body.dark-mode [class*="brand"],
body.dark-mode header,
body.dark-mode header * {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* CONTAINERS DE CONTEÚDO - Classes específicas */
body.dark-mode .filter-card,
body.dark-mode .table-container,
body.dark-mode .chart-container,
body.dark-mode .form-container,
body.dark-mode .content-box {
    background: #1e293b !important;
    border: 3px solid #94a3b8 !important;
    outline: 1px solid #cbd5e1 !important;
    box-shadow: 
        0 0 0 1px rgba(203, 213, 225, 0.3),
        0 0 40px rgba(148, 163, 184, 0.4),
        0 12px 28px rgba(0, 0, 0, 0.8),
        0 6px 14px rgba(0, 0, 0, 0.7) !important;
}

/* Divs com background branco E padding (containers de conteúdo) - MAS NÃO na sidebar/nav */
body.dark-mode main div[style*="background: white"][style*="padding"],
body.dark-mode .content div[style*="background: white"][style*="padding"],
body.dark-mode main div[style*="background-color: white"][style*="padding"],
body.dark-mode .content div[style*="background-color: white"][style*="padding"] {
    background: #1e293b !important;
    border: 3px solid #94a3b8 !important;
    outline: 1px solid #cbd5e1 !important;
    box-shadow: 
        0 0 0 1px rgba(203, 213, 225, 0.3),
        0 0 40px rgba(148, 163, 184, 0.4),
        0 12px 28px rgba(0, 0, 0, 0.8),
        0 6px 14px rgba(0, 0, 0, 0.7) !important;
}

/* Tabelas com bordas visíveis - MAS NÃO muito grossas */
body.dark-mode table {
    border: 1px solid #64748b !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode thead {
    border-bottom: 2px solid #475569 !important;
}

body.dark-mode td,
body.dark-mode th {
    border: 1px solid #475569 !important;
}