/**
 * 2026 ALGO-FACTORY.COM — aflivecovers, scène « Alerte par e-mail — Absence de commande ».
 * Racine : .afl-na ; animations : afl-na-*. Durée et image fixe : scene.json.
 *
 * Déroulé (cycle de 9 s) : le pointeur passe le délai de 3 h à 6 h (14-17 %) ; les heures
 * défilent de 2 à 6 (24-72 %, une heure par cran) ; au seuil, le compteur rougit (63 %),
 * la pastille passe à « alerte envoyée » et l'e-mail arrive (66-74 %) ; lisible jusqu'à 90 %.
 */
.afl-na{
  position:absolute;inset:0;
  font-size:3.1cqw;
  background:linear-gradient(180deg,#fdfefe,#f3f6fb);
  animation:afl-cycle var(--afl-dur) linear infinite;
}
.afl-na__l1{width:9cqw}

/* En-tête : surveillance active, puis alerte envoyée (deux pastilles superposées). */
.afl-na__status{position:relative;display:inline-flex;margin-left:auto}
.afl-na__dot{display:inline-block;width:1.2cqw;height:1.2cqw;border-radius:50%;background:currentColor}
.afl-na__watch{animation:afl-na-watch var(--afl-dur) linear infinite}
.afl-na .afl-na__sent{
  position:absolute;right:0;top:0;
  color:var(--afl-danger);background:rgba(220,38,38,.09);border:1px solid rgba(220,38,38,.26);
  opacity:0;transform:scale(.8);transform-origin:right center;
  animation:afl-na-sent var(--afl-dur) cubic-bezier(.22,.9,.3,1) infinite;
}
.afl-na__sent svg{width:2.6cqw;height:2.6cqw}
@keyframes afl-na-watch{
  0%,64%{opacity:1}
  66.5%,96%{opacity:0}
  99%,100%{opacity:1}
}
@keyframes afl-na-sent{
  0%,64%{opacity:0;transform:scale(.8)}
  67%,96%{opacity:1;transform:scale(1)}
  99%,100%{opacity:0;transform:scale(.8)}
}

/* Réglage du délai : sélecteur à trois positions. */
.afl-na__setlabel{position:absolute;left:4.4cqw;top:12.4cqw;font-size:2.1cqw;color:var(--afl-ink-60);white-space:nowrap}
.afl-na__seg{
  position:absolute;left:4.4cqw;top:16cqw;width:34.2cqw;height:6.4cqw;display:flex;
  background:#fff;border:1px solid var(--afl-ink-14);border-radius:1.6cqw;
}
.afl-na__thumb{
  position:absolute;left:.5cqw;top:.5cqw;width:10.4cqw;height:calc(100% - 1cqw);
  border-radius:1.2cqw;background:var(--afl-primary);
  box-shadow:0 .8cqw 1.6cqw -.8cqw rgba(2,114,234,.7);
  animation:afl-na-thumb var(--afl-dur) cubic-bezier(.22,.9,.3,1) infinite;
}
.afl-na__opt{
  position:relative;flex:1;display:flex;align-items:center;justify-content:center;
  font-size:2.3cqw;font-weight:700;white-space:nowrap;color:var(--afl-ink-60);
}
.afl-na__opt--1{color:#fff;animation:afl-na-opt1 var(--afl-dur) linear infinite}
.afl-na__opt--2{animation:afl-na-opt2 var(--afl-dur) linear infinite}
@keyframes afl-na-thumb{
  0%,15%{transform:translateX(0)}
  17%,96%{transform:translateX(11.4cqw)}
  99%,100%{transform:translateX(0)}
}
@keyframes afl-na-opt1{
  0%,15%{color:#fff}
  17%,96%{color:var(--afl-ink-60)}
  99%,100%{color:#fff}
}
@keyframes afl-na-opt2{
  0%,15%{color:var(--afl-ink-60)}
  17%,96%{color:#fff}
  99%,100%{color:var(--afl-ink-60)}
}

/* Compteur d'heures sans commande, et sa jauge vers le seuil. */
.afl-na__count{
  position:absolute;left:4.4cqw;top:25.6cqw;width:34.2cqw;height:24.6cqw;padding:2.2cqw;
  background:#fff;border:1px solid var(--afl-ink-08);border-radius:2cqw;
  box-shadow:0 1.2cqw 2.8cqw -1.8cqw rgba(7,7,49,.3);
}
.afl-na__label{display:block;font-size:2.1cqw;line-height:1.25;color:var(--afl-ink-60)}
.afl-na__num{
  position:absolute;left:2.2cqw;bottom:5cqw;
  font-size:10cqw;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--afl-ink);
  animation:afl-na-alarm var(--afl-dur) linear infinite;
}
.afl-na__d{animation:afl-na-d var(--afl-dur) linear infinite}
.afl-na__of{position:absolute;left:10.4cqw;bottom:5.4cqw;font-size:3cqw;font-weight:700;color:var(--afl-ink-40);white-space:nowrap}
.afl-na__of--3{animation:afl-na-of3 var(--afl-dur) linear infinite}
.afl-na__of--6{opacity:0;animation:afl-na-of6 var(--afl-dur) linear infinite}
.afl-na__track{
  position:absolute;left:2.2cqw;right:2.2cqw;bottom:2.4cqw;height:1.4cqw;overflow:hidden;
  border-radius:99px;background:var(--afl-ink-08);color:var(--afl-primary);
  animation:afl-na-track var(--afl-dur) linear infinite;
}
.afl-na__fill{
  display:block;width:100%;height:100%;border-radius:99px;background:currentColor;
  transform:scaleX(.667);transform-origin:left center;
  animation:afl-na-fill var(--afl-dur) linear infinite;
}
@keyframes afl-na-d{ /* 5 lignes (2 à 6) : un cran = 20 % de la bande, une heure toutes les 9,6 % */
  0%,24%{transform:translateY(0);animation-timing-function:steps(5,jump-none)}
  72%,96%{transform:translateY(-80%)}
  99%,100%{transform:translateY(0)}
}
@keyframes afl-na-fill{ /* 2/3 h, puis 2/6 h au changement de délai, puis 6/6 h cran par cran */
  0%,15%{transform:scaleX(.667)}
  17%{transform:scaleX(.333)}
  24%{transform:scaleX(.333);animation-timing-function:steps(5,jump-none)}
  72%,96%{transform:scaleX(1)}
  99%,100%{transform:scaleX(.667)}
}
@keyframes afl-na-of3{
  0%,15%{opacity:1}
  17%,96%{opacity:0}
  99%,100%{opacity:1}
}
@keyframes afl-na-of6{
  0%,15%{opacity:0}
  17%,96%{opacity:1}
  99%,100%{opacity:0}
}
@keyframes afl-na-alarm{
  0%,62%{color:var(--afl-ink)}
  63%,96%{color:var(--afl-danger)}
  99%,100%{color:var(--afl-ink)}
}
@keyframes afl-na-track{
  0%,62%{color:var(--afl-primary)}
  63%,96%{color:var(--afl-danger)}
  99%,100%{color:var(--afl-primary)}
}

/* Graphique des commandes du jour : la zone calme gagne une heure par cran. */
.afl-na__chart{
  position:absolute;left:42cqw;top:12.8cqw;width:53.6cqw;height:37.4cqw;padding:2.2cqw 2.6cqw;
  background:#fff;border:1px solid var(--afl-ink-08);border-radius:2cqw;
  box-shadow:0 1.2cqw 2.8cqw -1.8cqw rgba(7,7,49,.3);
}
.afl-na__plot{position:absolute;left:2.6cqw;right:2.6cqw;top:8cqw;bottom:2.6cqw;border-bottom:1px solid var(--afl-ink-14)}
.afl-na__bars{position:relative;width:100%;height:100%;color:var(--afl-primary)}
.afl-na__quiet{
  position:absolute;left:50%;right:0;top:0;bottom:0;border-radius:.8cqw .8cqw 0 0;
  background:rgba(220,38,38,.09);
  transform:scaleX(.333);transform-origin:left center;
  animation:afl-na-quiet var(--afl-dur) linear infinite;
}
.afl-na__none{
  position:absolute;left:50%;right:0;top:1.6cqw;text-align:center;
  font-size:2cqw;font-weight:700;line-height:1.2;color:var(--afl-danger);
  opacity:0;animation:afl-na-none var(--afl-dur) linear infinite;
}
@keyframes afl-na-quiet{
  0%,24%{transform:scaleX(.333);animation-timing-function:steps(5,jump-none)}
  72%,96%{transform:scaleX(1)}
  99%,100%{transform:scaleX(.333)}
}
@keyframes afl-na-none{
  0%,63%{opacity:0}
  66%,96%{opacity:1}
  99%,100%{opacity:0}
}

/* Boîte de réception : rien, puis l'e-mail d'alerte. */
.afl-na__idle,
.afl-na__mail{position:absolute;left:4.4cqw;right:4.4cqw;top:54.4cqw;height:16.6cqw;border-radius:2cqw}
.afl-na__idle{
  display:flex;align-items:center;justify-content:center;gap:1.6cqw;
  border:1px dashed var(--afl-ink-14);color:var(--afl-ink-40);font-size:2.3cqw;white-space:nowrap;
  animation:afl-na-idle var(--afl-dur) linear infinite;
}
.afl-na__idle svg{width:4cqw;height:4cqw;flex:none}
.afl-na__mail{
  display:flex;align-items:center;gap:2.4cqw;padding:0 2.6cqw;
  background:#fff;border:1px solid var(--afl-ink-08);border-left:.9cqw solid var(--afl-danger);
  box-shadow:0 1.8cqw 3.6cqw -1.6cqw rgba(7,7,49,.45);
  opacity:0;transform:translateY(4cqw);
  animation:afl-na-mail var(--afl-dur) cubic-bezier(.22,.9,.3,1) infinite;
}
.afl-na__icon{
  flex:none;display:flex;align-items:center;justify-content:center;
  width:8.6cqw;height:8.6cqw;border-radius:50%;background:var(--afl-danger);color:#fff;
}
.afl-na__icon svg{width:4.6cqw;height:4.6cqw}
.afl-na__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5cqw}
.afl-na__meta{display:flex;justify-content:space-between;align-items:baseline;gap:2cqw;white-space:nowrap}
.afl-na__from{font-size:2.2cqw;font-weight:700}
.afl-na__when{font-size:2cqw;color:var(--afl-ink-40)}
.afl-na__subject{font-size:2.8cqw;font-weight:800;line-height:1.25;white-space:nowrap}
.afl-na__preview{font-size:2.2cqw;line-height:1.25;color:var(--afl-ink-60);white-space:nowrap}
@keyframes afl-na-idle{
  0%,65%{opacity:1}
  68%,96%{opacity:0}
  99%,100%{opacity:1}
}
@keyframes afl-na-mail{
  0%,66%{opacity:0;transform:translateY(4cqw)}
  74%,96%{opacity:1;transform:translateY(0)}
  99%,100%{opacity:0;transform:translateY(4cqw)}
}

/* Pointeur : vise « 6 h » (centre 21,5 × 19,2 cqw), clique, puis s'efface. */
.afl-na__cursor{ /* caché au repos (#8) : la scène n'a pas de coin vide, il apparaît avant de partir */
  transform:translate(64cqw,44cqw) scale(1);opacity:0;
  animation:afl-na-cursor var(--afl-dur) cubic-bezier(.22,.9,.3,1) infinite;
}
@keyframes afl-na-cursor{
  0%,3%{transform:translate(64cqw,44cqw) scale(1);opacity:0}
  6%{transform:translate(64cqw,44cqw) scale(1);opacity:1}
  13.5%{transform:translate(20.7cqw,18.8cqw) scale(1)}
  14.5%{transform:translate(20.7cqw,18.8cqw) scale(.85)}
  16%{transform:translate(20.7cqw,18.8cqw) scale(1);opacity:1}
  26%{transform:translate(30cqw,32cqw) scale(1);opacity:0}
  96%,100%{transform:translate(64cqw,44cqw) scale(1);opacity:0}
}