/*
 * css/components/exec-log.css — Ventana del log de una ejecución (redimensionable, pantalla completa).
 *
 * 12-oct, fase 3 del kit de estilo: extraído del <style> de index.html (mismas reglas). El orden
 * de carga (index.html) es base -> components -> views; la verificación comparó los estilos
 * calculados de toda la página antes y después.
 */

/* Ventana del log de ejecución (24-sep, pedido del usuario): redimensionable
   a mano (resize nativo del navegador, tira en la esquina inferior derecha)
   y con un botón de pantalla completa aparte del de cerrar. El <pre> del
   log ocupa TODO el alto disponible del panel (flex), no un max-height fijo
   -- así al agrandar la ventana el log realmente usa el espacio de más. */
.execlog-panel {
  display: flex; flex-direction: column;
  width: 900px; height: 560px;
  min-width: 360px; min-height: 240px;
  max-width: 96vw; max-height: 92vh;
  resize: both; overflow: hidden;
}
.execlog-panel .cal-panel-head, .execlog-panel .cal-sub { flex: none; }
.execlog-head-btns { display: flex; align-items: center; gap: 4px; }
#execlog-body { flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
#execlog-body .run-logbox { flex: 1; min-height: 0; display: flex; flex-direction: column; margin: 0; }
#execlog-body .run-log-pre { flex: 1; min-height: 0; max-height: none; }
/* Pantalla completa: toggleExecLogFullscreen() agrega/saca esta clase --
   el overlay pasa a ocupar toda la ventana, sin margen, sin resize (ya
   está al máximo). */
#execlog-overlay.execlog-fs { padding: 0; align-items: stretch; }
#execlog-overlay.execlog-fs .execlog-panel {
  width: 100%; height: 100%; max-width: 100%; max-height: 100%;
  border-radius: 0; resize: none;
}