/* =============================================
   components/toast/toast.css
============================================= */
.toast {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 300;
  background: var(--azul-escuro);
  color: var(--branco);
  padding: .9rem 1.5rem;
  border-radius: var(--raio);
  font-weight: 600;
  font-size: .9rem;
  box-shadow: var(--sombra-lg);
  animation: toastEntrar .3s ease;
  max-width: 320px;
}
@keyframes toastEntrar {
  from { opacity:0; transform: translateY(20px); }
  to   { opacity:1; transform: translateY(0); }
}

.toast--sucesso { background: #166534; }
.toast--erro    { background: #991b1b; }
.toast--aviso   { background: #92400e; }

@media (max-width: 768px) {
  .toast { left:1rem; right:1rem; bottom:1rem; max-width:none; }
}