/* GENERATED FILE - DO NOT EDIT.
   Source: shared/lakbi-picks.css - run `npm run sync:shared` after editing. */

/* LakBi chat pick cards, day chips and Undo (shared/lakbi-picks.js) — web + app.
   Uses each app's tokens (--cream, --ink, --forest, --line, --gold-pale); fallbacks inline. */

.lbp {
  justify-self: stretch;
  align-self: stretch;
  width: 100%;
  min-width: 0;
}

.lbp-row {
  display: flex;
  gap: 0.6rem;
  margin: 0;
  padding: 0.1rem 0.1rem 0.45rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  list-style: none;
  scrollbar-width: thin;
  overscroll-behavior-x: contain;
}

.lbp-card {
  display: grid;
  align-content: start;
  gap: 0.3rem;
  flex: 0 0 min(12.5rem, 78%);
  min-width: 0;
  padding: 0.6rem;
  border: 1px solid var(--line, rgba(26, 20, 16, 0.14));
  border-radius: 0.9rem;
  background: #fff;
  color: var(--ink, #1a1410);
  scroll-snap-align: start;
}

.lbp-art {
  position: relative;
  display: grid;
  place-items: center;
  height: 4.2rem;
  border-radius: 0.65rem;
  color: rgba(255, 255, 255, 0.94);
  overflow: hidden;
}

.lbp-art b {
  font: 700 2rem/1 Georgia, "Times New Roman", serif;
}

.lbp-art i {
  position: absolute;
  right: 0.4rem;
  bottom: 0.3rem;
  font-style: normal;
  font-size: 1rem;
  line-height: 1;
}

.lbp-art.is-t0 { background: linear-gradient(135deg, #c0643f, #e6a15a); }
.lbp-art.is-t1 { background: linear-gradient(135deg, #7a4f2a, #c9964d); }
.lbp-art.is-t2 { background: linear-gradient(135deg, #2d5a7b, #5f9bb0); }
.lbp-art.is-t3 { background: linear-gradient(135deg, #1e3a2f, #4f7d62); }
.lbp-art.is-t4 { background: linear-gradient(135deg, #7b3552, #c26a86); }
.lbp-art.is-t5 { background: linear-gradient(135deg, #5b4a8a, #8f7fc2); }

.lbp-name {
  font-size: 0.95rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.lbp-meta {
  font-size: 0.78rem;
  color: var(--ink-soft, #4a3f36);
}

.lbp-why {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.4;
  color: var(--ink-soft, #4a3f36);
  overflow-wrap: anywhere;
}

.lbp-acts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.15rem;
}

.lbp-pill,
.lbp-chip {
  min-height: 2rem;
  padding: 0.25rem 0.7rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: #eef2e4;
  color: #2c5b44;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}

.lbp-pill.is-map {
  display: inline-flex;
  align-items: center;
  border-color: #d7dccb;
  background: transparent;
  text-decoration: none;
}

.lbp-pill.is-quiet,
.lbp-chip.is-quiet {
  background: transparent;
  border-color: color-mix(in srgb, #2c5b44 35%, transparent);
}

.lbp-pill:disabled,
.lbp-chip:disabled {
  opacity: 0.6;
  cursor: default;
}

.lbp-done {
  align-self: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: #2c5b44;
}

.lbp-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.45rem;
}

/* Chips / Undo sit under the bubble text (the row is face + bubble in a flex line). */
.lakbi-chat-row:has(> .lbp-chips) {
  flex-wrap: wrap;
}

.lakbi-chat-row > .lbp-chips {
  flex: 1 0 100%;
  padding-left: 2.2rem;
}

.lbp-chip {
  background: var(--cream, #f7f1e6);
  border-color: color-mix(in srgb, var(--forest, #1e3a2f) 22%, transparent);
  color: var(--forest, #1e3a2f);
}

.lbp-chip.is-undo {
  background: transparent;
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  .lbp-pill:not(:disabled):hover,
  .lbp-chip:not(:disabled):hover {
    background: var(--gold-pale, #e8d5a3);
    color: var(--ink, #1a1410);
  }
}

.lbp-pill:focus-visible,
.lbp-chip:focus-visible,
.lbp-row:focus-visible {
  outline: 2px solid var(--gold, #b0893a);
  outline-offset: 2px;
}

/* LakBi's popularity tag on idea / food cards (LakbiPicks.buzzChipHtml): 🔥 Popular · 📈 Trending · 💎 Hidden gem */
.lbx-buzz {
  display: inline-flex;
  align-items: center;
  padding: 0.05rem 0.5rem;
  border-radius: 999px;
  background: #fbefd6;
  color: #7a5212;
  font-size: 0.74rem;
  font-weight: 700;
  white-space: nowrap;
}

.lbx-buzz.is-trending {
  background: #e4f0ea;
  color: #23573f;
}

.lbx-buzz.is-gem {
  background: #ece8f6;
  color: #4d3f7a;
}

/* Ask LakBi over a stop (owner 2026-10-05, web + app): the calm line under When? and the planner card's
   "Ask LakBi for a swap" link. */
.lbq-swap {
  display: block;
  margin-top: 0.35rem;
  color: var(--ink, #1a1410);
  font-size: 0.8rem;
  font-weight: 600;
}
.lbq-swap::before {
  content: "⇄ ";
  color: var(--gold, #b8860b);
}
.lbq-swap[hidden] {
  display: none;
}
.lmp-card-swap {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: 2.75rem;
  margin: 0;
  padding: 0.35rem 0.1rem;
  border: 0;
  background: transparent;
  color: var(--forest, #1e3a2f);
  font: inherit;
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
  text-underline-offset: 3px;
  cursor: pointer;
}
.lmp-card-swap:hover {
  text-decoration-color: currentColor;
}
.lmp-card-swap:focus-visible {
  outline: 2px solid var(--forest, #1e3a2f);
  outline-offset: 2px;
  border-radius: 6px;
}
/* Food in Ask LakBi's type chips only while When? is a swap. */
.lbq-chip[data-lbq-swap-only][hidden] {
  display: none !important;
}