/* lims-claro.css — lo propio del LIMS 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 lims.css, desarrollos.css e informe.css:
      la misma regla con el color FIJO traducido a su par claro. La hoja del informe diario
      (.informe-hoja, .ih-*) queda AFUERA aunque se vea dentro de /informe: tiene colores fijos
      de papel a propósito (es la imagen que se manda por WhatsApp) y es 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 lims.css ── */
    :root[data-tema="claro"] {
        --bg-elev: #ffffff;
        --err-on-tint: var(--err);   /* UI4 D7-C: la tinta de error del claro (era #a32018, ΔE 3,6) */
    }
    :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);
    }
    @media (max-width: 1024px) {
        :root[data-tema="claro"] .tabla.tabla--acciones th:last-child, :root[data-tema="claro"] .tabla.tabla--acciones td:last-child {
            box-shadow: -12px 0 12px -12px rgba(30, 25, 10, 0.2);
        }
    }
    /* .typeahead-lista: su sombra es var(--shadow-pop) en lims.css (UI4 D7-C), que el claro ya redefine. */
    :root[data-tema="claro"] .tabla tbody tr:nth-child(odd) {
        background: rgba(0, 0, 0, 0.011);
    }
    @media (hover: hover) and (pointer: fine) {
        :root[data-tema="claro"] .tabla tbody tr:hover {
            background: rgba(0, 0, 0, 0.027);
        }
    }

    /* ── generado de desarrollos.css ── */
    /* .des-cab y .des-dialogo: var(--shadow-2) / var(--shadow-pop) en desarrollos.css (UI4 D7-C), que el
       claro ya redefine (interaccion.css §0, tema.css). */
    :root[data-tema="claro"] .des-dialogo--foto {
        background: #ffffff;
    }
    /* .des-guardado: var(--shadow-pop) en desarrollos.css (UI4 D7-C). */

    /* ── generado de los <style> de las plantillas (sin documentos) ── */
    :root[data-tema="claro"] {
        --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);
    }

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

    /* Texto del toggle APROBADO sobre su tinte: en claro es el --ok de siempre. */
    :root[data-tema="claro"] { --ok-on-tint: var(--ok); }

    /* (El botón de Google del login pasó a tema.css: es el mismo en lims, crm, cashflow…) */

    /* (El botón ☀/☾ ya no lleva tamaño propio: va con el de tema.css, 32 px y blanco táctil de 44 px.) */
    /* Chevron de los desplegables en claro (D11). */
    :root[data-tema="claro"] { --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2355524a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); }

    /* Lo heredado / fuera de rango en claro (pulido 7-nov): con --accent #855900 al 12 %/45 % sobre la tarjeta
       blanca el fondo (≈ #f0ebe0) no se distinguía del campo normal (#ecebe5) y el borde (≈ 2:1) quedaba MÁS
       pálido que el borde de un campo tipeado (--field-border, 3,7:1). Acá: tinte ámbar claro y borde en el
       color pleno (--accent #855900 / --warn #854d0e, ≥ 6:1). Sólo color. background-color y no el atajo, para no
       borrar el chevron del select; `:not(:focus)` para no pisar el borde de foco de lims.css. */
    :root[data-tema="claro"] .fld input[type="text"].is-heredado:not(:focus),
    :root[data-tema="claro"] .fld input[type="date"].is-heredado:not(:focus),
    :root[data-tema="claro"] .fld input[type="time"].is-heredado:not(:focus),
    :root[data-tema="claro"] .fld select.is-heredado:not(:focus) {
        background-color: color-mix(in srgb, var(--accent-fill) 18%, #fff);
        border-color: var(--accent);
    }
    :root[data-tema="claro"] .fld input[type="text"].is-fuera-rango:not(:focus) {
        background-color: color-mix(in srgb, var(--warn) 14%, #fff);
        border-color: var(--warn);
    }

} /* @media screen */