/* Aplomb, page du prototype (étape 6) : ce qui s'ajoute à aplomb.css, repris des maquettes. */
html,body{margin:0;background:var(--papier)}
body{min-height:100vh}
.app{min-height:100vh;display:flex;flex-direction:column}
.app main{flex:1}

/* interrupteur, en filet fin sous le bandeau */
.interrupteur{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:7px 40px;border-bottom:1px solid var(--filet);
  font:400 13px/1.45 var(--sans);color:var(--gris)}
.interrupteur b{font-weight:600;color:var(--encre)}
.interrupteur .temoin{width:7px;height:7px;border-radius:50%;background:var(--gris-clair);flex:none}
.interrupteur.actif .temoin{background:var(--gain);animation:pouls 1.6s ease-in-out infinite}
.interrupteur.actif b{color:var(--gain)}
.interrupteur form{display:flex;gap:8px;align-items:center}
.interrupteur input{font:400 13px var(--sans);border:0;border-bottom:1px solid var(--encre);padding:2px 0;width:12em;background:none;color:var(--encre);border-radius:0}
.interrupteur .bouton{font-size:12px;padding:6px 10px}
.interrupteur .refus{color:var(--perte)}
.interrupteur .lien{font-size:13px}

.bouton:disabled{background:var(--gris-clair);cursor:not-allowed}
.vide-choix{color:var(--gris-clair)!important;border-bottom-style:dashed!important;border-bottom-color:var(--gris-clair)!important}
.relance .bouton{flex:none}
.relance form button:disabled{opacity:.5}
.erreur-ui{font:400 15px/1.5 var(--sans);color:var(--perte)}
.encadre .texte{font-size:17px}
.texte ol{margin:12px 0 0;padding-left:24px}
.texte ol li{padding:3px 0}
.signature{margin-top:14px}
.adresses li button{font:inherit;background:none;border:0;padding:0;color:var(--accent);cursor:pointer;text-align:left}
.tableau tbody tr{cursor:default}
.tableau tbody tr.survol td{background:#F1F4F8}
.plan-pt{cursor:pointer}
.plan-fond image{filter:grayscale(1)}
.alertes{list-style:none;margin:16px 0 0;padding:0;font:400 15px/1.45 var(--sans);color:var(--serre)}
.alertes li{padding:6px 0 6px 14px;border-left:2px solid var(--serre)}
.alertes li+li{margin-top:6px}
.duo-plan{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:start}
.demo-note{font:400 14px/1.5 var(--sans);color:var(--gris);border-top:1px solid var(--filet);border-bottom:1px solid var(--filet);padding:10px 0}
.demo-note b{color:var(--encre);font-weight:600}
.suite{margin-top:72px}
.suite>*+*{margin-top:24px}
.chiffres dd.zero{color:var(--encre)}
.cache{display:none!important}

@container (max-width:700px){
  .interrupteur{padding:7px 16px}
  .duo-plan{grid-template-columns:minmax(0,1fr)}
  .relance form{flex-direction:column;align-items:stretch}
}
.interrupteur [hidden]{display:none}
.demo-note{margin-bottom:28px}

/* Reprise après l'audit du 20 octobre */
.encart-bien{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;border:1px solid var(--filet);background:#F7F8FA;
  padding:12px 16px;font:400 15px/1.45 var(--sans);color:var(--encre)}
.encart-bien__titre{font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--gris)}
.encart-bien .lien{font-size:14px;margin-left:auto}
.chargement{margin-top:32px;font:400 16px/1.5 var(--sans);color:var(--gris)}
.chargement__barre{display:block;height:3px;background:var(--accent-clair);position:relative;overflow:hidden;margin-bottom:14px}
.chargement__barre::after{content:"";position:absolute;top:0;bottom:0;width:30%;background:var(--accent);animation:glisse 1.3s ease-in-out infinite}
@keyframes glisse{0%{left:-30%}100%{left:100%}}
@media (prefers-reduced-motion:reduce){.chargement__barre::after{animation:none;left:0;width:100%;opacity:.5}}
.champ-label{display:block;font:600 14px var(--sans);color:var(--encre);margin:6px 0 8px}
.relance input{border:1px solid var(--encre);border-radius:2px;padding:12px 14px;background:#fff;font:400 17px var(--sans)}
.relance input:focus{outline:2px solid var(--accent);outline-offset:1px}
.relance form{align-items:stretch}
@container (max-width:700px){
  .phrase{font-size:21px;line-height:1.6}
  .titre{font-size:30px}
  .encart-bien .lien{margin-left:0}
}