/**
 * theme-dark.css
 * Estilos específicos para melhorar visibilidade no modo dark
 * Adicione este arquivo após o main.css no HTML
 */

/* ============================================
   CORREÇÕES DE VISIBILIDADE - DARK MODE
   ============================================ */

/* Corrige cabeçalhos e textos primários para melhor visibilidade */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .module-header,
html[data-theme="dark"] .card-title {
    color: #00e0ff !important;
    font-weight: bold;
}

/* Títulos com emojis (como 📊) - cor especial */
html[data-theme="dark"] h3.module-header,
html[data-theme="dark"] h2.module-header,
html[data-theme="dark"] .card-title.module-header {
    color: #00d6a0 !important;
    font-size: 18px;
    letter-spacing: 0.5px;
}

/* Legendas e descrições */
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .description,
html[data-theme="dark"] .card p:not(.card-title),
html[data-theme="dark"] .card small,
html[data-theme="dark"] .card-subtitle,
html[data-theme="dark"] label:not(.form-check-label),
html[data-theme="dark"] .card-header p,
html[data-theme="dark"] .sub-title {
    color: #ccc !important;
}

/* Campos de filtros e formulários */
html[data-theme="dark"] .card input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .card select,
html[data-theme="dark"] .card textarea,
html[data-theme="dark"] .form-control {
    background-color: #12141c !important;
    color: #e0e0e0 !important;
    border: 1px solid #2e2e2e !important;
}

html[data-theme="dark"] .card input:focus,
html[data-theme="dark"] .card select:focus,
html[data-theme="dark"] .card textarea:focus,
html[data-theme="dark"] .form-control:focus {
    background-color: #1a1d2e !important;
    border-color: #00e0ff !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(0, 224, 255, 0.1) !important;
}

/* Labels de formulário */
html[data-theme="dark"] .form-label {
    color: #ccc !important;
    font-weight: 500;
}

/* Textos secundários em cards */
html[data-theme="dark"] .card-body p,
html[data-theme="dark"] .card-body small {
    color: #b8b8b8 !important;
}

/* Melhorar contraste de badges */
html[data-theme="dark"] .badge {
    font-weight: 600;
}

/* Melhorar visibilidade de tabelas */
html[data-theme="dark"] .data-table th,
html[data-theme="dark"] table thead th {
    color: #00e0ff !important;
    font-weight: 600;
    background-color: #1a1d2e !important;
}

html[data-theme="dark"] .data-table td,
html[data-theme="dark"] table tbody td {
    color: #e0e0e0 !important;
}

/* Melhorar visibilidade de placeholders */
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: #6b7280 !important;
    opacity: 0.8;
}

/* Melhorar visibilidade de selects */
html[data-theme="dark"] select option {
    background-color: #12141c !important;
    color: #e0e0e0 !important;
}

/* Melhorar contraste em cards de estatísticas */
html[data-theme="dark"] .card h3 {
    color: var(--primary-color) !important;
    font-weight: bold;
}

html[data-theme="dark"] .card p {
    color: var(--text-secondary) !important;
}