/* ============================================================
   NEONODE — TOAST, GRAFICA (mobile-first). Messaggini brevi in basso.
   ============================================================ */

.nn-toast-pila {
  position: fixed; left: 0; right: 0; bottom: 16px; z-index: 1100;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  padding: 0 16px; pointer-events: none;
}

.nn-toast {
  pointer-events: auto;
  width: 100%; max-width: 360px;
  display: flex; align-items: center; gap: 10px;
  padding: 11px 13px;
  background: var(--surf);
  border: 1px solid var(--line-strong);
  border-left: 3px solid var(--accent);
  border-radius: var(--r-md);
  font-size: 13px; color: var(--txt);
}
.nn-toast .nn-ico { flex: none; }

.nn-toast--info       { border-left-color: var(--cy); }
.nn-toast--info       .nn-ico { color: var(--cy); }
.nn-toast--ok         { border-left-color: var(--ok); }
.nn-toast--ok         .nn-ico { color: var(--ok); }
.nn-toast--attenzione { border-left-color: var(--warn); }
.nn-toast--attenzione .nn-ico { color: var(--warn); }
.nn-toast--errore     { border-left-color: var(--err); }
.nn-toast--errore     .nn-ico { color: var(--err); }