/* ══ Tracking: il modulo di richiesta sul fronte ══ */
.trk-modulo { display: flex; flex-direction: column; gap: 12px; margin: 22px 0;
  padding: 18px; border: 1px solid var(--line, #e3e0d8); border-radius: 12px;
  background: var(--card, #fff); }
.trk-modulo label { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.trk-modulo label > span { font-size: .82rem; font-weight: 600; color: var(--muted, #76726a); }
.trk-modulo input, .trk-modulo textarea { width: 100%; font: inherit; padding: 9px 11px;
  border: 1px solid var(--line, #e3e0d8); border-radius: 8px; background: inherit; color: inherit; }
.trk-modulo textarea { resize: vertical; }
.trk-due { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 560px) { .trk-due { grid-template-columns: 1fr; } }

.trk-msg { padding: 11px 14px; border-radius: 9px; margin: 0; }
.trk-ok { background: #e8f5ec; color: #1f7a3d; }
.trk-ko { background: #fdeaea; color: #b3261e; }
.trk-nota { font-size: .84rem; color: var(--muted, #76726a); margin: 0; }

/* Il campo esca: via dagli occhi, dallo screen reader e dal giro dei tab.
   Un «display:none» da solo lascerebbe dentro chi naviga da tastiera. */
.trk-esca { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }