/* Anidador DXF - la pagina de resultado, con la MISMA piel que el asistente.
 *
 * Se carga DESPUES de estilos.css y solo reescribe las variables, asi que no
 * hay que tocar las 334 lineas de reglas que ya funcionan.
 *
 * 🔴 Se fija oscuro a secas, no por preferencia del sistema: el asistente es
 * oscuro siempre, y pasar de un asistente oscuro a un resultado blanco es un
 * fogonazo en la cara del operario del taller.
 */

:root {
  color-scheme: dark;
  --bg:    #0e1116;
  --fg:    #d7dee7;
  --mut:   #8b97a6;
  --line:  #2a323d;
  --card:  #161b22;
  --acc:   #35d0c0;
  --ok:    #3fb950;
  --bad:   #f85149;
  --warn:  #d29922;
}

/* el dibujo del anidado va sobre lienzo oscuro, como en un CAD */
.viz {
  background: #080b0e;
  border: 1px solid #2a323d;
  border-radius: 8px;
  padding: 12px;
}

/* barra de ocupacion de cada lamina */
.barra {
  height: 9px;
  background: #0e1116;
  border: 1px solid #2a323d;
  border-radius: 5px;
  overflow: hidden;
  min-width: 110px;
}
.barra span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #35d0c0, #2aa89b);
}

/* la tabla de laminas se lee mejor con la referencia en el color de acento */
table td b { color: var(--acc); }