/* Admin Documentation Library — Biography tab + KG Insights modal
 *
 * Styles introduced by jaunty-chasing-bubble S4 (2026-05-11):
 *   - Biography tab affordances inside the docs library toggle row.
 *   - "Listen / Read / KG Insights" button cluster surfaced on biography
 *     doc tiles + viewer toolbar.
 *   - BioKGInsights modal overlay (.bkg-*) — MOVED 2026-07-25 to
 *     css/bio-kg-insights.css (converging-vault-destinations S3-D3), so the
 *     family-facing produced story pages can load the control's styles
 *     WITHOUT loading this admin stylesheet.
 *
 * Most general docs-library styling (sidebar, viewer iframe, bundle
 * banner, search row) lives in styles.css; this file carries only the
 * biography-specific additions so the broader docs library remains
 * touch-free.
 */

/* ──────────────────────────────────────────────────────────────────────
 * Biography tab affordances
 * ────────────────────────────────────────────────────────────────────── */

.docs-library-toggle[data-lib="biography"].active {
  /* Subtle accent so the biography lane is recognizable next to user/tech */
  background: linear-gradient(135deg, #6a3aa8, #8e60d4);
  color: #fff;
}

.docs-bio-kg-insights-btn {
  /* Toolbar button that opens the bio's KG insights modal */
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.7rem;
  background: linear-gradient(135deg, #6a3aa8, #8e60d4);
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: calc(0.85rem * var(--type-scale, 1));
  font-weight: 500;
  cursor: pointer;
  transition: filter 0.15s ease;
}

.docs-bio-kg-insights-btn:hover {
  filter: brightness(1.08);
}

.docs-bio-kg-insights-btn:active {
  filter: brightness(0.95);
}

/* Biography-specific sidebar row treatment — slightly heavier emphasis
 * so a long list of bios in the sidebar reads as named people rather
 * than docs. */
.docs-doc-item.docs-doc-item-biography .docs-doc-title {
  font-weight: 600;
}