/* ====================================================
   references-page-style.css — Versets & Hadiths
   Le contenu (recherche, onglets, liste) est rendu par
   renderRefsPanel() (common-layout.js) avec les classes .rf-*
   (refs-sidebar.css) — partagées avec la sidebar native et la
   popup mobile, pour un rendu strictement identique partout.
   ==================================================== */

/* En-tête page (titre + contexte livre) — pleine largeur (pas de cap comme
   les listes de lecture classiques : recherche + liste .rf-* exploitent tout
   l'espace disponible, comme dans la sidebar). */
.refs-page-root {
  width: 100%;
}

.refs-empty {
  color: var(--text-secondary, #888);
  font-size: 0.95rem;
  padding: 32px 0;
  text-align: center;
}

/* Sur la page dédiée (contrairement à la sidebar/popup, où le fond +
   bordure + sticky délimitent un panneau flottant), la recherche et les
   onglets doivent s'intégrer nature dans la page plutôt que ressembler à
   un encart rectangulaire : pas de fond, pas de bordure, pas de sticky,
   et un alignement horizontal avec le reste du contenu (h1, intro). */
.refs-page-panel .rf-toolbar {
  background: none;
  border-bottom: none;
  position: static;
}

.refs-page-panel .rf-search-wrap {
  border-bottom: none;
  padding-left: 0;
  padding-right: 0;
}

.refs-page-panel .rf-tabs {
  padding-left: 0;
  padding-right: 0;
}