/* ==========================================================================
 * INDICE DE ESTE ARCHIVO. Solo comentarios: no cambia ninguna regla.
 * Orden: tamanos fijos de ventanas, Explorador, SAP, BIOS, calculadora, mensajes.
 * Numero = linea donde empieza el comentario de esa parte (el texto es el del propio comentario).
 *
 *   linea 22: ajustes puntuales (va al final de todo). No cambia nada de lo que ya funcionaba: solo corrige los punt...
 *   linea 27: 1) Ventanas grises de tamaño fijo (teléfono, fondo de pantalla, calculadora, calendario, buscaminas, p...
 *   linea 37: 2) Explorador "Buscar": la lista de la derecha rellena todo el alto (fondo blanco), sin franja gris
 *   linea 40: 3) Copiando - Inglés C2: la barra azul llega de un borde al otro de la ventana (13 de 13 = 100 %)
 *   linea 49: 4) SAP (PA30 / SE38 / dump): al agrandar la ventana crece el fondo azul y no el margen gris
 *   linea 59: menú principal de SAP (sin transacción abierta): el azul también rellena
 *   linea 64: 5) BIOS: logo "energy / EPA pollution preventer" como imagen (foto), no dibujado con código
 *   linea 71: Dialogos de logros, calculadora y calendario
 *   linea 74: Calculadora y calendario: la ventana se ajusta al contenido (sin márgenes de más) [menciona #w-cal, #w-calc]
 *   linea 79: Dump ST22 maximizado: el árbol y el texto llegan hasta abajo, sin recortes
 *   linea 85: Datos copiables
 *   linea 90: Cuadros de mensaje (copiado / logro)
 *   linea 95: los carteles de logro (Logro desbloqueado) usan el certificado de Windows 98 en lugar del trofeo
 *   linea 99: Contador en la bandeja
 *   linea 103: LEEME.txt
 * ========================================================================= */
/* ==========================================================================
   ajustes puntuales (va al final de todo).
   No cambia nada de lo que ya funcionaba: solo corrige los puntos de abajo.
   ========================================================================== */

/* --- 1) Ventanas grises de tamaño fijo (teléfono, fondo de pantalla, calculadora, calendario,
        buscaminas, propiedades del sistema, copiando inglés): no se maximizan ni se estiran.
        Siguen adaptándose al ancho de la pantalla con las reglas de siempre. --- */
.window--fixed .title-bar__btn--maximize,
.window--fixed .title-bar__btn--maximize:disabled {
  opacity: .45; filter: grayscale(1); pointer-events: none; cursor: default;
}
.window--fixed .title-bar__btn--maximize:active { box-shadow: none; }
.window--fixed > .rz { display: none !important; }

/* --- 2) Explorador "Buscar": la lista de la derecha rellena todo el alto (fondo blanco), sin franja gris --- */
html #find-res.xp__list { max-height: none; min-height: 0; background: #fff; align-self: stretch; }

/* --- 3) Copiando - Inglés C2: la barra azul llega de un borde al otro de la ventana (13 de 13 = 100 %) --- */
.load .progress { --segment: 12px; box-sizing: border-box; width: 100%; max-width: 100%; }
.load .progress::before {
  width: calc(var(--level) / 13 * 100% + 2px);
  max-width: calc(100% + 2px);
  background: linear-gradient(90deg, #000080 calc(100% - 2px), transparent 0) 0 0 / var(--segment) 100%;
  background-repeat: round no-repeat;   /* el último bloque cierra justo en el borde */
}

/* --- 4) SAP (PA30 / SE38 / dump): al agrandar la ventana crece el fondo azul y no el margen gris --- */
html body .window--sap.is-sx:is(.is-max, .is-sized) > .win-scroll {
  display: flex !important; flex-direction: column; overflow: auto;
}
html body .window--sap.is-sx:is(.is-max, .is-sized) > .win-scroll > .sx__screen:not([hidden]) {
  display: flex !important; flex: 1 0 auto; flex-direction: column; min-height: 0;
}
html .window--sap.is-sx:is(.is-max, .is-sized) .sx__screen > :is(.sx__body, .sx__code, .sx__dump) { flex: 1 0 auto; }
html .window--sap.is-sx:is(.is-max, .is-sized) .sx__screen > .sx__code { height: auto; min-height: 360px; }
html .window--sap.is-sx:is(.is-max, .is-sized) .sx__screen > :is(.sapx__menu, .sapx__tb, .sapx__head, .sapx__tb2, .sx__msg) { flex: none; }
/* menú principal de SAP (sin transacción abierta): el azul también rellena */
html .window--sap:not(.is-sx):is(.is-max, .is-sized) > .win-scroll { display: flex; flex-direction: column; }
html .window--sap:not(.is-sx):is(.is-max, .is-sized) > .win-scroll > .sap { flex: 1 0 auto; align-content: stretch; }
html .window--sap:not(.is-sx):is(.is-max, .is-sized) > .win-scroll > .sap > .sap__tree { max-height: none; }

/* --- 5) BIOS: logo "energy / EPA pollution preventer" como imagen (foto), no dibujado con código --- */
.bios__star {
  position: absolute; right: 5vw; top: 12vh; display: block;
  width: clamp(120px, 17vw, 200px); height: auto;
  image-rendering: auto; pointer-events: none; user-select: none;
}

/* ==========================================================================
   Dialogos de logros, calculadora y calendario
   ========================================================================== */
/* --- Calculadora y calendario: la ventana se ajusta al contenido (sin márgenes de más) --- */
#w-calc { width: min(100%, 304px); justify-self: start; }
#w-cal  { width: min(100%, 372px); justify-self: start; }
#w-calc .calc { max-width: none; margin: 0; }

/* --- Dump ST22 maximizado: el árbol y el texto llegan hasta abajo, sin recortes --- */
html .window--sap.is-sx:is(.is-max, .is-sized) .sx__dump { flex-wrap: nowrap; align-items: stretch; }
html .window--sap.is-sx:is(.is-max, .is-sized) .sx__dtree,
html .window--sap.is-sx:is(.is-max, .is-sized) .sx__dmain { max-height: none; }
html .window--sap.is-sx:is(.is-max, .is-sized) .sx__dmain { background: #fff; }

/* --- Datos copiables --- */
html [data-copy] { cursor: url('../img/cursors/hand.svg') 4 0, pointer !important; }
.cp { text-decoration: underline dotted; text-underline-offset: 2px; }
[data-copy]:hover { background: #000080; color: #fff; }

/* --- Cuadros de mensaje (copiado / logro) --- */
.ach-dlg { z-index: 80; width: min(400px, 92vw); }
.dialog__i { flex: none; width: 32px; height: 32px; border-radius: 50%; color: #fff; background: #0000a8; font: italic 700 22px/32px 'Times New Roman', serif; text-align: center; box-shadow: 1px 1px 0 grey; }
.dialog__i--warn { background: #e8b800; color: #000; font-style: normal; }
.dialog__i--trophy { background: #ffd23f; font: 20px/32px Arial, sans-serif; font-style: normal; box-shadow: 1px 1px 0 grey, inset 0 0 0 2px #c79a00; }
/* los carteles de logro (Logro desbloqueado) usan el certificado de Windows 98 en lugar del trofeo */
.dialog__i.dialog__i--trophy { background: url('../img/win98/cert-32.png') no-repeat center / 32px 32px; border-radius: 0; box-shadow: none; color: transparent; font-size: 0; image-rendering: pixelated; }
.ach-dlg .dialog__btns .btn { text-decoration: none; color: inherit; }

/* --- Contador en la bandeja --- */
.taskbar__ach { flex: none; padding: 0 8px; line-height: 24px; font-size: 12px; white-space: nowrap; box-shadow: var(--bevel-status); }
.taskbar__ach.is-done { font-weight: 700; }

/* --- LEEME.txt --- */
.leeme { padding: 10px 12px; font: 13px/1.5 'Courier New', monospace; white-space: normal; overflow: auto; }
.leeme p { margin: 0 0 10px; overflow-wrap: anywhere; }
.leeme a { color: #0000ee; }
