/* Estilos específicos para modo oscuro */
[data-theme="dark"] {
    /* Mejoras de contraste para texto */
    .mobile-menu-toggle {
        color: var(--text-secondary);
    }
    
    .mobile-menu-toggle:hover {
        background-color: var(--bg-tertiary);
        color: var(--primary-color);
    }
    
    /* Mejoras para el header */
    .user-profile span {
        color: var(--text-secondary);
    }
    
    /* Mejoras para formularios */
    .form-select option {
        background: var(--bg-secondary);
        color: var(--text-primary);
    }
    
    /* Mejoras para tablas */
    .data-table tr:hover {
        background: var(--bg-tertiary);
    }
    
    /* Mejoras para notificaciones */
    .notifications-panel {
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    }
    
    /* Mejoras para elementos de actividad */
    .activity-item:hover {
        background: var(--bg-tertiary);
        transform: translateY(-1px);
    }
    
    /* Mejoras para tarjetas de proforma */
    .proforma-card:hover {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
    }
    
    /* Mejoras para elementos de validación */
    .validation-item:hover {
        background: var(--bg-secondary);
        transform: translateY(-1px);
    }
    
    /* Mejoras para scrollbars */
    .sidebar::-webkit-scrollbar {
        width: 6px;
    }
    
    .sidebar::-webkit-scrollbar-track {
        background: var(--bg-secondary);
    }
    
    .sidebar::-webkit-scrollbar-thumb {
        background: var(--border-color);
        border-radius: 3px;
    }
    
    .sidebar::-webkit-scrollbar-thumb:hover {
        background: var(--text-tertiary);
    }
    
    /* Mejoras para inputs y selects */
    input:focus,
    select:focus,
    textarea:focus {
        box-shadow: 0 0 0 3px rgba(77, 166, 255, 0.2);
    }
    
    /* Mejoras para placeholders */
    input::placeholder,
    textarea::placeholder {
        color: var(--text-tertiary);
        opacity: 0.7;
    }
    
    /* Mejoras para badges y estados */
    .badge {
        background: var(--accent-color);
        color: var(--white);
    }
    
    /* Mejoras para botones en hover */
    .btn-primary:hover {
        box-shadow: 0 4px 8px rgba(77, 166, 255, 0.3);
    }
    
    .btn-success:hover {
        box-shadow: 0 4px 8px rgba(74, 222, 128, 0.3);
    }
    
    .btn-danger:hover {
        box-shadow: 0 4px 8px rgba(248, 113, 113, 0.3);
    }
    
    /* Mejoras para elementos interactivos */
    .nav-item.active .nav-link {
        box-shadow: 0 2px 4px rgba(77, 166, 255, 0.4);
    }
    
    /* Mejoras para elementos de formulario */
    .form-group label {
        font-weight: 500;
    }
    
    /* Mejoras para elementos de estado */
    .step-count {
        background: var(--bg-secondary);
        border: 1px solid var(--border-color);
    }
}