/* Reporte de Examenes Medicos Ocupacionales (screen-rep-emo): secciones 4, 5 y 6.
   Estilo sobrio: fondo blanco, texto oscuro, bordes grises finos. Sin colores de relleno. */
#screen-rep-emo .rep-emo-norma{margin:8px 0;padding:10px;background:#fff;color:#1f2d3d;border:1px solid #cfd4da;border-radius:0}
#screen-rep-emo .rep-emo-norma strong{color:#1f2d3d}
#screen-rep-emo .rep-emo-norma table.reg-table{border-collapse:collapse;width:100%;background:#fff}
#screen-rep-emo .rep-emo-norma table.reg-table thead,
#screen-rep-emo .rep-emo-norma table.reg-table tr,
#screen-rep-emo .rep-emo-norma table.reg-table tbody tr:nth-child(even),
#screen-rep-emo .rep-emo-norma table.reg-table tbody tr:hover{background:#fff;background-image:none}
#screen-rep-emo .rep-emo-norma table.reg-table th{background:#fff;color:#1f2d3d;font-weight:700;border:1px solid #bfc5cc}
#screen-rep-emo .rep-emo-norma table.reg-table td{background:#fff;color:#1f2d3d;border:1px solid #cfd4da}

/* Tarjetas de resumen (secciones 2 y 3): borde gris, sin relleno de color */
#screen-rep-emo .rep-emo-kpi{background:#fff;border:1px solid #cfd4da}
#screen-rep-emo .rep-emo-caja{background:#fff;border-top:1px solid #cfd4da;border-right:1px solid #cfd4da;border-bottom:1px solid #cfd4da;border-left:3px solid #8a94a0;border-radius:0}

/* Seccion 6: graficos */
#screen-rep-emo .rep-emo-chart-fila{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start;margin-top:12px}
#screen-rep-emo .rep-emo-chart-box{flex:1 1 320px;min-width:0;padding:8px;border:1px solid #cfd4da;border-radius:0;background:#fff;
  break-inside:avoid;page-break-inside:avoid}
#screen-rep-emo .rep-emo-chart-ancho{flex-basis:100%}
#screen-rep-emo .rep-emo-chart-tit{font-size:11.5px;font-weight:700;color:#1f2d3d;margin-bottom:4px}
#screen-rep-emo .rep-emo-chart-vacio{padding:18px 8px;text-align:center;font-style:italic;color:#556a88;font-size:12px}
#screen-rep-emo .rep-emo-chart-box canvas{max-width:100%}

@media (max-width:600px){
  #screen-rep-emo .rep-emo-chart-box{flex-basis:100%}
}
@media print{
  #screen-rep-emo .rep-emo-chart-box,#screen-rep-emo .rep-emo-norma{break-inside:avoid;page-break-inside:avoid;
    -webkit-print-color-adjust:economy;print-color-adjust:economy;background:#fff!important}
  #screen-rep-emo .rep-emo-chart-fila{break-inside:avoid;page-break-inside:avoid}
  #screen-rep-emo .rep-emo-re-situacion{overflow:visible!important;height:auto!important}
}

/* Impresion / PDF: las acciones correctoras salen con su texto COMPLETO (antes los campos de texto se cortaban
   en una linea con «...» y se imprimian los desplegables) y no se imprime el cuadro «PÁGINA 1 de 2» (cuenta paginas
   de la tabla en pantalla, no hojas; la numeracion real va en el margen de cada hoja, ver reportes.js). */
.rep-emo-solo-imp{display:none}
@media print{
  #screen-rep-emo .rep-emo-control > div:last-child{display:none}
  #screen-rep-emo #rep-emo-acciones-tbody input,
  #screen-rep-emo #rep-emo-acciones-tbody textarea,
  #screen-rep-emo #rep-emo-acciones-tbody select{display:none!important}
  #screen-rep-emo #rep-emo-acciones-tbody .rep-emo-solo-imp{display:block!important;font-size:11px;line-height:1.25;white-space:normal;overflow-wrap:anywhere;color:#1f2d3d;text-align:left}
  #screen-rep-emo #rep-emo-acciones-tbody .rep-emo-no-imp{display:none!important}
  #screen-rep-emo table:has(#rep-emo-acciones-tbody) :is(th,td):nth-child(5){display:none}
  #screen-rep-emo #rep-emo-acciones-tbody tr{break-inside:avoid;page-break-inside:avoid}
}