/* Schéma « Le tamis » — guide « La reprise de données ». À plat : traits et aplats. Classes préfixées gt-.
   Cadre de conception 320 × 320 (affiché vers 0,92 sur bureau : aucun texte sous 12 px ici). */
.gt-fiche, .gt-plein, .gt-cadre, .gt-etagere, .gt-cote, .gt-ok { position: absolute; left: 0; top: 0; }

/* Les fiches : saines (neutres), identiques (accent), incomplètes (ambre, un coin en moins) */
.gt-fiche { width: 30px; height: 22px; will-change: transform, opacity; }
.gt-fiche svg { display: block; width: 30px; height: 22px; overflow: visible; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.gt-c { fill: var(--surface); stroke: var(--muted); stroke-width: 1.5; }
.gt-l { stroke: var(--line-fort); stroke-width: 2; }
.gt-double .gt-c, .gt-double .gt-l { stroke: var(--accent); }
.gt-incomplete .gt-c, .gt-incomplete .gt-l { stroke: var(--ambre); }

/* Le tamis : une ligne à trous réguliers ; l’étagère des fiches mises de côté, dans son prolongement */
.gt-plein { top: 128px; width: 12px; height: 4px; border-radius: 2px; background: var(--ink); }
.gt-etagere { left: 264px; top: 128px; width: 44px; height: 4px; border-radius: 2px; background: var(--ambre); }
.gt-cote { left: 286px; top: 139px; transform: translateX(-50%); font-size: 12.5px; font-weight: 700; line-height: 1.2; color: var(--ambre-texte); white-space: nowrap; opacity: 0; }

/* La destination : un cadre net, qui passe à l’accent quand tout est rapproché */
.gt-cadre { left: 14px; top: 176px; width: 242px; height: 80px; box-sizing: border-box; border-radius: 10px; border: 1.5px solid var(--ink); }
.gt-valide { border-color: var(--accent); opacity: 0; }
.gt-ok { left: 135px; top: 268px; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; line-height: 1; color: var(--ink); white-space: nowrap; opacity: 0; }
.gt-ok i { flex: none; width: 20px; height: 20px; border-radius: 50%; background: var(--accent-fonce); }
.gt-ok svg { display: block; width: 20px; height: 20px; fill: none; stroke: var(--sur-accent); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 1; }