/* Sherlock Parts · recherche animée en direct (v1.11), partagée par l'accueil et l'espace garage */
.sr-panneau { --sr-bleu: #1D4ED8; --sr-vert: #16A34A; --sr-encre: #0A2540; --sr-gris: #5B6B82; --sr-trait: #D6DEEA;
  border: 1px solid var(--sr-trait); border-radius: 16px; background: #FFFFFF; color: var(--sr-encre); padding: 16px 18px;
  box-shadow: 0 10px 30px rgba(10, 37, 64, .08); font-size: 14.5px; line-height: 1.4; text-align: left; }
.sr-tete { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.sr-titre { font-weight: 800; font-size: 15px; }
.sr-chrono { font: 600 13px/1 "IBM Plex Mono", ui-monospace, monospace; color: var(--sr-gris); }
.sr-barre { height: 6px; background: #EEF2F7; border-radius: 99px; overflow: hidden; margin: 10px 0 14px; }
.sr-barre i { display: block; height: 100%; width: 0; border-radius: 99px; transition: width .35s ease;
  background: repeating-linear-gradient(45deg, var(--sr-bleu) 0 10px, #3B82F6 10px 20px); background-size: 28px 28px; animation: sr-raye 1s linear infinite; }
.sr-fini .sr-barre i { background: var(--sr-vert); animation: none; }
.sr-echec { border-color: #F59E0B; }
.sr-echec .sr-barre i { background: #F59E0B; animation: none; }
.sr-etapes { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.sr-etape { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; align-items: start; }
.sr-puce { width: 18px; height: 18px; margin-top: 1px; border-radius: 50%; border: 2px solid #C9D3E0; box-sizing: border-box; position: relative; }
.sr-etape[data-etat="encours"] > .sr-puce { border-color: var(--sr-bleu); border-top-color: transparent; animation: sr-tourne .8s linear infinite; }
.sr-etape[data-etat="ok"] > .sr-puce { background: var(--sr-vert); border-color: var(--sr-vert); }
.sr-etape[data-etat="ok"] > .sr-puce::after { content: ""; position: absolute; left: 4.5px; top: 1.5px; width: 4px; height: 8px; border: solid #FFFFFF; border-width: 0 2.2px 2.2px 0; transform: rotate(45deg); }
.sr-etape[data-etat="rien"] > .sr-puce { background: #94A3B8; border-color: #94A3B8; }
.sr-corps { min-width: 0; }
.sr-corps b { display: block; font-weight: 800; overflow-wrap: anywhere; }
.sr-detail { display: block; color: var(--sr-gris); font-size: 13.5px; overflow-wrap: anywhere; }
.sr-sources { grid-column: 2; display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2px; }
.sr-src { font-size: 12.5px; line-height: 1.2; padding: 5px 10px; border-radius: 99px; border: 1px solid var(--sr-trait); background: #F5F7FB; color: #334155; font-weight: 600; }
.sr-src[data-etat="encours"] { animation: sr-pouls 1.1s ease-in-out infinite; border-color: #93C5FD; }
.sr-src[data-etat="ok"] { background: #DCFCE7; border-color: #86EFAC; color: #14532D; }
.sr-src[data-etat="rien"] { color: #5B6B82; }
.sr-src[data-etat="erreur"] { background: #FEF3C7; border-color: #FCD34D; color: #92400E; }
.sr-ia-verdict[data-etat="ok"] { background: #14532D; border-color: #14532D; color: #fff; }
@keyframes sr-tourne { to { transform: rotate(360deg); } }
@keyframes sr-pouls { 50% { background: #DBEAFE; } }
@keyframes sr-raye { to { background-position: 28px 0; } }
@media (prefers-reduced-motion: reduce) {
  .sr-barre i, .sr-src[data-etat="encours"], .sr-etape[data-etat="encours"] > .sr-puce { animation: none; }
  .sr-barre i { transition: none; }
}
@media (forced-colors: active) { .sr-puce, .sr-src { border: 1px solid CanvasText; } }

/* v1.11 (relecture m6) : la ligne qui annonce les étapes aux lecteurs d'écran, invisible à l'œil */
.sr-annonce { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }