/* componentes/toasts.css — Avisos rápidos (toasts) no canto da tela. */
.toasts { position: fixed; right: 20px; bottom: 20px; display: grid; gap: 8px; z-index: 90; }
.toast { position: relative; overflow: hidden; background: var(--tinta); color: #fff; padding: 12px 16px 14px; border-radius: 10px; box-shadow: var(--sombra-2); font-size: 13px; display: flex; gap: 10px; align-items: center; max-width: 380px; }
.toast .ico { width: 16px; height: 16px; color: var(--verde); }
.toast.erro .ico { color: #ff6b6b; }
.toast .tempo { position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: var(--verde); transform-origin: left; }
.toast.erro .tempo { background: #ff6b6b; }