/* ============================================
   PeritoMap — Firma digitale + Export
   ============================================ */

.firma-btn-cattura {
  margin-bottom: var(--spazio-sm);
}

.firma-vuoto {
  color: var(--colore-testo-secondario);
  font-size: 0.9rem;
}

.firma-lista {
  display: flex;
  flex-direction: column;
  gap: var(--spazio-sm);
}

.firma-scheda {
  display: flex;
  align-items: center;
  gap: var(--spazio-md);
  padding: var(--spazio-sm);
  background: var(--colore-superficie);
  border: 1px solid var(--colore-bordo-leggero);
  border-radius: var(--raggio-bordo);
}

.firma-img {
  width: 120px;
  height: 64px;
  object-fit: contain;
  background: #fff;
  border: 1px solid var(--colore-bordo-leggero);
  border-radius: var(--raggio-bordo-piccolo);
}

.firma-info {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.firma-nome {
  font-weight: 600;
  color: var(--colore-testo);
}

.firma-ruolo {
  font-size: 0.8rem;
  color: var(--colore-testo-secondario);
}

/* ---- Canvas firma nel modale ---- */

.firma-canvas-label {
  display: block;
  margin: var(--spazio-sm) 0 4px;
  font-size: 0.85rem;
  color: var(--colore-testo-secondario);
}

.firma-canvas-wrap {
  border: 2px dashed var(--colore-bordo);
  border-radius: var(--raggio-bordo);
  background: #fff;
  overflow: hidden;
}

.firma-canvas {
  display: block;
  width: 100%;
  height: 200px;
  touch-action: none;
  cursor: crosshair;
}

/* ---- Sezione export ---- */

.export-nota {
  margin-top: var(--spazio-xs);
  font-size: 0.82rem;
  color: var(--colore-testo-secondario);
}

/* Sezione "Foto su PC" nel dettaglio incarico: pulsanti impilati e spaziati */
#sezione-export-contenitore .btn-grande {
  display: block;
  width: 100%;
  margin-top: var(--spazio-sm);
}

#sezione-export-contenitore .export-nota {
  margin-bottom: var(--spazio-sm);
}

/* (la configurazione "Foto su PC" vive nel menu Impostazioni — vedi app.js) */