/* main/views/review.css — 6-Agent Review view
   Tokens only. Reuses .ai-advisors / .ai-advisor classes from ai-advice/view.css.
*/

.rv-verdict {
  background: var(--c-ink);
  color: var(--c-cream);
  border-radius: var(--r-5);
  padding: var(--s-6) var(--s-7);
  margin-bottom: var(--s-6);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--s-7);
  align-items: center;
}
.rv-verdict-score {
  font-family: var(--font-display);
  font-size: 64px;
  font-weight: 400;
  letter-spacing: var(--letter-tight);
  line-height: 1;
  color: var(--c-sage-soft);
}
.rv-verdict-score .unit {
  font-family: var(--font-body);
  font-size: 22px;
  font-weight: 500;
  opacity: .6;
  margin-left: var(--s-1);
}
.rv-verdict-label {
  font: var(--t-label);
  text-transform: uppercase;
  letter-spacing: var(--letter-wide);
  opacity: .55;
  margin-top: var(--s-1);
}
.rv-verdict-headline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s-3);
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 400;
  letter-spacing: var(--letter-tight);
  line-height: 1.3;
  margin-bottom: var(--s-4);
}
.rv-verdict-headline em { font-style: italic; color: var(--c-sage-soft); }
.rv-verdict-headline-text { display: inline; }

.rv-verdict-pill {
  display: inline-flex;
  align-items: center;
  padding: var(--s-2) var(--s-4);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: var(--letter-wide);
  text-transform: uppercase;
  border-radius: var(--r-pill);
  background: var(--c-sage-tint);
  color: var(--c-sage-deep);
  border: 1px solid var(--c-sage-soft);
}
.rv-verdict-pill--sage       { background: var(--c-sage); color: var(--c-cream); border-color: var(--c-sage-deep); }
.rv-verdict-pill--amber      { background: var(--c-amber); color: var(--c-cream); border-color: var(--c-amber); }
.rv-verdict-pill--terracotta { background: var(--c-terracotta); color: var(--c-cream); border-color: var(--c-terracotta); }

/* Per-card verdict pill in advisor card foot */
.rv-card-verdict {
  display: inline-flex;
  align-items: center;
  padding: 2px var(--s-3);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: var(--letter-wide);
  text-transform: uppercase;
  border-radius: var(--r-pill);
  background: var(--c-sage-tint);
  color: var(--c-sage-deep);
  border: 1px solid transparent;
}
.rv-card-verdict--sage       { background: var(--c-sage-tint); color: var(--c-sage-deep); border-color: var(--c-sage-soft); }
.rv-card-verdict--amber      { background: var(--c-cream); color: var(--c-amber); border-color: var(--c-beige); }
.rv-card-verdict--terracotta { background: var(--c-bg-warm); color: var(--c-terracotta); border-color: var(--c-line); }
.rv-card-score {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 500;
  color: var(--c-ink);
  letter-spacing: var(--letter-tight);
}
.rv-verdict-tally {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--s-5);
}
.rv-tally-label {
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: var(--letter-wide);
  opacity: .55;
  margin-bottom: var(--s-1);
}
.rv-tally-num {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 400;
  letter-spacing: var(--letter-tight);
}
.rv-tally-num .small {
  font-family: var(--font-body);
  font-size: 13px;
  opacity: .55;
  font-weight: 500;
}

/* Accent variants by composite verdict */
.rv-verdict--sage       .rv-verdict-score { color: var(--c-sage-soft); }
.rv-verdict--amber      .rv-verdict-score { color: var(--c-amber); }
.rv-verdict--terracotta .rv-verdict-score { color: var(--c-terracotta); }

.rv-context {
  margin-bottom: var(--s-6);
}
.rv-context-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--s-6);
}

@media (max-width: 1100px) {
  .rv-verdict { grid-template-columns: 1fr; }
  .rv-verdict-tally { grid-template-columns: 1fr 1fr 1fr; }
  .rv-context-row { grid-template-columns: 1fr; }
}