/* Lupa: mandos del dibujo y ampliacion de las miniaturas. */

.mando-viz {
  display: flex;
  align-items: center;
  gap: .6rem;
  flex-wrap: wrap;
  margin: .8rem 0 .4rem;
}

.mando-viz .der { margin-left: auto; }

.mando-viz .b {
  padding: .3rem .7rem;
  font-size: .85rem;
}

.conmuta-simple {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  font-size: .85rem;
  cursor: pointer;
  user-select: none;
}

/* El dibujo: el cursor dice que se puede arrastrar. */
.viz svg { touch-action: none; cursor: grab; }
.viz.arrastrando svg { cursor: grabbing; }

/* La miniatura ampliada, flotando junto al cursor. */
.lupa-mini {
  position: fixed;
  z-index: 50;
  display: none;
  width: 220px;
  height: 220px;
  padding: 10px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, .18);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .28);
  pointer-events: none;
  color: #1d2b2a;
}

.lupa-mini svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* La miniatura de la tabla invita a mirarla. */
svg.mini { cursor: zoom-in; }

/* Historial de trabajos */
.en-linea { display: inline; }
.en-linea .b { padding: .15rem .5rem; font-size: .8rem; }
.ok-txt { color: #2c7a72; font-weight: 600; }
.mal-txt { color: #b3261e; font-weight: 600; }