/* L'app BatiFlow telle qu'elle est (tronc feat/aibq-constat-builder, refonte iPhone préachat, thème clair).
   Toutes les cotes viennent du code SwiftUI (BFCameraScreen, AIBQRefonteCamera, AIBQRefonteBanqueView,
   AIBQConstatSheet) et des captures 1206 × 2622 de l'iPhone 17 Pro : 1 pt = 1/402 de la largeur d'écran.
   Écrit en « pt » ; converti en calc(N * var(--p)) à la construction. */
#screen.app{--p:max(calc(100cqw / 402 * .82), min(calc(100cqw / 402), calc(100cqh / 874)));--haut:calc(62 * var(--p));--bas:calc(11 * var(--p));--encre:#141518;--gris:#5B5E64;--filet:#E6E6E8;--champ:#F4F4F5;--orange:#F15A24;
  background:#fff;color:var(--encre);font-family:-apple-system,"SF Pro Text","Helvetica Neue",system-ui,sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased}
#screen.app svg{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#screen.app svg.pl{fill:currentColor;stroke:none}
:where(#screen.app button){all:unset;cursor:pointer}
#screen.app [hidden]{display:none!important}
#screen.app :where(em){color:inherit}

/* Barre d'état */
.a-sb{position:absolute;z-index:30;left:0;right:0;top:0;height:calc(62 * var(--p));pointer-events:none;color:#000}
.a-sb b{position:absolute;left:calc(52 * var(--p));top:calc(23 * var(--p));width:calc(42 * var(--p));text-align:center;font:600 calc(17 * var(--p))/calc(18 * var(--p)) -apple-system,system-ui,sans-serif;letter-spacing:-.2pt}
.a-sb span{position:absolute;right:calc(30 * var(--p));top:calc(25.5 * var(--p));display:flex;gap:calc(6 * var(--p));align-items:center}
.a-sb svg{height:calc(12 * var(--p));width:auto}.a-sb .bat{height:calc(13 * var(--p))}

/* ---------- Caméra claire (« piste 5 », branche feat/animations-preachat-iphone, JP 23-24/10) ---------- */
#screen.app .a-cam{position:absolute;inset:0;background:#F4F4F5}
.a-tete{position:absolute;left:calc(12 * var(--p));right:calc(12 * var(--p));top:calc(var(--haut) + calc(2 * var(--p)));height:calc(44 * var(--p));display:flex;align-items:center;gap:calc(6 * var(--p));color:#111214}
.a-chev{flex:none;width:calc(36 * var(--p));height:calc(44 * var(--p));display:grid;place-items:center}.a-chev svg{width:calc(22 * var(--p));height:calc(22 * var(--p))}
.a-sect{flex:none;display:flex;align-items:center;gap:calc(4 * var(--p));color:#5B5E64}.a-sect b{font:600 calc(12 * var(--p))/1 -apple-system,system-ui,sans-serif;letter-spacing:calc(1 * var(--p))}.a-sect svg{width:calc(11 * var(--p));height:calc(11 * var(--p));stroke-width:3}
.a-sous{flex:0 1 auto;min-width:0;display:flex;align-items:center;gap:calc(6 * var(--p))}.a-sous strong{font:700 calc(19 * var(--p))/1.1 -apple-system,system-ui,sans-serif;letter-spacing:-.3pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.a-sous svg{flex:none;width:calc(14 * var(--p));height:calc(14 * var(--p));stroke-width:3}
.a-pts{flex:none;margin-left:auto;width:calc(44 * var(--p));height:calc(44 * var(--p));display:grid;place-items:center}.a-pts svg{width:calc(22 * var(--p));height:calc(22 * var(--p))}

.a-viseur{position:absolute;left:0;right:0;margin:0 auto;top:calc(var(--haut) + calc(54 * var(--p)));--h:calc(100cqh - var(--haut) - calc(54 * var(--p)) - var(--bas) - calc(254 * var(--p)));height:var(--h);width:min(calc(378 * var(--p)), calc(var(--h) * .75));border-radius:calc(28 * var(--p));overflow:hidden;background:#000;touch-action:none;box-shadow:0 calc(10 * var(--p)) calc(36 * var(--p)) rgba(0,0,0,.18)}
.a-viseur:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #E2E2E5;pointer-events:none;z-index:6}
.a-viseur img,.a-viseur video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.a-viseur video{display:none}body.camera .a-viseur video{display:block}body.camera .a-viseur img{display:none}
.a-lieu{position:absolute;z-index:2;left:calc(14 * var(--p));top:calc(14 * var(--p));height:calc(30 * var(--p));display:flex;align-items:center;gap:calc(6 * var(--p));padding:0 calc(12 * var(--p));border-radius:99px;background:rgba(0,0,0,.55);color:#fff;font:500 calc(12 * var(--p))/1 -apple-system,system-ui,sans-serif}
.a-lieu svg{width:calc(13 * var(--p));height:calc(13 * var(--p))}
.a-pin{position:absolute;z-index:2;right:calc(12 * var(--p));top:calc(12 * var(--p));width:calc(40 * var(--p));height:calc(40 * var(--p));border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(235,235,240,.28);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.5)}
.a-pin svg{width:calc(19 * var(--p));height:calc(19 * var(--p))}
.a-zoom{position:absolute;z-index:2;left:50%;bottom:calc(10 * var(--p));transform:translateX(-50%);display:flex;gap:calc(4 * var(--p));padding:calc(4 * var(--p));border-radius:99px;background:rgba(0,0,0,.35)}
.a-zoom i{min-width:calc(30 * var(--p));height:calc(30 * var(--p));padding:0 calc(4 * var(--p));box-sizing:border-box;display:grid;place-items:center;border-radius:50%;font:500 calc(12 * var(--p))/1 ui-monospace,"SF Mono",Menlo,monospace;font-style:normal;color:rgba(255,255,255,.85)}
.a-zoom i.on{color:#FFD60A;background:rgba(255,255,255,.18);width:calc(30 * var(--p));padding:0}
.a-vignette{position:absolute;z-index:3;right:calc(12 * var(--p));bottom:calc(56 * var(--p));width:calc(34 * var(--p));height:calc(34 * var(--p));border-radius:calc(7 * var(--p));border:calc(2 * var(--p)) solid #fff;background-size:cover;background-position:center;box-shadow:0 calc(2 * var(--p)) calc(8 * var(--p)) rgba(0,0,0,.35);opacity:0;transform:scale(.6);transition:opacity .25s,transform .35s cubic-bezier(.2,.7,.1,1)}
.a-vignette.on{opacity:1;transform:none}
.a-lisere{position:absolute;inset:0;z-index:7;border-radius:inherit;box-shadow:inset 0 0 0 calc(3 * var(--p)) #F15A24;opacity:0;transition:opacity .26s;pointer-events:none}
.en-dictee .a-lisere{opacity:1}
#eclairBlanc{position:absolute;inset:0;z-index:8;background:#fff;opacity:0;pointer-events:none}

/* « CE QUE TU DIS » : la fiche de la dictée, posée dans le bas du viseur (AIBQRefonteFicheDictee) */
.a-fd{position:absolute;z-index:4;left:calc(10 * var(--p));right:calc(10 * var(--p));bottom:calc(10 * var(--p));height:min(calc(236 * var(--p)), 62%);box-sizing:border-box;padding:calc(16 * var(--p)) calc(16 * var(--p)) calc(10 * var(--p));border-radius:calc(22 * var(--p));background:rgba(255,255,255,.96);box-shadow:0 calc(8 * var(--p)) calc(32 * var(--p)) rgba(0,0,0,.25);display:flex;flex-direction:column;gap:calc(8 * var(--p));transform:translateY(calc(100% + calc(20 * var(--p))));opacity:0;transition:transform .42s cubic-bezier(.2,.7,.1,1),opacity .3s}
.en-dictee .a-fd{transform:none;opacity:1}
.a-fd-poignee{position:absolute;left:50%;top:calc(6 * var(--p));width:calc(36 * var(--p));height:calc(4 * var(--p));margin-left:-18pt;border-radius:calc(4 * var(--p));background:#D1D1D6}
.a-fd-tete{display:flex;align-items:center;gap:calc(8 * var(--p))}
.a-fd-tete b{flex:1;font:600 calc(12 * var(--p))/1 -apple-system,system-ui,sans-serif;letter-spacing:.4pt;color:#6C6C70}
.a-fd-ard{height:calc(20 * var(--p));padding:0 calc(8 * var(--p));border-radius:99px;background:#E8F1FD;color:#0A5BD3;font:600 calc(12 * var(--p))/calc(20 * var(--p)) -apple-system,system-ui,sans-serif}
.a-fd-tete i{width:calc(36 * var(--p));height:calc(36 * var(--p));border-radius:50%;background:#EFEFF1;display:grid;place-items:center;color:#111214}.a-fd-tete i svg{width:calc(14 * var(--p));height:calc(14 * var(--p));stroke-width:3}
.a-fd-mots{margin:0;flex:1;min-height:0;overflow:hidden;display:flex;flex-wrap:wrap;align-content:flex-end;gap:calc(4 * var(--p)) calc(5 * var(--p));font:600 calc(18 * var(--p))/1.25 -apple-system,system-ui,sans-serif;color:#55585E}
.a-fd-mots .r{color:#111214}.a-fd-mots .vide{font:500 calc(17 * var(--p))/1.25 -apple-system,system-ui,sans-serif;color:#8E8E93}
.a-fd-photos{height:calc(48 * var(--p));display:flex;align-items:center;gap:calc(6 * var(--p));font:400 calc(12.5 * var(--p))/1 -apple-system,system-ui,sans-serif;color:#8E8E93}
.a-fd-photos i{width:calc(46 * var(--p));height:calc(46 * var(--p));border-radius:calc(10 * var(--p));background-size:cover;background-position:center;background-color:#B9B4AC}

/* Bandeau de la note vocale (vue 02) */
.a-dictee{position:absolute;z-index:3;left:calc(14 * var(--p));right:calc(14 * var(--p));top:calc(var(--haut) + calc(62 * var(--p)));display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--p));pointer-events:none;opacity:0;transform:translateY(-6pt);transition:opacity .2s,transform .25s}
.a-dictee.on{opacity:1;transform:none}
.a-bande{align-self:stretch;min-height:calc(46 * var(--p));box-sizing:border-box;display:flex;align-items:center;gap:calc(8 * var(--p));padding:calc(5 * var(--p)) calc(5 * var(--p)) calc(5 * var(--p)) calc(14 * var(--p));border-radius:99px;background:rgba(0,0,0,.72);color:#fff;pointer-events:auto}
.a-bande .rd{flex:none;width:calc(10 * var(--p));height:calc(10 * var(--p));border-radius:50%;background:#FF3B30}
.a-bande b{font:600 calc(14.5 * var(--p))/1 -apple-system,system-ui,sans-serif;white-space:nowrap}
.a-bande em{font:500 calc(14.5 * var(--p))/1 -apple-system,system-ui,sans-serif;font-style:normal;font-variant-numeric:tabular-nums}
.a-ondes{display:flex;gap:calc(2 * var(--p));align-items:center}.a-ondes i{width:calc(2.5 * var(--p));border-radius:calc(2 * var(--p));background:var(--orange)}
.a-ondes.vit i{animation:onde .5s ease-in-out infinite alternate}.a-ondes.vit i:nth-child(2n){animation-delay:-.25s}.a-ondes.vit i:nth-child(3n){animation-delay:-.4s}
@keyframes onde{to{transform:scaleY(.45)}}
.a-arreter{margin-left:auto;flex:none;height:calc(36 * var(--p));display:flex!important;align-items:center;gap:calc(6 * var(--p));padding:0 calc(12 * var(--p));border-radius:99px;background:var(--orange);color:#fff;font:600 calc(14.5 * var(--p))/1 -apple-system,system-ui,sans-serif}
.a-arreter i{width:calc(18 * var(--p));height:calc(18 * var(--p));border-radius:50%;background:#fff;display:grid;place-items:center}.a-arreter i:after{content:"";width:calc(6.5 * var(--p));height:calc(6.5 * var(--p));border-radius:calc(1.5 * var(--p));background:var(--orange)}
.a-consigne{padding:calc(4 * var(--p)) calc(10 * var(--p));border-radius:99px;background:rgba(0,0,0,.45);color:#fff;font:500 calc(12.5 * var(--p))/1.25 -apple-system,system-ui,sans-serif;white-space:nowrap}

/* Les boutons blancs flottants, tous pareils, sans pilule : ⚡ · ✏️ · ◉ · 🏠 · couches */
.a-barre{position:absolute;left:calc(12 * var(--p));right:calc(12 * var(--p));bottom:calc(var(--bas) + calc(158 * var(--p)));height:calc(88 * var(--p));display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--p))}
.a-b{flex:none;width:calc(50 * var(--p));height:calc(50 * var(--p));border-radius:50%;display:grid!important;place-items:center;color:#111214;position:relative;background:linear-gradient(#fff,#F7F7F8);box-shadow:inset 0 0 0 1px #E2E2E5,0 calc(6 * var(--p)) calc(20 * var(--p)) rgba(0,0,0,.10)}
.a-b svg{width:calc(21 * var(--p));height:calc(21 * var(--p))}
.a-b.blanc{color:#1A1B1E}
.a-b.ambre{background:linear-gradient(rgba(250,199,117,.55),rgba(250,199,117,.55)),linear-gradient(#fff,#F7F7F8)}
.a-b.ambre-plein{background:linear-gradient(rgba(250,199,117,.88),rgba(250,199,117,.88)),linear-gradient(#fff,#F7F7F8)}
.a-b.stop{background:rgba(255,40,40,.85);color:#fff}
.a-b .i2,.a-b .i3{display:none}.a-b.v2 .i1,.a-b.v3 .i1{display:none}.a-b.v2 .i2,.a-b.v3 .i3{display:block}
.a-decl{flex:none;position:relative;width:calc(84 * var(--p));height:calc(84 * var(--p));border-radius:50%;display:grid!important;place-items:center;transition:transform .18s;background:linear-gradient(#fff,#EDEDF0);box-shadow:inset 0 0 0 1px #E2E2E5,0 calc(8 * var(--p)) calc(28 * var(--p)) rgba(0,0,0,.16)}
.a-decl>i{position:absolute;inset:calc(8 * var(--p));border-radius:50%;background:radial-gradient(calc(46 * var(--p)) circle at 50% 22%,#FF9B6F,#F15A24 50%,#C9441A);box-shadow:inset 0 0 0 calc(1 * var(--p)) rgba(255,255,255,.35)}
#screen.app .a-decl>svg.croix{position:absolute;z-index:1;width:calc(28 * var(--p));height:calc(28 * var(--p));color:#fff;stroke-width:3;display:none}#screen.app .a-decl.lot>svg.croix{display:block}
.a-decl.presse{transform:scale(.88)}
#screen.app .a-decl>svg.anneau{position:absolute;z-index:2;inset:calc(2 * var(--p));width:auto;height:auto;transform:rotate(-90deg);stroke:#F15A24;stroke-width:4;opacity:0}
#screen.app .a-decl.arme>svg.anneau{opacity:1}

/* Sous les boutons : la consigne pendant la dictée, puis la carte du dernier constat */
.a-aide{position:absolute;left:calc(12 * var(--p));right:calc(12 * var(--p));bottom:calc(var(--bas) + calc(138 * var(--p)));margin:0;text-align:center;font:400 calc(13 * var(--p))/calc(16 * var(--p)) -apple-system,system-ui,sans-serif;color:#5B5E64;opacity:0}
.en-dictee .a-aide{opacity:1}
.a-dernier{position:absolute;left:calc(12 * var(--p));right:calc(12 * var(--p));bottom:calc(var(--bas) + calc(88.5 * var(--p)));min-height:calc(62 * var(--p));box-sizing:border-box;padding:calc(8 * var(--p)) calc(12 * var(--p));border-radius:calc(24 * var(--p));background:#fff;box-shadow:inset 0 0 0 1px #E2E2E5,0 calc(8 * var(--p)) calc(28 * var(--p)) rgba(0,0,0,.10);display:flex;align-items:center;color:#111214}
.a-dernier>span{display:none;align-items:center;gap:calc(12 * var(--p));flex:1;min-width:0}
.a-dernier.vide,.a-dernier.dictee{min-height:calc(50 * var(--p))}
.a-dernier.vide .a-dr-vide,.a-dernier.dictee .a-dr-dictee,.a-dernier:not(.vide):not(.dictee) .a-dr-fiche{display:flex}
.a-dr-vide svg{width:calc(19 * var(--p));height:calc(19 * var(--p))}.a-dr-vide em{font:400 calc(15 * var(--p))/1 -apple-system,system-ui,sans-serif;font-style:normal;color:#5B5E64}
.a-dr-dictee svg{width:calc(20 * var(--p));height:calc(20 * var(--p));color:#F15A24}.a-dr-dictee em{font:500 calc(15 * var(--p))/1 -apple-system,system-ui,sans-serif;font-style:normal;color:#5B5E64}
.a-dr-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(3 * var(--p))}
.a-dr-txt>b{font:700 calc(15.5 * var(--p))/1.2 -apple-system,system-ui,sans-serif;letter-spacing:-.2pt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-dr-ligne{display:flex;align-items:center;gap:calc(6 * var(--p));min-width:0}
.a-dr-ligne small{font:400 calc(12.5 * var(--p))/1 -apple-system,system-ui,sans-serif;color:#5B5E64;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.a-badge{flex:none;display:inline-flex;align-items:center;gap:calc(5 * var(--p));padding:calc(3 * var(--p)) calc(8 * var(--p));border-radius:99px;box-shadow:inset 0 0 0 calc(1.5 * var(--p)) #B7B9BE;color:#5B5E64;font-style:normal}
.a-badge u{width:calc(6 * var(--p));height:calc(6 * var(--p));border-radius:50%;background:#B7B9BE}.a-badge s{text-decoration:none;font:600 calc(10.5 * var(--p))/1 -apple-system,system-ui,sans-serif;letter-spacing:.4pt;white-space:nowrap}
.a-badge.orange{box-shadow:inset 0 0 0 calc(1.5 * var(--p)) #F15A24;color:#F15A24}.a-badge.orange u{background:#F15A24}
.a-badge.plein{background:#F15A24;box-shadow:inset 0 0 0 calc(1.5 * var(--p)) #F15A24;color:#fff}.a-badge.plein u{background:#fff}
.a-dr-vig{flex:none;width:calc(46 * var(--p));height:calc(46 * var(--p));border-radius:calc(12 * var(--p));background:#EEEEF0 center/cover;display:grid;place-items:center;color:#B7B9BE}.a-dr-vig svg{width:calc(22 * var(--p));height:calc(22 * var(--p))}.a-dr-vig.img svg{display:none}

/* Barre d'onglets (TabView iOS 26), mesurée sur la capture : 62 pt, pastille active 98 × 53 pt */
.a-onglets{position:absolute;left:calc(20.7 * var(--p));right:calc(21 * var(--p));bottom:calc(var(--bas) + calc(10.3 * var(--p)));height:calc(62 * var(--p));border-radius:calc(31 * var(--p));background:rgba(253,253,253,.97);box-shadow:inset 0 0 0 1px rgba(0,0,0,.13),0 calc(6 * var(--p)) calc(20 * var(--p)) rgba(0,0,0,.07)}
.a-onglets span{position:absolute;top:0;height:calc(62 * var(--p));width:27.2%;margin-left:-13.6%;color:#111;z-index:1}
.a-onglets span svg{position:absolute;left:50%;top:calc(25 * var(--p));width:calc(30 * var(--p));height:calc(28 * var(--p));margin:-14pt 0 0 -15pt}
.a-onglets span small{position:absolute;left:0;right:0;top:calc(46 * var(--p));margin-top:-7pt;text-align:center;font:600 calc(10.5 * var(--p))/calc(14 * var(--p)) -apple-system,system-ui,sans-serif;white-space:nowrap}
.a-onglets span:nth-child(1){left:14.8%}.a-onglets span:nth-child(2){left:35%}.a-onglets span:nth-child(3){left:55%}.a-onglets span:nth-child(4){left:79.9%}
.a-onglets span.on:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:calc(5 * var(--p));height:calc(53 * var(--p));border-radius:calc(26.5 * var(--p));background:#E8E8E8}

/* ---------- Banque (vue 03) ---------- */
.a-voile{position:absolute;inset:0;z-index:10;background:rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:opacity .28s}
.a-voile.on{opacity:1}
.a-banque{position:absolute;z-index:11;left:calc(34 * var(--p));right:0;top:var(--haut);bottom:0;background:#fff;border-radius:calc(30 * var(--p)) 0 0 calc(30 * var(--p));box-shadow:-4pt 0 calc(18 * var(--p)) rgba(0,0,0,.18);padding:calc(8 * var(--p)) calc(16 * var(--p)) calc(12 * var(--p));box-sizing:border-box;display:flex;flex-direction:column;transform:translateX(calc(100% + calc(40 * var(--p))));will-change:transform}
.a-retour{display:flex!important;align-items:center;gap:calc(8 * var(--p));min-height:calc(44 * var(--p));font:400 calc(15.5 * var(--p))/1 -apple-system,system-ui,sans-serif;color:var(--encre)}
.a-retour svg{width:calc(19 * var(--p));height:calc(19 * var(--p))}
.a-bk-tete{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--p));padding-top:calc(4 * var(--p))}
.a-bk-tete h3{margin:0;font:700 calc(26 * var(--p))/1.15 -apple-system,system-ui,sans-serif;white-space:nowrap}
.a-top{flex:none;height:calc(38 * var(--p));padding:0 calc(12 * var(--p));border-radius:99px;background:#fff;box-shadow:0 calc(2 * var(--p)) calc(6 * var(--p)) rgba(0,0,0,.10);display:flex;align-items:center;gap:calc(6 * var(--p));font:600 calc(14.5 * var(--p))/1 -apple-system,system-ui,sans-serif}
.a-top svg{width:calc(15 * var(--p));height:calc(15 * var(--p));color:#F59E0B}
.a-bk-sous{margin:calc(4 * var(--p)) 0 calc(12 * var(--p));font:400 calc(14.5 * var(--p))/1.2 -apple-system,system-ui,sans-serif;color:var(--gris)}
.a-liste{flex:1;min-height:0;overflow:hidden;position:relative}
.a-liste-in{display:flex;flex-direction:column;gap:calc(8 * var(--p));transition:transform .45s cubic-bezier(.2,.7,.1,1)}
.a-ligne{display:flex;align-items:center;gap:calc(14 * var(--p));min-height:calc(50 * var(--p));padding:calc(6 * var(--p)) calc(16 * var(--p));box-sizing:border-box;border-radius:calc(14 * var(--p));background:#fff;box-shadow:inset 0 0 0 1px var(--filet);cursor:pointer}
.a-ligne b{flex:none;width:calc(30 * var(--p));font:700 calc(16 * var(--p))/1 -apple-system,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.a-ligne em{flex:1;font:400 calc(15 * var(--p))/1.2 -apple-system,system-ui,sans-serif;font-style:normal}
.a-ligne svg{flex:none;width:calc(23 * var(--p));height:calc(23 * var(--p));stroke-width:1.3}
.a-ligne.hit{background:#F4F4F5}
.a-ecoute{display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--p));padding:calc(10 * var(--p)) 0}
.a-ecoute .a-ondes{gap:calc(2.5 * var(--p))}.a-ecoute .a-ondes i{width:calc(3 * var(--p))}
.a-ecoute b{display:block;font:600 calc(15 * var(--p))/1.2 -apple-system,system-ui,sans-serif;color:var(--orange)}.a-ecoute small{display:block;font:400 calc(13 * var(--p))/1.2 -apple-system,system-ui,sans-serif;color:var(--gris)}
.a-champ{display:flex;align-items:center;gap:calc(10 * var(--p));padding:calc(5 * var(--p)) calc(5 * var(--p)) calc(5 * var(--p)) calc(16 * var(--p));border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1px var(--filet),0 calc(2 * var(--p)) calc(8 * var(--p)) rgba(0,0,0,.06);color:var(--gris)}
.a-champ>svg{width:calc(19 * var(--p));height:calc(19 * var(--p))}.a-champ span{flex:1;font:400 calc(16 * var(--p))/1 -apple-system,system-ui,sans-serif;color:#8D8E93}
.a-champ i{width:calc(48 * var(--p));height:calc(48 * var(--p));border-radius:50%;background:var(--orange);display:grid;place-items:center}.a-champ i:after{content:"";width:calc(15 * var(--p));height:calc(15 * var(--p));border-radius:calc(2.5 * var(--p));background:#fff}

/* ---------- Préparer le constat (vues 04 et 05) ---------- */
.a-prep{position:absolute;z-index:14;inset:0;background:#fff;transform:translateX(100%);will-change:transform;overflow:hidden}
.a-nav{position:absolute;left:calc(12 * var(--p));right:calc(12 * var(--p));top:var(--haut);height:calc(48 * var(--p));display:flex;align-items:center;justify-content:space-between}
.a-nav .a-retour{font-size:calc(16 * var(--p));gap:calc(6 * var(--p))}
.a-nav .pts{width:calc(44 * var(--p));text-align:center;font:700 calc(18 * var(--p))/1 -apple-system,system-ui,sans-serif;letter-spacing:calc(1 * var(--p))}
.a-defile{position:absolute;left:0;right:0;top:calc(var(--haut) + calc(48 * var(--p)));bottom:calc(var(--bas) + calc(134 * var(--p)));overflow:hidden}
.a-defile.dictee{bottom:calc(var(--bas) + calc(143 * var(--p)))}
.a-corps{padding:calc(4 * var(--p)) calc(18 * var(--p)) calc(16 * var(--p));display:flex;flex-direction:column;gap:calc(14 * var(--p));transition:transform .45s cubic-bezier(.2,.7,.1,1)}
.a-titre{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(8 * var(--p))}
.a-titre h3{margin:0;font:700 calc(26 * var(--p))/calc(32 * var(--p)) -apple-system,system-ui,sans-serif;white-space:nowrap}
.a-issu{flex:none;height:calc(32 * var(--p));padding:0 calc(12 * var(--p));border-radius:99px;background:var(--champ);font:500 calc(13.5 * var(--p))/calc(32 * var(--p)) -apple-system,system-ui,sans-serif}
.a-badges{display:flex;flex-direction:column;align-items:flex-end;gap:calc(6 * var(--p))}
.a-valider{height:calc(28 * var(--p));padding:0 calc(10 * var(--p));border-radius:99px;box-shadow:inset 0 0 0 calc(1.3 * var(--p)) var(--orange);color:var(--orange);display:flex;align-items:center;gap:calc(5 * var(--p));font:600 calc(13.5 * var(--p))/1 -apple-system,system-ui,sans-serif}
.a-redaction{height:calc(28 * var(--p));padding:0 calc(10 * var(--p));border-radius:99px;background:var(--champ);display:flex;align-items:center;gap:calc(5 * var(--p));font:500 calc(13 * var(--p))/1 -apple-system,system-ui,sans-serif}
.a-valider svg,.a-redaction svg{width:calc(14 * var(--p));height:calc(14 * var(--p))}
.a-rang{display:flex;gap:calc(10 * var(--p))}
.a-boite{flex:1;min-width:0;display:flex;align-items:center;gap:calc(6 * var(--p));padding:calc(8 * var(--p)) calc(12 * var(--p));border-radius:calc(12 * var(--p));box-shadow:inset 0 0 0 1px var(--filet)}
.a-boite div{flex:1;min-width:0}.a-boite small{display:block;font:400 calc(12.5 * var(--p))/1.25 -apple-system,system-ui,sans-serif;color:var(--gris)}
.a-boite b{display:block;margin-top:calc(1 * var(--p));font:600 calc(15.5 * var(--p))/1.2 -apple-system,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a-boite svg,.a-gravite svg{flex:none;width:calc(14 * var(--p));height:calc(14 * var(--p));stroke-width:2.6}
.a-carte{border-radius:calc(14 * var(--p));box-shadow:inset 0 0 0 1px var(--filet)}
.a-preuve{padding:calc(14 * var(--p));display:flex;flex-direction:column;gap:calc(8 * var(--p))}
.a-preuve>b{font:700 calc(15 * var(--p))/1.2 -apple-system,system-ui,sans-serif}
.a-ecouter{display:flex;align-items:center;gap:calc(12 * var(--p))}
.a-lire{flex:none;width:calc(36 * var(--p));height:calc(36 * var(--p));border-radius:50%;background:var(--orange);display:grid;place-items:center;color:#fff}.a-lire svg{width:calc(15 * var(--p));height:calc(15 * var(--p));margin-left:calc(2 * var(--p))}
.a-onde2{display:flex;align-items:center;gap:calc(2.5 * var(--p))}.a-onde2 i{width:calc(2.5 * var(--p));border-radius:calc(2 * var(--p));background:#BDBEC2}.a-onde2 i.o{background:var(--orange)}
.a-ecouter em{font:400 calc(14 * var(--p))/1 -apple-system,system-ui,sans-serif;font-style:normal;font-variant-numeric:tabular-nums}
.a-preuve small{font:400 calc(14 * var(--p))/1.25 -apple-system,system-ui,sans-serif;color:var(--gris)}
.a-preuve p{margin:0;font:400 calc(14 * var(--p))/1.3 -apple-system,system-ui,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.a-prop b{display:block;font:700 calc(16 * var(--p))/1.25 -apple-system,system-ui,sans-serif}.a-prop small{display:block;margin-top:calc(1 * var(--p));font:400 calc(13.5 * var(--p))/1.25 -apple-system,system-ui,sans-serif;color:var(--gris)}
.a-rangee{display:flex;align-items:baseline;gap:calc(10 * var(--p));padding:calc(11 * var(--p)) calc(14 * var(--p))}
.a-rangee+.a-rangee{box-shadow:inset 0 1px 0 var(--filet)}
.a-rangee>small{flex:none;width:calc(104 * var(--p));font:400 calc(13.5 * var(--p))/1.25 -apple-system,system-ui,sans-serif;color:var(--gris)}
.a-rangee>span{flex:1;min-width:0;font:400 calc(15.5 * var(--p))/1.3 -apple-system,system-ui,sans-serif}
.a-gravite{display:flex!important;align-items:center;gap:calc(8 * var(--p))}.a-gravite i{flex:none;width:calc(10 * var(--p));height:calc(10 * var(--p));border-radius:50%}.a-gravite span{flex:1}.a-gravite svg{color:var(--gris)}
.a-loc{display:flex;align-items:center;gap:calc(10 * var(--p));min-height:calc(50 * var(--p));padding:0 calc(14 * var(--p));box-sizing:border-box}
.a-loc>small{flex:none;width:calc(104 * var(--p));display:flex;align-items:center;gap:calc(4 * var(--p));font:400 calc(13.5 * var(--p))/1 -apple-system,system-ui,sans-serif;color:var(--gris)}
.a-loc>small i{width:calc(6 * var(--p));height:calc(6 * var(--p));border-radius:50%;background:var(--orange)}.a-loc.ok>small i{display:none}
.a-loc>span{flex:1;font:400 calc(15.5 * var(--p))/1.25 -apple-system,system-ui,sans-serif;color:var(--gris)}.a-loc.ok>span{color:var(--encre)}
.a-confirmer{flex:none;height:calc(30 * var(--p));padding:0 calc(12 * var(--p));border-radius:99px;background:var(--encre);color:#fff;font:600 calc(13.5 * var(--p))/calc(30 * var(--p)) -apple-system,system-ui,sans-serif}.a-loc.ok .a-confirmer{display:none!important}
.a-micro{display:flex;align-items:center;gap:calc(10 * var(--p));margin-top:-6pt}
.a-micro>i{flex:none;width:calc(44 * var(--p));height:calc(44 * var(--p));border-radius:50%;box-shadow:inset 0 0 0 1px var(--filet);display:grid;place-items:center}.a-micro>i svg{width:calc(18 * var(--p));height:calc(18 * var(--p))}
.a-micro b{display:block;font:400 calc(13 * var(--p))/1.25 -apple-system,system-ui,sans-serif;color:var(--gris)}.a-micro small{display:block;font:400 calc(12.5 * var(--p))/1.25 -apple-system,system-ui,sans-serif;color:rgba(91,94,100,.8)}
.a-photos>b{display:block;margin-bottom:calc(8 * var(--p));font:600 calc(15 * var(--p))/1.2 -apple-system,system-ui,sans-serif}
.a-photos div{display:flex;gap:calc(10 * var(--p));align-items:center}
.a-photos i{flex:none;width:calc(57 * var(--p));height:calc(57 * var(--p));border-radius:calc(8 * var(--p));background-size:cover;background-position:center}
.a-ajout{flex:none;width:calc(96 * var(--p));height:calc(72 * var(--p));border-radius:calc(10 * var(--p));border:calc(1.5 * var(--p)) dashed #C9C9CD;box-sizing:border-box;display:grid!important;place-items:center;color:var(--encre)}.a-ajout svg{width:calc(28 * var(--p));height:calc(28 * var(--p));stroke-width:1.2}
.a-notes>b{display:block;font:600 calc(15 * var(--p))/1.2 -apple-system,system-ui,sans-serif}.a-notes>b span{font-weight:400;font-size:calc(14 * var(--p));color:var(--gris)}
.a-notes>div{margin:calc(6 * var(--p)) 0;padding:calc(12 * var(--p)) calc(14 * var(--p));border-radius:calc(12 * var(--p));box-shadow:inset 0 0 0 1px var(--filet);font:400 calc(15 * var(--p))/1 -apple-system,system-ui,sans-serif;color:#B6B7BB}
.a-notes>small{font:400 calc(12.5 * var(--p))/1 -apple-system,system-ui,sans-serif;color:var(--gris)}
.a-boutons{position:absolute;left:calc(18 * var(--p));right:calc(18 * var(--p));bottom:calc(var(--bas) + calc(34 * var(--p)));display:flex;flex-direction:column;gap:calc(8 * var(--p))}
.a-princ{height:calc(52 * var(--p));border-radius:calc(16 * var(--p));display:grid!important;place-items:center;color:#fff;font:600 calc(17 * var(--p))/1 -apple-system,system-ui,sans-serif;background:var(--encre);transition:opacity .2s,background .2s}
.a-princ.orange{background:var(--orange)}.a-princ.bloque{opacity:.4}
.a-princ.fait{background:#1f9d45;opacity:1}
.a-second{min-height:calc(40 * var(--p));display:grid!important;place-items:center;font:400 calc(15 * var(--p))/1 -apple-system,system-ui,sans-serif;color:var(--gris)}
.a-second.plein{height:calc(48 * var(--p));border-radius:calc(16 * var(--p));background:var(--champ);color:var(--encre);font:600 calc(16 * var(--p))/1 -apple-system,system-ui,sans-serif}
#screen.app .homebar{display:none;z-index:40;background:#000;opacity:.9;bottom:calc(8 * var(--p));height:calc(5 * var(--p));width:calc(139 * var(--p));margin-left:calc(-69.5 * var(--p))}
.a-banque.ouverte{transform:none}
.en-dictee .a-zoom{opacity:0}
/* Écran court (navigateur intégré de Gmail, dictée avec la consigne au-dessus) : la barre d'onglets cède sa place au viseur */
@container (max-height: 600px){.a-cam{--bas:calc(-50pt)}.a-onglets{display:none}}
.a-fd-tete b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.a-fd-ard{flex:none}
/* Ajustements mesurés sur les captures de l'app (24/10) */
.a-sb span{top:calc(22 * var(--p));height:calc(20 * var(--p))}.a-sb svg{height:calc(13 * var(--p))}.a-sb .bat{height:calc(14 * var(--p))}
.a-banque{bottom:calc(var(--bas) + calc(23 * var(--p)));border-radius:calc(30 * var(--p)) 0 0 calc(30 * var(--p))}
.a-rangee>span{line-height:1.17}
.a-boite svg,.a-gravite svg{width:calc(16 * var(--p));height:calc(16 * var(--p));stroke-width:2.6}
.a-princ.bloque{opacity:1;background:rgba(17,18,20,.18);color:rgba(255,255,255,.92)}
.a-princ.orange.bloque{background:rgba(241,90,36,.24)}

/* Gestes libres (24/10) : champs modifiables, fiche qui défile au doigt, onglets de la simulation */
[data-champ]:empty:before{content:attr(data-vide);color:#B6B7BB}
[data-champ][contenteditable="true"]{outline:none;box-shadow:0 0 0 calc(2 * var(--p)) rgba(241,90,36,.35);border-radius:calc(4 * var(--p))}
.a-notes>#ppNote{color:var(--encre);min-height:calc(15 * var(--p))}
.a-defile{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior:contain}.a-defile::-webkit-scrollbar{display:none}
.a-corps{transition:none}
.a-photos div{overflow-x:auto;scrollbar-width:none}
.a-photos i,.a-fd-photos i{background-size:cover}
#toile,#toile2{position:absolute;left:0;top:0;width:402px;transform-origin:0 0;z-index:12;pointer-events:none;-webkit-font-smoothing:antialiased}
#toile2{z-index:45}
#toile>*,#toile2>*{pointer-events:auto}
#toile #calque .contenu{padding-bottom:var(--bas-calque,96px)}
#toile #calque{top:var(--haut-calque,62px);height:auto;bottom:0;z-index:35}
#screen.app .a-onglets{z-index:13}
#voir-photo{position:absolute;inset:0;z-index:140;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;font:500 13px -apple-system,system-ui,sans-serif}
#voir-photo img{width:100%;max-height:80%;object-fit:contain}