/* Ajustes propios sobre Fénix UI Kit — Formulario de Entrega de Motos */

/* Pad de firma */
.fx-sign {
  position: relative;
  border: 1px dashed #b7c1cb;
  border-radius: var(--fx-radius, 4px);
  background: #fff;
  touch-action: none;           /* evita scroll al dibujar en móvil */
}
.fx-sign-canvas {
  display: block;
  width: 100%;
  height: 180px;
  border-radius: inherit;
  cursor: crosshair;
}
.fx-sign-clear {
  position: absolute;
  top: .4rem;
  right: .4rem;
}

/* Miniaturas de fotos */
.fx-thumbs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: .6rem;
}
.fx-thumb {
  position: relative;
  aspect-ratio: 4 / 3;
  border: 1px solid var(--fx-border, #d9dee5);
  border-radius: var(--fx-radius, 4px);
  overflow: hidden;
  background: var(--fx-surface-muted, #edf0f3);
}
.fx-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fx-thumb-remove {
  position: absolute;
  top: 2px;
  right: 2px;
  border: 0;
  width: 22px;
  height: 22px;
  line-height: 22px;
  padding: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, .55);
  color: #fff;
  font-size: .8rem;
}

/* Detalle admin */
.fx-detail-imgs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: .6rem;
}
.fx-detail-imgs img,
.fx-detail-sign img {
  width: 100%;
  border: 1px solid var(--fx-border, #d9dee5);
  border-radius: var(--fx-radius, 4px);
  background: #fff;
}
.fx-kv { margin: 0; }
.fx-kv dt { font-size: .72rem; text-transform: uppercase; color: var(--fx-muted, #91a1ad); font-weight: 600; }
.fx-kv dd { margin: 0 0 .75rem; font-weight: 500; }