/* Correções para o tema escuro */

/* Corrigir hover branco no tema escuro */
.dark .hover\:bg-gray-100:hover {
    background-color: #0000 !important; /* gray-700 */
}

.dark .hover\:bg-white:hover {
    background-color: #0000 !important; /* gray-700 */
}

.dark .hover\:text-gray-900:hover {
    color: #f9fafb !important; /* gray-100 */
}

/* ===================================================== */
/* CORREÇÕES ESPECÍFICAS PARA INPUTS - PRETOS PUROS - AGRESSIVO */
/* ===================================================== */

/* CORREÇÃO AGRESSIVA PARA INPUTS - PRETOS PUROS */
/* Usar especificidade máxima para garantir que seja preto */
.dark input[type="text"],
.dark input[type="email"],
.dark input[type="tel"],
.dark input[type="number"],
.dark input[type="password"],
.dark input[type="date"],
.dark input[type="time"],
.dark input[type="datetime-local"],
.dark input[type="search"],
.dark input[type="url"],
.dark textarea,
.dark select,
.dark .dark input[type="text"],
.dark .dark input[type="email"],
.dark .dark input[type="tel"],
.dark .dark input[type="number"],
.dark .dark input[type="password"],
.dark .dark input[type="date"],
.dark .dark input[type="time"],
.dark .dark input[type="datetime-local"],
.dark .dark input[type="search"],
.dark .dark input[type="url"],
.dark .dark textarea,
.dark .dark select,
.dark form input[type="text"],
.dark form input[type="email"],
.dark form input[type="tel"],
.dark form input[type="number"],
.dark form input[type="password"],
.dark form input[type="date"],
.dark form input[type="time"],
.dark form input[type="datetime-local"],
.dark form input[type="search"],
.dark form input[type="url"],
.dark form textarea,
.dark form select,
.dark .form-group input[type="text"],
.dark .form-group input[type="email"],
.dark .form-group input[type="tel"],
.dark .form-group input[type="number"],
.dark .form-group input[type="password"],
.dark .form-group input[type="date"],
.dark .form-group input[type="time"],
.dark .form-group input[type="datetime-local"],
.dark .form-group input[type="search"],
.dark .form-group input[type="url"],
.dark .form-group textarea,
.dark .form-group select,
.dark .modal input[type="text"],
.dark .modal input[type="email"],
.dark .modal input[type="tel"],
.dark .modal input[type="number"],
.dark .modal input[type="password"],
.dark .modal input[type="date"],
.dark .modal input[type="time"],
.dark .modal input[type="datetime-local"],
.dark .modal input[type="search"],
.dark .modal input[type="url"],
.dark .modal textarea,
.dark .modal select {
    background-color: #000000 !important; /* PRETO PURO */
    background: #000000 !important; /* PRETO PURO */
    border-color: #000000 !important; /* PRETO PURO */
    color: #ffffff !important; /* branco puro */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/* CORREÇÃO AGRESSIVA PARA PLACEHOLDER */
.dark input::placeholder,
.dark textarea::placeholder,
.dark .dark input::placeholder,
.dark .dark textarea::placeholder,
.dark form input::placeholder,
.dark form textarea::placeholder,
.dark .form-group input::placeholder,
.dark .form-group textarea::placeholder,
.dark .modal input::placeholder,
.dark .modal textarea::placeholder {
    color: #9ca3af !important; /* gray-400 */
}

/* CORREÇÃO AGRESSIVA PARA FOCUS */
.dark input:focus,
.dark textarea:focus,
.dark select:focus,
.dark .dark input:focus,
.dark .dark textarea:focus,
.dark .dark select:focus,
.dark form input:focus,
.dark form textarea:focus,
.dark form select:focus,
.dark .form-group input:focus,
.dark .form-group textarea:focus,
.dark .form-group select:focus,
.dark .modal input:focus,
.dark .modal textarea:focus,
.dark .modal select:focus {
    border-color: #10b981 !important; /* emerald-500 */
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
    background-color: #000000 !important; /* PRETO PURO */
    background: #000000 !important; /* PRETO PURO */
    color: #ffffff !important; /* branco puro */
    outline: none !important;
}

/* CORREÇÃO AGRESSIVA PARA DISABLED */
.dark input:disabled,
.dark textarea:disabled,
.dark select:disabled,
.dark .dark input:disabled,
.dark .dark textarea:disabled,
.dark .dark select:disabled,
.dark form input:disabled,
.dark form textarea:disabled,
.dark form select:disabled,
.dark .form-group input:disabled,
.dark .form-group textarea:disabled,
.dark .form-group select:disabled,
.dark .modal input:disabled,
.dark .modal textarea:disabled,
.dark .modal select:disabled {
    background-color: #000000 !important; /* PRETO PURO */
    background: #000000 !important; /* PRETO PURO */
    color: #6b7280 !important; /* gray-500 */
    opacity: 0.7;
}

/* CORREÇÃO AGRESSIVA PARA HOVER EM INPUTS */
.dark input:hover,
.dark textarea:hover,
.dark select:hover,
.dark .dark input:hover,
.dark .dark textarea:hover,
.dark .dark select:hover,
.dark form input:hover,
.dark form textarea:hover,
.dark form select:hover,
.dark .form-group input:hover,
.dark .form-group textarea:hover,
.dark .form-group select:hover,
.dark .modal input:hover,
.dark .modal textarea:hover,
.dark .modal select:hover {
    background-color: #000000 !important; /* PRETO PURO */
    background: #000000 !important; /* PRETO PURO */
    border-color: #000000 !important; /* PRETO PURO */
}

/* ===================================================== */
/* CORREÇÕES ESPECÍFICAS PARA PERFIL DO USUÁRIO */
/* ===================================================== */

/* Corrigir modal de perfil no modo escuro */
.dark #profileModal .modal-content {
    background-color: #0000 !important; /* gray-800 */
    color: #f9fafb !important; /* gray-100 */
}

.dark #profileModal .modal-header {
    background-color: #000000 !important; /* gray-900 */
    border-bottom-color: #0000 !important; /* gray-700 */
}

.dark #profileModal .modal-body {
    background-color: #0000 !important; /* gray-800 */
}

.dark #profileModal .modal-footer {
    background-color: #000000 !important; /* gray-900 */
    border-top-color: #374151 !important; /* gray-700 */
}

/* Corrigir textos do perfil no modo escuro */
.dark #profileModal .text-gray-900 {
    color: #f9fafb !important; /* gray-100 */
}

.dark #profileModal .text-slate-900 {
    color: #f9fafb !important; /* gray-100 */
}

.dark #profileModal .text-slate-500 {
    color: #d1d5db !important; /* gray-300 */
}

.dark #profileModal .text-gray-700 {
    color: #e5e7eb !important; /* gray-200 */
}

/* CORREÇÃO AGRESSIVA PARA INPUTS DO PERFIL - PRETOS PUROS */
.dark #profileModal input[type="text"],
.dark #profileModal input[type="email"],
.dark #profileModal input[type="tel"],
.dark #profileModal input[type="password"],
.dark #profileModal input[type="number"],
.dark #profileModal input[type="date"],
.dark #profileModal input[type="time"],
.dark #profileModal input[type="datetime-local"],
.dark #profileModal input[type="search"],
.dark #profileModal input[type="url"],
.dark #profileModal textarea,
.dark #profileModal select {
    background-color: #000000 !important; /* PRETO PURO */
    background: #000000 !important; /* PRETO PURO */
    border-color: #000000 !important; /* PRETO PURO */
    color: #ffffff !important; /* branco puro */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.dark #profileModal input:focus,
.dark #profileModal textarea:focus,
.dark #profileModal select:focus {
    border-color: #10b981 !important; /* emerald-500 */
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
    background-color: #000000 !important; /* PRETO PURO */
    background: #000000 !important; /* PRETO PURO */
    color: #ffffff !important; /* branco puro */
    outline: none !important;
}

.dark #profileModal input:hover,
.dark #profileModal textarea:hover,
.dark #profileModal select:hover {
    background-color: #000000 !important; /* PRETO PURO */
    background: #000000 !important; /* PRETO PURO */
    border-color: #000000 !important; /* PRETO PURO */
}

/* Corrigir botões do perfil no modo escuro */
.dark #profileModal button {
    background-color: #d70a0a !important; /* gray-700 */
    color: #f9fafb !important; /* gray-100 */
    border-color: #6b7280 !important; /* gray-500 */
}

.dark #profileModal button:hover {
    background-color: #4b5563db !important; /* gray-600 */
}

.dark #profileModal .bg-forest-600 {
    background-color: #10b981 !important; /* emerald-500 */
}

.dark #profileModal .hover\:bg-forest-700:hover {
    background-color: #059669 !important; /* emerald-600 */
}

.dark #profileModal .border-gray-300 {
    border-color: #6b7280 !important; /* gray-500 */
}

.dark #profileModal .hover\:bg-gray-50:hover {
    background-color: #374151 !important; /* gray-700 */
}

/* ===================================================== */
/* CORREÇÕES ESPECÍFICAS PARA LOGO DA FAZENDA - SOLUÇÃO DEFINITIVA */
/* ===================================================== */

/* SOLUÇÃO DEFINITIVA PARA DUPLICAÇÃO DE LOGO */
/* Garantir que apenas um elemento seja visível por vez */

/* Quando a preview está visível, ocultar o placeholder COMPLETAMENTE */
#farmLogoPreviewTab:not(.hidden) ~ #farmLogoPlaceholderTab,
#farmLogoPreviewTab:not(.hidden) + #farmLogoPlaceholderTab {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    z-index: -1 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Quando a preview está oculta, mostrar o placeholder */
#farmLogoPreviewTab.hidden ~ #farmLogoPlaceholderTab,
#farmLogoPreviewTab.hidden + #farmLogoPlaceholderTab {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: auto !important;
    pointer-events: auto !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
}

/* Regras específicas para a aba de relatórios */
#reports-tab #farmLogoPreviewTab:not(.hidden) ~ #farmLogoPlaceholderTab {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    z-index: -1 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

#reports-tab #farmLogoPreviewTab.hidden ~ #farmLogoPlaceholderTab {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: auto !important;
    pointer-events: auto !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
}

/* Garantir que o container tenha position relative */
#reports-tab .relative {
    position: relative !important;
}

/* CORREÇÕES ESPECÍFICAS PARA MODO ESCURO - LOGO DA FAZENDA */
/* Corrigir cores da logo no modo escuro */
.dark #farmLogoPlaceholderTab {
    background-color: #374151 !important; /* gray-700 */
    border-color: #6b7280 !important; /* gray-500 */
}

.dark #farmLogoPlaceholderTab svg {
    color: #9ca3af !important; /* gray-400 */
}

.dark #farmLogoPreviewTab {
    background-color: #065f46 !important; /* emerald-800 */
    border-color: #10b981 !important; /* emerald-500 */
}

/* Garantir que a duplicação não aconteça no modo escuro */
.dark #farmLogoPreviewTab:not(.hidden) ~ #farmLogoPlaceholderTab {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    z-index: -1 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.dark #farmLogoPreviewTab.hidden ~ #farmLogoPlaceholderTab {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: auto !important;
    pointer-events: auto !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
}

/* Corrigir container da logo no modo escuro */
.dark .bg-white.rounded-xl.p-4.border.border-slate-200.shadow-sm {
    background-color: #0000 !important; /* gray-800 */
    border-color: #374151 !important; /* gray-700 */
}

/* CORREÇÃO ESPECÍFICA PARA BOTÃO REMOVER */
/* Ocultar botão remover quando não há logo */
#removeFarmLogoTab.hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    z-index: -1 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Mostrar botão remover apenas quando há logo */
#removeFarmLogoTab:not(.hidden) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: auto !important;
    pointer-events: auto !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
}

/* ===================================================== */
/* CORREÇÕES ESPECÍFICAS PARA MODAIS NO MODO ESCURO */
/* ===================================================== */

/* Corrigir modais no modo escuro */
.dark .modal-content {
    background-color: #0000 !important; /* gray-800 */
    color: #f9fafb !important; /* gray-100 */
}

.dark .modal-header {
    background-color: #000000 !important; /* gray-900 */
    border-bottom-color: #374151 !important; /* gray-700 */
}

.dark .modal-body {
    background-color: #0000 !important; /* gray-800 */
}

.dark .modal-footer {
    background-color: #000000 !important; /* gray-900 */
    border-top-color: #374151 !important; /* gray-700 */
}

/* Corrigir botões nos modais no modo escuro */
.dark .modal button {
    background-color: #374151 !important; /* gray-700 */
    color: #f9fafb !important; /* gray-100 */
    border-color: #6b7280 !important; /* gray-500 */
}

.dark .modal button:hover {
    background-color: #4b5563 !important; /* gray-600 */
}

.dark .modal button.btn-primary {
    background-color: #10b981 !important; /* emerald-500 */
    color: #ffffff !important;
    border-color: #10b981 !important;
}

.dark .modal button.btn-primary:hover {
    background-color: #059669 !important; /* emerald-600 */
}

.dark .modal button.btn-danger {
    background-color: #ef4444 !important; /* red-500 */
    color: #ffffff !important;
    border-color: #ef4444 !important;
}

.dark .modal button.btn-danger:hover {
    background-color: #dc2626 !important; /* red-600 */
}

/* Corrigir tabelas nos modais no modo escuro */
.dark .modal table {
    background-color: #374151 !important; /* gray-700 */
    color: #f9fafb !important; /* gray-100 */
}

.dark .modal table th {
    background-color: #4b5563 !important; /* gray-600 */
    color: #f9fafb !important; /* gray-100 */
    border-color: #6b7280 !important; /* gray-500 */
}

.dark .modal table td {
    border-color: #6b7280 !important; /* gray-500 */
    color: #f9fafb !important; /* gray-100 */
}

.dark .modal table tr:hover {
    background-color: #4b5563 !important; /* gray-600 */
}

/* Corrigir labels nos modais no modo escuro */
.dark .modal label {
    color: #f9fafb !important; /* gray-100 */
}

/* Corrigir títulos nos modais no modo escuro */
.dark .modal h1,
.dark .modal h2,
.dark .modal h3,
.dark .modal h4,
.dark .modal h5,
.dark .modal h6 {
    color: #f9fafb !important; /* gray-100 */
}

/* Corrigir texto nos modais no modo escuro */
.dark .modal p,
.dark .modal span,
.dark .modal div {
    color: #f9fafb !important; /* gray-100 */
}

/* Corrigir ícones nos modais no modo escuro */
.dark .modal svg {
    color: #f9fafb !important; /* gray-100 */
}

/* ===================================================== */
/* CORREÇÕES ESPECÍFICAS PARA REGISTROS DE VOLUME */
/* ===================================================== */

/* Corrigir hover branco nos registros de volume */
.dark .volume-record:hover,
.dark .milk-record:hover,
.dark .production-record:hover {
    background-color: #374151 !important; /* gray-700 */
}

/* Corrigir hover branco em qualquer elemento de registro */
.dark tr:hover,
.dark .record-row:hover,
.dark .data-row:hover {
    background-color: #374151 !important; /* gray-700 */
}

/* Corrigir hover branco em botões de ação */
.dark .action-button:hover,
.dark .btn:hover,
.dark button:hover {
    background-color: #4b5563 !important; /* gray-600 */
}

/* Corrigir hover branco específico para botões de delete */
.dark .delete-btn:hover,
.dark .btn-danger:hover {
    background-color: #dc2626 !important; /* red-600 */
}

/* Corrigir hover branco específico para botões de edit */
.dark .edit-btn:hover,
.dark .btn-primary:hover {
    background-color: #059669 !important; /* emerald-600 */
}

/* Corrigir hover branco em cards e containers */
.dark .card:hover,
.dark .container:hover,
.dark .box:hover {
    background-color: #374151 !important; /* gray-700 */
}

/* Corrigir hover branco em links */
.dark a:hover {
    background-color: #374151 !important; /* gray-700 */
}

/* Corrigir hover branco em elementos de lista */
.dark li:hover,
.dark .list-item:hover {
    background-color: #374151 !important; /* gray-700 */
}

/* Corrigir hover branco em elementos de navegação */
.dark nav a:hover,
.dark .nav-link:hover {
    background-color: #374151 !important; /* gray-700 */
}

/* Corrigir hover branco em elementos de menu */
.dark .menu-item:hover,
.dark .dropdown-item:hover {
    background-color: #374151 !important; /* gray-700 */
}

/* ===================================================== */
/* CORREÇÕES ESPECÍFICAS PARA PRIMEIRO ACESSO */
/* ===================================================== */

/* Corrigir PrimeiroAcesso.html específicamente */
.dark .setup-card {
    background: linear-gradient(145deg, #000000 0%, #000000 100%) !important;
    border-color: #374151 !important;
}

.dark .step-indicator {
    background: linear-gradient(135deg, #374151 0%, #4b5563 100%) !important;
    color: #f9fafb !important;
}

.dark .step-active {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: white !important;
}

.dark .step-completed {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: white !important;
}

/* Corrigir hover nos botões do PrimeiroAcesso */
.dark .hover\:bg-gray-200:hover {
    background-color: #4b5563 !important; /* gray-600 */
}

/* Corrigir texto no PrimeiroAcesso */
.dark .text-gray-900 {
    color: #f9fafb !important; /* gray-100 */
}

.dark .text-gray-600 {
    color: #d1d5db !important; /* gray-300 */
}

.dark .text-gray-700 {
    color: #e5e7eb !important; /* gray-200 */
}

.dark .text-gray-500 {
    color: #9ca3af !important; /* gray-400 */
}

/* ===================================================== */
/* CORREÇÕES GERAIS DO MODO ESCURO */
/* ===================================================== */

/* Corrigir background do body no modo escuro */
.dark body {
    background-color: #000000 !important; /* gray-900 */
}

/* Corrigir cards e containers no modo escuro */
.dark .bg-gray-50 {
    background-color: #000000 !important; /* gray-900 */
}

.dark .bg-white {
    background-color: #000000 !important; /* gray-800 */
}

/* Corrigir bordas no modo escuro */
.dark .border-gray-200 {
    border-color: #374151 !important; /* gray-700 */
}

.dark .border-gray-300 {
    border-color: #4b5563 !important; /* gray-600 */
}

/* Corrigir dropdowns e selects no modo escuro */
.dark select option {
    background-color: #374151 !important; /* gray-700 */
    color: #f9fafb !important; /* gray-100 */
}

/* Corrigir tooltips no modo escuro */
.dark .tooltip {
    background-color: #000000 !important; /* gray-800 */
    color: #f9fafb !important; /* gray-100 */
    border-color: #6b7280 !important; /* gray-500 */
}

/* Corrigir notificações no modo escuro */
.dark .notification {
    background-color: #000000 !important; /* gray-800 */
    color: #f9fafb !important; /* gray-100 */
    border-color: #6b7280 !important; /* gray-500 */
}

.dark .notification.success {
    background-color: #065f46 !important; /* emerald-800 */
    border-color: #10b981 !important; /* emerald-500 */
}

.dark .notification.error {
    background-color: #991b1b !important; /* red-800 */
    border-color: #ef4444 !important; /* red-500 */
}

.dark .notification.warning {
    background-color: #92400e !important; /* amber-800 */
    border-color: #f59e0b !important; /* amber-500 */
}

/* Corrigir overlays de modal no modo escuro */
.dark .modal-overlay {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* Corrigir scrollbars no modo escuro */
.dark ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.dark ::-webkit-scrollbar-track {
    background: #374151 !important; /* gray-700 */
}

.dark ::-webkit-scrollbar-thumb {
    background: #6b7280 !important; /* gray-500 */
    border-radius: 4px;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #9ca3af !important; /* gray-400 */
}

/* ===================================================== */
/* CORREÇÕES ESPECÍFICAS PARA RELATÓRIOS */
/* ===================================================== */

/* Corrigir problemas nos relatórios */
.report-container .farm-logo {
    max-width: 200px;
    height: auto;
    margin: 0 auto 20px;
}

.report-container .system-logo {
    max-width: 150px;
    height: auto;
    margin: 0 auto 15px;
}

/* Corrigir cores do tema escuro nos relatórios */
.dark .report-container {
    background-color: #000000;
    color: #f9fafb;
}

.dark .report-container table {
    background-color: #0000;
    color: #f9fafb;
}

.dark .report-container th {
    background-color: #4b5563;
    color: #f9fafb;
}

.dark .report-container td {
    border-color: #6b7280;
}

/* ===================================================== */
/* CORREÇÕES LEGACY - MANTER PARA COMPATIBILIDADE */
/* ===================================================== */

/* Corrigir duplicação da logo da fazenda (legacy) */
.dark .farm-logo {
    display: block !important;
}

.dark .farm-logo + .farm-logo {
    display: none !important;
}

/* Corrigir duplicação do ícone de upload no modo escuro (legacy) */
.dark button svg + svg {
    display: none !important;
}

.dark .upload-icon {
    display: block !important;
}

.dark .upload-icon + .upload-icon {
    display: none !important;
}

/* Corrigir hover branco no tema escuro para botões de upload (legacy) */
.dark button:hover svg {
    color: #f9fafb !important;
}

.dark .hover\:bg-blue-600:hover svg,
.dark .hover\:bg-blue-700:hover svg {
    color: #ffffff !important;
}

/* Corrigir hover específico para botões de ação na tabela (legacy) */
.dark .action-btn:hover {
    background-color: #4b5563 !important; /* gray-600 */
    color: #f9fafb !important; /* gray-100 */
}

.dark .delete-btn:hover {
    background-color: #dc2626 !important; /* red-600 */
    color: #ffffff !important;
}

.dark .edit-btn:hover {
    background-color: #059669 !important; 
    color: #ffffff !important;
}

.dark input,
.dark textarea,
.dark select,
.dark .dark input,
.dark .dark textarea,
.dark .dark select,
.dark form input,
.dark form textarea,
.dark form select,
.dark .form-group input,
.dark .form-group textarea,
.dark .form-group select,
.dark .modal input,
.dark .modal textarea,
.dark .modal select,
.dark .card input,
.dark .card textarea,
.dark .card select,
.dark .container input,
.dark .container textarea,
.dark .container select,
.dark .box input,
.dark .box textarea,
.dark .box select,
.dark .panel input,
.dark .panel textarea,
.dark .panel select,
.dark .section input,
.dark .section textarea,
.dark .section select,
.dark .tab-content input,
.dark .tab-content textarea,
.dark .tab-content select,
.dark .tab-pane input,
.dark .tab-pane textarea,
.dark .tab-pane select {
    background-color: #000000 !important;
    background: #000000 !important;
    background-image: none !important;
    background-clip: border-box !important;
    background-origin: border-box !important;
    background-size: auto !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: 0% 0% !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-text-fill-color: #ffffff !important;
    -webkit-background-clip: text !important;
    -webkit-background-origin: text !important;
    -webkit-background-size: text !important;
    -webkit-background-repeat: text !important;
    -webkit-background-attachment: text !important;
    -webkit-background-position: text !important;
}

/* CORREÇÃO FINAL - FORÇAR PRETO PURO EM FOCUS */
.dark input:focus,
.dark textarea:focus,
.dark select:focus,
.dark .dark input:focus,
.dark .dark textarea:focus,
.dark .dark select:focus,
.dark form input:focus,
.dark form textarea:focus,
.dark form select:focus,
.dark .form-group input:focus,
.dark .form-group textarea:focus,
.dark .form-group select:focus,
.dark .modal input:focus,
.dark .modal textarea:focus,
.dark .modal select:focus,
.dark .card input:focus,
.dark .card textarea:focus,
.dark .card select:focus,
.dark .container input:focus,
.dark .container textarea:focus,
.dark .container select:focus,
.dark .box input:focus,
.dark .box textarea:focus,
.dark .box select:focus,
.dark .panel input:focus,
.dark .panel textarea:focus,
.dark .panel select:focus,
.dark .section input:focus,
.dark .section textarea:focus,
.dark .section select:focus,
.dark .tab-content input:focus,
.dark .tab-content textarea:focus,
.dark .tab-content select:focus,
.dark .tab-pane input:focus,
.dark .tab-pane textarea:focus,
.dark .tab-pane select:focus {
    background-color: #000000 !important;
    background: #000000 !important;
    background-image: none !important;
    background-clip: border-box !important;
    background-origin: border-box !important;
    background-size: auto !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: 0% 0% !important;
    color: #ffffff !important;
    border-color: #10b981 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
    -moz-box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-text-fill-color: #ffffff !important;
    -webkit-background-clip: text !important;
    -webkit-background-origin: text !important;
    -webkit-background-size: text !important;
    -webkit-background-repeat: text !important;
    -webkit-background-attachment: text !important;
    -webkit-background-position: text !important;
}

/* CORREÇÃO FINAL - FORÇAR PRETO PURO EM HOVER */
.dark input:hover,
.dark textarea:hover,
.dark select:hover,
.dark .dark input:hover,
.dark .dark textarea:hover,
.dark .dark select:hover,
.dark form input:hover,
.dark form textarea:hover,
.dark form select:hover,
.dark .form-group input:hover,
.dark .form-group textarea:hover,
.dark .form-group select:hover,
.dark .modal input:hover,
.dark .modal textarea:hover,
.dark .modal select:hover,
.dark .card input:hover,
.dark .card textarea:hover,
.dark .card select:hover,
.dark .container input:hover,
.dark .container textarea:hover,
.dark .container select:hover,
.dark .box input:hover,
.dark .box textarea:hover,
.dark .box select:hover,
.dark .panel input:hover,
.dark .panel textarea:hover,
.dark .panel select:hover,
.dark .section input:hover,
.dark .section textarea:hover,
.dark .section select:hover,
.dark .tab-content input:hover,
.dark .tab-content textarea:hover,
.dark .tab-content select:hover,
.dark .tab-pane input:hover,
.dark .tab-pane textarea:hover,
.dark .tab-pane select:hover {
    background-color: #000000 !important;
    background: #000000 !important;
    background-image: none !important;
    background-clip: border-box !important;
    background-origin: border-box !important;
    background-size: auto !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: 0% 0% !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-text-fill-color: #ffffff !important;
    -webkit-background-clip: text !important;
    -webkit-background-origin: text !important;
    -webkit-background-size: text !important;
    -webkit-background-repeat: text !important;
    -webkit-background-attachment: text !important;
    -webkit-background-position: text !important;
}

.dark input:disabled,
.dark textarea:disabled,
.dark select:disabled,
.dark .dark input:disabled,
.dark .dark textarea:disabled,
.dark .dark select:disabled,
.dark form input:disabled,
.dark form textarea:disabled,
.dark form select:disabled,
.dark .form-group input:disabled,
.dark .form-group textarea:disabled,
.dark .form-group select:disabled,
.dark .modal input:disabled,
.dark .modal textarea:disabled,
.dark .modal select:disabled,
.dark .card input:disabled,
.dark .card textarea:disabled,
.dark .card select:disabled,
.dark .container input:disabled,
.dark .container textarea:disabled,
.dark .container select:disabled,
.dark .box input:disabled,
.dark .box textarea:disabled,
.dark .box select:disabled,
.dark .panel input:disabled,
.dark .panel textarea:disabled,
.dark .panel select:disabled,
.dark .section input:disabled,
.dark .section textarea:disabled,
.dark .section select:disabled,
.dark .tab-content input:disabled,
.dark .tab-content textarea:disabled,
.dark .tab-content select:disabled,
.dark .tab-pane input:disabled,
.dark .tab-pane textarea:disabled,
.dark .tab-pane select:disabled {
    background-color: #000000 !important;
    background: #000000 !important;
    background-image: none !important;
    background-clip: border-box !important;
    background-origin: border-box !important;
    background-size: auto !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: 0% 0% !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-text-fill-color: #ffffff !important;
    -webkit-background-clip: text !important;
    -webkit-background-origin: text !important;
    -webkit-background-size: text !important;
    -webkit-background-repeat: text !important;
    -webkit-background-attachment: text !important;
    -webkit-background-position: text !important;
    opacity: 0.7;
}

/* CORREÇÃO FINAL - FORÇAR PRETO PURO EM ACTIVE */
.dark input:active,
.dark textarea:active,
.dark select:active,
.dark .dark input:active,
.dark .dark textarea:active,
.dark .dark select:active,
.dark form input:active,
.dark form textarea:active,
.dark form select:active,
.dark .form-group input:active,
.dark .form-group textarea:active,
.dark .form-group select:active,
.dark .modal input:active,
.dark .modal textarea:active,
.dark .modal select:active,
.dark .card input:active,
.dark .card textarea:active,
.dark .card select:active,
.dark .container input:active,
.dark .container textarea:active,
.dark .container select:active,
.dark .box input:active,
.dark .box textarea:active,
.dark .box select:active,
.dark .panel input:active,
.dark .panel textarea:active,
.dark .panel select:active,
.dark .section input:active,
.dark .section textarea:active,
.dark .section select:active,
.dark .tab-content input:active,
.dark .tab-content textarea:active,
.dark .tab-content select:active,
.dark .tab-pane input:active,
.dark .tab-pane textarea:active,
.dark .tab-pane select:active {
    background-color: #000000 !important;
    background: #000000 !important;
    background-image: none !important;
    background-clip: border-box !important;
    background-origin: border-box !important;
    background-size: auto !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-position: 0% 0% !important;
    color: #ffffff !important;
    border-color: #10b981 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-text-fill-color: #ffffff !important;
    -webkit-background-clip: text !important;
    -webkit-background-origin: text !important;
    -webkit-background-size: text !important;
    -webkit-background-repeat: text !important;
    -webkit-background-attachment: text !important;
    -webkit-background-position: text !important;
}

/* ===================================================== */
/* CORREÇÕES ESPECÍFICAS PARA LABELS DAS INFORMAÇÕES PESSOAIS */
/* ===================================================== */

/* Corrigir labels das informações pessoais no modo escuro */
.dark .text-gray-800 {
    color: #f9fafb !important; /* gray-100 - branco */
}

.dark .text-gray-700 {
    color: #f9fafb !important; /* gray-100 - branco */
}

.dark .text-gray-600 {
    color: #e5e7eb !important; /* gray-200 - branco claro */
}

.dark .text-gray-500 {
    color: #d1d5db !important; /* gray-300 - branco mais claro */
}

/* Corrigir especificamente as labels das informações pessoais */
.dark .bg-white.rounded-2xl.p-6.border.border-gray-200 label {
    color: #f9fafb !important; /* gray-100 - branco */
}

.dark .bg-white.rounded-2xl.p-6.border.border-gray-200 .text-gray-800 {
    color: #f9fafb !important; /* gray-100 - branco */
}

.dark .bg-white.rounded-2xl.p-6.border.border-gray-200 .text-gray-700 {
    color: #f9fafb !important; /* gray-100 - branco */
}

.dark .bg-white.rounded-2xl.p-6.border.border-gray-200 .text-gray-600 {
    color: #e5e7eb !important; /* gray-200 - branco claro */
}

.dark .bg-white.rounded-2xl.p-6.border.border-gray-200 .text-gray-500 {
    color: #d1d5db !important; /* gray-300 - branco mais claro */
}

/* Corrigir labels em formulários no modo escuro */
.dark form label {
    color: #f9fafb !important; /* gray-100 - branco */
}

.dark .form-group label {
    color: #f9fafb !important; /* gray-100 - branco */
}

/* Corrigir labels em modais no modo escuro */
.dark .modal label {
    color: #f9fafb !important; /* gray-100 - branco */
}

/* Corrigir labels em cards no modo escuro */
.dark .card label {
    color: #f9fafb !important; /* gray-100 - branco */
}

/* Corrigir labels em containers no modo escuro */
.dark .container label {
    color: #f9fafb !important; /* gray-100 - branco */
}

/* Corrigir labels em boxes no modo escuro */
.dark .box label {
    color: #f9fafb !important; /* gray-100 - branco */
}

/* Corrigir labels em panels no modo escuro */
.dark .panel label {
    color: #f9fafb !important; /* gray-100 - branco */
}

/* Corrigir labels em sections no modo escuro */
.dark .section label {
    color: #f9fafb !important; /* gray-100 - branco */
}

/* Corrigir labels em tab-content no modo escuro */
.dark .tab-content label {
    color: #f9fafb !important; /* gray-100 - branco */
}

/* Corrigir labels em tab-pane no modo escuro */
.dark .tab-pane label {
    color: #f9fafb !important; /* gray-100 - branco */
}

/* ===================================================== */
/* CORREÇÕES ESPECÍFICAS PARA MODAL DE QUALIDADE */
/* ===================================================== */

/* Corrigir modal de qualidade no modo escuro */
.dark #qualityModal .bg-white {
    background-color: #1f2937 !important; /* gray-800 */
}

.dark #qualityModal .text-slate-900 {
    color: #f9fafb !important; /* gray-100 */
}

.dark #qualityModal .text-gray-700 {
    color: #e5e7eb !important; /* gray-200 */
}

.dark #qualityModal .text-gray-400 {
    color: #9ca3af !important; /* gray-400 */
}

.dark #qualityModal .hover\:text-gray-600:hover {
    color: #d1d5db !important; /* gray-300 */
}

.dark #qualityModal .border-gray-300 {
    border-color: #4b5563 !important; /* gray-600 */
}

.dark #qualityModal .hover\:bg-gray-50:hover {
    background-color: #374151 !important; /* gray-700 */
}

/* Corrigir inputs do modal de qualidade no modo escuro */
.dark #qualityModal input[type="date"],
.dark #qualityModal input[type="number"],
.dark #qualityModal input[type="text"],
.dark #qualityModal textarea {
    background-color: #374151 !important; /* gray-700 */
    border-color: #4b5563 !important; /* gray-600 */
    color: #f9fafb !important; /* gray-100 */
}

.dark #qualityModal input[type="date"]:focus,
.dark #qualityModal input[type="number"]:focus,
.dark #qualityModal input[type="text"]:focus,
.dark #qualityModal textarea:focus {
    background-color: #374151 !important; /* gray-700 */
    border-color: #10b981 !important; /* emerald-500 */
    color: #f9fafb !important; /* gray-100 */
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
}

.dark #qualityModal input::placeholder,
.dark #qualityModal textarea::placeholder {
    color: #9ca3af !important; /* gray-400 */
}

/* Corrigir botões do modal de qualidade no modo escuro */
.dark #qualityModal button[type="button"] {
    background-color: transparent !important;
    border-color: #4b5563 !important; /* gray-600 */
    color: #e5e7eb !important; /* gray-200 */
}

.dark #qualityModal button[type="button"]:hover {
    background-color: #374151 !important; /* gray-700 */
    border-color: #6b7280 !important; /* gray-500 */
    color: #f9fafb !important; /* gray-100 */
}

.dark #qualityModal button[type="submit"] {
    background-color: #10b981 !important; /* emerald-500 */
    color: #ffffff !important;
}

.dark #qualityModal button[type="submit"]:hover {
    background-color: #059669 !important; /* emerald-600 */
}

/* ===================================================== */
/* CORREÇÕES ESPECÍFICAS PARA LOGO DO HEADER - VERSÃO 2.0 */
/* ===================================================== */

/* Garantir que a logo seja exibida corretamente */
.header-logo {
    width: 32px !important;
    height: 32px !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Container da logo no header */
.header-logo-container {
    width: 40px !important;
    height: 40px !important;
    background-color: white !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Modo escuro - manter fundo branco para a logo */
.dark .header-logo-container {
    background-color: white !important;
}

/* Forçar exibição da logo em todos os casos */
.header-logo-container img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 32px !important;
    height: 32px !important;
    object-fit: contain !important;
}

/* ===================================================== */
/* CORREÇÕES ESPECÍFICAS PARA BACKGROUNDS NO MODO ESCURO */
/* ===================================================== */