/* =============================================================================
   Hoja de estilos de impresión — Fase 6. Aplica con media="print" a toda
   pantalla del panel (carta y A4; el tamaño real lo decide el diálogo de
   impresión del navegador, aquí solo se fija el margen). Reglas:
     - Nunca un fondo oscuro: fuerza tema claro sin importar data-theme,
       para que "imprimir en tema oscuro" nunca saque una hoja negra.
     - Oculta navegación, selectores y botones — nada interactivo tiene
       sentido en papel.
     - Deja ver SOLO el contenido: indicadores, semáforo, matriz, tablas.
   ============================================================================= */

@media print {
    @page {
        margin: 12mm;
    }

    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        color-adjust: exact;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    :root,
    :root[data-theme="dark"],
    :root:not([data-theme="light"]) {
        --bg: #ffffff;
        --bg-elevated: #ffffff;
        --paper: #ffffff;
        --ink: #12151c;
        --text: #12151c;
        --text-muted: #4b5160;
        --border: #cfd2d6;
        --border-strong: #9aa0a8;
    }

    html, body {
        background: #ffffff !important;
        color: #12151c !important;
    }

    .barra-lateral,
    .fondo-menu-movil,
    .abrir-menu-movil,
    .encabezado .menu-usuario,
    .encabezado .selectores-encabezado,
    .matriz-toolbar,
    .matriz-lista-celda,
    .pestanas-control,
    .flash,
    .estado-vacio .icono-vacio,
    a.boton-texto,
    .boton,
    .boton-primario,
    .boton-secundario,
    button,
    input[type="submit"],
    [data-accion] {
        display: none !important;
    }

    .shell { display: block !important; }
    .contenido-panel { margin: 0 !important; padding: 0 !important; width: 100% !important; }
    .encabezado { border: none !important; padding: 0 0 8px !important; }

    .encabezado-impresion { display: flex !important; }

    .matriz-svg-envoltura { overflow: visible !important; }
    .matriz-svg { width: 100% !important; height: auto !important; }
    .matriz-punto { transition: none !important; }

    .kanban-tablero { display: block !important; }
    .kanban-columna { break-inside: avoid; margin-bottom: 10px; }
    .kanban-tarjeta { break-inside: avoid; }

    table, .tabla-densa { font-size: 10pt; }
    tr, .tarjeta, .kanban-tarjeta, .semaforo-fila, .top10-fila { break-inside: avoid; }

    a[href]::after { content: none !important; }
}

/* El encabezado de impresión vive oculto en pantalla y solo aparece en el
   media query de arriba — así cada pantalla de Fase 6 puede incluirlo una
   vez sin ensuciar la vista normal. */
.encabezado-impresion {
    display: none;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 2px solid #12151c;
    padding-bottom: 10px;
    margin-bottom: 16px;
}
.encabezado-impresion .marca-impresion { font-weight: 700; font-size: 1.1rem; }
.encabezado-impresion .meta-impresion { font-size: 0.8rem; color: #4b5160; text-align: right; }