/* =====================================================================
   QaLyZa, site C : page VMS (applications/vms.html).
   Chargée après application.css, qui met en forme l'ouverture, « En bref »
   et les autres bâtiments, et la maquette de « En bref » ; ici, sans WebGL,
   le schéma des classeurs de « En bref ».
   ===================================================================== */

/* Sans WebGL, le schéma : les classeurs de qualification et de validation deviennent des points de lumière
   qui rejoignent le PC (arrêtés quand le mouvement est réduit). Les deux couleurs sont celles de la maquette. */
.vms-schema { margin-top: clamp(32px, 4vw, 52px); max-width: 760px; }
/* Les libellés restent posés de gauche à droite, aussi sur les pages en arabe */
.vms-schema svg { display: block; width: 100%; height: auto; overflow: visible; direction: ltr; }
.vms-qualification { color: #3d8fd6; }
.vms-validation { color: #2aa876; }
.vms-carte, .vms-machine { fill: var(--surface); stroke: var(--trait-2); stroke-width: 1.5; }
.vms-classeurs rect { fill: currentColor; }
.vms-etiquettes { fill: #fff; opacity: .92; }
.vms-trou { fill: none; stroke: #fff; stroke-width: 1.4; opacity: .75; }
.vms-nom { fill: var(--texte); font: 600 15px var(--font-sans); }
.vms-valeur { fill: var(--texte-2); font: 500 13px var(--font-mono); }
.vms-lien { fill: none; stroke: var(--app-vms); stroke-width: 2; opacity: .3; }
.vms-paquets {
  fill: none; stroke: currentColor; stroke-width: 6; stroke-linecap: round;
  stroke-dasharray: 0 22; animation: vms-flux 2s linear infinite;
  filter: drop-shadow(0 0 3px currentColor);
}
.vms-paquets.vms-validation { animation-delay: -1s; }
.vms-fente { fill: none; stroke: var(--trait-2); stroke-width: 2; stroke-linecap: round; }
.vms-ecran { fill: var(--fond-2); }
.vms-coche { fill: currentColor; }
.vms-coche-trait { fill: none; stroke: var(--fond-2); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.vms-attente { fill: none; stroke: currentColor; stroke-width: 1.8; }
.vms-ligne { fill: none; stroke: currentColor; stroke-width: 5; stroke-linecap: round; opacity: .85; }
.vms-ligne-vide { stroke: var(--trait-2); opacity: 1; }
@keyframes vms-flux { to { stroke-dashoffset: -44; } }
@media (prefers-reduced-motion: reduce) {
  .vms-paquets { animation: none; }
}