/* The asking loop's in-app surface: the garden banner, the inbox, and one
   question's answer screen. pc- blocks over --lore-* tokens. */

/* Dashboard banner — a gentle pull toward waiting questions, never a red badge */
.pc-inbox-banner {
  display: flex;
  align-items: center;
  gap: var(--lore-space-3);
  padding: var(--lore-space-3) var(--lore-space-4);
  margin-bottom: var(--lore-space-5);
  border: 1px solid var(--lore-border);
  border-radius: var(--lore-radius-lg);
  background: var(--lore-surface-raised);
  color: var(--lore-ink);
  text-decoration: none;
  transition: border-color var(--lore-dur-ui) var(--lore-ease),
              background-color var(--lore-dur-ui) var(--lore-ease);
}

.pc-inbox-banner:hover,
.pc-inbox-banner:focus-visible {
  border-color: var(--lore-border-strong);
  background: var(--lore-surface-sunken);
}

.pc-inbox-banner__icon {
  font-size: 1.25rem;
  line-height: 1;
}

.pc-inbox-banner__text {
  flex: 1;
  font-weight: var(--lore-weight-medium);
}

.pc-inbox-banner__go {
  color: var(--lore-ink-faint);
}

/* Inbox list */
.pc-inbox__title {
  font-size: var(--lore-text-heading);
  margin: 0 0 var(--lore-space-1);
}

.pc-inbox__lede {
  margin: 0 0 var(--lore-space-5);
}

.pc-inbox__list {
  display: grid;
  gap: var(--lore-space-3);
  max-width: 40rem;
}

.pc-prompt-card {
  display: block;
  padding: var(--lore-space-4);
  border: 1px solid var(--lore-border);
  border-radius: var(--lore-radius-lg);
  background: var(--lore-surface-raised);
  color: var(--lore-ink);
  text-decoration: none;
  transition: border-color var(--lore-dur-ui) var(--lore-ease),
              transform var(--lore-dur-ui) var(--lore-ease);
}

.pc-prompt-card:hover,
.pc-prompt-card:focus-visible {
  border-color: var(--lore-border-strong);
  transform: translateY(-1px);
}

.pc-prompt-card__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--lore-space-2);
  margin-bottom: var(--lore-space-2);
}

.pc-prompt-card__plant {
  font-weight: var(--lore-weight-semibold);
}

.pc-prompt-card__kind {
  font-size: var(--lore-text-caption);
  color: var(--lore-ink-faint);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.pc-prompt-card__body {
  font-family: var(--lore-font-display);
  font-size: var(--lore-text-lead);
  line-height: var(--lore-leading-normal);
  margin: 0 0 var(--lore-space-2);
}

.pc-prompt-card__dimension {
  font-size: var(--lore-text-small);
  color: var(--lore-ink-soft);
}

.pc-inbox-empty {
  max-width: 22rem;
  margin: clamp(2rem, 14dvh, 7rem) auto 0;
  text-align: center;
}

.pc-inbox-empty__title {
  font-size: var(--lore-text-title);
  margin: 0 0 var(--lore-space-2);
}

/* One question, being answered */
.pc-prompt {
  max-width: 40rem;
}

.pc-prompt__back {
  display: inline-block;
  margin-bottom: var(--lore-space-4);
  font-size: var(--lore-text-small);
  color: var(--lore-ink-soft);
  text-decoration: none;
}

.pc-prompt__back:hover {
  color: var(--lore-ink);
}

.pc-prompt__meta {
  display: flex;
  gap: var(--lore-space-2);
  align-items: baseline;
  margin-bottom: var(--lore-space-2);
}

.pc-prompt__plant {
  font-weight: var(--lore-weight-semibold);
}

.pc-prompt__dimension {
  font-size: var(--lore-text-small);
  color: var(--lore-ink-faint);
}

.pc-prompt__question {
  font-family: var(--lore-font-display);
  font-size: var(--lore-text-title);
  line-height: var(--lore-leading-tight);
  margin: 0 0 var(--lore-space-5);
}

.pc-prompt__answer {
  margin-bottom: var(--lore-space-4);
}

.pc-prompt__skip {
  margin-top: var(--lore-space-3);
}