/* La barre latérale contextuelle (src/sidebar-contextuelle.js) : les réglages de la fenêtre foncière prennent la place de la navigation.
 * Référence : la barre de Linear / de ChatGPT, une ligne « ← Retour · mode », puis le contenu, sur le fond de la barre, sans carte ni ombre.
 * Largeur : 340 px (les curseurs et les listes de noms ont besoin de plus que les 244 px de la navigation). Bureau seulement. */
@media (min-width: 900px) {
  html.sc-actif body > .pg.fe-colonne.sc-cache { display: none !important; }
  html.sc-actif, html.sc-actif.coq-replie { --coq-l: 340px; }
  html.sc-actif .coq { z-index: 50; }                       /* sous la fenêtre (60) : l'aside, qu'elle porte, se dessine par-dessus la barre */
  html.sc-actif .coq-corps[data-coq-nav] { display: none; }
  html.sc-actif .coq-pied { margin-top: auto; }
  html.sc-actif .coq [data-coq-replier] { display: none; }
  .coq-ctx-tete { flex: none; display: flex; align-items: center; height: 36px; padding: 0 10px; }
  .coq-ctx-retour { display: inline-flex; align-items: center; gap: 6px; height: 28px; max-width: 100%; padding: 0 8px 0 4px; border-radius: var(--r-bouton); color: var(--encre) !important; font-size: var(--t-13); font-weight: 500; }
  .coq-ctx-retour:hover { background: var(--survol) !important; }
  .coq-ctx-retour .coq-i { color: var(--attenue); }
  .coq-ctx-lib { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  :is(html, html[data-theme]).sc-actif :is(.page-app, body) .pg.pg.pg.pg.pg.pg.d2f.fe-colonne > .pg-appli > .pg-reglages {
    position: fixed; left: 0; top: var(--sc-haut, 88px); bottom: auto; width: 340px; max-width: none; height: calc(100vh - var(--sc-haut, 88px) - var(--sc-bas, 57px)); max-height: none; margin: 0; z-index: 95;
    padding: 4px 16px 20px; box-sizing: border-box; border: 0; border-radius: 0; box-shadow: none; background: var(--sidebar-fond); -webkit-backdrop-filter: none; backdrop-filter: none; overflow-y: auto;
  }
  html.sc-actif .pg.fe-colonne > .pg-appli { grid-template-columns: minmax(0, 1fr) !important; }
  html.sc-actif .pg.fe-colonne .pg-poignee-x { display: none; }
  /* les segments de 4 boutons (Valeur : Portefeuille…) dépassaient de 8 px dans les 340 px */
  html.sc-actif .pg.fe-colonne .pg-appli > .pg-reglages .pg-seg { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); }
  /* (08/11/2026) le texte coupé des segments est traité dans src/sidebar-qualite.css : plus de nowrap ni d'ellipsis ici */
  /* après la recherche : la coquille est effacée (--coq-l: 0), la colonne de gauche reste de 340 px ; l'en-tête (Retour + propriétaires) est sur le body */
  html.sc-actif.fpar-recherche, html.sc-actif.fpar-recherche.coq-replie { --coq-l: 340px; }
  .coq-ctx-tete.sca-tete { position: fixed; left: 0; top: 0; width: 340px; height: auto; box-sizing: border-box; z-index: 96; flex-direction: column; align-items: stretch; gap: 6px; padding: 10px 10px 8px; background: var(--sidebar-fond); }
  .sca-tete .coq-ctx-retour { align-self: flex-start; border: 0; background: transparent; font-family: inherit; cursor: pointer; }
  html.sc-actif :is(.page-app, body) .pg[data-fpar="apres"] > .og-barre > .fpar-retour { display: none !important; }
  /* Après la recherche, les résultats restent à DROITE, les réglages à GAUCHE (Henri, 07/11/2026 : « on remet la side bar recherche à gauche et la side bar résultat à droite »). */
}