/* espace-data.css — Espace DATA (14/10), porté du prototype docs/data/prototype/prototype-data.html.
   GÉNÉRÉ par le préfixeur : chaque règle est confinée sous .data-esp, pour ne rien changer au reste de Nydham.
   Ne pas éditer à la main : modifier le prototype puis régénérer. */
.data-esp{--bg:#eeeef7; --surface:#ffffff; --soft:#f5f6fd; --line:#e2e1ef; --line2:#efeef7;
  --ink:#1e1b4b; --txt:#3a3a5c; --txt2:#55557a; --mut:#5f5f86;
  --accent:#4c37dd; --accent-ink:#3f2cc4; --accent-bg:#eeeefc; --accent-line:#d6d1f6; --on-accent:#ffffff;
  --bar:#1e3a8a; --on-bar:#ffffff; --on-bar2:#c9d4f2;
  --go:#10855c; --go-ink:#0b7350; --go-bg:#e8f5ee; --go-line:#c4e3d4;
  --warn:#c98a12; --warn-ink:#8a5606; --warn-bg:#fdf3e2; --warn-line:#efd9ab;
  --bad:#c9352b; --bad-ink:#a8271e; --bad-bg:#fbebea; --bad-line:#f0cdc9;
  --t-tdb:#0e7490; --t-etude:#8a6a2e; --t-modele:#4c37dd; --t-iag:#b83280; --t-qualite:#4b5d78;
  --t-tdb-bg:#e3f1f5; --t-etude-bg:#f3eee4; --t-modele-bg:#eeebfc; --t-iag-bg:#f9e8f1; --t-qualite-bg:#eceff4;
  --nuit:#2a2377; --lav:#9b93e8; --flux-go:#d9d4f6; --flux-nogo:#f2c4bf; --zone-ok:#dcefe5; --zone-ko:#f6dad6; --zone-mi:#f8e8c8; --hero:#191938; --hero-2:#262457; --t-autre:#5f5f86; --t-autre-bg:#efeff6; --t-nsp:#5f5f86; --t-nsp-bg:#efeff6;
  --shadow:0 18px 50px rgba(30,27,75,.22);
  --font:'Helvetica Neue', Helvetica, Arial, sans-serif;}
.data-esp *{box-sizing:border-box}
.data-esp{background:var(--bg); color:var(--txt); font-family:var(--font); font-size:13.5px; line-height:1.45}
.data-esp button, .data-esp input, .data-esp select, .data-esp textarea{font:inherit; color:inherit}
.data-esp button{cursor:pointer}
.data-esp :focus-visible{outline:2px solid var(--accent); outline-offset:2px}
@media (prefers-reduced-motion: reduce){
.data-esp *{transition:none!important; animation:none!important}
}
.data-esp .wrap{padding-left:max(16px, env(safe-area-inset-left, 0px)); padding-right:max(16px, env(safe-area-inset-right, 0px))}
.data-esp .barre{position:sticky; top:env(safe-area-inset-top, 0px); z-index:20; background:var(--bar); color:var(--on-bar)}
.data-esp .barre__in{display:flex; align-items:center; gap:12px 18px; flex-wrap:wrap; padding-block:10px; max-width:1480px; margin:0 auto}
.data-esp .marque{display:flex; align-items:center; gap:10px; font-weight:700; font-size:15px}
.data-esp .marque__logo{width:30px; height:30px; border-radius:8px; background:#4c37dd; display:inline-flex; align-items:center; justify-content:center}
.data-esp .marque small{display:block; font-weight:400; font-size:11.5px; color:var(--on-bar2)}
.data-esp .onglets{display:flex; gap:6px; flex-wrap:wrap}
.data-esp .onglet{background:transparent; border:1px solid rgba(255,255,255,.28); color:var(--on-bar); border-radius:8px; padding:7px 12px; min-height:36px}
.data-esp .onglet[aria-current="page"]{background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.5); font-weight:700}
.data-esp .barre__fin{margin-left:auto; display:flex; gap:8px; align-items:center; flex-wrap:wrap}
.data-esp .proto{font-size:11.5px; color:var(--on-bar2)}
.data-esp main{max-width:1480px; margin:0 auto; padding-block:18px 60px; display:flex; flex-direction:column; gap:16px}
.data-esp h1{margin:0; font-size:22px; color:var(--ink); letter-spacing:-.01em; text-wrap:balance}
.data-esp h2{margin:0; font-size:15.5px; color:var(--ink)}
.data-esp h3{margin:0; font-size:13.5px; color:var(--ink)}
.data-esp .sous{font-size:12px; color:var(--mut)}
.data-esp .carte{background:var(--surface); border:1px solid var(--line); border-radius:12px}
.data-esp .pad{padding:14px 16px}
.data-esp .ligne{display:flex; gap:8px 12px; align-items:center; flex-wrap:wrap}
.data-esp .esp{flex:1}
.data-esp .btn{display:inline-flex; align-items:center; gap:7px; min-height:36px; padding:0 14px; border-radius:8px; border:1px solid var(--line); background:var(--surface); color:var(--ink); font-weight:600; white-space:nowrap}
.data-esp .btn:hover{border-color:var(--accent-line)}
.data-esp .btn--p{background:var(--accent); border-color:var(--accent); color:var(--on-accent)}
.data-esp .btn--go{background:var(--go); border-color:var(--go); color:#fff}
.data-esp .btn--bad{background:var(--surface); border-color:var(--bad-line); color:var(--bad-ink)}
.data-esp .btn--sm{min-height:30px; padding:0 10px; font-size:12.5px}
.data-esp .btn--lien{border:0; background:transparent; color:var(--accent-ink); padding:0 4px; min-height:30px; font-weight:600}
.data-esp .btn[disabled]{opacity:.55; cursor:not-allowed}
.data-esp .btn--sim{border-style:dashed; color:var(--txt2); font-weight:500}
.data-esp .ic{width:16px; height:16px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round}
.data-esp .pill{display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:700; padding:2px 8px; border-radius:6px; border:1px solid var(--line); background:var(--soft); color:var(--txt2); white-space:nowrap}
.data-esp .pill--go{background:var(--go-bg); border-color:var(--go-line); color:var(--go-ink)}
.data-esp .pill--warn{background:var(--warn-bg); border-color:var(--warn-line); color:var(--warn-ink)}
.data-esp .pill--bad{background:var(--bad-bg); border-color:var(--bad-line); color:var(--bad-ink)}
.data-esp .pill--acc{background:var(--accent-bg); border-color:var(--accent-line); color:var(--accent-ink)}
.data-esp .type{display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--txt)}
.data-esp .type i{width:22px; height:22px; border-radius:6px; display:inline-flex; align-items:center; justify-content:center}
.data-esp .type i .ic{width:13px; height:13px}
.data-esp .los{width:14px; height:14px; transform:rotate(45deg); border-radius:2px; display:inline-block; flex-shrink:0; border:2px solid var(--mut); background:var(--surface)}
.data-esp .los--decider{background:var(--warn); border-color:var(--warn)}
.data-esp .los--go{background:var(--go); border-color:var(--go)}
.data-esp .los--nogo{background:var(--bad); border-color:var(--bad)}
.data-esp .los--reprise{background:var(--surface); border-color:var(--bad)}
.data-esp .los--grand{width:20px; height:20px}
.data-esp .scenario summary{cursor:pointer; font-weight:700; color:var(--ink); list-style:none; display:flex; gap:8px; align-items:center}
.data-esp .scenario summary::-webkit-details-marker{display:none}
.data-esp .scenario ol{margin:10px 0 0; padding-left:20px; display:flex; flex-direction:column; gap:4px; max-width:110ch}
.data-esp .filtres{display:flex; gap:8px; flex-wrap:wrap; align-items:center}
.data-esp .filtres select{min-height:36px; border:1px solid var(--line); border-radius:8px; background:var(--surface); padding:0 10px}
.data-esp .multi{position:relative}
.data-esp .multi__b{display:inline-flex; align-items:center; gap:8px; min-height:36px; min-width:200px; border:1px solid var(--line); border-radius:8px; background:var(--surface); padding:0 10px; cursor:pointer; color:var(--ink)}
.data-esp .multi__b .ic{width:14px; height:14px; margin-left:auto; color:var(--mut)}
.data-esp .multi__b[aria-expanded="true"]{border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-bg)}
.data-esp .multi__n{background:var(--accent-bg); color:var(--accent-ink); border-radius:999px; padding:0 7px; font-size:12px; font-weight:700}
.data-esp .multi__pop{position:absolute; top:calc(100% + 4px); left:0; z-index:30; min-width:270px; background:var(--surface); border:1px solid var(--line); border-radius:10px; box-shadow:var(--shadow); padding:6px; display:grid; gap:1px}
.data-esp .multi__opt{display:flex; align-items:center; gap:9px; min-height:34px; padding:0 8px; border-radius:7px; cursor:pointer; color:var(--ink)}
.data-esp .multi__opt:hover{background:var(--soft)}
.data-esp .multi__opt input{width:16px; height:16px; accent-color:var(--accent); margin:0}
.data-esp .multi__tout{display:flex; justify-content:space-between; gap:8px; padding:4px 8px 6px; border-bottom:1px solid var(--line); margin-bottom:4px}
.data-esp .multi__tout button{border:0; background:none; color:var(--accent-ink); font-weight:600; padding:2px 0; cursor:pointer}
.data-esp .tableau{overflow-x:auto; padding-bottom:6px}
.data-esp .colonnes{display:grid; grid-template-columns:minmax(178px,1fr) minmax(178px,1fr) 88px minmax(178px,1fr) 88px minmax(178px,1fr) 88px minmax(178px,1fr) 88px; gap:10px; min-width:1180px; align-items:stretch}
.data-esp .col{background:var(--soft); border:1px solid var(--line); border-radius:12px; padding:10px; display:flex; flex-direction:column; gap:10px; min-height:420px}
.data-esp .col__t{display:flex; gap:6px; align-items:flex-start; justify-content:space-between; font-weight:700; color:var(--ink); font-size:12.5px}
.data-esp .n{font-size:11.5px; font-weight:700; background:var(--surface); border:1px solid var(--line); border-radius:6px; padding:0 6px; color:var(--txt2)}
.data-esp .jal{display:flex; flex-direction:column; align-items:center; gap:8px; padding-top:42px; position:relative}
.data-esp .jal::before{content:""; position:absolute; top:0; bottom:0; left:50%; border-left:2px dashed var(--line)}
.data-esp .jal button{position:relative; background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:10px 6px; width:100%; display:flex; flex-direction:column; align-items:center; gap:7px; font-size:11.5px; color:var(--txt); text-align:center; line-height:1.25}
.data-esp .jal button[aria-pressed="true"]{border-color:var(--warn); box-shadow:0 0 0 2px var(--warn-line)}
.data-esp .jal b{color:var(--ink)}
.data-esp .cas{background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:10px; display:flex; flex-direction:column; gap:6px; text-align:left; width:100%}
.data-esp .cas:hover{border-color:var(--accent-line)}
.data-esp .cas--vise{outline:2px solid var(--warn); outline-offset:1px}
.data-esp .cas__nom{font-weight:700; color:var(--ink); font-size:13px; line-height:1.3}
.data-esp .cas__meta{font-size:11.5px; color:var(--mut)}
.data-esp .cas .pill{white-space:normal; max-width:100%}
.data-esp .mini{display:flex; gap:6px; align-items:center; font-size:11.5px; color:var(--txt2); font-variant-numeric:tabular-nums}
.data-esp .barre-av{flex:1; height:4px; border-radius:4px; background:var(--line2); overflow:hidden; min-width:30px}
.data-esp .barre-av i{display:block; height:100%; background:var(--accent)}
.data-esp .barre-av--ok i{background:var(--go)}
.data-esp .pied{display:flex; gap:10px; align-items:center; flex-wrap:wrap; font-size:12.5px}
.data-esp .fil{font-size:12px; color:var(--mut)}
.data-esp .entete-fiche{position:relative}
.data-esp .entete-fiche .fil-ligne{padding-right:44px}
.data-esp .entete-fiche .ligne-titre{padding-right:44px}
.data-esp .fermer-fiche{position:absolute; top:12px; right:12px; display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid var(--line); border-radius:50%; background:var(--surface); color:var(--mut); cursor:pointer; transition:background .15s, color .15s, border-color .15s, transform .1s}
.data-esp .fermer-fiche .ic{width:16px; height:16px}
.data-esp .fermer-fiche:hover, .data-esp .fermer-fiche:focus-visible{background:var(--soft); color:var(--ink); border-color:var(--accent-line)}
.data-esp .fermer-fiche:active{transform:scale(.96)}
.data-esp .fermer-fiche .tip{position:absolute; top:calc(100% + 8px); right:0; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; padding:5px 8px; border-radius:7px; background:var(--ink); color:var(--surface); font-size:12px; font-weight:500; opacity:0; transform:translateY(-3px); transition:opacity .15s, transform .15s; pointer-events:none; z-index:3}
.data-esp .fermer-fiche .tip kbd{font:inherit; font-size:12px; border:1px solid currentColor; border-radius:5px; padding:0 5px; opacity:.85}
.data-esp .fermer-fiche:hover .tip, .data-esp .fermer-fiche:focus-visible .tip{opacity:1; transform:none}
.data-esp .fil button{border:0; background:none; color:var(--accent-ink); padding:0; font-weight:600}
.data-esp .meta{display:flex; gap:8px 28px; flex-wrap:wrap}
.data-esp .kv{display:flex; flex-direction:column; gap:2px; min-width:0}
.data-esp .kv span{font-size:11.5px; color:var(--mut)}
.data-esp .kv b{font-size:13px; color:var(--ink)}
.data-esp .kpi{display:flex; flex-direction:column; gap:6px; border:1px solid var(--line, #e4e7ec); border-radius:10px; padding:10px 12px}
.data-esp .kpi__svg{width:100%; height:auto; display:block}
.data-esp .kpi__mform{align-items:flex-end; gap:8px}
.data-esp .parcours{display:grid; grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr) 112px minmax(0,1fr) 112px minmax(0,1fr); align-items:center}
.data-esp .ph{border:1px solid var(--line); border-radius:10px; padding:9px 11px; background:var(--surface); text-align:left; display:flex; flex-direction:column; gap:3px; min-height:84px; width:100%}
.data-esp .ph--fait{background:var(--go-bg); border-color:var(--go-line)}
.data-esp .ph--cours{background:var(--accent-bg); border:2px solid var(--accent)}
.data-esp .ph--avenir{border-style:dashed}
.data-esp .ph--vue{box-shadow:0 0 0 3px var(--accent-line)}
.data-esp .ph__n{display:flex; gap:7px; align-items:center; font-size:11.5px; font-weight:700; color:var(--mut)}
.data-esp .ph__n i{width:20px; height:20px; border-radius:6px; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-style:normal; font-size:12px; background:var(--mut)}
.data-esp .ph--fait .ph__n i{background:var(--go)}
.data-esp .ph--cours .ph__n i{background:var(--accent); color:var(--on-accent)}
.data-esp .ph b{font-size:12.5px; color:var(--ink); line-height:1.3; overflow-wrap:anywhere; hyphens:auto; -webkit-hyphens:auto}
.data-esp .ph small{font-size:11.5px; color:var(--txt2)}
.data-esp .lj{display:flex; flex-direction:column; align-items:center; gap:4px; text-align:center; font-size:12px; position:relative; padding:0 4px; min-width:0; border:0; background:none; color:var(--txt)}
.data-esp .lj::before{content:""; position:absolute; top:10px; left:0; right:0; border-top:2px solid var(--line); z-index:0}
.data-esp .lj .los{position:relative; z-index:1}
.data-esp .lj b{color:var(--ink); font-size:12px}
.data-esp .lj em{font-style:normal; color:var(--mut); max-width:100%; overflow-wrap:anywhere; hyphens:auto; -webkit-hyphens:auto}
.data-esp .lj strong{font-size:12px}
@media (max-width:1280px){
.data-esp .parcours{grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr) 84px minmax(0,1fr) 84px minmax(0,1fr)}
}
.data-esp .panneau{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:18px}
.data-esp .bloc{display:flex; flex-direction:column; gap:8px; min-width:0}
.data-esp .bloc__t{display:flex; gap:8px; align-items:center; flex-wrap:wrap}
.data-esp .ck{border:1px solid var(--line); border-radius:10px; padding:12px 14px; background:var(--surface); display:flex; flex-direction:column; gap:8px}
.data-esp .ck__t{display:flex; align-items:center; gap:10px}
.data-esp .ck__t b{color:var(--ink)}
.data-esp .ck__n{font-size:12px; color:var(--mut); font-variant-numeric:tabular-nums}
.data-esp .ck__barre{height:4px; border-radius:4px; background:var(--line2); overflow:hidden}
.data-esp .ck__barre i{display:block; height:100%; background:var(--accent)}
.data-esp .ck__barre--ok i{background:var(--go)}
.data-esp .ck__l{display:grid; grid-template-columns:16px 22px 22px minmax(0,1fr) 30px; gap:4px; align-items:start; padding:5px 0; border-bottom:1px solid var(--line2)}
.data-esp .ck__l.drag-sur{box-shadow:0 -2px 0 var(--accent)}
.data-esp .ck__poignee{cursor:grab; color:var(--mut); padding-top:5px; display:inline-flex}
.data-esp .ck__plier{border:0; background:none; padding:4px 2px; color:var(--mut); display:inline-flex}
.data-esp .ck__plier[aria-expanded="true"] .ic{transform:rotate(90deg)}
.data-esp .ck__plier--off{visibility:hidden; pointer-events:none}
.data-esp .ck__case{width:18px; height:18px; margin:4px 0 0; accent-color:var(--accent)}
.data-esp .ck__txt{width:100%; border:1px solid transparent; border-radius:6px; background:transparent; padding:3px 6px; resize:none; overflow:hidden; line-height:1.45; min-height:26px; color:var(--ink)}
.data-esp .ck__txt:hover{border-color:var(--line)}
.data-esp .ck__txt:focus{border-color:var(--accent-line); background:var(--soft)}
.data-esp .ck__l--fait .ck__txt{color:var(--mut); text-decoration:line-through}
.data-esp .ck__l--plie .ck__txt:not(:focus){height:26px!important; white-space:nowrap; text-overflow:ellipsis}
.data-esp .ck__plus{grid-column:4; font-size:11.5px; color:var(--accent-ink); font-weight:700; padding-left:6px}
.data-esp .ck__tag{grid-column:4; font-size:11px; color:var(--bad-ink); padding-left:6px; font-weight:600}
.data-esp .ck__tag--ajout{color:var(--mut); font-weight:400}
.data-esp .ck__x{border:0; background:none; color:var(--mut); padding:4px; border-radius:6px; display:inline-flex}
.data-esp .ck__x:hover{color:var(--bad-ink); background:var(--bad-bg)}
.data-esp .ck__nouv{display:grid; grid-template-columns:18px minmax(0,1fr) auto; gap:8px; align-items:center; padding-top:4px}
.data-esp .ck__nouv input{min-height:34px; border:1px solid var(--line); border-radius:8px; padding:0 10px; background:var(--surface); min-width:0}
.data-esp .ck--fige .ck__l{grid-template-columns:22px minmax(0,1fr)}
.data-esp .ck--fige .ck__txt{border:0; padding:2px 0}
.data-esp .ck__compteur{grid-column:4; font-size:11px; color:var(--mut); padding-left:6px}
.data-esp .panneau--ss{grid-template-columns:minmax(0,1fr) 340px}
.data-esp .ss{display:flex; flex-direction:column; gap:10px; min-width:0; position:relative}
.data-esp .ss__t{display:flex; flex-wrap:wrap; gap:6px; align-items:center}
.data-esp .ss__t h3{margin:0 4px 0 0; font-size:15px; font-weight:700; color:var(--ink)}
.data-esp .ss__c{display:inline-flex; align-items:center; gap:4px; height:20px; padding:0 8px; border-radius:99px; border:1px solid var(--line); background:var(--soft); color:var(--txt); font-size:11.5px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap}
.data-esp .ss__c--ok{background:var(--go-bg); border-color:var(--go-line); color:var(--go-ink)}
.data-esp .ss__c--bad{background:var(--bad-bg); border-color:var(--bad-line); color:var(--bad-ink)}
.data-esp .ss__c--warn{background:var(--warn-bg); border-color:var(--warn-line); color:var(--warn-ink)}
.data-esp .ss__c--mut{color:var(--mut); font-weight:500}
.data-esp .ss__c .ic{width:10px; height:10px}
.data-esp .ss__tab{overflow-x:auto; position:relative; border:1px solid var(--line); border-radius:10px; background:var(--surface)}
.data-esp .ss__grille{min-width:806px}
.data-esp .ss__h, .data-esp .ss__l{display:grid; grid-template-columns:17px 16px 18px minmax(150px,1fr) minmax(120px,.6fr) 112px 112px 118px 32px 28px; gap:7px; align-items:center; padding:0 10px}
.data-esp .ss__h{min-height:32px; background:var(--soft); border-bottom:1px solid var(--line); font-size:10.5px; letter-spacing:.07em; text-transform:uppercase; color:var(--mut); font-weight:700}
.data-esp .ss__l{min-height:36px; padding-top:3px; padding-bottom:3px; border-bottom:1px solid var(--line2); font-size:12.5px}
.data-esp .ss__l:last-of-type{border-bottom:0}
.data-esp .ss__l.drag-sur{box-shadow:0 -2px 0 var(--accent)}
.data-esp .ss__l .ck__poignee{padding-top:0; opacity:.4}
.data-esp .ss__l .ck__poignee .ic{width:14px; height:14px}
.data-esp .ss__i{font-size:12px; color:var(--mut); font-variant-numeric:tabular-nums}
.data-esp .ss__nom{display:flex; align-items:center; gap:6px; min-width:0}
.data-esp .ss__titre{display:block; flex:1 1 auto; min-width:0; font-size:13px; font-weight:700; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:20px}
.data-esp .ss__titre--vide{color:var(--mut); font-weight:500; font-style:italic}
.data-esp input.ss__titre, .data-esp input.ss__resp{width:100%; height:28px; border:1px solid var(--accent-line); border-radius:6px; background:var(--surface); padding:0 7px; color:var(--ink); font:inherit}
.data-esp input.ss__titre{font-size:13px; font-weight:700}
.data-esp input.ss__resp{font-size:12.5px; color:var(--txt)}
.data-esp input.ss__titre:focus, .data-esp input.ss__resp:focus{outline:2px solid var(--accent-line); outline-offset:0}
.data-esp .ss__nom .ck__tag{flex:none; padding-left:0; white-space:nowrap}
.data-esp .ss__resp{display:flex; align-items:center; gap:7px; min-width:0; color:var(--txt)}
.data-esp .ss__av{flex:none; width:20px; height:20px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:8.5px; font-weight:700; letter-spacing:.02em}
.data-esp .ss__av--0{background:var(--accent-ink); color:var(--surface)}
.data-esp .ss__av--1{background:var(--warn-ink); color:var(--surface)}
.data-esp .ss__av--2{background:var(--go-ink); color:var(--surface)}
.data-esp .ss__av--3{background:var(--t-tdb); color:var(--surface)}
.data-esp .ss__av--4{background:var(--t-iag); color:var(--surface)}
.data-esp .ss__av--5{background:var(--t-etude); color:var(--surface)}
.data-esp .ss__av--ext{background:var(--line2); color:var(--txt2)}
.data-esp .ss__rn{min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.data-esp .ss__rn--vide{color:var(--mut)}
.data-esp .ss__ext{flex:none; padding:0 5px; border-radius:4px; border:1px solid var(--line); background:var(--soft); color:var(--mut); font-size:10px; font-weight:600; line-height:15px}
.data-esp .ss__date{position:relative; display:inline-flex; align-items:center; justify-self:start; min-width:46px; max-width:100%}
.data-esp .ss__pt{display:inline-flex; align-items:center; height:22px; padding:0 7px; border-radius:6px; color:var(--txt); font-size:11.5px; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%}
.data-esp .ss__pt.ss__d--ok{background:var(--go-bg); color:var(--go-ink); font-weight:600}
.data-esp .ss__pt.ss__d--warn{background:var(--warn-bg); color:var(--warn-ink); font-weight:600}
.data-esp .ss__pt.ss__d--bad{background:var(--bad-bg); color:var(--bad-ink); font-weight:600}
.data-esp input.ss__d, .data-esp input.ss__dIn, .data-esp .ssg input[data-cal]{position:absolute; inset:0; width:100%; height:100%; margin:0; padding:0; border:0; opacity:0; pointer-events:none}
.data-esp button.ss__pt{border:0; font:inherit; font-size:11.5px; background:none; cursor:pointer}
.data-esp button.ss__pt:hover{box-shadow:inset 0 0 0 1px var(--line)}
.data-esp button.ss__pt--champ{width:100%; height:28px; border:1px solid var(--accent-line); background:var(--surface); color:var(--ink); font-size:12px; padding:0 8px; justify-content:space-between; gap:6px}
.data-esp button.ss__pt--champ::after{content:''; flex:none; width:11px; height:11px; border:1.5px solid currentColor; border-top-width:3px; border-radius:2px; opacity:.55}
.data-esp button.ss__pt--champ[data-v=""]{color:var(--mut); font-weight:500}
.data-esp .ss__date--champ{display:flex; width:100%}
.data-esp .ss__ck{width:15px; height:15px; margin:0; accent-color:var(--accent); cursor:pointer}
.data-esp .ss__l--sel, .data-esp .ss__l--sel:not(.ss__l--edit):not(.ss__l--ro):hover{background:var(--accent-bg)}
.data-esp .ss__astuce{margin:0; font-size:11.5px; color:var(--mut)}
.data-esp .ssg{display:flex; flex-wrap:wrap; align-items:flex-end; gap:8px 10px; padding:9px 12px; border:1px solid var(--accent-line); border-radius:10px; background:var(--accent-bg)}
.data-esp .ssg__n{align-self:center; margin-right:4px; font-size:13px; color:var(--accent-ink); font-weight:600; font-variant-numeric:tabular-nums}
.data-esp .ssg__n b{font-size:15px}
.data-esp .ssg__f{display:flex; flex-direction:column; gap:3px; font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; font-weight:700; color:var(--mut)}
.data-esp .ssg__f > span:first-child{padding-left:2px}
.data-esp .ssg__f .ss__date{width:118px}
.data-esp .ssg__in{height:28px; box-sizing:border-box; border:1px solid var(--accent-line); border-radius:6px; background:var(--surface); padding:0 8px; color:var(--ink); font:inherit; font-size:12.5px; letter-spacing:0; text-transform:none; font-weight:500}
.data-esp input.ssg__in{width:170px}
.data-esp .ssg .btn--sm{min-height:28px}
.data-esp .sscal{position:fixed; z-index:70; width:272px; box-sizing:border-box; padding:10px 10px 8px; border:1px solid var(--line); border-radius:12px; background:var(--surface); box-shadow:var(--shadow); color:var(--txt); font-size:12.5px}
.data-esp .sscal[hidden]{display:none}
.data-esp .sscal__t{display:flex; align-items:center; justify-content:space-between; margin-bottom:4px}
.data-esp .sscal__m{font-size:13.5px; font-weight:700; color:var(--ink)}
.data-esp .sscal__m::first-letter{text-transform:uppercase}
.data-esp .sscal__nav{width:30px; height:30px; border:0; border-radius:8px; background:none; color:var(--txt); font-size:17px; line-height:1; cursor:pointer}
.data-esp .sscal__nav:hover, .data-esp .sscal__nav:focus-visible{background:var(--soft); outline:none}
.data-esp .sscal__g{display:grid; grid-template-columns:repeat(7, 1fr); row-gap:2px}
.data-esp .sscal__r{display:contents}
.data-esp .sscal__js{height:24px; line-height:24px; text-align:center; font-size:10.5px; font-weight:700; letter-spacing:.04em; color:var(--mut)}
.data-esp .sscal__j{height:34px; padding:0; border:0; background:none; font:inherit; font-variant-numeric:tabular-nums; color:var(--txt); cursor:pointer; display:flex; align-items:center; justify-content:center}
.data-esp .sscal__j span{width:30px; height:30px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center}
.data-esp .sscal__j:hover span{background:var(--soft)}
.data-esp .sscal__j:focus-visible{outline:none}
.data-esp .sscal__j:focus-visible span{outline:2px solid var(--accent); outline-offset:1px}
.data-esp .sscal__j--auj span{box-shadow:inset 0 0 0 1.5px var(--accent-line); color:var(--accent-ink); font-weight:700}
.data-esp .sscal__j--per{background:var(--accent-bg)}
.data-esp .sscal__j--deb span{background:var(--accent-bg); color:var(--accent-ink); font-weight:700; box-shadow:inset 0 0 0 1.5px var(--accent-line)}
.data-esp .sscal__j--deb.sscal__j--a{background:linear-gradient(90deg, transparent 50%, var(--accent-bg) 50%)}
.data-esp .sscal__j--on.sscal__j--b{background:linear-gradient(90deg, var(--accent-bg) 50%, transparent 50%)}
.data-esp .sscal__j--on span, .data-esp .sscal__j--on:hover span{background:var(--accent); color:var(--on-accent); font-weight:700; box-shadow:none}
.data-esp .sscal__j[aria-disabled="true"]{color:var(--mut); opacity:.4; cursor:not-allowed}
.data-esp .sscal__j[aria-disabled="true"]:hover span{background:none}
.data-esp .sscal__pied{display:flex; align-items:center; gap:6px; margin-top:6px; padding-top:7px; border-top:1px solid var(--line2)}
.data-esp .sscal__ctx{flex:1; text-align:center; font-size:11px; color:var(--mut); font-variant-numeric:tabular-nums}
.data-esp .sscal__lien{min-height:28px; padding:0 8px; border:0; border-radius:6px; background:none; color:var(--accent-ink); font:inherit; font-size:12px; font-weight:600; cursor:pointer}
.data-esp .sscal__lien:hover, .data-esp .sscal__lien:focus-visible{background:var(--accent-bg); outline:none}
.data-esp .sscal__lien--eff{color:var(--mut)}
.data-esp .toast__btn{margin-left:12px; padding:2px 8px; border:1px solid currentColor; border-radius:6px; background:none; color:inherit; font:inherit; font-weight:700; cursor:pointer}
.data-esp .toast__btn:focus-visible{outline:2px solid var(--accent-line); outline-offset:2px}
.data-esp .ss__date:focus-within .ss__pt{outline:2px solid var(--accent); outline-offset:1px}
.data-esp .ss__tip{position:absolute; left:0; bottom:calc(100% + 6px); z-index:6; padding:5px 8px; border-radius:6px; background:var(--hero); color:var(--on-bar); font-size:11.5px; font-weight:500; line-height:16px; white-space:nowrap; pointer-events:none; opacity:0; visibility:hidden; transition:opacity .12s}
.data-esp .ss__date:hover .ss__tip, .data-esp .ss__date:focus-within .ss__tip{opacity:1; visibility:visible}
.data-esp .ss__st{display:flex; align-items:center; min-width:0}
.data-esp .ss__sw{position:relative; display:inline-flex; align-items:center; max-width:100%; color:var(--txt)}
.data-esp .ss__sw::after{content:'▾'; position:absolute; right:8px; top:50%; transform:translateY(-50%); font-size:10px; line-height:1; pointer-events:none}
.data-esp .ss__s{-webkit-appearance:none; appearance:none; height:22px; max-width:100%; padding:0 20px 0 9px; border:1px solid var(--line); border-radius:99px; background:var(--surface); color:var(--txt); font:inherit; font-size:11.5px; font-weight:600; cursor:pointer}
.data-esp span.ss__s{display:inline-flex; align-items:center; gap:4px; padding:0 9px; cursor:default}
.data-esp .ss__s--en_cours{background:var(--accent-bg); border-color:var(--accent-line); color:var(--accent-ink)}
.data-esp .ss__s--termine{background:var(--go-bg); border-color:var(--go-line); color:var(--go-ink)}
.data-esp .ss__s--standby{background:var(--warn-bg); border-color:var(--warn-line); color:var(--warn-ink)}
.data-esp .ss__s--abandonne{background:var(--soft); border-color:var(--line2); color:var(--mut)}
.data-esp select.ss__s--standby{padding-left:22px}
.data-esp .ss__sw--en_cours{color:var(--accent-ink)}
.data-esp .ss__sw--termine{color:var(--go-ink)}
.data-esp .ss__sw--standby{color:var(--warn-ink)}
.data-esp .ss__sw--abandonne{color:var(--mut)}
.data-esp .ss__sic{display:inline-flex; color:var(--warn-ink)}
.data-esp .ss__sw > .ss__sic{position:absolute; left:9px; top:50%; transform:translateY(-50%); pointer-events:none}
.data-esp .ss__sic .ic{width:9px; height:9px}
.data-esp .ss__pause{flex:none; display:inline-flex; color:var(--warn-ink)}
.data-esp .ss__pause .ic{width:11px; height:11px}
.data-esp .ss__com{height:26px; padding:0 5px; border:0; border-radius:6px; background:none; color:var(--mut); display:inline-flex; align-items:center; gap:3px; font-size:12px; font-weight:600; cursor:pointer}
.data-esp .ss__com--vide .ic{opacity:.4}
.data-esp .ss__com:hover, .data-esp .ss__com[aria-expanded="true"]{background:var(--soft); color:var(--accent-ink)}
.data-esp .ss__com .ic{width:14px; height:14px}
.data-esp .ss__plus{width:26px; height:26px; border:0; border-radius:6px; background:none; color:var(--mut); font-size:16px; line-height:1; display:inline-flex; align-items:center; justify-content:center; cursor:pointer}
.data-esp .ss__plus:hover, .data-esp .ss__plus[aria-expanded="true"]{background:var(--soft); color:var(--ink)}
.data-esp .ss__menu{position:absolute; z-index:20; min-width:150px; padding:4px; border:1px solid var(--line); border-radius:8px; background:var(--surface); box-shadow:var(--shadow); display:flex; flex-direction:column}
.data-esp .ss__menu button{display:flex; align-items:center; gap:8px; min-height:30px; padding:0 10px; border:0; border-radius:6px; background:none; color:var(--txt); font-size:12.5px; text-align:left; cursor:pointer}
.data-esp .ss__menu button:hover, .data-esp .ss__menu button:focus-visible{background:var(--soft)}
.data-esp .ss__menu .ss__sup{color:var(--bad-ink)}
.data-esp .ss__menu .ic{width:14px; height:14px}
.data-esp .ss__fil{padding:8px 12px 10px 78px; background:var(--soft); border-bottom:1px solid var(--line2); display:flex; flex-direction:column; gap:6px}
.data-esp .ss__msg{font-size:12.5px}
.data-esp .ss__msg div{color:var(--txt); overflow-wrap:anywhere}
.data-esp .ss__msg-in{min-height:32px; max-width:560px; border:1px solid var(--line); border-radius:8px; padding:0 10px; background:var(--surface)}
.data-esp .ss__vide{padding:16px 14px; color:var(--mut); font-size:12.5px}
.data-esp .ss__l:not(.ss__l--edit):not(.ss__l--ro){cursor:pointer}
.data-esp .ss__l:not(.ss__l--edit):not(.ss__l--ro):hover{background:var(--soft)}
.data-esp .ss__nom{position:relative}
.data-esp .ss__crayon{position:absolute; right:0; top:50%; transform:translateY(-50%); display:inline-flex; padding-left:10px; background:linear-gradient(90deg, transparent, var(--soft) 45%); color:var(--mut); opacity:0; transition:opacity .12s; pointer-events:none}
.data-esp .ss__crayon .ic{width:12px; height:12px}
.data-esp .ss__l:hover .ss__crayon, .data-esp .ss__l:focus-within .ss__crayon{opacity:1}
.data-esp .ss__l--ro .ss__crayon{display:none}
.data-esp .ss__bloc--edit{position:relative; background:var(--accent-bg); box-shadow:inset 0 0 0 2px var(--accent); border-radius:4px; border-bottom:1px solid var(--line2)}
.data-esp .ss__bloc--edit .ss__l{border-bottom:0; min-height:46px}
.data-esp .ss__rcell{position:relative; min-width:0}
.data-esp .ss__ok, .data-esp .ss__ko{width:26px; height:26px; border-radius:6px; display:inline-flex; align-items:center; justify-content:center; padding:0; cursor:pointer}
.data-esp .ss__ok{border:0; background:var(--go-ink); color:var(--surface)}
.data-esp .ss__ko{border:1px solid var(--line); background:var(--surface); color:var(--mut)}
.data-esp .ss__ok .ic, .data-esp .ss__ko .ic{width:14px; height:14px; stroke-width:2.4}
.data-esp .ss__edit2{display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; padding:0 10px 9px 75px; font-size:11.5px; color:var(--mut)}
.data-esp .ss__edit2 input{flex:1 1 280px; max-width:520px; height:28px; box-sizing:border-box; border:1px solid var(--accent-line); border-radius:6px; background:var(--surface); padding:0 8px; color:var(--txt); font:inherit; font-size:12.5px}
.data-esp .ss__edit2 b{color:var(--ink)}
.data-esp .ss__sug{position:fixed; z-index:60; width:270px; box-sizing:border-box; padding:4px; border:1px solid var(--line); border-radius:8px; background:var(--surface); box-shadow:var(--shadow); display:flex; flex-direction:column; gap:1px}
.data-esp .ss__sug[hidden]{display:none}
.data-esp .ss__sug-t{padding:5px 8px 3px; font-size:10.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--mut)}
.data-esp .ss__sug button{display:flex; align-items:center; gap:8px; min-height:32px; padding:0 8px; border:0; border-radius:6px; background:none; font:inherit; font-size:12.5px; color:var(--txt); text-align:left; cursor:pointer}
.data-esp .ss__sug button.on, .data-esp .ss__sug button:hover{background:var(--accent-bg)}
.data-esp .ss__sug .ss__sug-libre{color:var(--accent-ink); font-weight:600}
.data-esp .ss__sug .ss__sug-libre .ic{width:13px; height:13px}
.data-esp .ss__l--abandonne > *{opacity:.6}
.data-esp .ss__l--abandonne .ss__titre{color:var(--mut); font-weight:600; text-decoration:line-through}
.data-esp .ss__l--abandonne .ss__resp, .data-esp .ss__l--abandonne .ss__pt, .data-esp .ss__l--abandonne .ss__i{color:var(--mut)}
.data-esp .ss__leg{display:flex; flex-wrap:wrap; gap:4px 14px; align-items:center; font-size:11px; color:var(--mut)}
.data-esp .ss__leg > span{display:inline-flex; align-items:center; gap:5px}
.data-esp .ss__cr{width:9px; height:9px; border-radius:2px; display:inline-block}
.data-esp .ss__cr--ok{background:var(--go)}
.data-esp .ss__cr--warn{background:var(--warn)}
.data-esp .ss__cr--bad{background:var(--bad)}
.data-esp .doc__fichier{position:relative; overflow:hidden}
.data-esp .doc__fichier input{position:absolute; inset:0; opacity:0; cursor:pointer}
.data-esp .bloc__t h3 .ic{margin-right:7px; vertical-align:-3px}
.data-esp .panneau--ss > .bloc:last-child{gap:12px}
.data-esp .panneau--ss > .bloc:last-child > .bloc{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:14px; gap:10px}
.data-esp .bloc__n{font-size:12px; color:var(--mut); font-variant-numeric:tabular-nums}
.data-esp .ss-meta{display:flex; flex-wrap:wrap; gap:2px 6px; align-items:baseline; font-size:12px; color:var(--mut)}
.data-esp .ss-meta b{font-weight:600; color:var(--txt2)}
.data-esp .ss-id{display:flex; flex-direction:column; gap:6px; padding:12px 14px; border:1px solid var(--line); border-radius:10px; background:var(--soft)}
.data-esp .ss-id__l{display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; min-width:0}
.data-esp .ss-id__ref{font-size:11.5px; font-weight:700; letter-spacing:.02em; color:var(--accent-ink); background:var(--accent-bg); border:1px solid var(--accent-line); border-radius:6px; padding:2px 7px; white-space:nowrap}
.data-esp .ss-id__nom{font-size:16px; font-weight:700; color:var(--ink); line-height:1.3; min-width:0; overflow-wrap:anywhere}
.data-esp .ss-id__th{display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:700; padding:2px 9px 2px 7px; border-radius:999px; white-space:nowrap}
.data-esp .ss-id__th svg{width:13px; height:13px}
.data-esp .ss-id .ss-meta{font-size:12.5px}
.data-esp .doc{display:grid; grid-template-columns:16px minmax(0,1fr) auto; gap:9px; align-items:start; padding:6px 0}
.data-esp .doc__voir{border:0; background:none; padding:0; margin:0; font:inherit; font-size:13px; font-weight:600; line-height:inherit; color:var(--ink); text-align:left; cursor:pointer; overflow-wrap:anywhere}
.data-esp .doc__voir:hover{color:var(--accent-ink); text-decoration:underline}
.data-esp .doc__voir:focus-visible, .data-esp .doc__dl:focus-visible{outline:2px solid var(--accent); outline-offset:2px; border-radius:4px}
.data-esp .doc__act{display:inline-flex; align-items:center; gap:2px; margin-top:-3px}
.data-esp .doc__dl{border:0; background:none; color:var(--mut); padding:4px; border-radius:6px; display:inline-flex; cursor:pointer}
.data-esp .doc__dl:hover{color:var(--accent-ink); background:var(--accent-bg)}
.data-esp .doc__dl .ic{width:15px; height:15px}
.data-esp .doc__ic{color:var(--mut); display:inline-flex; padding-top:2px}
.data-esp .doc__ic .ic{width:15px; height:15px}
.data-esp .doc__t{display:flex; flex-direction:column; gap:1px; min-width:0}
.data-esp .doc__t a{font-size:13px; font-weight:600; color:var(--ink); text-decoration:none; overflow-wrap:anywhere}
.data-esp .doc__t a:hover{color:var(--accent-ink); text-decoration:underline}
.data-esp .doc__m{font-size:11.5px; color:var(--mut)}
.data-esp .doc .ck__x{opacity:0}
.data-esp .doc:hover .ck__x, .data-esp .doc .ck__x:focus-visible{opacity:1}
@media (hover:none){
.data-esp .doc .ck__x{opacity:1}
}
.data-esp .doc__zone{display:flex; align-items:center; justify-content:center; gap:7px; width:100%; min-height:44px; padding:10px 12px; border:1.5px dashed var(--accent-line); border-radius:10px; background:var(--accent-bg); color:var(--accent-ink); font-size:13px; font-weight:600; text-align:center; cursor:pointer}
.data-esp .doc__zone:hover{border-color:var(--accent)}
.data-esp .doc__zone:focus-within{outline:2px solid var(--accent); outline-offset:2px}
.data-esp .doc__zone .ic{width:15px; height:15px}
.data-esp .doc__lien summary{list-style:none; cursor:pointer; font-size:12px; color:var(--mut); text-align:center; padding:2px 0}
.data-esp .doc__lien summary::-webkit-details-marker{display:none}
.data-esp .doc__lien summary:hover{color:var(--accent-ink); text-decoration:underline}
.data-esp .doc__lien[open] summary{margin-bottom:6px}
.data-esp .doc__ajout{display:grid; grid-template-columns:minmax(0,1fr); gap:6px}
.data-esp .doc__ajout input{min-height:34px; min-width:0; border:1px solid var(--line); border-radius:8px; padding:0 10px; background:var(--surface)}
.data-esp .doc__ajout .btn{justify-self:start}
.data-esp .crit{width:100%; min-height:84px; border:1px solid var(--line); border-radius:8px; background:var(--surface); padding:8px 10px; resize:vertical; color:var(--txt); line-height:1.45}
.data-esp .crit__t{display:block; width:100%; border:0; background:none; padding:0; margin:0; text-align:left; font:inherit; font-size:13px; line-height:1.5; color:var(--ink); white-space:pre-wrap; overflow-wrap:anywhere}
.data-esp button.crit__t{cursor:text; border-radius:6px}
.data-esp button.crit__t:hover{background:var(--soft)}
.data-esp .crit__t--vide{color:var(--mut)}
.data-esp .pad--ss{container-type:inline-size}
@container (max-width:1180px){
.data-esp .panneau--ss{grid-template-columns:minmax(0,1fr)}
.data-esp .panneau--ss > .bloc:last-child{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; align-items:start}
}
@container (max-width:760px){
.data-esp .panneau--ss > .bloc:last-child{grid-template-columns:minmax(0,1fr)}
}
.data-esp .lst{display:flex; flex-direction:column}
.data-esp .it{display:grid; grid-template-columns:20px minmax(0,1fr) auto; gap:10px; align-items:start; padding:8px 0; border-bottom:1px solid var(--line2)}
.data-esp .it:last-child{border-bottom:0}
.data-esp .it__m{width:18px; height:18px; border-radius:5px; border:2px solid var(--line); display:inline-flex; align-items:center; justify-content:center; margin-top:1px}
.data-esp .it__m--ok{background:var(--go); border-color:var(--go); color:#fff}
.data-esp .it__m--ko{border-color:var(--bad)}
.data-esp .it__m--calc{border-color:var(--accent-line); background:var(--accent-bg); color:var(--accent-ink)}
.data-esp .it__m .ic{width:12px; height:12px; stroke-width:3}
.data-esp .it__m--na{border-color:var(--line); color:var(--mut); font-weight:700; font-size:12px}
.data-esp .it--na .it__t b{color:var(--mut); font-weight:600}
.data-esp .sa-app{display:inline-flex; align-items:center; gap:5px; font-size:12px; color:var(--txt2); white-space:nowrap; cursor:pointer}
.data-esp .sa-app input{width:15px; height:15px; margin:0; accent-color:var(--accent)}
.data-esp .sa-app:has(input:disabled){cursor:default; opacity:.7}
.data-esp .it__t{display:flex; flex-direction:column; gap:2px; min-width:0}
.data-esp .it__t b{font-weight:600; color:var(--ink)}
.data-esp .it__t span{font-size:11.5px; color:var(--txt2)}
.data-esp .it__t .ko{color:var(--bad-ink)}
.data-esp .it__d{display:flex; flex-direction:column; align-items:flex-end; gap:5px}
.data-esp .note{display:flex; gap:10px; align-items:flex-start; padding:10px 12px; border-radius:10px; background:var(--accent-bg); border:1px solid var(--accent-line); color:var(--txt); font-size:12.5px}
.data-esp .note--warn{background:var(--warn-bg); border-color:var(--warn-line)}
.data-esp .note--bad{background:var(--bad-bg); border-color:var(--bad-line)}
.data-esp .note--go{background:var(--go-bg); border-color:var(--go-line)}
.data-esp .note .ic{margin-top:2px}
.data-esp .jalon{display:flex; gap:12px 16px; align-items:center; flex-wrap:wrap; padding:12px 16px; border-top:1px solid var(--line); background:var(--soft); border-radius:0 0 12px 12px}
.data-esp .jalon__q{display:flex; flex-direction:column; gap:2px; min-width:0; flex:1 1 260px}
.data-esp .jalon__q b{color:var(--ink)}
.data-esp .pourquoi{font-size:12.5px; font-weight:700; color:var(--bad-ink); display:flex; gap:6px; align-items:center}
.data-esp .frise{display:flex; gap:10px; align-items:center; flex-wrap:wrap; padding:10px 12px; border:1px solid var(--line); border-radius:10px}
.data-esp .frise__r{display:flex; gap:8px; align-items:center}
.data-esp .frise__r small{display:block; font-size:11.5px}
.data-esp .frise__sep{flex:1 1 30px; height:2px; background:var(--line); min-width:20px}
.data-esp .chiffres{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:12px; background:var(--soft); border-radius:10px}
.data-esp .chiffres b{display:block; font-size:16px; color:var(--ink); font-variant-numeric:tabular-nums}
.data-esp .chiffres span{font-size:11.5px; color:var(--mut)}
.data-esp .chiffres--service{grid-template-columns:repeat(3,minmax(0,1fr))}
.data-esp .chiffres--service>div{display:flex; flex-direction:column; gap:2px; min-width:0}
.data-esp .chiffres--service small{font-size:12px; color:var(--mut); line-height:1.35}
.data-esp .chiffres--service .pill{font-size:12.5px}
.data-esp .mesures{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px}
.data-esp .mesures li{display:grid; grid-template-columns:86px minmax(0,1fr) auto; gap:10px; align-items:baseline; font-size:13px; padding:6px 0; border-top:1px solid var(--line)}
.data-esp .mesures li:first-child{border-top:0}
.data-esp .mesures li small{color:var(--mut); font-size:12px}
.data-esp .mesures li span small{display:block}
.data-esp .fen.fen--mesure{width:min(900px, 100%)}
.data-esp .mes-grille{display:grid; grid-template-columns:1fr 1fr; gap:10px 12px; align-items:start}
.data-esp .mes-grille > .mes-large{grid-column:1 / -1}
.data-esp .mes-gr{border:1px solid var(--line); border-radius:10px; padding:6px 12px 10px; margin:0; min-width:0}
.data-esp .mes-gr legend{font-size:12.5px; font-weight:700; color:var(--mut); padding:0 4px}
.data-esp .mes-l{display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:8px 12px}
.data-esp .mes-large .mes-l--ind{grid-template-columns:2fr 1fr 1fr 1.3fr}
.data-esp .mes-l .champ input, .data-esp .mes-l .champ select, .data-esp #ms-date, .data-esp #ms-comm{width:100%; box-sizing:border-box}
@media (max-width:640px){
.data-esp .mes-grille{grid-template-columns:1fr}
.data-esp .mes-large .mes-l--ind{grid-template-columns:1fr 1fr}
}
.data-esp table{border-collapse:collapse; width:100%; font-size:12.5px}
.data-esp th{text-align:left; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--mut); font-weight:700; padding:8px 10px; border-bottom:1px solid var(--line); background:var(--soft)}
.data-esp td{padding:9px 10px; border-bottom:1px solid var(--line2); vertical-align:top}
.data-esp .tdf{overflow-x:auto}
.data-esp .annule td{color:var(--mut); text-decoration:line-through}
.data-esp .voile{position:fixed; inset:0; background:rgba(19,19,42,.55); z-index:9000; display:flex; align-items:flex-start; justify-content:center; overflow-y:auto; padding:calc(24px + env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-right, 0px)) calc(24px + env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px))}
.data-esp .fen{background:var(--surface); border-radius:14px; box-shadow:var(--shadow); width:min(640px, 100%); display:flex; flex-direction:column}
.data-esp .fen__t{display:flex; gap:12px; align-items:flex-start; padding:16px 18px 10px}
.data-esp .fen__t .esp{min-width:0}
.data-esp .fen__c{padding:4px 18px 16px; display:flex; flex-direction:column; gap:14px}
.data-esp .fen__p{display:flex; justify-content:flex-end; gap:8px; flex-wrap:wrap; padding:12px 18px; border-top:1px solid var(--line); background:var(--soft); border-radius:0 0 14px 14px}
.data-esp .champ{display:flex; flex-direction:column; gap:6px}
.data-esp .champ > label, .data-esp .champ > .lab{font-weight:700; color:var(--ink); font-size:12.5px}
.data-esp .champ input[type=text], .data-esp .champ input[type=number], .data-esp .champ input[type=date], .data-esp .champ select, .data-esp .champ textarea{border:1px solid var(--line); border-radius:8px; background:var(--surface); padding:8px 10px; min-height:38px; width:100%}
.data-esp .champ textarea{min-height:70px; resize:vertical}
.data-esp .req{color:var(--bad-ink)}
.data-esp .choix{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px}
.data-esp .choix label{border:1px solid var(--line); border-radius:10px; padding:10px 12px; display:flex; gap:8px; align-items:flex-start; cursor:pointer}
.data-esp .choix input{margin-top:3px; accent-color:var(--accent)}
.data-esp .choix label:has(input:checked){border:2px solid var(--accent); padding:9px 11px}
.data-esp .choix label.go:has(input:checked){border-color:var(--go)}
.data-esp .choix label.nogo:has(input:checked){border-color:var(--bad)}
.data-esp .choix label.off{opacity:.6; cursor:not-allowed}
.data-esp .choix b{display:block; color:var(--ink)}
.data-esp .choix small{font-size:11.5px; color:var(--txt2)}
.data-esp .err{font-size:12.5px; color:var(--bad-ink); font-weight:700}
.data-esp .toast{position:fixed; left:50%; transform:translateX(-50%); bottom:calc(18px + env(safe-area-inset-bottom, 0px)); background:var(--ink); color:var(--surface); padding:10px 16px; border-radius:10px; z-index:9100; box-shadow:var(--shadow); max-width:min(560px, calc(100% - 32px)); font-weight:600}
@media (max-width:980px){
.data-esp .panneau{grid-template-columns:minmax(0,1fr)}
.data-esp .parcours{grid-template-columns:minmax(0,1fr); gap:6px}
.data-esp .lj{flex-direction:row; justify-content:flex-start; gap:8px; padding:4px 0 4px 18px; text-align:left; flex-wrap:wrap}
.data-esp .lj::before{display:none}
.data-esp .chiffres, .data-esp .chiffres--service{grid-template-columns:minmax(0,1fr)}
.data-esp .mesures li{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
.data-esp .choix{grid-template-columns:minmax(0,1fr)}
.data-esp h1{font-size:19px}
}
.data-esp .pf-tete{display:flex; gap:10px 14px; align-items:center; flex-wrap:wrap}
.data-esp .vues{display:inline-flex; flex-wrap:wrap; gap:4px; padding:4px; border:1px solid var(--line); border-radius:10px; background:var(--soft)}
.data-esp .vues button{display:inline-flex; align-items:center; gap:6px; border:0; background:none; border-radius:7px; padding:7px 11px; font-weight:700; font-size:12.5px; color:var(--txt2); min-height:34px}
.data-esp .vues button[aria-pressed="true"]{background:var(--surface); color:var(--ink); box-shadow:0 1px 3px rgba(19,19,42,.14)}
.data-esp .vues .ic{width:15px; height:15px}
.data-esp .vue-sous{font-size:12px; color:var(--mut)}
.data-esp .export{position:relative}
.data-esp .export__menu{position:absolute; right:0; top:calc(100% + 6px); z-index:30; width:min(330px, calc(100vw - 32px)); background:var(--surface); border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); padding:6px; display:flex; flex-direction:column}
.data-esp .export__menu button{display:flex; gap:10px; align-items:flex-start; text-align:left; border:0; background:none; border-radius:8px; padding:9px 10px; color:var(--txt)}
.data-esp .export__menu button:hover, .data-esp .export__menu button:focus-visible{background:var(--soft)}
.data-esp .export__menu b{display:block; color:var(--ink)}
.data-esp .export__menu small{font-size:11.5px; color:var(--txt2)}
.data-esp .export__menu .ic{width:18px; height:18px; flex:none; margin-top:1px; color:var(--accent)}
.data-esp .export__note{font-size:11.5px; color:var(--mut); padding:6px 10px 4px; border-top:1px solid var(--line); margin-top:4px}
.data-esp .cas__fiche{align-self:flex-end; font-size:11px; color:var(--accent); font-weight:700}
.data-esp .liste{width:100%; border-collapse:collapse; font-size:12.5px}
.data-esp .liste th{text-align:left; font-size:11px; letter-spacing:.04em; text-transform:uppercase; color:var(--mut); border-bottom:1px solid var(--line); padding:0}
.data-esp .liste th button{border:0; background:none; font:inherit; color:inherit; text-transform:inherit; letter-spacing:inherit; padding:8px 8px; display:inline-flex; gap:4px; align-items:center; white-space:nowrap}
.data-esp .liste th button[aria-sort="ascending"]::after{content:"▲"; font-size:9px}
.data-esp .liste th button[aria-sort="descending"]::after{content:"▼"; font-size:9px}
.data-esp .liste td{padding:8px; border-bottom:1px solid var(--line2); vertical-align:top}
.data-esp .liste td:first-child{white-space:nowrap}
.data-esp .liste .lien{border:0; background:none; padding:0; text-align:left; color:var(--ink); font-weight:700; text-decoration:underline; text-decoration-color:var(--accent-line); text-underline-offset:3px}
.data-esp .liste-cadre{overflow-x:auto; background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:4px 8px}
.data-esp .liste-cadre .liste{min-width:980px}
.data-esp .liste .liste__act{width:40px; text-align:right; white-space:nowrap}
.data-esp .lg__crayon{width:28px; height:28px; border:1px solid transparent; border-radius:6px; background:none; color:var(--mut); display:inline-flex; align-items:center; justify-content:center; padding:0; cursor:pointer; transition:color .12s, background-color .12s, border-color .12s}
.data-esp .lg__crayon .ic{width:14px; height:14px}
.data-esp .liste tr:hover .lg__crayon, .data-esp .lg__crayon:focus-visible{color:var(--ink); border-color:var(--line); background:var(--surface)}
.data-esp .liste__edit td{background:var(--soft); vertical-align:middle}
.data-esp .lg__champ{font:inherit; font-size:12.5px; color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:6px; padding:5px 6px; width:100%; min-width:0; box-sizing:border-box}
.data-esp .lg__nom{min-width:180px}
.data-esp select.lg__champ{min-width:120px}
.data-esp input[type="date"].lg__champ{min-width:130px}
.data-esp .lg__champ:focus{outline:2px solid var(--go-ink); outline-offset:0; border-color:transparent}
.data-esp .lg__gele{color:var(--mut); cursor:help}
.data-esp .lg__gele small{display:block; font-size:10.5px; color:var(--mut)}
.data-esp .lg__btns{display:inline-flex; gap:4px}
.data-esp .hist-refus{margin-top:14px; background:var(--surface); border:1px solid var(--line); border-radius:12px}
.data-esp .hist-refus > summary{display:flex; align-items:center; gap:8px; padding:10px 14px; cursor:pointer; list-style:none; font-size:13px; color:var(--ink); border-radius:12px}
.data-esp .hist-refus > summary::-webkit-details-marker{display:none}
.data-esp .hist-refus > summary:focus-visible{outline:2px solid var(--accent); outline-offset:2px}
.data-esp .hist-refus > summary > svg:first-child{width:16px; height:16px; color:var(--bad)}
.data-esp .hist-refus > summary > svg:last-child{width:16px; height:16px; margin-left:auto; color:var(--mut); transition:transform .15s}
.data-esp .hist-refus[open] > summary > svg:last-child{transform:rotate(180deg)}
.data-esp .hist-refus__n{min-width:22px; height:20px; padding:0 7px; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; border-radius:99px; background:var(--bad-bg); color:var(--bad-ink); font-size:11.5px; font-weight:700}
.data-esp .hist-refus .liste-cadre{border:0; border-top:1px solid var(--line2); border-radius:0 0 12px 12px}
.data-esp .liste-cadre .liste.liste--refus{min-width:640px}
.data-esp .liste--refus td:last-child{min-width:220px}
.data-esp .matrice{display:grid; grid-template-columns:minmax(120px,.8fr) repeat(5, minmax(150px,1fr)); min-width:900px; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--surface)}
.data-esp .matrice > div{padding:8px; border-bottom:1px solid var(--line2); border-left:1px solid var(--line2); display:flex; flex-direction:column; gap:6px; min-width:0}
.data-esp .matrice .mx-t{background:var(--soft); font-weight:700; color:var(--ink); font-size:12px}
.data-esp .matrice .mx-l{border-left:0; font-weight:700; color:var(--ink); background:var(--soft)}
.data-esp .matrice .mx-l small{font-weight:400; color:var(--mut)}
.data-esp .puce-cas{display:flex; gap:6px; align-items:flex-start; text-align:left; border:1px solid var(--line); border-radius:8px; background:var(--surface); padding:5px 7px; font-size:12px; color:var(--ink); line-height:1.3}
.data-esp .puce-cas--decider{border-color:var(--warn); background:var(--warn-bg)}
.data-esp .puce-cas .type i{width:18px; height:18px}
.data-esp .matrice-cadre{overflow-x:auto}
.data-esp .agenda{display:flex; flex-direction:column; gap:14px}
.data-esp .agenda h3{margin:0 0 6px; font-size:13px; color:var(--ink)}
.data-esp .agenda__l{display:grid; grid-template-columns:96px minmax(0,1fr) auto; gap:12px; align-items:center; background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:9px 12px; margin-bottom:6px}
.data-esp .agenda__d{font-weight:700; color:var(--ink); font-variant-numeric:tabular-nums}
.data-esp .agenda__d small{display:block; font-weight:400; color:var(--mut); font-size:11px}
.data-esp .agenda__n{display:flex; flex-direction:column; gap:2px; min-width:0}
.data-esp .agenda__n .lien{border:0; background:none; padding:0; text-align:left; color:var(--ink); font-weight:700}
@media (max-width:560px){
.data-esp .agenda__l{grid-template-columns:minmax(0,1fr)}
}
.data-esp .pf{display:flex; flex-direction:column; gap:12px}
.data-esp .pf--plein{position:fixed; inset:0; z-index:8990; background:var(--bg); overflow:auto; padding:calc(14px + env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) calc(16px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px))}
.data-esp .pf--plein .col{min-height:calc(100vh - 260px)}
.data-esp .defil-nav{display:inline-flex; gap:4px}
.data-esp .defil-nav .btn{min-width:38px; justify-content:center}
.data-esp .defil-nav .btn:disabled{opacity:.4; cursor:default}
.data-esp .defil-aide{font-size:11.5px; color:var(--mut); margin-top:-6px}
.data-esp #liste-aide{display:flex; align-items:center; gap:6px; margin-top:-10px}
.data-esp #liste-aide .ic{width:12px; height:12px; flex:none}
.data-esp .defile{cursor:grab; scroll-behavior:smooth}
.data-esp .defile:focus-visible{outline:2px solid var(--accent); outline-offset:2px}
.data-esp .defile.glisse{cursor:grabbing; scroll-behavior:auto; user-select:none}
@media (hover:none){
.data-esp .defil-aide{display:none}
}
.data-esp .ens{display:flex; flex-direction:column; gap:14px}
.data-esp .ens-filtres{display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center}
.data-esp .ens-filtres > span{display:inline-flex; align-items:center; gap:6px}
.data-esp .ens-filtres select{border:1px solid var(--line); border-radius:8px; background:var(--surface); padding:7px 10px; min-height:36px; color:var(--txt)}
.data-esp .retenir{background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--warn); border-radius:12px; padding:12px 16px; display:flex; flex-direction:column; gap:6px}
.data-esp .retenir h2{font-size:11.5px; letter-spacing:.1em; color:var(--accent-ink)}
.data-esp .retenir ul{margin:0; padding-left:18px; display:flex; flex-direction:column; gap:4px}
.data-esp .retenir .lien{border:0; background:none; padding:0; text-align:left; color:var(--accent-ink); font-weight:700; text-decoration:underline; text-underline-offset:3px}
.data-esp .tuiles-k{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px}
.data-esp .tuile-k{display:flex; flex-direction:column; gap:8px; text-align:left; background:var(--surface); border:1px solid var(--line); border-top:4px solid var(--accent); border-radius:12px; padding:12px 14px; color:var(--txt); min-width:0}
.data-esp .tuile-k:hover{border-color:var(--accent-line)}
.data-esp .tuile-k--go{border-top-color:var(--go)}
.data-esp .tuile-k--warn{border-top-color:var(--warn)}
.data-esp .tuile-k--bad{border-top-color:var(--bad)}
.data-esp .tuile-k__l{display:flex; justify-content:space-between; gap:8px; font-size:11.5px; font-weight:700; letter-spacing:.06em; color:var(--mut)}
.data-esp .tuile-k__l .ic{width:14px; height:14px}
.data-esp .tuile-k__v{display:flex; align-items:center; gap:12px}
.data-esp .chiffre{font-size:32px; font-weight:700; letter-spacing:-.02em; line-height:1; color:var(--ink); font-variant-numeric:tabular-nums}
.data-esp .chiffre small{font-size:13px; font-weight:600; letter-spacing:0; color:var(--mut)}
.data-esp .tuile-k__s{font-size:12px; color:var(--txt2); line-height:1.45}
.data-esp .mini-types{display:flex; gap:2px; height:8px; border-radius:3px; overflow:hidden}
.data-esp .rubrique{font-size:11.5px; font-weight:700; letter-spacing:.1em; color:var(--mut); margin:6px 0 -4px}
.data-esp .blocs{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px}
.data-esp .blocs--3{grid-template-columns:repeat(3, minmax(0,1fr))}
.data-esp .blk{display:flex; flex-direction:column; gap:10px; min-width:0}
.data-esp .blk__t{display:flex; gap:8px; align-items:baseline}
.data-esp .blk__n{font-size:11px; font-weight:700; color:var(--mut); font-variant-numeric:tabular-nums}
.data-esp .blk__t h2{font-size:14px}
.data-esp .br{display:grid; grid-template-columns:minmax(90px, 150px) minmax(0,1fr) 44px; gap:8px; align-items:center; font-size:12px}
.data-esp .br__l{color:var(--txt); overflow-wrap:anywhere}
.data-esp .br__b{display:flex; height:14px; background:var(--soft); border-radius:4px; overflow:hidden}
.data-esp .br__b i{display:block; height:100%}
.data-esp .br__n{text-align:right; color:var(--ink); font-variant-numeric:tabular-nums}
.data-esp .br--paire .br__b{height:9px}
.data-esp .legende{display:flex; flex-wrap:wrap; gap:6px 14px; font-size:11.5px; color:var(--mut)}
.data-esp .legende i{display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:5px; vertical-align:-1px}
.data-esp .tab-s{width:100%; border-collapse:collapse; font-size:12px}
.data-esp .tab-s th{text-align:left; font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--mut); padding:6px; border-bottom:1px solid var(--line)}
.data-esp .tab-s td{padding:7px 6px; border-bottom:1px solid var(--line2); vertical-align:top}
.data-esp .tab-s-cadre{overflow-x:auto}
.data-esp .tab-s-cadre .tab-s{min-width:640px}
.data-esp .mois{display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); gap:4px; align-items:end; height:150px}
.data-esp .mois__c{display:flex; flex-direction:column; justify-content:flex-end; height:100%; gap:1px; position:relative}
.data-esp .mois__c i{display:block; border-radius:2px}
.data-esp .mois__v{font-size:10.5px; color:var(--ink); text-align:center; font-variant-numeric:tabular-nums}
.data-esp .mois__inc{font-size:10px; color:var(--bad-ink); text-align:center; font-weight:700}
.data-esp .mois-lab{display:grid; grid-template-columns:repeat(12, minmax(0,1fr)); gap:4px; font-size:10px; color:var(--mut); text-align:center}
.data-esp .chaleur{display:grid; grid-template-columns:minmax(96px,1.3fr) repeat(7, minmax(36px,1fr)); gap:3px; font-size:11.5px; min-width:420px}
.data-esp .chaleur span{padding:7px 2px; text-align:center; border-radius:4px; font-variant-numeric:tabular-nums; font-weight:700}
.data-esp .chaleur .h{font-size:10px; color:var(--mut); font-weight:700; background:none}
.data-esp .chaleur .d{text-align:left; color:var(--ink); background:none}
.data-esp .chaleur .q-go{background:var(--go-bg); color:var(--go-ink)}
.data-esp .chaleur .q-warn{background:var(--warn-bg); color:var(--warn-ink)}
.data-esp .chaleur .q-bad{background:var(--bad-bg); color:var(--bad-ink)}
.data-esp .chaleur .g{outline:2px solid var(--ink); outline-offset:-2px}
.data-esp .chaleur-cadre{overflow-x:auto}
.data-esp .attente{display:flex; flex-direction:column; gap:6px}
.data-esp .attente__l{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 10px; padding:8px 10px; border:1px solid var(--line); border-radius:8px; background:var(--soft)}
.data-esp .attente__l .lien, .data-esp .tab-s .lien{border:0; background:none; padding:0; text-align:left; color:var(--ink); font-weight:700; text-decoration:underline; text-decoration-color:var(--accent-line); text-underline-offset:3px}
.data-esp .attente__l small{grid-column:1 / -1; color:var(--mut); font-size:11.5px}
.data-esp .fen--tiroir .liste-t{display:flex; flex-direction:column; gap:4px; margin:0; padding:0; list-style:none}
.data-esp .fen--tiroir .liste-t li{display:flex; justify-content:space-between; gap:10px; padding:6px 0; border-bottom:1px solid var(--line2); font-size:12.5px}
.data-esp .fen--tiroir .lien{border:0; background:none; padding:0; text-align:left; color:var(--accent-ink); font-weight:700; text-decoration:underline; text-underline-offset:3px}
@media (max-width:1100px){
.data-esp .tuiles-k{grid-template-columns:repeat(2, minmax(0,1fr))}
.data-esp .blocs--3{grid-template-columns:repeat(2, minmax(0,1fr))}
}
@media (max-width:760px){
.data-esp .tuiles-k, .data-esp .blocs, .data-esp .blocs--3{grid-template-columns:minmax(0,1fr)}
.data-esp .br{grid-template-columns:minmax(80px, 110px) minmax(0,1fr) 40px}
}
.data-esp .vh{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
.data-esp .hero{display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; padding:10px 14px; border-radius:12px; background:linear-gradient(120deg, var(--hero), var(--hero-2)); color:#fff}
.data-esp .hero__ic{width:32px; height:32px; border-radius:8px; background:#4c37dd; display:inline-flex; align-items:center; justify-content:center; flex:none}
.data-esp .hero__ic .ic{width:17px; height:17px; color:#fff}
.data-esp .hero__t{flex:1 1 220px; min-width:0}
.data-esp .hero__t h1{color:#fff; font-size:18px; line-height:1.25}
.data-esp .hero__t div{font-size:12px; color:#c9cdf2; margin-top:1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.data-esp .hero .nuit-sel select{min-height:34px; padding:5px 8px; max-width:200px}
.data-esp .hero__f{display:flex; flex-wrap:wrap; gap:6px}
.data-esp .hero__o{display:flex; gap:6px; flex:none}
.data-esp .hero__b{width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:8px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22); color:#dfe2ff; cursor:pointer; padding:0}
.data-esp .hero__b:hover, .data-esp .hero__b:focus-visible{background:rgba(255,255,255,.2); color:#fff}
.data-esp .hero__b .ic{width:17px; height:17px}
.data-esp .ens--plein{position:fixed; inset:0; z-index:8990; background:var(--bg); overflow:auto; padding:calc(12px + env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) calc(16px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px))}
.data-esp .pastille-plein{position:fixed; top:calc(12px + env(safe-area-inset-top, 0px)); left:50%; transform:translateX(-50%); z-index:9100; background:var(--ink); color:var(--surface); border:0; border-radius:999px; padding:8px 14px; font:inherit; font-size:12.5px; font-weight:600; box-shadow:var(--shadow); cursor:pointer; transition:opacity .4s}
.data-esp .pastille-plein--estompee{opacity:0}
.data-esp .proj{position:fixed; inset:0; z-index:9970; background:linear-gradient(120deg, var(--hero), var(--hero-2)); display:flex; flex-direction:column; color:#fff}
.data-esp .proj__t{padding:calc(16px + env(safe-area-inset-top, 0px)) 28px 8px; font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:#dfe2ff; font-weight:700}
.data-esp .proj__scene{flex:1; position:relative; overflow:hidden; min-height:0}
.data-esp .proj__cadre{position:absolute; left:50%; top:4px; width:1200px; transform-origin:top center; transform:translateX(-50%) scale(var(--k, 1)); background:var(--bg); color:var(--ink); border-radius:14px; padding:16px; display:grid; gap:14px}
.data-esp .proj__bord{position:absolute; top:0; bottom:0; width:11%; background:transparent; border:0; cursor:pointer; padding:0}
.data-esp .proj__bord--g{left:0}
.data-esp .proj__bord--d{right:0}
.data-esp .proj__pied .chiffre{color:#fff; font-weight:700}
.data-esp .proj__pied{display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; padding:10px 28px calc(14px + env(safe-area-inset-bottom, 0px)); font-size:12.5px; color:#dfe2ff}
.data-esp .proj__segs{flex:1 1 200px; display:flex; gap:6px}
.data-esp .proj__seg{flex:1; height:6px; border-radius:3px; background:rgba(255,255,255,.25); border:0; cursor:pointer; padding:0}
.data-esp .proj__seg--on{background:#fff}
.data-esp .proj__sortir{background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.3); border-radius:8px; padding:6px 12px; font:inherit; font-weight:600; cursor:pointer}
.data-esp .nuit-sel select{background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.28); border-radius:8px; padding:8px 10px; min-height:38px; font-weight:600}
.data-esp .nuit-sel select option{color:#1e1b4b; background:#fff}
.data-esp .phrase{overflow:hidden}
.data-esp .phrase__h{padding:18px 20px 16px; display:flex; flex-direction:column; gap:8px}
.data-esp .phrase__h h2{font-size:11.5px; letter-spacing:.1em; color:var(--accent-ink)}
.data-esp .phrase__h p{margin:0; font-size:19px; line-height:1.45; color:var(--ink); max-width:72ch}
.data-esp .phrase__pts{display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); border-top:1px solid var(--line2)}
.data-esp .phrase__pt{display:grid; grid-template-columns:30px minmax(0,1fr); gap:6px 12px; padding:14px 20px; font-size:13px; color:var(--ink); line-height:1.45; border-left:1px solid var(--line2)}
.data-esp .phrase__pt:first-child{border-left:0}
.data-esp .phrase__pt .lien{grid-column:2; justify-self:start; border:0; background:none; padding:0; color:var(--accent-ink); font-weight:700; font-size:12.5px; text-align:left}
.data-esp .tuile-ic{width:30px; height:30px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center}
.data-esp .tuile-ic .ic{width:16px; height:16px}
.data-esp .tuile-ic--warn{background:var(--warn-bg); color:var(--warn-ink)}
.data-esp .tuile-ic--bad{background:var(--bad-bg); color:var(--bad-ink)}
.data-esp .tuile-ic--go{background:var(--go-bg); color:var(--go-ink)}
.data-esp .kpis{display:grid; grid-template-columns:1.4fr repeat(4, minmax(0,1fr))}
.data-esp .kpi{padding:16px 18px; display:flex; flex-direction:column; gap:10px; min-width:0; border-left:1px solid var(--line2)}
.data-esp .kpi:first-child{border-left:0}
.data-esp .kpi__l{display:flex; align-items:center; gap:8px; justify-content:space-between; font-size:11.5px; font-weight:700; letter-spacing:.06em; color:var(--mut)}
.data-esp .kpi__v{min-height:96px; display:flex; flex-direction:column; justify-content:center; gap:10px}
.data-esp .kpi__gros{display:flex; flex-wrap:wrap; align-items:baseline; gap:0 4px; font-size:36px; font-weight:700; letter-spacing:-.025em; line-height:1; color:var(--ink); font-variant-numeric:tabular-nums}
.data-esp .kpi__gros small{font-size:14px; font-weight:600; letter-spacing:0; color:var(--mut)}
.data-esp .kpi__gros em{flex-basis:100%; font-style:normal; font-size:12.5px; font-weight:400; letter-spacing:0; color:var(--txt2); margin-top:6px}
.data-esp .kpi__lst{display:flex; flex-direction:column; gap:4px; font-size:13px}
.data-esp .kpi__s{font-size:12px; color:var(--txt2); line-height:1.45}
.data-esp .info{border:0; background:var(--soft); color:var(--mut); width:24px; height:24px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; flex:none; padding:0}
.data-esp .info .ic{width:14px; height:14px}
.data-esp .info:hover{background:var(--accent-bg); color:var(--accent-ink)}
.data-esp .rubrique{display:flex; align-items:center; gap:12px; font-size:11.5px; font-weight:700; letter-spacing:.1em; color:var(--nuit); margin:10px 0 -2px}
.data-esp .rubrique::after{content:""; flex:1; border-top:1px solid var(--line)}
.data-esp .rangee{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; align-items:stretch}
.data-esp .rangee--flux{grid-template-columns:minmax(0,1fr) 384px}
.data-esp .rangee--services{grid-template-columns:minmax(0,1fr) 460px}
.data-esp .rangee--radar{grid-template-columns:400px minmax(0,1fr)}
.data-esp .rangee--capa{grid-template-columns:minmax(0,1fr) 400px; align-items:start}
.data-esp .ens .blk{padding:16px 18px; gap:12px}
.data-esp .ens .blk__t{display:flex; justify-content:space-between; align-items:flex-start; gap:10px}
.data-esp .ens .blk__t h2{font-size:15px}
.data-esp .svg-cadre{overflow-x:auto}
.data-esp .att-cadre{overflow-x:auto}
.data-esp .att{display:grid; grid-template-columns:minmax(220px,1fr) 236px 420px 44px; gap:12px; align-items:center; padding:8px 0; border-bottom:1px solid var(--line2); min-width:960px}
.data-esp .att--t{font-size:11px; font-weight:700; letter-spacing:.04em; color:var(--mut); border-bottom:1px solid var(--line)}
.data-esp .att__n{display:flex; flex-direction:column; gap:2px; min-width:0}
.data-esp .att__n .lien{border:0; background:none; padding:0; text-align:left; color:var(--accent-ink); font-weight:700; font-size:13px}
.data-esp .att__n small{font-size:11.5px; color:var(--mut)}
.data-esp .att__j{text-align:right; font-variant-numeric:tabular-nums}
.data-esp .chaleur .d{display:flex; flex-direction:column; text-align:left}
.data-esp .chaleur .d small{font-weight:400; color:var(--mut); font-size:11px}
.data-esp .inc{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; border-top:1px solid var(--line2); padding-top:12px; font-size:13px; color:var(--ink)}
.data-esp .inc small{grid-column:1 / -1; font-size:12px; color:var(--mut)}
.data-esp .lien-t{color:var(--accent-ink)}
.data-esp .ens svg a:hover text{text-decoration:underline}
@media (max-width:1180px){
.data-esp .kpis{grid-template-columns:repeat(3, minmax(0,1fr))}
.data-esp .kpi:nth-child(4){border-left:0}
.data-esp .rangee--flux, .data-esp .rangee--services, .data-esp .rangee--radar, .data-esp .rangee--capa{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
.data-esp .rangee{grid-template-columns:minmax(0,1fr)}
.data-esp .kpis{grid-template-columns:repeat(2, minmax(0,1fr))}
.data-esp .kpi:nth-child(odd){border-left:0}
.data-esp .kpi:nth-child(4){border-left:1px solid var(--line2)}
}
@media (max-width:560px){
.data-esp .kpis{grid-template-columns:minmax(0,1fr)}
.data-esp .kpi{border-left:0; border-top:1px solid var(--line2)}
.data-esp .kpi:nth-child(4){border-left:0}
.data-esp .phrase__pt{border-left:0; border-top:1px solid var(--line2)}
.data-esp .phrase__h p{font-size:16.5px}
.data-esp .hero__t h1{font-size:20px}
}
.data-esp .fen--large{width:min(780px, 100%)}
.data-esp .tuiles{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:8px}
.data-esp .tuiles.tuiles--theme{grid-template-columns:repeat(5, minmax(0,1fr))}
.data-esp .tuile{position:relative; border:1px solid var(--line); border-radius:10px; padding:10px; display:flex; flex-direction:column; gap:6px; cursor:pointer; background:var(--surface)}
.data-esp .tuile input{position:absolute; opacity:0; pointer-events:none}
.data-esp .tuile:has(input:checked){border:2px solid var(--accent); padding:9px; background:var(--acc-bg, var(--soft))}
.data-esp .tuile:has(input:focus-visible){outline:2px solid var(--accent); outline-offset:2px}
.data-esp .tuile b{font-size:12.5px; color:var(--ink); line-height:1.25}
.data-esp .tuile small{font-size:11.5px; color:var(--txt2); line-height:1.3}
.data-esp .tuile .type i{width:30px; height:30px; border-radius:8px}
.data-esp .tuile .type i .ic{width:16px; height:16px}
.data-esp .puces{display:flex; flex-wrap:wrap; gap:6px}
.data-esp .puce{position:relative; border:1px solid var(--line); border-radius:999px; padding:6px 13px; font-size:12.5px; cursor:pointer; background:var(--surface); color:var(--txt)}
.data-esp .puce input{position:absolute; opacity:0; pointer-events:none}
.data-esp .puce:has(input:checked){border-color:var(--accent); background:var(--accent); color:#fff; font-weight:700}
.data-esp .puce:has(input:focus-visible){outline:2px solid var(--accent); outline-offset:2px}
.data-esp .lignes{display:flex; flex-direction:column; gap:6px}
.data-esp .lignes__t{font-size:12px; font-weight:700; color:var(--mut)}
.data-esp .lignes__autres summary{cursor:pointer; font-size:12.5px; font-weight:700; color:var(--accent-ink); margin:2px 0 6px}
.data-esp .deduits{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; margin-top:8px}
.data-esp .deduit{display:flex; flex-direction:column; gap:2px; border:1px solid var(--line); border-radius:10px; padding:8px 10px; background:var(--soft); min-width:0}
.data-esp .deduit span{font-size:11.5px; color:var(--mut)}
.data-esp .deduit b{font-size:13px; color:var(--ink)}
.data-esp .deduit small{font-size:11px; color:var(--mut)}
@media (max-width:560px){
.data-esp .deduits{grid-template-columns:minmax(0,1fr)}
}
.data-esp .deux{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px}
.data-esp .depot{display:flex; align-items:center; gap:8px; border:1px dashed var(--line); border-radius:8px; padding:8px 11px; min-height:38px; font-size:12.5px; color:var(--txt2); cursor:pointer}
.data-esp .depot input{position:absolute; opacity:0; width:1px; height:1px}
.data-esp .depot:has(input:focus-visible){outline:2px solid var(--accent)}
.data-esp .unite{display:flex; align-items:center; gap:6px}
.data-esp .unite span{font-size:12px; color:var(--mut); white-space:nowrap}
.data-esp .indic{font-weight:400; color:var(--mut); font-size:12px}
.data-esp .champ--err input, .data-esp .champ--err textarea, .data-esp .champ--err .tuiles, .data-esp .champ--err .puces{outline:2px solid var(--bad); outline-offset:2px; border-radius:8px}
.data-esp .tri{border:1px solid var(--line); border-radius:10px; padding:10px 12px 12px; margin:0; display:flex; flex-direction:column; gap:10px}
.data-esp .tri legend{font-weight:700; color:var(--ink); font-size:12.5px; padding:0 4px}
.data-esp .tri__l{display:flex; flex-wrap:wrap; gap:6px 12px; align-items:center; justify-content:space-between}
.data-esp .tri__l > span{flex:1 1 260px; font-size:12.5px; color:var(--txt)}
.data-esp .tri .puce{padding:4px 11px; font-size:12px}
.data-esp .puce--theme{padding:8px 18px; font-size:13px; font-weight:600}
.data-esp .sqd .puce{border-radius:10px; text-align:left}
.data-esp .trois{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px}
.data-esp .trois select, .data-esp .multi select{width:100%; min-height:34px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--txt); padding:5px 8px; font:inherit; font-size:13px}
.data-esp .multi{display:flex; flex-wrap:wrap; gap:6px; align-items:center}
.data-esp .multi .puce--on{display:inline-flex; align-items:center; gap:4px; border-color:var(--accent); background:var(--accent-bg, var(--surface)); color:var(--ink); font-weight:600; cursor:default; padding:4px 6px 4px 11px}
.data-esp .multi__x{border:0; background:none; color:inherit; font-size:15px; line-height:1; cursor:pointer; padding:0 4px; border-radius:50%}
.data-esp .multi__x:focus-visible{outline:2px solid var(--accent)}
.data-esp .multi select{width:auto; min-width:150px; border-style:dashed; color:var(--accent); font-weight:600}
.data-esp .pjq{width:100%; box-sizing:border-box; margin-bottom:6px; min-height:34px; padding:6px 10px; font:inherit; font-size:13px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink)}
.data-esp .pjl{display:flex; flex-wrap:wrap; gap:6px; align-content:flex-start; padding:8px 10px; border:1px solid var(--line); border-radius:8px; min-height:36px; max-height:180px; overflow-y:auto}
.data-esp .pjc{display:inline-flex; align-items:center; gap:5px; font-size:12px; cursor:pointer; padding:3px 8px; border-radius:6px; border:1px solid var(--line); background:var(--soft); color:var(--ink)}
.data-esp .deux > .champ--pj{grid-column:1 / -1}
.data-esp .pjc[hidden]{display:none}
.data-esp .pjc input{width:14px; height:14px; margin:0; accent-color:var(--accent)}
.data-esp .pjc__c{font-weight:400; color:var(--mut); white-space:nowrap}
.data-esp .pjc b{font-weight:700}
.data-esp .pjc--on{border-color:var(--accent); background:var(--accent-bg, var(--surface))}
.data-esp .pjl__vide{font-size:12px; color:var(--mut); padding:2px 4px}
.data-esp .cpar{position:relative; min-width:0}
.data-esp .cpar__in{width:100%; box-sizing:border-box}
.data-esp .cpar__l{position:absolute; top:calc(100% + 2px); left:0; right:0; z-index:40; margin:0; padding:4px; list-style:none; background:var(--surface); border:1px solid var(--line); border-radius:8px; box-shadow:var(--shadow); max-height:188px; overflow-y:auto}
.data-esp .cpar__l[hidden], .data-esp .cpar__o[hidden], .data-esp .cpar__vide[hidden]{display:none}
.data-esp .cpar__o{min-height:30px; box-sizing:border-box; display:flex; align-items:center; padding:5px 8px; border-radius:6px; font-size:12.5px; line-height:1.3; cursor:pointer; color:var(--ink)}
.data-esp .cpar__o--actif, .data-esp .cpar__o:hover{background:var(--soft)}
.data-esp .cpar__o[aria-selected="true"]{font-weight:700}
.data-esp .cpar__o mark{background:none; color:inherit; text-decoration:underline; font-weight:700}
.data-esp .cpar__o--aucun{color:var(--mut)}
.data-esp .cpar__vide{padding:6px 8px; font-size:12px; color:var(--mut)}
.data-esp .cpar-bloc{display:flex; flex-direction:column; gap:6px; max-width:620px}
.data-esp .cpar-lien{display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; font-size:13px; color:var(--ink)}
.data-esp .cpar-lien > span:first-child{color:#5B21B6; font-weight:700}
.data-esp .cpar-lien .btn--lien{padding:0; font-weight:700}
.data-esp .cas__evol{font-size:11px; font-weight:700; color:#5B21B6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
@media (max-width:720px){
.data-esp .trois{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
.data-esp .tuiles, .data-esp .tuiles.tuiles--theme{grid-template-columns:repeat(2, minmax(0,1fr))}
.data-esp .deux{grid-template-columns:minmax(0,1fr)}
}
.data-esp .fen--mobile{position:relative; max-height:calc(100vh - 48px); max-height:calc(100dvh - 48px); min-height:0}
.data-esp .fen--mobile .fen__t{flex:none; border-bottom:1px solid var(--line2); padding-bottom:12px}
.data-esp .fen--mobile .fen__c{flex:1 1 auto; min-height:0; overflow:auto; overscroll-behavior:contain; padding-top:14px}
.data-esp .fen--mobile .fen__p{flex:none}
.data-esp .fen__outils{display:flex; gap:6px; align-items:center; flex:none; margin-left:auto}
.data-esp .fen__ag{display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:0 12px; border-radius:999px; border:1px solid var(--line); background:var(--surface); color:var(--ink); font-size:12.5px; font-weight:600; cursor:pointer}
.data-esp .fen__ag:hover{background:var(--soft); border-color:var(--accent-line)}
.data-esp .fen__coin{position:absolute; right:2px; bottom:2px; width:18px; height:18px; cursor:nwse-resize; touch-action:none; z-index:2;
  background:linear-gradient(135deg, transparent 0 50%, var(--line) 50% 58%, transparent 58% 70%, var(--line) 70% 78%, transparent 78%)}
.data-esp .fen--placee{position:fixed; left:var(--fx); top:var(--fy); width:var(--fw); height:var(--fh); max-height:none; margin:0}
.data-esp .fen--max{position:fixed; inset:12px; width:auto; height:auto; max-height:none; margin:0}
.data-esp .fen--max .fen__coin{display:none}
.data-esp .fen--glisse, .data-esp .fen--glisse *{user-select:none; -webkit-user-select:none}
@media (min-width:641px){
.data-esp .fen--mobile:not(.fen--max) [data-poignee]{cursor:grab; touch-action:none}
.data-esp .fen--glisse [data-poignee]{cursor:grabbing}
}
@media (max-width:640px){
.data-esp .fen--mobile, .data-esp .fen--placee{position:relative; left:auto; top:auto; width:100%; height:auto; max-height:none}
.data-esp .fen__coin, .data-esp .fen__ag{display:none}
}
.data-esp .prp-frise{list-style:none; margin:0; padding:0; display:flex; gap:6px}
.data-esp .prp-e{flex:1 1 0; min-width:0}
.data-esp .prp-e button{width:100%; display:flex; align-items:center; gap:10px; padding:7px 10px; border-radius:10px; border:1px solid var(--line2); background:var(--soft); text-align:left; cursor:pointer; color:var(--mut)}
.data-esp .prp-e button:hover{border-color:var(--accent-line)}
.data-esp .prp-n{flex:none; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; font-size:13px; font-weight:700; border:1.5px solid var(--line); background:var(--surface); color:var(--mut)}
.data-esp .prp-n svg{width:15px; height:15px}
.data-esp .prp-t{display:flex; flex-direction:column; min-width:0}
.data-esp .prp-t b{font-size:13px; color:var(--txt); line-height:1.25}
.data-esp .prp-t small{font-size:12px; line-height:1.3; color:var(--mut); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.data-esp .prp-e--cur button{background:var(--surface); border-color:var(--accent-line); box-shadow:inset 0 0 0 1px var(--accent-line)}
.data-esp .prp-e--cur .prp-n{background:var(--accent); border-color:var(--accent); color:var(--on-accent)}
.data-esp .prp-e--cur .prp-t b{color:var(--ink)}
.data-esp .prp-e--ok .prp-n{background:var(--go); border-color:var(--go); color:var(--surface)}
.data-esp .prp-e--ko .prp-n{border-color:var(--bad); color:var(--bad)}
.data-esp .prp-e--ko .prp-t b{color:var(--bad-ink)}
@media (max-width:640px){
.data-esp .prp-e:not(.prp-e--cur){flex:none}
.data-esp .prp-e:not(.prp-e--cur) .prp-t{display:none}
}
.data-esp .prp-recap{padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:var(--soft)}
.data-esp .prp-recap h3{margin:0 0 4px; font-size:14px; color:var(--ink)}
.data-esp .prp-recap dl{margin:0}
.data-esp .prp-r{display:grid; grid-template-columns:150px minmax(0,1fr) auto; align-items:baseline; gap:2px 12px; padding:7px 0; border-top:1px solid var(--line2)}
.data-esp .prp-r:first-child{border-top:0}
.data-esp .prp-r dt{font-size:12.5px; color:var(--mut)}
.data-esp .prp-r dd{margin:0; font-size:13px; color:var(--ink); overflow-wrap:anywhere}
.data-esp .prp-r dd.prp-manque{color:var(--bad-ink); font-weight:700}
.data-esp .prp-r dd.prp-vide{color:var(--mut)}
@media (max-width:560px){
.data-esp .prp-r{grid-template-columns:minmax(0,1fr) auto}
.data-esp .prp-r dt{grid-column:1 / -1}
}
.data-esp .prp-fin, .data-esp .prp-fin__q{display:flex; flex-direction:column; gap:14px; min-width:0}
.data-esp .fen--max{--prp-col:1360px}
.data-esp .fen--max:has(.prp-fin){--prp-col:1360px}
.data-esp .fen--max > .fen__t, .data-esp .fen--max > .fen__c, .data-esp .fen--max > .fen__p{padding-inline:max(18px, calc((100% - var(--prp-col)) / 2))}
.data-esp .fen--max > .fen__t{padding-top:20px; padding-bottom:14px}
.data-esp .fen--max > .fen__c{gap:18px; padding-top:22px; padding-bottom:28px}
.data-esp .fen--max .prp-frise{gap:10px}
.data-esp .fen--max .prp-e button{min-height:58px; padding:10px 14px; gap:12px}
.data-esp .fen--max .prp-n{width:30px; height:30px}
.data-esp .fen--max .prp-t small{white-space:normal}
.data-esp .fen--max .champ input[type=text]{min-height:42px}
.data-esp .fen--max .champ textarea{min-height:128px}
@media (min-width:1000px){
.data-esp .fen--max .prp-fin{display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,380px); gap:32px; align-items:start}
.data-esp .fen--max .prp-fin .prp-recap{position:sticky; top:0; padding:14px 16px}
.data-esp .fen--max .prp-fin .prp-r{grid-template-columns:minmax(0,1fr) auto; gap:0 10px}
.data-esp .fen--max .prp-fin .prp-r dt{grid-column:1 / -1}
}
.data-esp .fen--max > .fen__c{gap:16px}
.data-esp .fen--max > .fen__c > .note{padding:8px 12px}
.data-esp .fen--max .champ > label, .data-esp .fen--max .champ > .lab{font-size:13px}
.data-esp .fen--max .champ textarea#p-pb{min-height:clamp(128px, 22vh, 260px)}
.data-esp .fen--max .tri{padding:12px 16px 6px; gap:0; background:var(--surface)}
.data-esp .fen--max .tri legend{font-size:13px}
.data-esp .fen--max .tri__l{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 20px; padding:9px 0}
.data-esp .fen--max .tri__l + .tri__l{border-top:1px solid var(--line2)}
.data-esp .fen--max .tri__l > span{font-size:13px; color:var(--ink)}
.data-esp .fen--max .tri .puces{flex-wrap:nowrap}
.data-esp .fen--max .tri .note{margin:4px 0 10px}
.data-esp .fen--max .deux:has(> .champ:only-child){grid-template-columns:minmax(0,1fr)}
.data-esp .fen--max .depot{min-height:48px; padding:10px 14px; border-radius:10px; background:var(--soft); justify-content:center; color:var(--txt)}
.data-esp .fen--max .depot:hover{border-color:var(--accent-line); color:var(--ink)}
.data-esp .fen--max .deux{gap:16px}
.data-esp .fen--max .unite{gap:0; align-items:stretch}
.data-esp .fen--max .unite input{flex:1 1 auto; min-width:0; border-top-right-radius:0; border-bottom-right-radius:0}
.data-esp .fen--max .unite span{display:flex; align-items:center; padding:0 12px; border:1px solid var(--line); border-left:0; border-radius:0 8px 8px 0; background:var(--soft); color:var(--txt2); font-size:12.5px}
.data-esp .fen--max .prp-fin textarea{min-height:84px !important}
@media (min-width:1000px){
.data-esp .fen--max .prp-fin{grid-template-columns:minmax(0,1fr) minmax(320px,400px); gap:28px}
.data-esp .fen--max .prp-fin__q{gap:16px}
.data-esp .fen--max .prp-fin .prp-recap{padding:14px 16px 10px; background:var(--surface); max-height:max(260px, calc(100dvh - 290px)); overflow:auto; overscroll-behavior:contain}
.data-esp .fen--max .prp-recap h3{font-size:13.5px; margin:0 0 6px; padding-bottom:8px; border-bottom:1px solid var(--line)}
.data-esp .fen--max .prp-fin .prp-r{grid-template-columns:116px minmax(0,1fr) auto; gap:0 10px; padding:5px 0; align-items:baseline}
.data-esp .fen--max .prp-fin .prp-r dt{grid-column:auto; font-size:12px; line-height:1.35}
.data-esp .fen--max .prp-fin .prp-r dd{font-size:12.5px; line-height:1.35}
.data-esp .fen--max .prp-r dd.prp-manque{font-weight:600}
.data-esp .fen--max .prp-r .btn--lien{font-size:12px; min-height:0; padding:2px 0; line-height:1.35}
.data-esp .fen--max .prp-r:has([data-n="1"]) + .prp-r:has([data-n="1"]) .btn--lien, .data-esp .fen--max .prp-r:has([data-n="2"]) + .prp-r:has([data-n="2"]) .btn--lien, .data-esp .fen--max .prp-r:has([data-n="3"]) + .prp-r:has([data-n="3"]) .btn--lien{opacity:0}
.data-esp .fen--max .prp-r:hover .btn--lien, .data-esp .fen--max .prp-r .btn--lien:focus-visible{opacity:1}
.data-esp .fen--max .prp-r + .prp-r{border-top-color:transparent}
.data-esp .fen--max .prp-r:has([data-n="1"]) + .prp-r:has([data-n="2"]), .data-esp .fen--max .prp-r:has([data-n="2"]) + .prp-r:has([data-n="3"]){margin-top:6px; padding-top:9px; border-top-color:var(--line)}
}
.data-esp .fen.mot-fen{width:min(560px, 100%)}
.data-esp .fen.fen--uc{width:min(1120px, 100%)}
.data-esp .fen--uc .fen__c{background:var(--bg); padding-top:14px; border-radius:0 0 14px 14px}
.data-esp .mot-ic{flex:none; width:36px; height:36px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center; background:var(--accent-bg); color:var(--accent-ink)}
.data-esp .mot-ic .ic{width:18px; height:18px}
.data-esp .mot-ic--bad{background:var(--bad-bg); color:var(--bad-ink)}
.data-esp .mot-cas{display:flex; gap:12px; align-items:center; padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:var(--soft)}
.data-esp .mot-cas .type i{width:34px; height:34px; border-radius:9px}
.data-esp .mot-cas .type i .ic{width:17px; height:17px}
.data-esp .mot-cas__t{display:flex; flex-direction:column; gap:2px; min-width:0}
.data-esp .mot-cas__t b{font-size:14px; color:var(--ink); line-height:1.3; overflow-wrap:anywhere}
.data-esp .mot-cas__t span{font-size:12px; color:var(--mut)}
.data-esp .mot-fen .champ textarea{min-height:104px}
.data-esp .mot-aide{margin:0; font-size:12px; color:var(--mut)}
.data-esp .mot-plein{background:var(--bad); border-color:var(--bad); color:var(--on-accent)}
.data-esp .mot-plein:hover{background:var(--bad-ink); border-color:var(--bad-ink)}
.data-esp .fin-indus{gap:8px; align-items:center; margin-top:10px; flex-wrap:wrap}
.data-esp .champ .lp-q input[type=text]{padding:7px 10px 7px 29px; min-height:0; font-size:12.5px}
body:has(.data-esp .proj) #ass-fab, body:has(.data-esp .ens--plein) #ass-fab, body:has(.data-esp .voile) #ass-fab{display:none !important}