/* El editor de capas: cabecera, tabla, totales, validación, corte y previa
   corta. Reusa las variables de `estilos.css` (`:root`), cargado antes. */

.editor-capas { display: flex; flex-direction: column; gap: 10px; }

.ec-cabecera { display: flex; align-items: center; gap: 10px; }
.ec-cabecera .ec-nombre { flex: 1; font-size: 16px; font-weight: 600; }
.ec-aplica-a { background: var(--crema); border: 1px solid var(--borde); border-radius: 999px; padding: 3px 10px; font-size: 12px; text-transform: capitalize; }

.ec-tabla { width: 100%; border-collapse: collapse; font-size: 13px; }
.ec-tabla th { text-align: left; color: var(--suave); font-weight: 600; font-size: 11.5px; padding: 4px 6px; border-bottom: 1px solid var(--borde); }
.ec-tabla td { padding: 4px 6px; border-bottom: 1px solid var(--borde); vertical-align: middle; }
.ec-orden { display: flex; gap: 2px; }
.ec-orden button { padding: 2px 6px; font-size: 10px; }
.ec-material { text-align: left; white-space: normal; }
.ec-espesor input[type=number] { width: 64px; display: inline-block; }
.ec-elastica { display: block; font-size: 11px; color: var(--suave); font-weight: 400; margin-top: 2px; }
.ec-termico { color: var(--suave); }
.ec-termico.ec-sin-dato { color: var(--ojo); }
.ec-quitar { padding: 2px 9px; }

.ec-agregar { align-self: flex-start; }
.ec-selector-panel:not(:empty) { border: 1px solid var(--borde); border-radius: var(--radio); padding: 8px; background: var(--crema); }
.ec-cerrar-selector { margin-bottom: 6px; }

.ec-totales { display: flex; gap: 16px; flex-wrap: wrap; font-size: 13px; background: var(--crema); border-radius: var(--radio); padding: 8px 12px; }

.ec-fallos, .ec-avisos { margin: 0; padding-left: 20px; font-size: 12.5px; }
.ec-fallos { color: #a51d1d; }
.ec-avisos { color: var(--ojo); }

.ec-titulo { font-size: 12.5px; font-weight: 600; color: var(--suave); margin: 4px 0 6px; }
.corte-svg { width: 100%; max-width: 420px; height: auto; border: 1px solid var(--borde); border-radius: 6px; background: #fff; }
.ec-previa-resumen { font-size: 12px; color: var(--suave); margin: 6px 0; }
.ec-previa-json { font-size: 11px; background: #fff; border: 1px solid var(--borde); border-radius: 6px; padding: 8px; max-height: 220px; overflow: auto; }
.ec-previa-error { color: #a51d1d; font-size: 12.5px; }