/* ===================================================================
   M50 DESIGN SYSTEM - DARK MODE COMPONENT OVERRIDES
   Correções específicas para componentes que usam cores hardcoded
   =================================================================== */

[data-theme="dark"] {
    /* ===== START MENU ===== */
    .menu-iniciar {
        background: linear-gradient(135deg, rgba(30, 30, 30, 0.95), rgba(40, 40, 40, 0.95));
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .search-box {
        background: var(--m50-surface-elevated);
        border-color: var(--m50-border);
        color: var(--m50-text-primary);
    }

    .search-box:focus {
        border-color: var(--m50-primary);
        box-shadow: 0 0 0 3px rgba(66, 165, 245, 0.2);
    }

    .search-box::placeholder {
        color: var(--m50-text-tertiary);
    }

    /* ===== TOP BAR ===== */
    .top-bar {
        background: linear-gradient(135deg, #1e3a8a 0%, #4c1d95 100%);
        border-top-color: rgba(255, 255, 255, 0.1);
    }

    /* ===== DATA LIST ===== */
    .data-list-card {
        background-color: var(--m50-surface-elevated) !important;
        border-color: var(--m50-border) !important;
    }

    .data-list-header {
        background-color: var(--m50-surface-secondary) !important;
        border-bottom-color: var(--m50-border) !important;
    }

    /* ===== DATA EDIT ===== */
    .data-edit-container {
        background-color: var(--m50-surface-elevated) !important;
        color: var(--m50-text-primary) !important;
    }

    /* ===== NOTEBOOK ===== */
    .notebook-paper {
        background-color: var(--m50-surface-elevated) !important;
    }

    .notebook-line {
        border-bottom-color: var(--m50-border-light) !important;
    }

    .notebook-content {
        color: var(--m50-text-primary) !important;
    }

    /* ===== ICONS DEMO ===== */
    .icon-demo-page {
        color: var(--m50-text-primary);
    }

    .demo-section {
        background-color: var(--m50-surface-elevated);
        border-color: var(--m50-border);
    }

    .icon-item span {
        color: var(--m50-text-secondary);
    }

    /* ===== AI PROVIDER SELECTOR ===== */
    .provider-card {
        background-color: var(--m50-surface-elevated) !important;
        border-color: var(--m50-border) !important;
    }

    .provider-name {
        color: var(--m50-text-primary) !important;
    }

    /* ===== CHAT WINDOW ===== */
    .chat-message {
        background-color: var(--m50-surface-elevated);
        border-color: var(--m50-border);
    }

    .chat-message.user {
        background-color: rgba(66, 165, 245, 0.15);
    }

    .chat-message.assistant {
        background-color: var(--m50-surface-secondary);
    }

    .chat-input {
        background-color: var(--m50-surface-elevated);
        border-color: var(--m50-border);
        color: var(--m50-text-primary);
    }

    /* ===== PAGE COMPONENT ===== */
    .page-content {
        color: var(--m50-text-primary);
    }

    .page-header {
        background-color: var(--m50-surface-secondary);
        border-bottom-color: var(--m50-border);
    }
}