/* src/ui-toast-quest.css
 * UI-FEEDBACK-11 (#2794) — Quest toast styles.
 * Slides in from right; stacks in the same container as loot toasts.
 * Structural only — visual tokens deferred to Sprint 3B.
 */

/* ── Individual card ──────────────────────────────────────────────────────── */

.quest-toast {
  background: rgba(10, 10, 20, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-left: 3px solid #4caf50;  /* green accent */
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 13px;
  color: #e2e8f0;
  opacity: 0;
  transform: translateX(32px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}

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

.quest-toast--leaving {
  opacity: 0;
  transform: translateX(32px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}

/* ── Quest-complete variant (slightly prominent) ──────────────────────────── */

.quest-toast--complete {
  border-left-color: #66bb6a;
  background: rgba(10, 20, 12, 0.92);
}

/* ── Subtype badge ────────────────────────────────────────────────────────── */

.quest-toast__badge {
  font-size: 9px;
  font-weight: 700;
  color: #4caf50;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 3px;
}

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

.quest-toast__title {
  font-size: 13px;
  color: #e2e8f0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ── Checkmark (quest-complete only) ─────────────────────────────────────── */

.quest-toast__check {
  color: #4caf50;
  margin-right: 4px;
  font-size: 13px;
}

/* ── Optional body line ───────────────────────────────────────────────────── */

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