/* Elevora CRM — css/recherche-globale.css  [V22] 07/10/2026
   La liste des résultats de la barre de recherche du haut (js/80-recherche-globale.js), sous le champ.
   Jetons du thème seulement (deux thèmes) : --text3 sur --bg2 et --bg3 tient 4,5:1 (mesures de css/elevora.css).
   L'option active est marquée par un fond ET un contour sur ses quatre côtés (pas par la couleur seule,
   et jamais un trait épais sur un seul côté : tests/bordures-laterales.js). Au doigt, 44 px par option ;
   sur téléphone, la liste prend toute la largeur de la barre ouverte (js/71) sans déborder de l'écran. */
.tb-search{position:relative}
.rg-pop{position:absolute;top:calc(100% + 6px);left:0;width:min(600px, calc(100vw - 32px));max-height:min(70vh, 600px);overflow-y:auto;overscroll-behavior:contain;
  background:var(--bg2);border:1px solid var(--border2);border-radius:var(--rl);box-shadow:0 14px 40px rgba(0,0,0,.35);padding:6px;z-index:60;text-align:left}
.rg-pop[hidden]{display:none}
.rg-etat{margin:0;padding:10px 12px;font:500 13px/1.45 var(--font);color:var(--text2)}
.rg-etat[hidden]{display:none}
.rg-liste[hidden]{display:none}
.rg-groupe + .rg-groupe{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}
.rg-g-titre{padding:8px 10px 4px;font:600 12px/1.3 var(--font);color:var(--text3);letter-spacing:.02em}
.rg-g-plus{font-weight:500}
.rg-g-panne{padding:6px 10px 8px;font:500 12.5px/1.4 var(--font);color:var(--red)}
.rg-opt{display:flex;align-items:flex-start;gap:10px;min-height:40px;padding:8px 10px;border-radius:var(--rs);cursor:pointer;color:var(--text);border:1px solid transparent}
.rg-opt:hover{background:var(--bg3)}
.rg-opt[aria-selected="true"]{background:var(--bg3);outline:2px solid var(--accent);outline-offset:-2px}
.rg-ic{flex-shrink:0;display:inline-flex;width:16px;height:20px;align-items:center;color:var(--text3)}
.rg-txt{display:flex;flex-direction:column;min-width:0;gap:2px}
.rg-lib{font:600 13.5px/1.35 var(--font);color:var(--text);overflow-wrap:anywhere}
.rg-det{font:500 12.5px/1.35 var(--font);color:var(--text3);overflow-wrap:anywhere}
.rg-ext{font:400 12.5px/1.4 var(--font);color:var(--text2);overflow-wrap:anywhere}
.rg-tout .rg-lib{color:var(--accent);font-weight:600}
@media (max-width: 900px){
  .rg-opt{min-height:44px}
}
@media (max-width: 560px){
  /* La barre ouverte occupe toute la ligne (css/mobile.css) : la liste aussi, sous le champ. */
  .rg-pop{left:0;right:0;width:auto;max-height:calc(100dvh - 150px)}
}
@media (prefers-reduced-motion: no-preference){
  .rg-opt{transition:background-color .12s}
}