/* Outil · Vérifier une copie (Verify a copy) : seulement ce qui lui est propre (le reste vient de app/kit.css).
   Préfixe des classes : vc- (cp- est pris par Crop factor)
   À gauche : le verdict, la barre de progression et la vitesse, 5 compteurs (doublons grisés sans l'option), le rapport
   (zone fixe qui défile), Exporter et Copier. À droite : l'original et la copie (choisir ou déposer), la méthode, les
   options, Comparer et Arrêter. */
.vc .outil-fixe { align-items: stretch; }
.vc-carte { display: flex; flex-direction: column; gap: 8px; padding: 18px 20px; border-radius: 16px; box-shadow: inset 0 0 0 1px var(--filet-doux); }
.vc-verdict { height: 1.2em; font: 700 28px/1.2 var(--display); letter-spacing: -.02em; color: var(--texte2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vc-verdict[data-etat="ok"] { color: var(--papier); }
.vc-verdict[data-etat="non"] { color: var(--orange); }
.vc-barre { height: 4px; border-radius: 4px; background: var(--filet-doux); overflow: hidden; }
.vc-barre i { display: block; height: 100%; width: 0; background: var(--papier); transition: width .2s linear; }
.vc-avance { height: 1.3em; font: 500 11.5px/1.3 var(--mono); letter-spacing: .04em; color: var(--texte2); }
.vc-compteur { height: 38px; cursor: default; }
.vc-compteur .val { color: var(--papier); font-variant-numeric: tabular-nums; }
.vc-alerte .val { color: var(--peche); }
.vc-eteint { opacity: .3; }
.vc-liste { height: 200px; overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; }
.vc-item { flex: none; display: flex; justify-content: space-between; gap: 12px; align-items: center; height: 32px; border-bottom: 1px solid var(--filet-doux); font: 500 12px/1.2 var(--mono); }
.vc-item span { min-width: 0; color: var(--papier); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; direction: rtl; text-align: left; }
.vc-item b { flex: none; font-weight: 500; color: var(--peche); white-space: nowrap; }
.vc-rien { margin: 30px 0; text-align: center; font: var(--valeur); letter-spacing: .06em; color: var(--texte2); }
.vc-actions, .vc-lancer { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.vc .pastille { cursor: pointer; }
.vc .pastille:hover { translate: none; }
.vc .pastille:disabled { opacity: .3; cursor: default; }
.vc-cote { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--filet-doux); transition: box-shadow .2s var(--courbe); }
.vc-cote.survol { box-shadow: inset 0 0 0 1.5px var(--orange); }
.vc-cote-tete { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.vc-cote-tete .groupe { padding: 0; }
.vc-compte { font: 500 12px/1.2 var(--mono); color: var(--papier); white-space: nowrap; }
.vc-boutons { display: flex; align-items: center; gap: 12px; }
.vc-boutons > span { font: 500 11px/1.3 var(--mono); letter-spacing: .04em; color: var(--texte2); }
.vc-ios { margin: 0; height: 1.5em; font: 400 12.5px/1.5 var(--corps); color: var(--texte2); }
.vc-lancer { justify-content: flex-start; }
.vc-lancer [data-lancer] { padding-inline: 28px; }
@media (max-width: 959px) {
  .vc-ios { height: 3em; }
}