/* ============================================================================
   PVBoardInline — PROTOTYPE styles (2026-10-06 overnight build)
   Tab bar + board panel inside the PVPlayer expanded state. Mirrors the
   .eb-tabs pattern from podcasts/board/board.css, adapted to the floating
   player card. Purely additive: nothing here restyles mini/minimized states.
   ============================================================================ */

/* --- tab bar: hidden unless expanded AND a board is available --- */
.pv-inline-tabs { display: none; gap: 8px; padding: 10px 14px 0; }
.pvfp--expanded.pv-board-on .pv-inline-tabs { display: flex; }
.pv-inline-tabs button {
  flex: 1; border: 1px solid var(--desert-rule); background: transparent;
  border-radius: 999px; padding: 11px;
  font-size: 14px; font-weight: 700; font-family: Inter, -apple-system, "Segoe UI", sans-serif;
  color: var(--desert-ink-dim); cursor: pointer;
}
.pv-inline-tabs button.active { background: var(--desert-ink); color: var(--desert-bg); border-color: transparent; }
.pv-inline-tabs button:focus-visible { outline: 2px solid var(--desert-accent); outline-offset: 2px; }

/* --- board panel: only in expanded + board tab active --- */
.pv-inline-board { display: none; padding: 6px 14px 16px; }
.pvfp--expanded.pv-board-on.pv-tab-board .pv-inline-board { display: block; }

/* Evidence tab: video/title blocks collapse, transport controls stay put */
.pvfp--expanded.pv-board-on.pv-tab-board .pvfp-media { display: none; }
.pvfp--expanded.pv-board-on.pv-tab-board .pvfp-bar { display: none; }

/* panel header */
.pv-eb-head {
  display: flex; align-items: baseline; justify-content: space-between;
  margin: 6px 0 12px;
}
.pv-eb-head .eb-board-title { margin: 0; }
.pv-eb-right { display: flex; align-items: baseline; gap: 8px; }
.pv-eb-right .eb-now { margin-bottom: 0; font-size: 11px; }
.pv-eb-right .eb-board-count { font-size: 12px; color: var(--desert-ink-faint); }

/* chapter grid: the board page uses 1 col here; the player card is narrower,
   keep a single column so cards stay readable at 390px */
.pv-inline-board .eb-chapters { grid-template-columns: 1fr; }

/* safety: never leak tabs/panel into mini or minimized, even mid-transition */
.pvfp--mini .pv-inline-tabs, .pvfp--minimized .pv-inline-tabs,
.pvfp--mini .pv-inline-board, .pvfp--minimized .pv-inline-board { display: none !important; }