/* crm-claro.css — lo propio de crm en el tema claro (5-oct-2026). Lo compartido (paleta,
   botón, componentes de la Capa A) vive en tema.css, fuente única en _shared-ui. Carga DESPUÉS
   de tema.css. Todo bajo :root[data-tema="claro"] y dentro de @media screen: al imprimir
   manda print.css.

   1. GENERADO por claro_gen.py (fuera del repo) desde crm.css, mobile.css (divergido), components/toolbar.css (divergido), agenda.css, ventas.css, zonas.css e informe.css: la misma regla con el color
      FIJO traducido a su par claro. Las hojas idénticas a las de _shared-ui no entran (las
      cubre tema.css). La hoja del informe (.informe-hoja, .ih-*) queda AFUERA aunque se vea
      en /informe: es la imagen que se manda por WhatsApp, igual en los dos temas.
   2. A MANO, después: lo que marcaron la auditoría de contraste y las capturas. */

@media screen {
    /* ── generado de crm.css ── */
    :root[data-tema="claro"] .tbl tbody tr:hover td {
        background: rgba(0, 0, 0, 0.013);
    }
    :root[data-tema="claro"] .tbl--zebra tbody tr:nth-child(odd) td {
        background: rgba(0, 0, 0, 0.011);
    }
    :root[data-tema="claro"] .tbl--zebra tbody tr:hover td {
        background: rgba(0, 0, 0, 0.027);
    }
    :root[data-tema="claro"] .page-switch__opt.is-active {
        box-shadow: 0 1px 2px rgba(30, 25, 10, 0.072);
    }
    :root[data-tema="claro"] .kanban-menu {
        box-shadow: 0 16px 40px rgba(30, 25, 10, 0.18);
    }
    :root[data-tema="claro"] .kanban-card--drag {
        box-shadow: 0 8px 24px rgba(30, 25, 10, 0.112);
    }
    :root[data-tema="claro"] .kanban-zona {
        box-shadow: 0 10px 30px rgba(30, 25, 10, 0.14);
    }
    :root[data-tema="claro"] .kanban-sheet {
        box-shadow: 0 16px 40px rgba(30, 25, 10, 0.18);
    }
    :root[data-tema="claro"] {
        --card-glass: #ffffff;
        --card-glass-content: #ffffff;
        --glass-bg: #ffffff;
        --glass-bg-hover: #f7f6f2;
        --shadow-glass-card: 0 8px 24px -12px rgba(30, 25, 10, 0.2);
        --shadow-glass-card-hover: 0 14px 36px -12px rgba(30, 25, 10, 0.2);
    }
    :root[data-tema="claro"] #drill-popover {
        box-shadow: 0 18px 40px -12px rgba(30, 25, 10, 0.2);
    }
    /* D13 (ronda 2): sin degradé de fondo — deja ver el papel nuevo del sidebar. */
    :root[data-tema="claro"] body .sidebar {
        background-image: none;
    }
    :root[data-tema="claro"] .ag-dlg::backdrop {
        background: rgba(0, 0, 0, 0.36);
    }

    /* ── generado de mobile.css ── */
    @media (max-width: 1024px) {
        :root[data-tema="claro"] .sidebar.drawer-open {
            box-shadow: 4px 0 24px rgba(30, 25, 10, 0.18);
        }
    }
    @media (max-width: 1024px) {
        :root[data-tema="claro"] .sidebar {
            background: #f4f3ef;
        }
    }
    @media (max-width: 1024px) {
        :root[data-tema="claro"] .drawer-overlay {
            background: rgba(0, 0, 0, 0.36);
        }
    }
    :root[data-tema="claro"] .header-controls-pop {
        box-shadow: 0 12px 40px rgba(30, 25, 10, 0.2);
    }

    /* ── generado de toolbar.css ── */
    :root[data-tema="claro"] .toolbar-seccion.filtros--sticky {
        box-shadow: 0 4px 24px rgba(30, 25, 10, 0.18);
    }

    /* ── generado de agenda.css ── */
    :root[data-tema="claro"] {
        --agc-pozo: #ffffff;
        --agc-celda: #ffffff;
        --agc-celda-finde: #f7f6f2;
        --agc-celda-hoy: #ffffff;
        --agc-linea: #d5d1c6;
        --agc-linea-2: #c9c4b6;
        --agc-texto-3: #5c594f;
        --agc-chip: #ffffff;
        --agc-chip-borde: #ccc8bb;
        --agc-chip-hover: #f7f6f2;
        --agc-prospecto: #695f4e;
        --agc-venc-chip: #ffffff;
        --agc-venc-texto: #ba1e15;
        --agc-calor-1: #c1d9cf;
        --agc-calor-2: #b2d3c5;
        --agc-calor-3: #a2ccba;
        --agc-canal: #3b6b51;
        --agc-v1: #185fb5;
        --agc-v2: #b32b5d;
        --agc-panel: #ffffff;
        --agc-panel-pie: #f7f6f2;
    }
    :root[data-tema="claro"] .agc-vencidos {
        background: #f4f3ef;
    }
    :root[data-tema="claro"] .agc-vencidos__n {
        background: #e9cdcc;
    }
    :root[data-tema="claro"] .agc-punto {
        box-shadow: 0 0 0 1px rgba(30, 25, 10, 0.2);
    }
    :root[data-tema="claro"] .agc-dia.is-pasado.calor-1 .agc-dia__num, :root[data-tema="claro"] .agc-dia.is-pasado.calor-2 .agc-dia__num, :root[data-tema="claro"] .agc-dia.is-pasado.calor-3 .agc-dia__num {
        color: #201f1c;
    }
    :root[data-tema="claro"] .agc-dia__hechas {
        color: #181715;
    }
    :root[data-tema="claro"] .agc-dia__hechas-btn {
        background: #e3e0d8;
    }
    :root[data-tema="claro"] .agc-dia__abrir:hover {
        background: rgba(0, 0, 0, 0.045);
    }
    :root[data-tema="claro"] .agc-item--drag .agc-item__btn {
        box-shadow: 0 18px 36px -12px rgba(30, 25, 10, 0.2), 0 0 0 1px var(--accent);
    }
    :root[data-tema="claro"] body.agc-arrastrando .agc-dia:has(.agc-lista[data-recibe]):hover, :root[data-tema="claro"] body.agc-arrastrando .agc-dia.is-destino {
        background: #e3e0d8;
    }
    :root[data-tema="claro"] .agc-pedido {
        background: #f2e9d4;
    }
    :root[data-tema="claro"] .agc-ficha {
        box-shadow: -28px 0 56px -16px rgba(30, 25, 10, 0.2);
    }
    :root[data-tema="claro"] .agc-ficha::backdrop {
        background: rgba(0, 0, 0, 0.36);
    }
    :root[data-tema="claro"] .agc-ficha__cuando {
        background: #e3e0d8;
    }
    :root[data-tema="claro"] .agc-ficha__cuando.is-vencido {
        background: #e3e0d8;
    }
    :root[data-tema="claro"] .agc-ficha__cuando.is-hoy {
        background: #f2e9d4;
    }
    :root[data-tema="claro"] .agc-ficha--dia .agc-ficha__cuando {
        background: #e3e0d8;
    }
    :root[data-tema="claro"] .agc-ficha__x:hover {
        background: #e3e0d8;
    }
    :root[data-tema="claro"] .agc-cita {
        background: #ecebe5;
    }
    :root[data-tema="claro"] .agc-hist__ico {
        background: #e3e0d8;
    }
    @media (max-width: 720px) {
        :root[data-tema="claro"] .agc-ficha {
            box-shadow: 0 -20px 48px -12px rgba(30, 25, 10, 0.2);
        }
    }

    /* ── generado de ventas.css ── */
    :root[data-tema="claro"] .pill-toggle .pill:hover {
        background: rgba(0, 0, 0, 0.027);
    }
    :root[data-tema="claro"] .pill-toggle.toggle--inactivo {
        border-color: rgba(0, 0, 0, 0.07);
    }
    :root[data-tema="claro"] .card, :root[data-tema="claro"] .kpi-card, :root[data-tema="claro"] .sync-card, :root[data-tema="claro"] .chart-card {
        border-color: rgba(0, 0, 0, 0.07);
    }
    :root[data-tema="claro"] .tbl-detalle tbody tr.row-detalle:hover {
        background: rgba(0, 0, 0, 0.027);
    }
    :root[data-tema="claro"] .modal-backdrop {
        background: rgba(0, 0, 0, 0.36);
    }
    :root[data-tema="claro"] .modal-panel {
        box-shadow: 0 16px 60px rgba(30, 25, 10, 0.2);
    }
    :root[data-tema="claro"] .delta-up {
        color: #3d663d;
    }
    :root[data-tema="claro"] .delta-down {
        color: #bc1515;
    }
    :root[data-tema="claro"] .tooltip-contenido {
        box-shadow: 0 4px 14px rgba(30, 25, 10, 0.18);
    }
    :root[data-tema="claro"] .card .meta .delta-flat {
        background: rgba(0, 0, 0, 0.045);
    }
    :root[data-tema="claro"] .card .meta .delta-up, :root[data-tema="claro"] .kpi-yoy.positivo .kpi-yoy-delta {
        color: #166534;
    }
    :root[data-tema="claro"] .card .meta .delta-down, :root[data-tema="claro"] .kpi-yoy.negativo .kpi-yoy-delta {
        color: #a32018;
    }
    :root[data-tema="claro"] .card .meta .delta-flat {
        background: rgba(0, 0, 0, 0.045);
    }

    /* ── generado de zonas.css ── */
    @media (max-width: 1024px) {
        :root[data-tema="claro"] .zonas-editor__hoja {
            box-shadow: 0 -8px 24px rgba(30, 25, 10, 0.18);
        }
    }
    :root[data-tema="claro"] .zonas-popover {
        box-shadow: 0 12px 32px rgba(30, 25, 10, 0.2);
    }
    @media (max-width: 1024px) {
        :root[data-tema="claro"] .zonas-popover {
            box-shadow: 0 -8px 24px rgba(30, 25, 10, 0.2);
        }
    }

    /* ── generado de informe.css ── */
    :root[data-tema="claro"] .informe-controles__campo > span {
        color: var(--text-muted, #59564c);
    }
    :root[data-tema="claro"] .informe-controles select, :root[data-tema="claro"] .informe-controles input[type="date"] {
        color: var(--text, #1f1e1b);
    }

    /* ── generado de los <style> de las plantillas (sin documentos) ── */
    :root[data-tema="claro"] .acceso-google {
        background: var(--surface-2, #ecebe5);
    }
    :root[data-tema="claro"] .acceso-google:hover {
        background: var(--surface-3, #e3e0d8);
        border-color: var(--border-strong, #c1bcac);
    }

    /* ── 2. A mano ─────────────────────────────────────────────────────────── */

    /* Rellenos dorados con texto (en claro --accent es el dorado de TEXTO): al Pantone. */
    :root[data-tema="claro"] .sidebar__cta,
    :root[data-tema="claro"] .hoy-accion,
    :root[data-tema="claro"] .chip-option.is-active,
    :root[data-tema="claro"] .agc-dia.is-hoy .agc-dia__num,
    :root[data-tema="claro"] .agc-cal--mes .agc-dia__n:not([hidden]) {
        background: var(--accent-fill);
        color: var(--fg-inverse);
    }

    /* Rojo de texto (crm.css --err-fg): en claro es el mismo --err de tema.css (AA sobre papel y blanco). */
    :root[data-tema="claro"] {
        --err-fg: var(--err);
    }

    /* Agenda (agenda.css): lo que el generador no puede deducir del color. */
    :root[data-tema="claro"] {
        --agc-celda-hoy: #fdf4e1;   /* el día de hoy, tibio (el #1b1812 del oscuro es casi neutro) */
        --agc-venc-chip: #fbeae8;   /* vencido: tinte rojo (ídem #2e1817) */
        --agc-v0: #c9c6bd;          /* iniciales de «Otro»: relleno claro, texto oscuro */
        --agc-v1: #3987e5;          /* vendedoras: el mismo relleno vivo del oscuro (texto #0b0b0e) */
        --agc-v2: #d55181;
    }

} /* @media screen */