/* src/ui-toast-unlock.css
 * UI-FEEDBACK-13 (#2798) — Unlock and reward toast styles.
 * Shares #loot-toast-container with loot and quest toast stacks.
 * Structural only — visual tokens deferred to Sprint 3B.
 */

/* ── Unlock toast card ────────────────────────────────────────────────────── */

.unlock-toast {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 10px 12px;
  margin-top: 6px;
  background: rgba(10, 10, 20, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-left: 3px solid #64748b;
  border-radius: 6px;
  min-width: 220px;
  max-width: 280px;
  cursor: pointer;
  user-select: none;
  opacity: 0;
  transform: translateX(32px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.unlock-toast--visible {
  opacity: 1;
  transform: translateX(0);
}

.unlock-toast--leaving {
  opacity: 0;
  transform: translateX(32px);
}

/* ── Badge ────────────────────────────────────────────────────────────────── */

.unlock-toast__badge {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #64748b;
}

/* ── Title ────────────────────────────────────────────────────────────────── */

.unlock-toast__title {
  font-size: 13px;
  font-weight: 600;
  color: #f1f5f9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ── Body ─────────────────────────────────────────────────────────────────── */

.unlock-toast__body {
  font-size: 11px;
  color: #94a3b8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}