/* =========================================================================
   search.css — overlay Recherche (⌘K) : palette de commande N11.
   Panneau L3 640 px centré à 18 vh, backdrop cliquable, résultats clavier.
   Aucune animation d'ambiance ici (css/anim.css, phase finale) — uniquement
   des transitions d'interaction ≤ 200 ms. Tout en variables de thème.
   ========================================================================= */

/* ---------- Overlay + backdrop ------------------------------------------- */
.search-overlay{position:fixed;inset:0;z-index:460;
  opacity:0;transition:opacity .18s ease}
.search-overlay.show{opacity:1}
.search-backdrop{position:absolute;inset:0;background:rgba(10,12,18,.48)}

/* ---------- Panneau L3 (lentille forte 1.4 / .7) -------------------------- */
.search-panel{position:absolute;top:18vh;left:50%;
  width:min(640px,calc(100vw - 32px));
  transform:translate(-50%,6px);transition:transform .18s ease}
.search-overlay.show .search-panel{transform:translate(-50%,0)}
.search-panel .lg-content{padding:14px}

/* ---------- Champ de commande (kit .cmd, adapté au panneau) --------------- */
.search-cmd{background:rgba(255,255,255,.06);border-color:var(--line)}
.search-cmd .ic{color:var(--muted);flex:none}
.search-cmd input{font-size:16px;color:var(--txt)}
.search-cmd input::placeholder{color:var(--dim)}
.search-cmd kbd{flex:none;color:var(--muted)}

/* ---------- Résultats ------------------------------------------------------ */
.search-results{margin-top:10px;max-height:min(46vh,420px);overflow-y:auto;
  display:flex;flex-direction:column;gap:2px;
  scrollbar-width:thin;scrollbar-color:var(--dim) transparent}
.search-hit{display:flex;align-items:center;gap:12px;width:100%;
  padding:9px 12px;border-radius:12px;border:none;background:none;cursor:pointer;
  color:var(--txt);font:inherit;text-align:left;
  transition:background .16s}
.search-hit:hover,.search-hit.active{
  background:color-mix(in srgb, var(--accent) 12%, transparent)}
.search-hit:focus-visible{outline-offset:-2px}

.sh-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.sh-den{font-size:14.5px;font-weight:640;letter-spacing:-.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* surlignage accent du fragment trouvé — jamais l'accent brut en texte */
.sh-den mark{background:color-mix(in srgb, var(--accent) 22%, transparent);
  color:var(--accent-ink);font-weight:800;border-radius:4px;padding:0 1px}
.sh-meta{font-size:12px;color:var(--muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh-score{flex:none;font-size:14px;font-weight:700;color:var(--muted)}

/* pastille de note : légèrement réduite dans la palette */
.search-hit .note-badge{width:26px;height:26px;font-size:12px}

/* ---------- Indications / état vide / skeleton ----------------------------- */
.search-hint{padding:16px 12px;font-size:13px;color:var(--muted);
  text-align:center;line-height:1.55}
.search-skel{padding:6px 12px;background:none;border:none;box-shadow:none}

/* ---------- Pied clavier ---------------------------------------------------- */
.search-foot{margin-top:10px;margin-bottom:2px}

/* ---------- Accessibilité : mouvement réduit -------------------------------- */
@media (prefers-reduced-motion: reduce){
  .search-overlay,.search-panel{transition:none}
}