/* components/molecules/toast.css — Toast (M08). */

.cmp-toast {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 2000;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 240px;
  max-width: 420px;
  padding: 10px 12px;
  border-radius: var(--radius-sm, 6px);
  background: var(--surface-card, #ffffff);
  border: 1px solid var(--border, #d1d5db);
  color: var(--text, inherit);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  animation: cmp-toast-in 0.22s ease-out;
}

.cmp-toast--leaving {
  animation: cmp-toast-out 0.22s ease-in forwards;
}

@keyframes cmp-toast-in {
  from { transform: translateY(8px); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}
@keyframes cmp-toast-out {
  from { transform: translateY(0);   opacity: 1; }
  to   { transform: translateY(8px); opacity: 0; }
}

.cmp-toast__icon    { flex-shrink: 0; }
.cmp-toast__message { flex: 1 1 auto; font-size: 13px; line-height: 1.4; word-break: break-word; }
.cmp-toast__close   { flex-shrink: 0; margin-left: 4px; }

/* ── Variantes ────────────────────────────────────────────── */

.cmp-toast--success {
  border-left: 3px solid var(--success, #16a34a);
}
.cmp-toast--success .cmp-toast__icon { color: var(--success, #16a34a); }

.cmp-toast--warning {
  border-left: 3px solid var(--warning, #f59e0b);
}
.cmp-toast--warning .cmp-toast__icon { color: var(--warning, #f59e0b); }

.cmp-toast--error {
  border-left: 3px solid var(--danger, #dc2626);
}
.cmp-toast--error .cmp-toast__icon { color: var(--danger, #dc2626); }

.cmp-toast--info {
  border-left: 3px solid var(--accent, #2563eb);
}
.cmp-toast--info .cmp-toast__icon { color: var(--accent, #2563eb); }