/* ==========================================================================
   Aldecort · Impresión de fichas técnicas
   La impresión del editor HTML portada tal cual (#print-root → #fichas-print-root, .print-page → .fte-print-page).
   motor-ficha.js (fichasMotor.imprimir) rellena #fichas-print-root, que está en index.html fuera de #app, con una
   sección A4 por página y llama a window.print(); al acabar lo vacía.
   Ocultar la aplicación solo cuando el contenedor tiene páginas (:has(... :not(:empty))): así imprimir cualquier otra
   pantalla del panel sigue funcionando como antes. @page no admite selector y queda para todo el panel (A4 sin
   márgenes), como en el original.
   ========================================================================== */

#fichas-print-root { display: none; font-synthesis: none; }
.fte-print-page { width: 210mm; height: 297mm; overflow: hidden; background: white; break-after: page; page-break-after: always; }
.fte-print-page:last-child { break-after: auto; page-break-after: auto; }
.fte-print-page svg { display: block; width: 210mm; height: 297mm; overflow: hidden; }

@media print {
    @page { size: A4; margin: 0; }
    html:has(#fichas-print-root:not(:empty)),
    body:has(#fichas-print-root:not(:empty)) { margin: 0 !important; padding: 0 !important; background: white !important; width: 210mm !important; print-color-adjust: exact !important; -webkit-print-color-adjust: exact !important; }
    /* #app, dialog y #toast del original; además el armazón del panel y las capas de Syncfusion (diálogos y su fondo,
       toasts), que pueden pintarse fuera de #app. */
    body:has(#fichas-print-root:not(:empty)) :is(#app, .ag-shell, .e-dialog, .e-dlg-overlay, .e-toast-container) { display: none !important; }
    #fichas-print-root:not(:empty) { display: block !important; width: 210mm !important; }
    .fte-print-page { margin: 0 !important; padding: 0 !important; box-shadow: none !important; }
    .fte-field-highlight, .fte-field-overflow-highlight { display: none !important; }
}