/* Onglet Probant de la boutique de démonstration (lib/demo/boutique/gabarit.ts) :
   ce que Probant teste sur la page, la version vue, l’aperçu des autres.
   Il appartient à Probant, pas à la boutique : ses couleurs sont les jetons
   de app/globals.css, recopiés ici parce que la boutique ne charge pas la
   feuille de Probant (lib/demo/boutique/__tests__ vérifie qu’ils concordent).
   Encre pour l’action, bleu pour ce qui est choisi ou cliquable, vert, orange
   et ambre pour les seuls résultats. */
.pb{
  --pb-ink:#111113;--pb-muted:#55555c;--pb-subtle:#67676e;--pb-line:#e8e8ec;--pb-canvas:#f4f4f6;--pb-surface:#ffffff;
  --pb-accent:#2b3d91;--pb-accent-soft:#edf0f8;--pb-pos:#12a26b;--pb-neg:#e0663a;--pb-warn:#e39b2e;--pb-gray:#8b8b92;
  position:fixed;right:16px;bottom:16px;z-index:50;max-width:min(400px,calc(100vw - 32px));font:13.5px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--pb-ink)
}
.is-framed .pb,.is-editor .pb{display:none}
.pb-onglet{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:10px 16px 10px 12px;border-radius:999px;background:var(--pb-ink);color:#fff;font-weight:600;cursor:pointer;list-style:none;box-shadow:0 10px 30px rgba(17,17,19,.25);float:right}
.pb-onglet::-webkit-details-marker{display:none}
.pb-marque{flex:none}
.pb-compte{font-weight:400;opacity:.75}
.pb[open] .pb-onglet{margin-bottom:10px}
.pb-panneau{clear:both;max-height:calc(100vh - 120px);overflow:auto;padding:18px;border:1px solid var(--pb-line);border-radius:16px;background:var(--pb-surface);box-shadow:0 20px 50px rgba(17,17,19,.18)}
.pb-titre{margin:0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pb-subtle)}
.pb-titre--deploye{margin-top:18px}
.pb-page{margin:2px 0 12px;font-size:16px;font-weight:600}
.pb-vide{margin:0;color:var(--pb-muted)}
.pb-tests{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.pb-test{display:grid;gap:6px;padding:12px;border:1px solid var(--pb-line);border-radius:12px;background:var(--pb-canvas)}
.pb-test-tete{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;align-items:baseline}
.pb-test-nom{font-weight:600;color:var(--pb-ink);text-decoration:none}
.pb-test-nom:hover{color:var(--pb-accent);text-decoration:underline}
.pb-statut{font-weight:600;white-space:nowrap}
.pb-statut.pb-gris,.pb-statut.pb-attente{color:var(--pb-subtle)}
.pb-pt{display:inline-block;width:5px;height:5px;margin-left:2px;border-radius:50%;background:var(--pb-gray)}
.pb-gain .pb-pt{background:var(--pb-pos)}.pb-perte .pb-pt{background:var(--pb-neg)}.pb-alerte .pb-pt{background:var(--pb-warn)}
.pb-sens{font-weight:400;color:var(--pb-muted)}
.pb-trois{display:inline-flex;gap:2px;margin-left:2px}
.pb-trois i{width:3px;height:3px;border-radius:50%;background:currentColor;animation:pb-respire 1.6s infinite ease-in-out}
.pb-trois i:nth-child(2){animation-delay:.2s}.pb-trois i:nth-child(3){animation-delay:.4s}
@keyframes pb-respire{0%,100%{opacity:.25}50%{opacity:1}}
.pb-change,.pb-chiffre,.pb-vue{margin:0;color:var(--pb-muted)}
.pb-change em{font-style:normal;color:var(--pb-ink)}
.pb-chiffre b,.pb-vue b{color:var(--pb-ink)}
.pb-chiffre span{white-space:nowrap}
.pb-versions{display:flex;flex-wrap:wrap;gap:6px}
.pb-versions button{flex:1 1 auto;min-height:34px;padding:6px 10px;border:1px solid var(--pb-line);border-radius:8px;background:var(--pb-surface);color:var(--pb-ink);text-align:left;cursor:pointer;font-size:12.5px}
.pb-versions button b{margin-right:4px}
.pb-versions button[aria-pressed="true"]{border-color:var(--pb-accent);background:var(--pb-accent-soft);color:var(--pb-accent)}
.pb-versions--mvt{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.pb-versions--mvt label{display:grid;gap:2px;font-size:11px;color:var(--pb-subtle)}
.pb-versions--mvt select{min-width:0;height:32px;border:1px solid var(--pb-line);border-radius:8px;background:var(--pb-surface);font-size:12.5px}
.pb-versions--mvt button{grid-column:1/-1;flex:none;text-align:center;background:var(--pb-ink);border-color:var(--pb-ink);color:#fff;font-weight:600}
.pb-lien{justify-self:start;color:var(--pb-accent);font-weight:600;text-decoration:none}
.pb-lien::after{content:" →"}
.pb-lien:hover{text-decoration:underline}
.pb-deployes{display:grid;gap:8px;margin:8px 0 0;padding:0;list-style:none;color:var(--pb-muted)}
.pb-deployes b{color:var(--pb-ink)}
.pb-gain{margin-left:4px;color:var(--pb-ink);white-space:nowrap}
.pb-pied{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--pb-line)}
.pb-pied a{color:var(--pb-accent);font-weight:600;text-decoration:none}
.pb-pied button{padding:0;border:0;background:none;color:var(--pb-subtle);text-decoration:underline;cursor:pointer;font-size:12.5px}
@media (max-width:759px){.pb{right:10px;bottom:76px}}
@media (prefers-reduced-motion:reduce){.pb-trois i{animation:none;opacity:.6}}