.ecran {
  --fond: #e9e7fb; --fond-creux: #dddbf2;
  --surface: rgba(255,255,255,.72); --surface-2: rgba(255,255,255,.86); --surface-3: rgba(243,241,254,.90);
  --surface-pleine: #ffffff;
  --bord: rgba(41,43,49,.10); --bord-fort: rgba(41,43,49,.17);
  --ink: #23252c; --ink-2: #565a69; --ink-3: #74798a; --ink-4: #a7abc0;
  --acc: #7a6cc4; --acc-vif: #6354b8; --acc-sourd: #9b91dd;
  --acc-voile: rgba(122,108,196,.11); --acc-trait: rgba(122,108,196,.26); --sur-acc: #ffffff;
  --gain: #0d8666; --gain-voile: rgba(13,134,102,.10); --gain-trait: rgba(13,134,102,.26);
  --perte: #c1444a; --perte-voile: rgba(193,68,74,.09); --perte-trait: rgba(193,68,74,.24);
  --alerte: #8d6216; --alerte-voile: rgba(141,98,22,.10); --alerte-trait: rgba(141,98,22,.26);
  --info: #2b6cb8; --info-voile: rgba(43,108,184,.09); --info-trait: rgba(43,108,184,.24);
  --om-1: 0 1px 2px rgba(58,50,99,.09), inset 0 0 0 1px rgba(41,43,49,.05);
  --om-2: 0 2px 4px rgba(58,50,99,.07), 0 14px 32px -14px rgba(58,50,99,.30), inset 0 0 0 1px rgba(41,43,49,.05);
  --om-acc: 0 14px 40px -16px rgba(122,108,196,.48);
  --grad-carte: linear-gradient(176deg, rgba(255,255,255,.92) 0%, rgba(246,244,255,.76) 100%);
  --grad-acc: linear-gradient(145deg, #8b7de0 0%, #7264c8 55%, #5f51b4 100%);
  --grad-nuit: linear-gradient(160deg, #262a60 0%, #161826 100%);
  --aur-force: .58;
  position: relative; isolation: isolate; overflow: hidden;
  border-radius: 18px;
  background: var(--fond);
  color: var(--ink);
  font-size: 13px; line-height: 1.5;
  box-shadow: 0 0 0 1px rgba(41,43,49,.08), 0 30px 80px -30px rgba(58,50,99,.45), 0 8px 20px -10px rgba(58,50,99,.18);
  text-align: left;
  font-feature-settings: "cv05" 1, "ss03" 1;
}
:root[data-theme="nuit"] .ecran {
  --fond: #0a0b13; --fond-creux: #06070e;
  --surface: rgba(255,255,255,.038); --surface-2: rgba(255,255,255,.062); --surface-3: rgba(255,255,255,.095);
  --surface-pleine: #15172a;
  --bord: rgba(255,255,255,.075); --bord-fort: rgba(255,255,255,.145);
  --ink: #eceafa; --ink-2: #a9a6c8; --ink-3: #807d9e; --ink-4: #5b5979;
  --acc: #a496ff; --acc-vif: #bcaeff; --acc-sourd: #7d6fd6;
  --acc-voile: rgba(164,150,255,.13); --acc-trait: rgba(164,150,255,.30); --sur-acc: #16122e;
  --gain: #3fd9a0; --gain-voile: rgba(63,217,160,.13); --gain-trait: rgba(63,217,160,.32);
  --perte: #ff7d84; --perte-voile: rgba(255,125,132,.13); --perte-trait: rgba(255,125,132,.30);
  --alerte: #ffc266; --alerte-voile: rgba(255,194,102,.13); --alerte-trait: rgba(255,194,102,.30);
  --info: #6fb6ff; --info-voile: rgba(111,182,255,.12); --info-trait: rgba(111,182,255,.28);
  --om-1: 0 1px 2px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.055);
  --om-2: 0 1px 2px rgba(0,0,0,.4), 0 10px 28px -14px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.07);
  --om-acc: 0 14px 44px -16px rgba(124,104,255,.55);
  --grad-carte: linear-gradient(176deg, rgba(255,255,255,.055) 0%, rgba(255,255,255,.016) 100%);
  --grad-acc: linear-gradient(145deg, #b3a5ff 0%, #8878f0 55%, #6f5fd8 100%);
  --grad-nuit: linear-gradient(160deg, #1b1d38 0%, #0f1020 100%);
  --aur-force: .46;
  box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 30px 80px -30px rgba(0,0,0,.9);
}
.ecran::before {
  content: ""; position: absolute; inset: -20%; z-index: -1; pointer-events: none;
  opacity: var(--aur-force);
  background:
    radial-gradient(38% 36% at 18% 12%, #6f6bff 0%, transparent 70%),
    radial-gradient(34% 34% at 88% 22%, #ff7ab8 0%, transparent 70%),
    radial-gradient(40% 40% at 72% 88%, #a97bff 0%, transparent 70%),
    radial-gradient(30% 30% at 12% 86%, #c0a6ff 0%, transparent 70%);
  filter: blur(40px);
}
:root[data-theme="jour"] .ecran::before { mix-blend-mode: multiply; }
.e-coque { display: grid; grid-template-columns: 52px minmax(0, 1fr); min-height: 100%; }
.e-coque.sans-rail { grid-template-columns: minmax(0, 1fr); }
.e-rail {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  padding: 14px 0; border-right: 1px solid var(--bord);
  background: color-mix(in srgb, var(--surface-2) 70%, transparent);
}
.e-rail .e-logo { width: 22px; height: 22px; margin-bottom: 8px; }
.e-rail .e-logo rect { fill: var(--acc); }
.e-rail i {
  width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px;
  font-size: 16px; color: var(--ink-3);
}
.e-rail i.actif { background: var(--acc-voile); color: var(--acc); box-shadow: inset 0 0 0 1px var(--acc-trait); }
.e-rail hr { width: 20px; border: 0; border-top: 1px solid var(--bord); margin: 4px 0; }
.e-zone { min-width: 0; display: flex; flex-direction: column; }
.e-entete {
  display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 16px;
  border-bottom: 1px solid var(--bord);
  background: color-mix(in srgb, var(--surface-2) 60%, transparent);
  font-weight: 600; font-size: 13px; letter-spacing: -.01em;
}
.e-entete .e-sous { font-weight: 450; color: var(--ink-3); font-size: 12px; }
.e-entete .e-pousse { margin-left: auto; }
.e-page { padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.e-tete { display: flex; flex-direction: column; gap: 3px; }
.e-h1 { font-size: 19px; font-weight: 650; letter-spacing: -.025em; line-height: 1.15; }
.e-sous { font-size: 12px; color: var(--ink-2); line-height: 1.5; }
.e-lb { font-size: 10px; font-weight: 650; letter-spacing: .13em; text-transform: uppercase; color: var(--ink-3); }
.e-carte {
  position: relative; border-radius: 14px; background: var(--grad-carte); box-shadow: var(--om-2);
  padding: 14px; display: flex; flex-direction: column; gap: 10px;
}
:root[data-theme="nuit"] .e-carte { border: 1px solid var(--bord); }
.e-carte-creuse { background: var(--fond-creux); box-shadow: inset 0 1px 3px rgba(0,0,0,.18); border: 1px solid var(--bord); }
.e-grille-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.e-grille-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.e-tuile {
  border-radius: 10px; background: var(--surface); border: 1px solid var(--bord);
  padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; min-width: 0;
}
.e-tuile .e-val { font-size: 16px; font-weight: 680; letter-spacing: -.03em; line-height: 1.1; font-variant-numeric: tabular-nums; white-space: nowrap; }
.e-tuile-gain { background: var(--gain-voile); border-color: var(--gain-trait); }
.e-tuile-perte { background: var(--perte-voile); border-color: var(--perte-trait); }
.e-tuile-acc { background: var(--acc-voile); border-color: var(--acc-trait); }
.e-pilule {
  display: inline-flex; align-items: center; gap: 5px; height: 20px; padding: 0 8px; border-radius: 999px;
  background: var(--surface-2); border: 1px solid var(--bord);
  font-size: 10px; font-weight: 650; letter-spacing: .02em; white-space: nowrap; color: var(--ink-2);
}
.e-pilule i { font-size: 11px; }
.e-pilule-acc { background: var(--acc-voile); border-color: var(--acc-trait); color: var(--acc); }
.e-pilule-gain { background: var(--gain-voile); border-color: var(--gain-trait); color: var(--gain); }
.e-pilule-perte { background: var(--perte-voile); border-color: var(--perte-trait); color: var(--perte); }
.e-pilule-alerte { background: var(--alerte-voile); border-color: var(--alerte-trait); color: var(--alerte); }
.e-pilule-info { background: var(--info-voile); border-color: var(--info-trait); color: var(--info); }
.e-rangee { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.e-pile { display: flex; flex-direction: column; gap: 8px; }
.e-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  height: 30px; padding: 0 12px; border-radius: 9px; white-space: nowrap;
  font-size: 11.5px; font-weight: 600; color: var(--ink);
  background: var(--surface-2); border: 1px solid var(--bord);
}
.e-btn i { font-size: 13px; }
.e-btn-primaire { background: var(--grad-acc); color: var(--sur-acc); border-color: transparent; box-shadow: var(--om-acc); }
.e-btn-danger { color: var(--perte); border-color: var(--perte-trait); background: var(--perte-voile); }
.e-btn-fantome { background: transparent; border-color: transparent; color: var(--ink-2); }
.e-btn-grand { height: 38px; padding: 0 16px; font-size: 12.5px; border-radius: 11px; }
.e-btn[aria-disabled="true"] { opacity: .5; }
.e-ligne {
  display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 9px;
  background: var(--surface); border: 1px solid var(--bord); border-left: 3px solid var(--bord-fort);
}
.e-ligne .e-txt { flex: 1; min-width: 0; }
.e-ligne .e-nom { font-size: 12px; font-weight: 500; }
.e-ligne .e-pq { font-size: 11px; color: var(--ink-3); line-height: 1.45; }
.e-ligne > i { font-size: 16px; flex: none; }
.e-ok { border-left-color: var(--gain); background: var(--gain-voile); }
.e-ok > i { color: var(--gain); }
.e-fail { border-left-color: var(--perte); background: var(--perte-voile); }
.e-fail > i { color: var(--perte); }
.e-miss { border-left-color: var(--info); background: var(--info-voile); }
.e-miss > i { color: var(--info); }
.e-avert { border-left-color: var(--alerte); background: var(--alerte-voile); }
.e-avert > i { color: var(--alerte); }
.e-trois { display: inline-flex; gap: 2px; padding: 2px; border-radius: 999px; background: var(--surface); border: 1px solid var(--bord); flex: none; }
.e-trois span { width: 32px; height: 20px; border-radius: 999px; display: grid; place-items: center; font-size: 9.5px; font-weight: 700; color: var(--ink-3); }
.e-trois .oui { background: var(--gain-voile); color: var(--gain); }
.e-trois .non { background: var(--perte-voile); color: var(--perte); }
.e-jauge { height: 6px; border-radius: 999px; background: var(--surface-3); overflow: hidden; }
.e-jauge > i { display: block; height: 100%; border-radius: 999px; background: var(--acc); width: var(--l, 0%); transform-origin: 0 50%; }
.e-anneau-hote { position: relative; display: grid; place-items: center; flex: none; }
.e-anneau {
  --p: 0; --ep: 7px; position: absolute; inset: 0; border-radius: 50%;
  background: conic-gradient(from -90deg, var(--c, var(--acc)) calc(var(--p) * 1turn), var(--surface-3) calc(var(--p) * 1turn));
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--ep)), #000 calc(100% - var(--ep)));
          mask: radial-gradient(farthest-side, transparent calc(100% - var(--ep)), #000 calc(100% - var(--ep)));
}
.e-anneau-val { position: relative; display: flex; flex-direction: column; align-items: center; line-height: 1.05; }
@property --p { syntax: "<number>"; inherits: true; initial-value: 0; }
.e-anneau.anime { --p: var(--cible); }
html.anim [data-dec] .e-anneau.anime { --p: 0; transition: --p 1.4s var(--entree) .25s; }
html.anim [data-dec].actif .e-anneau.anime { --p: var(--cible); }
.appareil {
  position: relative; border-radius: 22px; padding: 7px;
  background: linear-gradient(160deg, rgba(255,255,255,.75), rgba(255,255,255,.35));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.8), 0 40px 90px -40px rgba(58,50,99,.55);
  backdrop-filter: blur(12px);
}
:root[data-theme="nuit"] .appareil {
  background: linear-gradient(160deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 40px 90px -40px rgba(0,0,0,.9);
}
.appareil > .ecran { border-radius: 16px; }
.e-entre { justify-content: space-between; }
.e-centre { justify-content: center; }
.e-haut { align-items: flex-start; }
.e-serre { gap: 3px; }
.e-flex { flex: 1; min-width: 0; }
.e-droite { align-items: flex-end; text-align: right; }
.e-plein { width: 100%; }
.e-large { width: 100%; }
.e-sans-casse { flex-wrap: nowrap; }
.e-gain { color: var(--gain); }
.e-perte { color: var(--perte); }
.e-titre { font-size: 14px; font-weight: 650; letter-spacing: -.015em; }
.e-h2 { font-size: 17px; font-weight: 650; letter-spacing: -.025em; line-height: 1.2; text-align: center; text-wrap: balance; }
.e-centre-txt { text-align: center; max-width: 46ch; text-wrap: pretty; }
.e-instr { font-size: 20px; font-weight: 700; letter-spacing: -.03em; }
.e-intro { max-width: 70ch; }
.e-sortie { border-radius: 12px; padding: 14px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
.e-sortie strong { font-size: 14px; font-weight: 650; }
.e-sortie .e-sous { max-width: 44ch; }
.e-sortie-ico { font-size: 24px; color: var(--acc); }
.e-lueur { position: relative; }
.e-lueur::after {
  content: ""; position: absolute; inset: -3px; border-radius: inherit; pointer-events: none;
  box-shadow: 0 0 0 0 var(--acc-trait); animation: e-halo 2.6s ease-out infinite;
}
@keyframes e-halo { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--acc) 45%, transparent); } 70%, 100% { box-shadow: 0 0 0 12px transparent; } }
.e-bloc { border-radius: 11px; border: 1px solid var(--bord); background: var(--surface); overflow: hidden; }
.e-bloc-tete { display: flex; align-items: center; gap: 8px; padding: 8px 10px; background: var(--surface-2); border-bottom: 1px solid var(--bord); font-size: 12px; font-weight: 650; }
.e-bloc-tete > i { color: var(--acc); font-size: 14px; }
.e-bloc-corps { padding: 8px; gap: 6px; }
.e-champ {
  display: flex; align-items: center; min-height: 28px; padding: 4px 10px; border-radius: 8px;
  background: var(--fond-creux); border: 1px solid var(--bord); font-size: 11.5px; color: var(--ink);
}
.e-plage { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 6px; }
.e-alerte-carte strong { font-size: 13.5px; font-weight: 650; }
.e-alerte-ico { font-size: 22px; color: var(--alerte); flex: none; }
.e-voyant { flex-direction: row; align-items: center; gap: 14px; }
.e-av { font-size: 16px; font-weight: 700; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.e-anneau-val .e-lb { font-size: 8.5px; letter-spacing: .1em; }
.e-verdict { display: inline-flex; align-items: center; gap: 6px; font-size: 22px; font-weight: 750; letter-spacing: -.03em; }
.e-verdict i { font-size: 20px; }
.e-verdict.e-petit { font-size: 15px; }
.e-verdict.e-petit i { font-size: 15px; }
.e-rr { font-size: 20px; font-weight: 700; letter-spacing: -.03em; }
.e-verrou {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
  padding: 22px 20px; min-height: 100%; text-align: center;
}
.e-marches { display: flex; gap: 6px; }
.e-marches i { width: 24px; height: 3px; border-radius: 999px; background: var(--surface-3); }
.e-marches i.faite { background: var(--acc-sourd); }
.e-marches i.encours { width: 38px; background: var(--acc-vif); box-shadow: 0 0 12px var(--acc-trait); }
.e-decompte { font-size: 40px; font-weight: 700; letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
.e-respire { animation: e-respire 3.2s ease-in-out infinite; }
@keyframes e-respire { 0%, 100% { scale: 1; } 50% { scale: 1.03; } }
.e-fl { color: var(--ink-3); font-size: 14px; }
.e-verrou .e-ligne { text-align: left; }
.e-verrou-mini { align-items: center; text-align: center; }
.e-choix { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; width: 100%; margin-top: 2px; }
.e-choix-carte {
  display: flex; align-items: center; justify-content: center; gap: 7px; padding: 8px 10px;
  border-radius: 10px; background: var(--surface-2); border: 1px solid var(--bord);
  font-size: 12px; font-weight: 650; color: var(--ink-2);
}
.e-choix-carte i { font-size: 16px; color: var(--ink-3); }
.e-choix-carte.choisi { border-color: var(--acc); background: var(--acc-voile); box-shadow: 0 0 0 3px var(--acc-voile); color: var(--ink); }
.e-choix-carte.choisi i { color: var(--acc); }
.e-table { border-radius: 11px; border: 1px solid var(--bord); background: var(--surface); overflow: hidden; }
.e-tr { display: grid; grid-template-columns: 1fr .9fr 1.5fr .8fr; gap: 8px; align-items: center; padding: 7px 10px; border-bottom: 1px solid var(--bord); font-size: 11.5px; }
.e-tr:last-child { border-bottom: 0; }
.e-th { background: var(--surface-2); font-size: 9.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }
.e-num { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; }
.e-tr.e-mini { grid-template-columns: .9fr 1.4fr .8fr; padding: 6px 8px; font-size: 10.5px; }
.e-carte-nuit { background: var(--grad-nuit); border: 1px solid rgba(255,255,255,.09); color: #eceafa; }
.e-carte-nuit .e-sous { color: #a9a6c8; }
.e-carte-nuit .e-lb { color: #8e8bb0; }
.e-carte-nuit .e-lb.e-gain, .e-carte-nuit .e-somme.e-gain { color: #3fd9a0; }
.e-carte-nuit .e-lb.e-perte, .e-carte-nuit .e-somme.e-perte { color: #ff7d84; }
.e-moities { gap: 14px; }
.e-somme { font-size: 24px; font-weight: 700; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.e-partage { height: 6px; border-radius: 999px; background: #ff7d84; overflow: hidden; }
.e-partage > i { display: block; height: 100%; width: var(--l); background: #3fd9a0; }
.e-barriere { flex-direction: row; align-items: flex-start; gap: 12px; }
.e-barriere strong { font-size: 15px; font-weight: 650; }
.e-barriere-ico { font-size: 28px; color: var(--perte); flex: none; }
.e-segments { display: inline-flex; gap: 2px; padding: 2px; border-radius: 999px; background: var(--surface); border: 1px solid var(--bord); }
.e-segments span { height: 22px; padding: 0 10px; border-radius: 999px; display: grid; place-items: center; font-size: 10.5px; font-weight: 600; color: var(--ink-3); }
.e-segments .on { background: var(--surface-3); color: var(--ink); box-shadow: var(--om-1); }
.e-signal { flex-direction: row; align-items: center; gap: 16px; padding: 16px 18px; }
.e-grand { font-size: 24px; font-weight: 650; letter-spacing: -.035em; line-height: 1.1; }
.e-grand-chiffre { font-size: 24px; }
.e-petit-titre { font-size: 12.5px; font-weight: 650; }
.e-pousse { margin-left: auto; }
.e-btn-petit { height: 26px; padding: 0 10px; font-size: 11px; border-radius: 8px; }
.e-deux-col { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 12px; align-items: start; }
.e-groupe {
  border-radius: 10px; padding: 10px; display: flex; flex-direction: column; gap: 6px;
  background: var(--surface); border: 1px solid var(--bord);
}
.e-groupe-tete { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; }
.e-groupe-inv { border-color: var(--perte-trait); background: color-mix(in srgb, var(--perte-voile) 70%, transparent); }
.e-ligne .e-segments { flex: none; }
.e-etat strong { font-size: 14px; font-weight: 650; }
.e-etat-ico { font-size: 28px; flex: none; }
.e-etat-bloque .e-etat-ico { color: var(--perte); }
.e-champ-haut { align-items: flex-start; min-height: 60px; color: var(--ink-3); }
.e-lueur-fail { animation: e-alarme 2.8s ease-in-out infinite; }
@keyframes e-alarme { 0%, 100% { box-shadow: 0 0 0 0 transparent; } 50% { box-shadow: 0 0 0 4px var(--perte-voile); } }
@media (max-width: 760px) {
  .e-deux-col { grid-template-columns: minmax(0, 1fr); }
}
.e-grille-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.e-faible { color: var(--ink-3); }
.e-serre-h { gap: 6px; flex-wrap: nowrap; }
.e-date { display: flex; flex-direction: column; line-height: 1.25; }
.e-date small { font-size: 10px; color: var(--ink-3); }
.e-tr-imp { grid-template-columns: .9fr .8fr .8fr .8fr 1fr; }
.e-tr-jr { grid-template-columns: .85fr 1.3fr 1.3fr .6fr .6fr .7fr; }
.e-ligne-vue { background: var(--alerte-voile); }
.e-refus { background: var(--acc-voile); }
.e-recherche { flex: 1 1 200px; max-width: 300px; gap: 6px; color: var(--ink-3); }
.e-recherche i { font-size: 13px; }
.e-segments .e-guet { color: var(--acc); box-shadow: inset 0 0 0 1.5px var(--acc-trait); animation: e-guet 2.4s ease-in-out infinite; }
@keyframes e-guet { 50% { box-shadow: inset 0 0 0 1.5px var(--acc), 0 0 0 4px var(--acc-voile); } }
.ecran-modale .e-zone { position: relative; }
.e-fond-app { position: absolute; inset: 44px 0 0 0; overflow: hidden; }
.e-squelette { display: flex; flex-direction: column; gap: 7px; }
.e-squelette i { display: block; height: 10px; border-radius: 999px; background: var(--surface-3); }
.e-squelette i:first-child { height: 18px; }
.e-sq { height: 58px; }
.e-sq-carte i { display: block; height: 24px; border-radius: 7px; background: var(--surface-3); }
.e-voile { position: absolute; inset: 44px 0 0 0; background: color-mix(in srgb, var(--fond-creux) 62%, transparent); backdrop-filter: blur(2px); }
.e-modale {
  position: relative; z-index: 2; margin: 26px auto 30px; width: min(700px, calc(100% - 32px));
  border-radius: 16px; background: var(--surface-pleine); padding: 18px;
  box-shadow: 0 0 0 1px var(--bord), 0 30px 80px -24px rgba(20,16,50,.55);
  display: flex; flex-direction: column; gap: 12px;
}
.e-fermer { font-size: 16px; color: var(--ink-3); }
.e-pied-modale { justify-content: flex-end; padding-top: 4px; }
@media (max-width: 640px) {
  .e-modale { width: calc(100% - 20px); margin: 14px auto 18px; padding: 14px; }
  .e-grille-3 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .e-tr-imp { grid-template-columns: .9fr .9fr .8fr 1fr; }
  .e-tr-imp > :nth-child(3) { display: none; }
  .e-tr-jr { grid-template-columns: .9fr 1.2fr 1.3fr .8fr; }
  .e-tr-jr > .e-col-verdict, .e-tr-jr > .e-col-r { display: none; }
  .e-tr-jr .e-serre-h .e-pilule { display: none; }
}
.e-num, .e-segments span { white-space: nowrap; }
@media (max-width: 640px) {
  .e-entete .e-segments { display: none; }
  .e-tr-jr { grid-template-columns: .8fr 1fr 1.3fr .9fr; gap: 6px; font-size: 10.5px; padding: 7px 8px; }
  .e-tr-jr .e-pilule { padding: 0 6px; }
}