/* Coda accettazione su tablet: pillola + pannello in basso a destra (spec 2026-09-18 § 5.7). z-index sotto SweetAlert2 (1060). */
#acdWidget { position: fixed; right: 16px; bottom: 16px; z-index: 1055; font-family: 'Rubik', -apple-system, 'Segoe UI', Roboto, sans-serif; font-size: 13px; color: #1f2d3a; }
#acdPill { display: flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; background: var(--primary-dark, #1a5276); color: #fff; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.25); user-select: none; }
#acdPill .acd-badge { background: #fff; color: var(--primary-dark, #1a5276); border-radius: 999px; min-width: 22px; text-align: center; font-weight: 600; padding: 1px 6px; }
#acdPill.acd-attenzione { animation: acdPulse 1.2s infinite; background: #d97706; }
@keyframes acdPulse { 0%,100% { box-shadow: 0 4px 14px rgba(0,0,0,.25); } 50% { box-shadow: 0 0 0 6px rgba(217,119,6,.35); } }
/* Chi ha chiesto meno animazioni vede comunque la pillola arancione, senza il battito. */
@media (prefers-reduced-motion: reduce) { #acdPill.acd-attenzione { animation: none; } }
#acdPanel { display: none; width: 380px; max-width: calc(100vw - 32px); max-height: 60vh; overflow-y: auto; margin-bottom: 8px; background: #fff; border-radius: 12px; box-shadow: 0 8px 28px rgba(0,0,0,.28); }
#acdWidget.acd-aperto #acdPanel { display: block; }
.acd-head { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; background: var(--header-gradient, #1a5276); color: #fff; border-radius: 12px 12px 0 0; position: sticky; top: 0; }
.acd-head button { background: transparent; border: 0; color: #fff; font-size: 18px; cursor: pointer; }
.acd-card { border-bottom: 1px solid #e5e9ef; padding: 10px 14px; }
.acd-card.acd-evidenzia { background: #eef6fc; }
.acd-card.acd-completata { background: #f0fdf4; }
.acd-card.acd-annullata { opacity: .6; }
.acd-titolo { display: flex; justify-content: space-between; align-items: baseline; font-weight: 600; font-size: 14px; }
.acd-ora { font-weight: 400; color: #6b7a89; font-size: 12px; }
.acd-riga { display: flex; align-items: center; gap: 8px; margin-top: 6px; flex-wrap: wrap; }
.acd-riga select { flex: 1; min-width: 140px; padding: 5px 6px; border: 1px solid #cfd6de; border-radius: 6px; font-size: 13px; }
.acd-passo { display: flex; align-items: center; gap: 8px; padding: 4px 0; flex-wrap: wrap; }   /* wrap: la nota (.acd-msg) va a capo, non stringe il nome */
.acd-passo .acd-icona { width: 20px; text-align: center; }
/* Icone Font Awesome dei passi: il colore lo da' il CSS, non il glifo (niente emoji). */
.acd-icona .acd-i-ok { color: #15803d; }
.acd-icona .acd-i-err { color: #dc3545; }
.acd-icona .acd-i-attivo { color: var(--primary-color, #2e78a8); }
.acd-icona .acd-i-muto { color: #8a97a4; }
.acd-passo .acd-nome { flex: 1; }
.acd-passo.acd-errore .acd-nome { color: #b91c1c; }
.acd-passo .acd-msg { flex-basis: 100%; font-size: 12px; color: #b91c1c; padding-left: 28px; }
/* Firma rinviata ("Accetta senza firma", pratica COMPLETATA): nota neutra, non un errore. */
.acd-passo.acd-rinviata .acd-msg { color: #6b7a89; }
.acd-btn { border: 1px solid #cfd6de; background: #fff; border-radius: 6px; padding: 4px 8px; font-size: 12px; cursor: pointer; color: #1f2d3a; }
.acd-btn:hover { background: #f3f6f9; }
.acd-btn.acd-primario { background: var(--primary-color, #2e78a8); border-color: transparent; color: #fff; }
.acd-btn.acd-pericolo { color: #b91c1c; border-color: #fecaca; }
.acd-azioni { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.acd-aiuto { background: #fff7ed; color: #9a3412; border-radius: 6px; padding: 4px 8px; font-size: 12px; margin-top: 6px; display: flex; justify-content: space-between; align-items: center; }
.acd-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #9ca3af; margin-right: 4px; flex: 0 0 auto; }
.acd-dot.acd-online { background: #10b981; }
.acd-vuoto { padding: 18px 14px; color: #6b7a89; text-align: center; }
.acd-badge-ok { color: #15803d; font-weight: 600; }
.acd-badge-ko { color: #dc3545; font-weight: 600; }
@media (max-width: 600px) { #acdWidget { right: 8px; bottom: 8px; } #acdPanel { width: calc(100vw - 16px); } }