/* FotoFatto — FF-14: stili della trattativa automatica.
   Solo classi che iniziano con «neg-». Non tocca app.css. */

.neg-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 8px 0;
  padding: 8px 12px;
  border-radius: 12px;
  background: #EAF3EA;
  border: 1px solid rgba(20, 20, 19, 0.08);
  font-size: 13px;
}
.neg-banner-off { background: #F1F0EB; }
.neg-banner-text { flex: 1 1 60%; }
.neg-banner-actions { display: flex; gap: 6px; margin-left: auto; }

/* FF-15 — stessa quota dei fogli della chat (70): sopra la barra di
   navigazione (50) e sotto la fotocamera (100). */
.neg-overlay { z-index: 70; }

.neg-card { background: #FFFFFF; border-color: var(--accent); }
.neg-card.neg-counter { background: #FFF8E9; border-color: #E8C46A; }

.neg-bot {
  background: #EEF3F9;
  border-left: 3px solid var(--accent);
  border-radius: 8px;
  padding: 8px 10px;
  color: var(--ink);
}

.neg-hint { color: var(--muted); font-size: 13px; margin: 0; }
.neg-accept-amount { font-weight: 700; margin: 0; }

/* FF-16 — attesa visibile prima della risposta automatica. */
.neg-thinking {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  max-width: 80%;
}
.neg-thinking-text { color: var(--muted); font-size: 13px; }
.neg-dots { display: inline-flex; gap: 3px; }
.neg-dots i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent);
  display: block;
  animation: neg-dot-bounce 1.2s infinite ease-in-out;
}
.neg-dots i:nth-child(2) { animation-delay: 0.15s; }
.neg-dots i:nth-child(3) { animation-delay: 0.3s; }
@keyframes neg-dot-bounce {
  0%, 60%, 100% { transform: translateY(0); opacity: 0.5; }
  30% { transform: translateY(-4px); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .neg-dots i { animation: none; opacity: 1; }
}

/* FF-16 — lampo del bordo quando arriva la risposta automatica. */
.neg-flash { animation: neg-flash-border 2s ease-out; }
@keyframes neg-flash-border {
  0% { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(20, 20, 19, 0.12); }
  100% { border-color: inherit; box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
  .neg-flash { animation: none; border-color: var(--accent); }
}

.neg-warn {
  margin: 0;
  padding: 8px 10px;
  border-radius: 10px;
  background: #FFF3EE;
  border: 1px solid #F3B7A6;
  color: var(--ink);
  font-size: 13px;
}

/* FF-16b — errori in linea nei fogli della chat (niente alert nativi). */
.neg-error {
  margin: 0;
  padding: 8px 10px;
  border-radius: 10px;
  background: #FDECEC;
  border: 1px solid #E59A9A;
  color: #8A1F1F;
  font-size: 13px;
}
.neg-share-note {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}
.neg-share input[type="checkbox"]:disabled {
  opacity: 0.5;
}