/* Book-defaulting chip (shared/_book_chip). A page-level banner announcing that
   the current planning surface is scoped to the signed-in buyer's book, with a
   one-click opt-out. Styled apart from the filter chips inside the filters card
   — accent-tinted, full-width, sits above the page content — so a scoped page
   is never mistaken for an unscoped one. Design system: warm-minimal tokens. */
.book-chip {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding: 10px 14px;
  background: #fff4ed; /* accent tint — no --accent-tint token exists yet */
  border: 1px solid #fcd9bd;
  border-left: 3px solid var(--accent);
  border-radius: 8px;
  font-size: 14px;
  color: var(--ink);
}

/* Opted-out variant: the book is currently OFF and this offers a way back.
   Neutral surface (not accent-tinted) so it reads as inactive, not as a live
   scope. */
.book-chip--muted {
  background: var(--surface);
  border: 1px solid var(--border);
  border-left: 3px solid var(--border-hover);
}

.book-chip--muted .book-chip-icon {
  color: var(--muted);
}

/* Viewing SOMEONE ELSE's book (head-of-merchandising view). Amber so it is
   visually distinct from both your own default (accent) and the opted-out muted
   state — a strong "this is not your book" signal. */
.book-chip--other {
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-left: 3px solid #d97706;
}

.book-chip--other .book-chip-icon {
  color: #d97706;
}

.book-chip-note {
  color: var(--muted);
  font-size: 13px;
}

/* Book picker (shared/_book_filter) — the single-select in the replenishment
   filter cards. Width matched to the sibling single-selects. */
.book-filter-select {
  max-width: 240px;
}

.book-chip-icon {
  flex-shrink: 0;
  color: var(--accent);
}

.book-chip-text {
  flex: 1 1 auto;
}

.book-chip-text strong {
  font-weight: 600;
}

.book-chip-clear {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: var(--surface);
  border: 1px solid var(--border-hover);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--muted);
  text-decoration: none;
  white-space: nowrap;
}

.book-chip-clear:hover {
  color: var(--ink);
  border-color: var(--accent);
}

.book-chip-x {
  font-size: 16px;
  line-height: 1;
}