/*
 * /vendor's Today: the parts the Paste-up board (vendor-page/paste.css)
 * does not draw itself. The board, Your sign, the pin preview, the figures,
 * the checklist and what people said moved to paste.css in Nov 2026 with the
 * new layout; what is left here is the strip and the cards other sections
 * share with Today.
 */

/* A review with words and no answer yet, marked the way the app marks news. */
.d-needs {
  display: inline-flex;
  align-items: center;
  height: 20px;
  margin-left: auto;
  padding: 0 8px;
  border-radius: 6px;
  background: var(--ok);
  color: #06210f;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}
button.d-needs:hover { filter: brightness(1.08); }

/* ── Since you last looked ─────────────────────────────────────────────── */

.v-digest {
  padding: var(--s-3) var(--s-4);
  border-radius: var(--r-3);
  background: var(--accent-soft);
  color: var(--ink);
  font-size: var(--t-14);
}
.v-fact { color: var(--accent-text); font-weight: 600; text-decoration: underline; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); text-underline-offset: 3px; }

/* ── Offers: one slim strip, never a panel the size of the chart ────────── */

.d-feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--s-1) var(--s-6);
  padding: var(--s-4) var(--s-5);
  border-radius: var(--r-4);
  background: var(--raise);
}
.d-feature-t { grid-column: 1; color: var(--ink); font-size: var(--t-15); font-weight: 700; }
.d-feature-s { grid-column: 1; color: var(--ink-3); font-size: var(--t-13); }
.d-feature-price { grid-column: 2; grid-row: 1 / span 2; color: var(--ink); font-size: var(--t-18); font-weight: 700; }
.d-feature-price span { color: var(--ink-3); font-size: var(--t-13); font-weight: 450; }
.d-feature > .v-btn { grid-column: 3; grid-row: 1 / span 2; }
.d-feature-bar { grid-column: 1 / -1; height: 4px; margin-top: var(--s-3); border-radius: 2px; background: var(--raise-2); overflow: hidden; }
.d-feature-bar i { display: block; height: 100%; background: var(--accent); }
.d-feature-list { grid-column: 1; display: flex; flex-wrap: wrap; gap: var(--s-1) var(--s-4); margin-top: var(--s-2); color: var(--ink-2); font-size: var(--t-13); }
.d-feature-list li { display: inline-flex; align-items: center; gap: 6px; }
.d-feature-list .ic { width: 14px; height: 14px; color: var(--accent); }
@media (max-width: 700px) {
  .d-feature { grid-template-columns: minmax(0, 1fr); }
  .d-feature > * { grid-column: 1 !important; grid-row: auto !important; }
  .d-feature > .v-btn { justify-self: start; margin-top: var(--s-2); }
  /* The price is a tag, the size of its words, not a bar across the strip. */
  .d-feature-price { justify-self: start; margin-top: var(--s-2); }
}

/* The QR, free on every claimed place. */
.d-qr-mini { display: flex; gap: var(--s-5); align-items: flex-start; }
.d-qr-mini-code { flex: none; width: 104px; padding: 8px; border-radius: var(--r-2); background: #fff; }
.d-qr-mini-code svg { width: 100%; height: auto; }
.d-qr-mini-t { margin-bottom: 4px; font-size: var(--t-15); font-weight: 700; }
.d-qr-mini .v-btn { margin-top: var(--s-3); }

/* What the plan would show, where the numbers would be. */
.d-peek-list { display: flex; flex-direction: column; gap: var(--s-2); margin-bottom: var(--s-4); color: var(--ink-2); font-size: var(--t-14); }
.d-peek-list li { display: flex; align-items: center; gap: var(--s-3); }