/* W7 — the surfaces wave. Each slice writes ONLY inside its own banner. A conflict here
   is expected and mechanical: keep both hunks. */

/* === §rows === */

/* The row kit's answer cluster (ADR-0038). .book-flag, .tag, .tag--own, .tag--ghost
   already have full styling in base.css — reused as-is for "In Library" and the tag
   pills. Only the genuinely NEW badge kinds (status/star/comment) get their own rule
   here. */
.row-badges { display: inline-flex; flex-wrap: wrap; gap: 4px; align-items: center; position: relative; }
.row-badge {
  display: inline-flex; align-items: center; font-size: .72rem; font-weight: 600;
  padding: .15em .55em; border-radius: var(--radius-pill);
  background: var(--bg-elev-2); color: var(--fg-muted);
}
.row-badge--status { background: var(--accent-weak); color: var(--accent); }
.row-badge--star { background: var(--warning-weak); color: var(--warning); }
.row-badge--comment { background: var(--bg-elev-2); color: var(--fg-muted); cursor: default; }
.row-tags { display: inline-flex; flex-wrap: wrap; gap: 4px; }

/* #335: the page-type pill. Three distinct token pairs so every theme/mode inherits
   readable colours with no per-theme override — colour is a cue, the WORD is the
   answer. Slice A ships the partial + wiring; Slice E sets `page_type` on book/series/
   author pages in round 2. */
.page-type-pill {
  display: inline-flex; align-items: center; font-size: .68rem; font-weight: 800;
  letter-spacing: .06em; padding: .2em .65em; border-radius: var(--radius-pill);
}
.page-type-pill[data-page-type="book"] { background: var(--accent-weak); color: var(--accent); }
.page-type-pill[data-page-type="series"] { background: var(--success-weak); color: var(--success); }
.page-type-pill[data-page-type="author"] { background: var(--warning-weak); color: var(--warning); }

/* The shared pager (I-5, app.paging) — consumed by D/E/F/G in round 2. */
.pager { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: var(--space-4) 0; }
.pager-link {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 2em; padding: .3em .5em; border-radius: var(--radius-sm);
  color: var(--fg-muted); text-decoration: none; font-variant-numeric: tabular-nums;
}
.pager-link:hover { background: var(--bg-elev-2); color: var(--fg); }
.pager-link[aria-current="page"] { background: var(--accent); color: var(--accent-fg); font-weight: 700; }
.pager-link[aria-disabled="true"] { opacity: .4; pointer-events: none; }
.pager-ellipsis { color: var(--fg-faint); padding: 0 .2em; }

/* #483: one Romance.io review "case" per book, which can carry more than one tied
   candidate — a visible boundary so a reviewer can tell several rows belong to the
   SAME book rather than reading them as unrelated proposals. */
.review-case {
  border: 1px solid var(--border); border-radius: var(--radius-sm);
  padding: var(--space-3) var(--space-4); margin: 0 0 var(--space-4);
}
.review-case-count {
  font-size: .72rem; font-weight: 600; color: var(--fg-muted);
  margin-left: var(--space-2);
}

/* === §surfaces === */

/* === §detail === */

/* === §browse === */

/* === §jobs === */

/* === §hardening === */