table, td
{
 border: 1px solid;
 empty-cells: show;
 border-collapse: separate;
 font-family: consolas;
 text-align: left;
}
 
tr.heat
{
 background-color:silver;	
}

tr.odd
{
 background-color:#E0F2F7;	
}

tr.even
{
 background-color:#EAFCF6;	
}
 
 /* Homogeneización de cajas en el formulario de mantenimiento */

.Cambio input[type="text"], 
.Cambio select 
 {
 
    font-family: monospace;
 
    font-size: 1em;

    vertical-align: middle;

    margin-top: 2px;

    margin-bottom: 2px;

 }
 
 /**
 * =====================================================================================
 * SECCIÓN: MAQUETACIÓN DE TABLAS (Accesibilidad y Usabilidad)
 * DESCRIPCIÓN: Fuerza la alineación del título (caption) de las tablas hacia el
 *              margen izquierdo, homogeneizando la presentación visual en el sistema.
 * =====================================================================================
 */

table caption {
    /* 1. Control de alineación del texto del título */
    text-align: left !important;

    /* 2. Control de posición estructural (Opcional: fuerza que el título se mantenga arriba) */
    caption-side: top;

    /* 3. Ajustes opcionales de espaciado y legibilidad para que no se pegue a los datos */
    padding-bottom: 5px;
    font-weight: bold !important; /* Resalta el nombre del fichero/log */
}
 
 /**
 * =====================================================================================
 * SECCIÓN: REORDENACIÓN DE USABILIDAD COMPLETA (Estructura en 3 Bloques)
 * DESCRIPCIÓN: Reorganiza el flujo visual del contenedor <PRE> sin alterar el orden
 *              de renderizado del DOM de PHP/JS, protegiendo las sesiones de Xdebug.
 * =====================================================================================
 */

/* 1. Definimos el contenedor raíz de la respuesta como un eje Flex vertical */
#resultado, 
#resultado > pre,
pre {
    display: flex !important;
    flex-direction: column !important;
}

/* 2. BLOQUE 1 (ARRIBA): Formulario de mantenimiento de ítems */
.FormCambio {
    order: 1 !important;
    margin-bottom: 15px;
}

/* 3. BLOQUE 2 (MEDIO): Tabla con el contenido de las anotaciones del log */
.logTabla {
    order: 2 !important;
    margin-top: 10px;
    margin-bottom: 15px;
}

/* 4. BLOQUE 3 (ABAJO): Subfichero de directorios y trazas del sistema */
/* Identificamos las tablas residuales (como la de directorios) para mandarlas al final */
pre > table:not(.logTabla),
#resultado > table:not(.logTabla) {
    order: 3 !important;
    margin-top: 10px;
}

/* Forzamos a que los textos sueltos impresos por PHP (rutas, contadores) bajen con su bloque */
pre > p, 
#resultado > p,
pre > span:not(#VerLinlog):not(#nucleoCambio) {
    order: 3 !important;
}

/* Encabezados de cajas de entrada */
.CabeceraDeCaja {font-weight: bold !important;}