/* RP3 · administration — robe CESV (variables de site.css, vert relevé sur le site) */
:root{--brand:#3a8323;--brand-h:#326f1f;--brand-soft:#e8f3e7;--ink:#212936;--text:#1f2937;--muted:#6b7280;--bg:#ffffff;--subtle:#f3f5f8;--border:#e2e6ec;--border-s:#d3d9e1;--ok:#15803d;--ok-bg:#dcfce7;--warn:#92400e;--warn-bg:#fef3c7;--bad:#b91c1c;--bad-bg:#fee2e2;--count:#fef9cc;
  --font:"Atkinson Hyperlegible",-apple-system,"Segoe UI",Arial,sans-serif;--head:"Figtree",-apple-system,"Segoe UI",Arial,sans-serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--brand:#6cc35a;--brand-h:#86d375;--brand-soft:rgba(108,195,90,.15);--ink:#f5f7fa;--text:#e6e9ee;--muted:#a3adba;--bg:#0f1318;--subtle:#171c23;--border:#2a313b;--border-s:#3a4350;--ok:#4ade80;--ok-bg:rgba(34,197,94,.15);--warn:#fbbf24;--warn-bg:rgba(245,158,11,.16);--bad:#f87171;--bad-bg:rgba(239,68,68,.16);--count:#3a3410;color-scheme:dark}}
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.55 var(--font)}
a{color:var(--brand)}
h1,h2,h3{font-family:var(--head);color:var(--ink);line-height:1.15;margin:.2rem 0 .8rem}
h1{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}h2{font-size:1.25rem;margin-top:2rem}h3{font-size:1rem;margin-top:1.4rem}
.wrap{max-width:1180px;margin:0 auto;padding-inline:max(16px,env(safe-area-inset-left,0px))}
.nav{border-bottom:1px solid var(--border);position:relative}
.nav .wrap{display:flex;align-items:center;gap:1rem;min-height:64px;flex-wrap:wrap}
.brand{display:flex;gap:.6rem;align-items:center;text-decoration:none;color:var(--ink)}
.brand small{display:block;color:var(--muted);font-size:.75rem}
.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--brand-soft);color:var(--brand);font:800 .8rem var(--head)}
.links{display:flex;gap:.2rem;margin-left:auto;flex-wrap:wrap}
.links a{font:600 .88rem var(--font);color:var(--text);text-decoration:none;padding:.5rem .7rem;border-bottom:2px solid transparent}
.links a[aria-current]{border-color:var(--brand);color:var(--brand)}
.links a.out{color:var(--muted)}
main{padding-block:1.8rem 3rem}
.eyebrow{font:600 .78rem var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:.4rem;font:700 .9rem/1 var(--head);padding:.75rem 1.1rem;border-radius:10px;border:1.5px solid transparent;cursor:pointer;text-decoration:none}
.btn.brand{background:var(--brand);color:#fff}.btn.brand:hover{background:var(--brand-h)}
@media (prefers-color-scheme:dark){.btn.brand{color:#0f1318}}
.btn.ghost{background:transparent;border-color:var(--border-s);color:var(--text)}
.btn.small{padding:.45rem .7rem;font-size:.8rem}
label{display:block;font:700 .85rem var(--head);color:var(--ink);margin:.9rem 0 .3rem}
label.inline{display:inline-flex;gap:.35rem;align-items:center;margin:0;font-weight:600}
input,select{font:inherit;color:var(--text);background:var(--bg);border:1.5px solid var(--border-s);border-radius:10px;padding:.55rem .7rem;max-width:100%}
input[type=file]{padding:.45rem;width:100%}
input:focus,select:focus{outline:3px solid color-mix(in srgb,var(--brand) 35%,transparent);border-color:var(--brand)}
.card{background:var(--subtle);border:1px solid var(--border);border-radius:18px;padding:1.3rem}
.card .btn{margin-top:1rem}
.narrow{max-width:420px;margin:2rem auto}
.narrow input{width:100%}
.grid2{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1.2rem}
@media (max-width:820px){.grid2{grid-template-columns:minmax(0,1fr)}}
.grid2 select,.grid2 input{width:100%}
.hint{font-size:.85rem;color:var(--muted)}
.note{border-radius:12px;padding:.7rem .9rem;margin:.8rem 0}
.note.ok{background:var(--ok-bg);color:var(--ok)}.note.bad{background:var(--bad-bg);color:var(--bad)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.7rem;margin:1rem 0 1.4rem}
.tile{background:var(--subtle);border:1px solid var(--border);border-radius:14px;padding:.9rem 1rem}
.tile b{display:block;font:800 1.6rem var(--head);color:var(--ink);font-variant-numeric:tabular-nums}
.tile span{font-size:.82rem;color:var(--muted)}
.scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.88rem}
th,td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--border);white-space:nowrap}
th{font:700 .75rem var(--head);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.num{text-align:right;font-variant-numeric:tabular-nums}
.empty{color:var(--muted);text-align:center}
.pill{display:inline-block;border-radius:999px;padding:.1rem .55rem;font:700 .72rem var(--head);background:var(--subtle);border:1px solid var(--border)}
.pill.ok{background:var(--ok-bg);color:var(--ok);border-color:transparent}.pill.warn{background:var(--count);color:var(--warn);border-color:transparent}
.sum{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.chip{border-radius:999px;padding:.35rem .8rem;font:700 .85rem var(--head);background:var(--subtle);border:1px solid var(--border)}
.chip.add{background:var(--ok-bg);color:var(--ok);border-color:transparent}.chip.mod{background:var(--count);color:var(--warn);border-color:transparent}.chip.ret{background:var(--bad-bg);color:var(--bad);border-color:transparent}
.checks{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem 1rem;max-width:640px;margin:0}
.checks dt{color:var(--muted)}.checks dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.warns{padding-left:1.1rem}.warns li{background:var(--warn-bg);color:var(--warn);border-radius:10px;padding:.5rem .7rem;margin:.4rem 0;list-style-position:inside;overflow-wrap:anywhere}
details{border:1px solid var(--border);border-radius:12px;margin:.6rem 0;padding:.5rem .8rem}
summary{cursor:pointer;font:700 .9rem var(--head)}
.list{columns:2 22rem;font-size:.85rem;padding-left:1.1rem}
.list .more{color:var(--muted);list-style:none}
.actions{margin:1.4rem 0}
.help li{margin:.35rem 0}
.branch{border:1px solid var(--border);border-radius:14px;padding:.8rem 1rem;margin:.7rem 0}
.bhead{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.bname{font:700 1rem var(--head);min-width:14rem}
.muted{color:var(--muted);font-size:.82rem}
.aliases{display:grid;gap:.35rem;margin-top:.6rem}
.alias{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;font-size:.85rem}
.alias code{background:var(--subtle);border-radius:6px;padding:.15rem .4rem;min-width:16rem}
.alias select{max-width:16rem}.alias input{max-width:12rem}
.foot{color:var(--muted);font-size:.75rem;padding-block:1rem 2rem}
/* ---------- Réunions et assistant ---------- */
.lead{font-size:1.05rem;max-width:62ch}
.back{font-size:.88rem;text-decoration:none}
.reus{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem}
.reu-h{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;flex-wrap:wrap}
.reu h2{margin:.1rem 0 .2rem}
.pill.info{background:var(--brand-soft);color:var(--brand);border-color:transparent}
.pill.muted{color:var(--muted)}
.pill.warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}
.stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;list-style:none;padding:0;margin:1rem 0 1.6rem;counter-reset:s}
.stepper a{display:flex;gap:.5rem;align-items:center;text-decoration:none;color:var(--muted);padding:.55rem .6rem;border-radius:12px;border:1px solid var(--border);background:var(--bg);height:100%}
.stepper .n{flex:none;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--subtle);border:1px solid var(--border-s);font:800 .8rem var(--head)}
.stepper .l{font:700 .82rem/1.2 var(--head)}
.stepper .done a{color:var(--text)}.stepper .done .n{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.stepper .cur a{border-color:var(--brand);color:var(--ink);box-shadow:inset 0 -3px 0 var(--brand)}.stepper .cur .n{background:var(--brand);color:#fff;border-color:var(--brand)}
@media (prefers-color-scheme:dark){.stepper .cur .n{color:#0f1318}}
@media (max-width:700px){.stepper{grid-template-columns:repeat(5,auto);justify-content:space-between}.stepper .l{display:none}.stepper .cur .l{display:inline}.stepper a{padding:.45rem}}
.form h2:first-of-type{margin-top:0}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:0 1rem}
.fields input{width:100%}.fields .span2{grid-column:span 2}
@media (max-width:560px){.fields .span2{grid-column:auto}}
fieldset{border:0;padding:0;margin:.9rem 0 0;min-width:0}
legend{font:700 .85rem var(--head);color:var(--ink);padding:0;margin-bottom:.4rem}
.opts{display:flex;flex-wrap:wrap;gap:.5rem}
.opt{display:inline-flex;align-items:center;gap:.4rem;margin:0;font:600 .9rem var(--font);border:1.5px solid var(--border-s);border-radius:10px;padding:.5rem .75rem;background:var(--bg);cursor:pointer}
.opt:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.opt input{accent-color:var(--brand);margin:0}
.opt-l{font-weight:400;color:var(--muted)}
.check{display:flex;gap:.6rem;align-items:flex-start;font:600 .92rem var(--font);margin:1rem 0 0}
.check input{margin-top:.25rem;accent-color:var(--brand);flex:none}
.cal-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem 1rem;align-items:center;padding:.4rem 0;border-bottom:1px solid var(--border)}
.cal-row label{margin:0}.cal-row .hint{margin:.1rem 0 0}
@media (max-width:560px){.cal-row{grid-template-columns:minmax(0,1fr)}.cal-row input{width:100%}}
.timeline{list-style:none;margin:0;padding:0}
.timeline li{display:grid;grid-template-columns:9.5rem minmax(0,1fr);gap:.8rem;padding:.6rem 0 .6rem .9rem;border-left:3px solid var(--border-s);position:relative}
.timeline li::before{content:"";position:absolute;left:-7px;top:.9rem;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--border-s)}
.timeline li.past{border-color:var(--brand)}.timeline li.past::before{background:var(--brand);border-color:var(--brand)}
.timeline li.now::before{background:var(--brand);border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.timeline .when{font:700 .8rem/1.35 var(--head);color:var(--muted)}
.timeline .hint{margin:.15rem 0 0}
aside .timeline li{grid-template-columns:minmax(0,1fr)}
@media (max-width:560px){.timeline li{grid-template-columns:minmax(0,1fr);gap:.1rem}}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:0 1.5rem}
.todos{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.7rem}
.todo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.9rem;align-items:start;border:1px solid var(--border);border-radius:16px;padding:1rem;background:var(--bg)}
.todo.done{background:var(--subtle)}
.todo .n{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--subtle);border:1px solid var(--border-s);font:800 .9rem var(--head)}
.todo.done .n{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.todo-h{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.todo p{margin:.3rem 0 0}.todo-a .btn{margin:0;white-space:nowrap}
@media (max-width:640px){.todo{grid-template-columns:auto minmax(0,1fr)}.todo-a{grid-column:2}}
.blockers{padding-left:1.1rem}.blockers li{color:var(--bad);margin:.3rem 0}
.danger-zone{margin-top:1rem}
.note.ctx{background:var(--brand-soft);color:var(--ink)}
aside .card + .card, aside > .card + form, aside form + form{margin-top:1rem}
.grid2 input[type=checkbox],.grid2 input[type=radio],.check input{width:auto}
.card h2:first-child,.card > div > h2:first-child,.card > form > h2:first-child{margin-top:0}
.grid2 > .card .timeline li{grid-template-columns:12rem minmax(0,1fr)}
@media (max-width:560px){.grid2 > .card .timeline li{grid-template-columns:minmax(0,1fr)}}
.manual{margin-top:1.4rem}
.manual table td{vertical-align:middle}.manual form{margin:0}.manual .btn{margin:0}
.fields.add{align-items:end;margin-top:.6rem}.fields.add select{width:100%}
.add-btn .btn{margin-top:.9rem;width:100%;justify-content:center}
.keys{white-space:pre-wrap;overflow-wrap:anywhere;font:600 .85rem ui-monospace,monospace}
/* ---------- Personnel ---------- */
.tabs{display:flex;flex-wrap:wrap;gap:.3rem;border-bottom:1px solid var(--border);margin:1rem 0}
.tabs a{text-decoration:none;color:var(--muted);font:700 .88rem var(--head);padding:.55rem .75rem;border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs a[aria-current]{color:var(--brand);border-color:var(--brand)}
.count{display:inline-block;min-width:1.5rem;text-align:center;border-radius:99px;background:var(--subtle);border:1px solid var(--border);font-size:.75rem;padding:0 .35rem;margin-left:.2rem}
.search{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1rem}.search input{flex:1 1 14rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
.staff td{vertical-align:top}.staff .wrap-cell{white-space:normal;min-width:18rem;line-height:1.5}
.man{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.inline{display:inline;margin:0}.inline .btn{margin:0}
/* ---------- Familles ---------- */
.fams{display:grid;gap:.7rem}
.fam{border:1px solid var(--border);border-radius:14px;padding:.8rem 1rem;background:var(--bg)}
.fam-h{margin-bottom:.4rem}.fam-c{list-style:none;padding:0;margin:.2rem 0 .5rem;display:grid;gap:.35rem;font-size:.9rem}
.fam-c code{background:var(--subtle);border-radius:6px;padding:.1rem .4rem}
.fam-add{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.fam-add input[type=email]{flex:1 1 15rem}.fam-add input{flex:0 1 11rem}.fam-add .btn{margin:0}
a.tile.link{text-decoration:none;color:inherit;border-color:var(--brand)}a.tile.link:hover{background:var(--brand-soft)}
/* ---------- Locaux ---------- */
.locs{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.loc{border:1px solid var(--border);border-radius:14px;padding:.7rem .9rem;background:var(--bg);display:grid;gap:.45rem}
.loc.is-sans{border-color:color-mix(in srgb,var(--warn) 45%,var(--border))}.loc.is-abs{background:var(--subtle)}
.loc-f{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:0}
.loc-f select{flex:0 1 13rem}.loc-f input[name=local]{flex:0 1 10rem}.loc-f input[name=info]{flex:1 1 12rem}.loc-f .btn{margin:0}
.check-i{display:inline-flex;gap:.35rem;align-items:center;margin:0;font:600 .88rem var(--font)}.check-i input{accent-color:var(--brand)}
.alt{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;font-size:.88rem}
.loc-f input.short{flex:0 1 9rem}
#a-traiter{margin:1rem 0 1.4rem}#a-traiter .locs{margin-top:.6rem}
/* ---------- Classes, réglages ---------- */
h2.grp{margin:1.6rem 0 .6rem;font-size:1.05rem}
.cls{display:grid;grid-template-columns:minmax(7rem,auto) minmax(0,1fr) auto;gap:.5rem 1rem;align-items:center;border-bottom:1px solid var(--border);padding:.55rem 0}
.cls-t{display:flex;flex-wrap:wrap;gap:.35rem}
.chip-t{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--border-s);border-radius:99px;padding:.15rem .3rem .15rem .65rem;font-size:.85rem;background:var(--bg)}
.chip-t small{color:var(--muted)}
.x{border:0;background:transparent;color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:.1rem .35rem;border-radius:99px}.x:hover{background:var(--bad-bg);color:var(--bad)}
.cls-add{display:flex;gap:.3rem;margin:0}.cls-add input{width:7rem}.cls-add .btn{margin:0}
@media (max-width:640px){.cls{grid-template-columns:minmax(0,1fr)}}
.row-f{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border);margin:0}
.row-f .grow{flex:1 1 16rem}.row-f .mid{flex:0 1 12rem}.row-f .tiny{width:5rem}.row-f .btn{margin:0}
.num-b{display:inline-grid;place-items:center;min-width:2.6rem;height:2.2rem;padding:0 .4rem;border-radius:10px;background:var(--brand-soft);color:var(--brand);font:800 .85rem var(--head)}
.sets{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:1rem}
a.card.set{text-decoration:none;color:inherit}a.card.set:hover{border-color:var(--brand)}a.card.set h2{margin:0 0 .3rem;font-size:1.05rem}
/* ---------- Barre fixe, logo, recherche instantanée ---------- */
[hidden]{display:none !important}
.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:saturate(1.4) blur(8px);-webkit-backdrop-filter:saturate(1.4) blur(8px)}
.brand-logo{height:40px;width:auto;display:block}
.brand-t{border-left:1px solid var(--border);padding-left:.7rem}
@media (max-width:820px){
  .nav .wrap{flex-wrap:nowrap;gap:.6rem;min-height:56px}
  .brand-t{display:none}.brand-logo{height:32px}
  .links{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .links::-webkit-scrollbar{display:none}
  .links a{white-space:nowrap}
}
:target{scroll-margin-top:80px}
.search{position:relative;align-items:center}
.filtre-n{font:700 .8rem var(--head);color:var(--muted);min-width:4rem}
/* ---------- Logos ---------- */
.logo-sets{display:grid;gap:1rem}
.logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem}
.logo-slot{display:grid;gap:.5rem;align-content:start}
.logo-slot form{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:0}.logo-slot .btn{margin:0}
.logo-prev{display:grid;place-items:center;height:120px;border-radius:12px;border:1px solid var(--border);padding:.8rem}
.logo-prev img{max-height:96px;max-width:100%}
.logo-slot.couleur .logo-prev{background:#fff}
.logo-slot.blanc .logo-prev{background:#1f2937}
.logo-slot.blanc .logo-prev .muted{color:#cbd5e1}
.mt{margin-top:1rem}h2.tight{margin:.1rem 0}
/* barre sur une seule ligne */
.nav{background:var(--bg)}
.nav .wrap{flex-wrap:nowrap;min-height:60px}
.links{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.links::-webkit-scrollbar{display:none}
.links a{white-space:nowrap;padding:.5rem .55rem}
@media (max-width:1320px){.brand-t{display:none}}
.brand picture{display:block;flex:none}.brand-logo{max-width:180px;object-fit:contain}
/* ---------- Implantations : couleur ---------- */
.site{display:inline-block;border-radius:6px;padding:.05rem .4rem;font:800 .72rem var(--head);letter-spacing:.03em;color:#fff;background:var(--site,#6b7280);vertical-align:middle}
tr.site-row{box-shadow:inset 4px 0 0 var(--site,transparent)}
.site.big{font-size:.85rem;padding:.35rem .55rem;border-radius:8px}input.color{width:3rem;height:2.3rem;padding:.15rem;cursor:pointer}
/* ---------- Tableau des locaux ---------- */
.loc-table{font-size:.88rem}
.loc-table td{padding:.3rem .4rem;vertical-align:middle}
.loc-table td.nm{white-space:normal;min-width:10rem}
.loc-table select{padding:.35rem .4rem;font-weight:700}
.loc-table input{padding:.35rem .5rem}
.loc-table .c-local{width:9rem}.loc-table .c-info{width:14rem}
.loc-table .c{text-align:center}.loc-table input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--brand)}
.loc-table tr.is-abs td{color:var(--muted)}.loc-table tr.is-abs .c-local{opacity:.5}
.loc-table tr.is-sans{background:color-mix(in srgb,var(--warn-bg) 55%,transparent)}
.loc-table tr.modifie{background:var(--brand-soft)}
.loc-table td.etat{white-space:normal;min-width:9rem}.loc-table td.etat .btn{margin:.1rem .1rem 0 0}
.lnk{border:0;background:none;color:var(--brand);font:600 .8rem var(--font);text-decoration:underline;cursor:pointer;padding:0}
.savebar{position:sticky;bottom:0;z-index:20;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--bg);border-top:1px solid var(--border);padding:.7rem 0;margin-top:.5rem}
.savebar .btn{margin:0}.js-modifs{color:var(--muted);font-size:.85rem}
form.a-enregistrer .js-modifs{color:var(--warn);font-weight:700}
.verifs{margin:1rem 0}.verif-l{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.verif-l li{border-radius:10px;padding:.55rem .75rem;border:1px solid var(--border)}
.verif-l li > div{font-size:.88rem;margin-top:.2rem;overflow-wrap:anywhere}
.verif-l .v-warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}
.verif-l .v-warn a{color:inherit}
.verif-l .v-ok{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.partages{list-style:none;padding:0;margin:.3rem 0 0;display:grid;gap:.3rem}
.partages li{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.partages li.ok{opacity:.65}.partages .btn{margin:0}
.note.ctx a{color:inherit;font-weight:700}
/* ---------- Impression des locaux ---------- */
.print-tools{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;margin-bottom:1rem}.print-tools .tabs{margin:0}.print-tools .btn{margin:0}
.print-doc{background:#fff;color:#111827;border:1px solid var(--border);border-radius:16px;padding:1.5rem}
.print-h{display:flex;gap:1.2rem;align-items:center;border-bottom:2px solid #111827;padding-bottom:.8rem;margin-bottom:1rem}
.print-h h1{color:#111827;margin:0;font-size:1.5rem}.print-h p{margin:.2rem 0 0}
.print-logo{height:56px;width:auto}

.print-site{break-inside:avoid-page;margin-bottom:1.2rem}
.print-site h2{color:#111827;font-size:1.15rem;margin:0 0 .4rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.print-site h2 small{font:400 .8rem var(--font);color:#4b5563}
.print-t{font-size:.95rem;width:100%}.print-t th,.print-t td{color:#111827;border-bottom:1px solid #d1d5db;padding:.3rem .5rem}
.print-t td.lc{font-weight:800;font-size:1.05rem}
.print-site{box-shadow:inset 4px 0 0 var(--site,transparent);padding-left:.8rem}
.abs-l{margin:0;color:#374151}
.print-f{margin-top:1rem;font-size:.75rem;color:#6b7280}
@media print{
  .nav,.foot,.no-print{display:none !important}
  body{background:#fff}main{padding:0}.wrap{max-width:none;padding:0}
  .print-doc{border:0;padding:0;border-radius:0}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .print-t{columns:1}
  @page{margin:12mm}
}
.print-site{break-inside:auto}
.print-site h2{break-after:avoid}
.print-l{list-style:none;padding:0;margin:0;columns:2 18rem;column-gap:2.5rem}
.print-l li{display:flex;justify-content:space-between;gap:1rem;break-inside:avoid;border-bottom:1px dotted #9ca3af;padding:.22rem 0;color:#111827;font-size:.95rem}
.print-l .lc{font-weight:800;white-space:nowrap}.print-l small{color:#6b7280}
@media print{.print-l{columns:2;font-size:10.5pt}.print-l li{padding:.12rem 0}}
/* puces de filtre « données manquantes » */
.chips{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:-.3rem 0 1rem}
.fchip{display:inline-flex;align-items:center;gap:.3rem;text-decoration:none;color:var(--text);border:1px solid var(--border-s);border-radius:99px;padding:.25rem .7rem;font:600 .82rem var(--font);background:var(--bg)}
.fchip:hover{border-color:var(--brand)}
.fchip.on{background:var(--brand);border-color:var(--brand);color:#fff}.fchip.on .count{background:rgba(255,255,255,.25);border-color:transparent;color:#fff}
@media (prefers-color-scheme:dark){.fchip.on{color:#0f1318}}
/* ===================== Page Locaux (v2) ===================== */
.loc-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.6rem 1rem;margin-bottom:.6rem}
.loc-head h1{margin:0}
.loc-head-r{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.loc-head-r .btn{margin:0}.loc-head-r select{padding:.35rem .5rem}
.vis{display:inline-flex;align-items:center;gap:.35rem;border-radius:99px;padding:.3rem .7rem;font:700 .8rem var(--head)}
.vis::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:currentColor}
.vis.off{background:var(--warn-bg);color:var(--warn)}.vis.on{background:var(--ok-bg);color:var(--ok)}
a.mini{font-size:.8rem}
.loc-bar{position:sticky;top:60px;z-index:30;background:var(--bg);padding:.6rem 0 .5rem;border-bottom:1px solid var(--border);display:grid;gap:.45rem}
.loc-bar-1{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.loc-bar-1 input[type=search]{flex:1 1 18rem;font-size:1rem;padding:.6rem .8rem}
.sites-f{display:flex;flex-wrap:wrap;gap:.3rem}
.loc-bar .chips{margin:0}
.fchip{cursor:pointer;font-family:var(--font)}
button.fchip{line-height:1.2}
.fchip.alerte:not(.on){border-color:color-mix(in srgb,var(--warn) 55%,var(--border));color:var(--warn)}
.fchip.sitechip.on{background:var(--site);border-color:var(--site)}
.loc-table thead th{position:sticky;top:0}
.loc-table td.ab{white-space:nowrap}
.loc-table td.etat{min-width:12rem;white-space:normal;line-height:1.9}
.loc-table td.st{width:1.6rem;text-align:center;padding:0}
.js-st{font:800 1rem var(--head)}.js-st.s-dirty{color:var(--warn)}.js-st.s-saving{color:var(--muted)}.js-st.s-ok{color:var(--ok)}.js-st.s-err{color:var(--bad)}
.tag{display:inline-block;border-radius:6px;padding:.05rem .45rem;font:700 .74rem var(--head);border:1px solid var(--border-s);background:var(--bg);color:var(--text);white-space:nowrap;line-height:1.5}
button.tag{cursor:pointer}button.tag:hover{border-color:var(--brand)}
.tag.warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}
.tag.ok{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.tag.info{background:var(--brand-soft);color:var(--brand);border-color:transparent}
.tag.muted{color:var(--muted)}
.loc-table tr.modifie{background:var(--brand-soft)}
.loc-table tr.is-sans,.loc-table tr.is-abs{background:none}
.loc-table input:focus,.loc-table select:focus{outline:2px solid var(--brand);outline-offset:0}
.toast{position:fixed;left:50%;bottom:1.2rem;transform:translateX(-50%);z-index:80;background:var(--ink);color:var(--bg);padding:.65rem 1rem;border-radius:12px;font:600 .9rem var(--font);box-shadow:0 8px 24px rgba(0,0,0,.25);max-width:min(92vw,40rem)}
.toast.bad{background:var(--bad);color:#fff}
.panel-traiter{margin:.5rem 0 1rem}.panel-h{display:flex;justify-content:space-between;align-items:center;gap:1rem}.panel-h h2{margin:0}.panel-h .btn{margin:0}
.aide-clavier{margin-top:.8rem}kbd{font:600 .78rem ui-monospace,monospace;border:1px solid var(--border-s);border-bottom-width:2px;border-radius:5px;padding:0 .3rem;background:var(--subtle)}
@media (max-width:820px){.loc-bar{top:56px}.loc-table td.etat{min-width:9rem}}
/* menu d'actions de ligne, boutons de retrait */
td.act{width:2.2rem;padding:0 .2rem;text-align:right}
details.menu{position:relative;border:0;margin:0;padding:0}
details.menu summary{list-style:none;cursor:pointer;border-radius:8px;padding:.2rem .5rem;font:800 1rem var(--head);color:var(--muted)}
details.menu summary::-webkit-details-marker{display:none}
details.menu[open] summary,details.menu summary:hover{background:var(--subtle);color:var(--ink)}
details.menu > div{position:absolute;right:0;top:100%;z-index:40;display:grid;min-width:13rem;background:var(--bg);border:1px solid var(--border-s);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:.3rem}
details.menu > div button{all:unset;cursor:pointer;padding:.5rem .7rem;border-radius:8px;font:600 .88rem var(--font);color:var(--text)}
details.menu > div button:hover,details.menu > div button:focus-visible{background:var(--subtle)}
.danger{color:var(--bad) !important}
.btn.danger{border-color:color-mix(in srgb,var(--bad) 40%,var(--border-s))}
.arme{background:var(--bad) !important;color:#fff !important;border-color:var(--bad) !important}
.loc-table td.etat .tag{white-space:normal}
/* ===================== Barre d'outils collante (toutes les pages) ===================== */
.toolbar{position:sticky;top:60px;z-index:30;background:var(--bg);padding:.55rem 0 .5rem;margin-bottom:.8rem;border-bottom:1px solid var(--border);display:grid;gap:.45rem}
.toolbar .tabs,.toolbar .chips,.toolbar .search,.toolbar p{margin:0}
.toolbar-1,.toolbar-2{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}
.toolbar-1 .btn,.toolbar-2 .btn{margin:0}
.toolbar .search input{font-size:1rem;padding:.55rem .8rem}
.toolbar .hint{margin:0}
.tabs.small a{font-size:.82rem;padding:.25rem .6rem}
a.back{font-weight:700;text-decoration:none}
@media (max-width:820px){.toolbar{top:56px}}
@media print{.toolbar{display:none !important}}
/* ---------- tableau des locaux (comme le fichier A3) ---------- */
.print-grid{width:100%;border-collapse:collapse;font-size:.85rem;color:#111827}
.print-grid th,.print-grid td{border:1px solid #9ca3af;padding:.22rem .4rem;color:#111827;text-align:left;vertical-align:top}
.print-grid thead th{background:#f3f4f6;font:800 .78rem var(--head);position:static}
.print-grid th.th-site{background:color-mix(in srgb,var(--site,#e5e7eb) 22%,#fff);border-top:4px solid var(--site,#9ca3af)}
.print-grid td.lc{font-weight:800;text-align:center;white-space:nowrap}
.print-grid td.ab{white-space:nowrap;font-weight:700}
.print-grid tr:nth-child(even) td{background:#f9fafb}
.print-grid tr.abs td{color:#6b7280}
.print-grid thead{display:table-header-group}
.print-grid tr{break-inside:avoid}
@page paysage{size:A4 landscape;margin:10mm}
@media print{.print-doc.paysage{page:paysage}.print-grid{font-size:8.5pt}}
td.civ{width:4.2rem;padding:.15rem .3rem}td.civ select{padding:.2rem .3rem;font-size:.85rem}
select.js-civ.ok{outline:2px solid var(--ok)}select.js-civ.err{outline:2px solid var(--bad)}
.radios{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;align-items:center}.radios label{display:flex;gap:.4rem;align-items:center;font-weight:500}.radios .btn{margin:0}
.toolbar .stepper{margin:0}
.scroll{position:relative}@media print{.scroll{overflow:visible}}
@page{size:A4}@media print{.print-grid th,.print-grid td{padding:.08rem .3rem;line-height:1.25}}
table.staff td.act{width:auto;white-space:nowrap;padding-right:.4rem}
button.linkbtn{all:unset;cursor:pointer;color:var(--brand);font-weight:600;text-decoration:underline;text-underline-offset:2px}
button.linkbtn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
tr.contacts-row td{background:var(--subtle);padding:.5rem .8rem}
ul.contacts{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
ul.contacts li{display:flex;flex-wrap:wrap;gap:.3rem 1rem;align-items:center}ul.contacts li.inactif{opacity:.6}
td small.muted{font-size:.75rem}
.site-local{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.local-box{display:inline-block;border:1.5px solid var(--site,var(--border-s));border-radius:6px;padding:0 .45rem;font:700 .88rem var(--head);line-height:1.6;color:var(--ink);background:var(--bg);white-space:nowrap}

/* =====================================================================
   Thème épuré « Flat UI » (esprit de l'ancienne interface), lignes Bootstrap 5
   Lato, bandeau bleu ardoise, onglets classiques, boutons plats, étiquettes carrées.
   ===================================================================== */
:root{--font:"Lato",-apple-system,"Segoe UI",Arial,sans-serif;--head:"Lato",-apple-system,"Segoe UI",Arial,sans-serif;
  --ink:#2c3e50;--text:#34495e;--muted:#6d7879;--subtle:#f4f6f7;--border:#e3e8ea;--border-s:#cfd6d9;--clouds:#ecf0f1;--slate:#34495e;--slate-d:#2c3e50;--r:6px}
@media (prefers-color-scheme:dark){:root{--ink:#f2f5f6;--text:#dfe5e8;--muted:#9aa7ad;--subtle:#1a2128;--border:#2b343d;--border-s:#3b4651;--clouds:#222b33;--slate:#1b242d;--slate-d:#141b22}}
body{font-size:1rem;line-height:1.6;letter-spacing:.005em}
h1{font-weight:900;letter-spacing:-.01em}h2,h3{font-weight:700}
.eyebrow{font:700 .74rem var(--font);letter-spacing:.08em}
/* bandeau */
.nav{background:var(--slate);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0;color:#fff}
.nav .wrap{min-height:60px}
.nav .brand,.nav .brand small{color:#fff}.nav .brand small{opacity:.75}
.nav .brand-t{border-left-color:rgba(255,255,255,.25)}
.nav .logo{background:rgba(255,255,255,.12);color:#fff;border-radius:var(--r)}
.links a{color:rgba(255,255,255,.82);font:700 .9rem var(--font);border-bottom:3px solid transparent;padding:1.05rem .65rem .9rem}
.links a:hover{color:#fff}
.links a[aria-current]{color:#fff;border-color:#7fd06b}
.links a.out{color:rgba(255,255,255,.6)}
@media (max-width:820px){.links a{padding:.6rem .55rem}}
/* boutons plats */
.btn{border-radius:var(--r);border:0;font:700 .92rem/1 var(--font);padding:.7rem 1.05rem;box-shadow:none}
.btn.small{padding:.45rem .7rem;font-size:.82rem}
.btn.ghost{background:var(--clouds);color:var(--text);border:0}
.btn.ghost:hover{background:color-mix(in srgb,var(--clouds) 80%,var(--text) 12%)}
.btn.ghost.danger{color:#c0392b}.btn.ghost.danger:hover{background:#c0392b;color:#fff}
/* champs façon Flat UI */
input,select,textarea{border:2px solid var(--border-s);border-radius:var(--r);box-shadow:none}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--brand)}
input:focus-visible,select:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}
label{font:700 .85rem var(--font)}
/* cartes et tuiles : à plat */
.card,.tile{border-radius:var(--r);border:0;background:var(--subtle)}
a.card.set{border:2px solid transparent}a.card.set:hover{border-color:var(--brand)}
.note{border-radius:var(--r)}
/* onglets classiques (Bootstrap nav-tabs), sans pastilles-boutons */
.tabs{gap:0;border-bottom:1px solid var(--border-s);margin:1rem 0 .2rem}
.tabs a{font:700 .92rem var(--font);color:var(--muted);padding:.6rem 1rem;border:1px solid transparent;border-bottom:0;border-radius:var(--r) var(--r) 0 0;margin-bottom:-1px}
.tabs a:hover{color:var(--ink)}
.tabs a[aria-current]{color:var(--ink);background:var(--bg);border-color:var(--border-s);border-bottom:1px solid var(--bg)}
.tabs .count,.count{background:none;border:0;padding:0;min-width:0;margin-left:.3rem;font:400 .85rem var(--font);color:var(--muted)}
.tabs .count::before{content:"("}.tabs .count::after{content:")"}
.tabs.small{border-bottom:0;margin:0;gap:.2rem}
.tabs.small a{border:0;border-radius:var(--r);padding:.3rem .6rem;font-size:.84rem;margin:0}
.tabs.small a[aria-current]{background:var(--clouds);color:var(--ink)}
/* filtres « données manquantes » : liens discrets, étiquette pleine quand actif */
.chips{gap:.15rem .3rem}
.fchip{border:0;background:none;border-radius:4px;padding:.2rem .45rem;font:700 .84rem var(--font);color:var(--text);text-decoration:none}
.fchip:hover{background:var(--clouds);color:var(--ink)}
.fchip .count{font-size:.8rem;margin-left:.15rem}
.fchip.on{background:var(--brand);color:#fff}.fchip.on .count{color:rgba(255,255,255,.85)}
.fchip.alerte:not(.on){color:var(--warn)}
.fchip.sitechip.on{background:var(--site)}
/* étiquettes façon Flat UI (coins carrés) */
.pill,.tag{border-radius:4px;border:0;font:700 .74rem var(--font);padding:.12rem .5rem}
.pill{background:var(--clouds)}
.chip-t{border-radius:4px;border:0;background:var(--clouds)}
.site{border-radius:4px}
/* tableaux : en-têtes sobres */
th{font:700 .74rem var(--font);color:var(--muted);letter-spacing:.06em}
thead th{background:var(--bg);border-bottom:2px solid var(--border-s)}
tbody tr:hover td{background:color-mix(in srgb,var(--clouds) 55%,transparent)}
/* barre collante */
.toolbar,.loc-bar{border-bottom:1px solid var(--border)}
.stepper a{border-radius:var(--r)}
.stepper .cur a{box-shadow:inset 0 -3px 0 var(--brand)}
/* fiche personnel */
.fiche-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:0 1.2rem}
.fiche-g input,.fiche-g select{width:100%}.fiche-g .wide{grid-column:1/-1}
.fiche .actions{margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.fiche .actions .btn{margin:0}
a.nm-edit{color:inherit;text-decoration:none;border-bottom:1px dashed var(--border-s)}a.nm-edit:hover{color:var(--brand);border-color:var(--brand)}
.cls-del{margin-left:.5rem}.cls-del .btn{margin:0}
.toolbar-1 .tb-r,.toolbar .tb-r{justify-self:start}
/* en-têtes de colonnes figés sous la barre d'outils (grand écran) */
@media (min-width:821px){
  .scroll.fige{overflow:visible}
  .scroll.fige > table > thead th{position:sticky;top:var(--thead-top,60px);z-index:20;background:var(--bg)}
}
@media print{.scroll.fige > table > thead th{position:static}}
@media (min-width:821px){.toolbar,.loc-bar{top:var(--nav-h,60px)}}
@media (min-width:821px){
  .scroll.fige-int{overflow:auto;max-height:calc(100vh - var(--thead-top,120px) - 1rem)}
  .scroll.fige-int > table > thead th{position:sticky;top:0;z-index:20;background:var(--bg)}
}
@media print{.scroll.fige-int{max-height:none;overflow:visible}}
.staff td.civ+td{white-space:normal;min-width:11rem}
@media (max-width:1400px){.nav .brand-t{display:none}}.links{flex-wrap:nowrap}.links a{white-space:nowrap}@media (max-width:1100px){.links a{padding-inline:.45rem;font-size:.85rem}}
/* ---------- Messages ---------- */
.msg-form .card{margin-bottom:1rem}.msg-form h2{margin-top:0}
.msg-form .row-f{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;align-items:center;margin:.4rem 0}
.msg-form .row-f .grow{flex:1 1 14rem}
.full{width:100%}textarea{font:inherit;color:var(--text);background:var(--bg);border:2px solid var(--border-s);border-radius:var(--r);padding:.55rem .7rem;max-width:100%;resize:vertical}
.cl-box{max-height:16rem;overflow:auto;border:1px solid var(--border);border-radius:var(--r);background:var(--bg);padding:.4rem .7rem;margin-top:.4rem}
.cl-grp{display:flex;flex-wrap:wrap;gap:.15rem .9rem;padding:.35rem 0;border-bottom:1px solid var(--border)}.cl-grp:last-child{border-bottom:0}
.cl-grp > b{flex:1 0 100%;font-size:.82rem;color:var(--muted)}
label.cl{font-weight:600;font-size:.88rem}
.lbl{font:700 .85rem var(--font);color:var(--ink);margin:.9rem 0 .2rem}
.modeles{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;margin:.8rem 0 .2rem}
.warn-t{color:var(--warn);font-weight:700}
.actions{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;margin:.8rem 0}.actions .btn,.actions form{margin:0}
.meta{color:var(--muted);font-size:.9rem}
.apercus{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem;margin-top:1rem}
.apercus h2{margin-top:0}.apercus h2 small{font:400 .85rem var(--font);color:var(--muted)}
.mail{border:1px solid var(--border-s);border-radius:var(--r);background:var(--bg)}
.mail-h{padding:.6rem .9rem;border-bottom:1px solid var(--border);background:var(--subtle)}.mail-b{padding:.9rem;line-height:1.6}
.bulle{background:var(--clouds);border-radius:16px 16px 16px 4px;padding:.7rem .9rem;max-width:22rem;line-height:1.45}
progress.prog{width:100%;height:.8rem;accent-color:var(--brand)}
.essai{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.8rem 0}.essai .grow{flex:1 1 16rem}.essai .btn{margin:0}
details.errs{margin-top:.8rem}details.errs ul{margin:.4rem 0;padding-left:1.2rem;font-size:.9rem}
code{font:600 .85rem ui-monospace,monospace;background:var(--clouds);border-radius:4px;padding:0 .3rem}
ul.sugg{list-style:none;margin:.2rem 0 0;padding:.25rem;border:1px solid var(--border-s);border-radius:var(--r);background:var(--bg);max-height:15rem;overflow:auto;box-shadow:0 8px 20px rgba(0,0,0,.08)}
ul.sugg li{padding:.4rem .6rem;border-radius:4px;cursor:pointer}ul.sugg li:hover,ul.sugg li:focus{background:var(--clouds);outline:0}ul.sugg li.muted{cursor:default;color:var(--muted)}
.choisis{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0}
.chip-t .x{all:unset;cursor:pointer;padding:0 .35rem;font-weight:800;color:var(--muted)}.chip-t .x:hover{color:#c0392b}
fieldset.modele{margin:0 0 1rem;border:0}fieldset.modele legend{font:700 1.05rem var(--font);color:var(--ink);padding:0;float:left;width:100%;margin-bottom:.2rem}fieldset.modele legend+*{clear:both}label.del{margin-top:.6rem;color:#c0392b}
/* ---------- tableau compact pour les parents : 2 colonnes par page, en-têtes sur chaque page ---------- */
table.pt{width:100%;table-layout:fixed;border-collapse:collapse;color:#111827;font-size:.86rem;margin-bottom:1rem}
table.pt th,table.pt td{padding:0 .35rem;height:1.45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #d1d5db;color:#111827;vertical-align:middle}
table.pt thead th{position:static;background:#f3f4f6;font:800 .7rem var(--font);text-transform:uppercase;letter-spacing:.04em;border-bottom:1.5px solid #111827}
table.pt .nm{width:19%}table.pt .ti{width:6.5%;font-size:.74rem;color:#374151}table.pt .lo{width:22.5%}
table.pt .sep{width:4%;border:0 !important;background:#fff !important}
table.pt td.lo .site-local{gap:.25rem;flex-wrap:nowrap}table.pt .site{font-size:.62rem;padding:0 .3rem}
table.pt .local-box{font-size:.8rem;line-height:1.35;padding:0 .3rem;border-width:1px}
table.pt i{color:#6b7280}
table.pt tbody tr:nth-child(even) td:not(.sep){background:#f9fafb}
@media print{
  table.pt{font-size:8.6pt;margin:0;break-after:page}table.pt:last-of-type{break-after:auto}
  table.pt th,table.pt td{height:4.7mm;line-height:4.6mm}table.pt thead th{height:6mm}
  .print-doc:has(table.pt) .print-h{margin-bottom:3mm;padding-bottom:2mm}
  .print-doc:has(table.pt) .print-logo{height:40px}
  .print-doc:has(table.pt) .print-f{margin-top:2mm}
}
@media print{
  table.pt td .site-local,table.pt td .site,table.pt td .local-box{line-height:1.15 !important;vertical-align:middle}
  table.pt td .site-local{display:inline-flex;max-height:4.2mm;overflow:hidden}
  table.pt tbody tr{height:4.7mm;max-height:4.7mm}
}
/* ---------- Locaux : mode tableur ---------- */
.tb-h{font-size:1.25rem;margin:0}.tb-h small{font:400 .85rem var(--font);color:var(--muted);margin-left:.4rem}
.sync{margin-left:auto;font:700 .82rem var(--font);color:var(--ok)}.sync.busy{color:var(--warn)}
.toolbar-2 .grow{flex:1 1 16rem}
table.grille{border-collapse:collapse;font-size:.86rem;width:100%}
table.grille th,table.grille td{border:1px solid var(--border-s);padding:0;white-space:nowrap}
table.grille th{padding:.35rem .45rem;background:var(--subtle)}
table.grille th.st{border-top:3px solid var(--site);background:color-mix(in srgb,var(--site) 12%,var(--bg))}
table.grille td.ab,table.grille td.nm{padding:.2rem .45rem}table.grille td.ab{font-weight:800}
table.grille td.nm{max-width:14rem;overflow:hidden;text-overflow:ellipsis}
table.grille input:not([type=checkbox]){border:0;border-radius:0;width:100%;min-width:5rem;padding:.3rem .45rem;background:transparent;font:inherit}
table.grille td.st input{text-align:center;font-weight:700;min-width:7rem}
table.grille input:focus{outline:2px solid var(--brand);outline-offset:-2px;box-shadow:none;background:var(--bg)}
table.grille td.abs{text-align:center;width:4.5rem}table.grille .c-abs{width:1.1rem;height:1.1rem;accent-color:var(--brand)}
table.grille input:disabled{background:repeating-linear-gradient(45deg,transparent 0 6px,var(--subtle) 6px 12px)}
table.grille tr.is-abs td.nm,table.grille tr.is-abs td.ab{color:var(--muted)}
table.grille tr.sauve td{background:color-mix(in srgb,var(--warn-bg) 60%,transparent)}
table.grille tr.ok td{background:color-mix(in srgb,var(--ok-bg) 70%,transparent);transition:background .6s}
table.grille tr.distant td{background:color-mix(in srgb,#3498db 18%,transparent)}
table.grille .c-inf{min-width:12rem}
.scroll.fige > table > thead th{box-shadow:0 -10px 0 var(--bg),inset 0 -1px 0 var(--border-s)}
/* local sans cadre (demande du 26/10) : texte gras simple à côté du badge */
.local-box{border:0 !important;padding:0 !important;background:none !important;font-weight:800}
table.pt{font-size:.78rem}table.pt .local-box{font-size:.74rem}
@media print{
  table.pt{font-size:7.6pt}table.pt .local-box{font-size:7.4pt}table.pt .site{font-size:5.8pt;padding:0 .25rem}
  table.pt th,table.pt td{height:4.2mm;line-height:4.1mm}table.pt tbody tr{height:4.2mm;max-height:4.2mm}
  table.pt td .site-local{max-height:3.8mm}table.pt thead th{height:5.5mm;font-size:6.6pt}
}
@media print{table.pt .ti{font-size:6.8pt}}
.toolbar-2 .search.grow{flex:1 1 18rem;margin:0}.fiche-g.par{border-top:1px solid var(--border);padding-top:.3rem;margin-top:.5rem}
/* ===================== Bandeau à deux niveaux (26/10) =====================
   1. bande bleu ardoise : logo, titre, utilisateur, déconnexion (défile avec la page)
   2. barre des sections, claire, qui reste en haut de l'écran */
:root{--top-h:56px;--nav-h:46px}
.nav{position:sticky;top:calc(-1 * var(--top-h));z-index:50;background:var(--bg);color:var(--text);border-bottom:1px solid var(--border-s);box-shadow:0 2px 6px rgba(44,62,80,.06)}
.nav .wrap{min-height:0;display:flex;align-items:center;gap:1rem;flex-wrap:nowrap}
.nav-top{background:var(--slate);color:#fff;height:var(--top-h)}
.nav-top .wrap{height:var(--top-h)}
.nav-top .brand{color:#fff}.nav-top .brand small{color:rgba(255,255,255,.7)}
.nav .brand-t{display:block !important;border-left:1px solid rgba(255,255,255,.25);padding-left:.8rem;line-height:1.2}
.nav .brand-t strong{font:900 1.05rem var(--font)}
.brand-logo{height:38px}
.who{margin-left:auto;display:flex;align-items:center;gap:1.2rem;font:700 .88rem var(--font)}
.who .me{color:rgba(255,255,255,.85);display:inline-flex;align-items:center;gap:.4rem}
.who .me::before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:#7fd06b}
.who .out{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);border-radius:var(--r);padding:.35rem .7rem}
.who .out:hover{background:rgba(255,255,255,.12)}
.links{display:block;margin:0;background:var(--bg)}
.links .wrap{gap:.1rem;overflow-x:auto;scrollbar-width:none;height:var(--nav-h)}
.links .wrap::-webkit-scrollbar{display:none}
.links a{color:var(--muted);font:700 .92rem var(--font);padding:0 .75rem;height:var(--nav-h);display:inline-flex;align-items:center;border-bottom:3px solid transparent;white-space:nowrap;text-decoration:none}
.links a:hover{color:var(--ink)}
.links a[aria-current]{color:var(--ink);border-color:var(--brand)}
@media (max-width:820px){.nav-top .brand-t{display:none !important}.who .me{display:none}.links a{padding:0 .55rem}}
@media (min-width:821px){.toolbar,.loc-bar{top:var(--nav-h)}}
@media (max-width:820px){.toolbar,.loc-bar{top:var(--nav-h)}}
@media (prefers-color-scheme:dark){.nav{border-bottom-color:var(--border)}}
@media print{.nav{display:none}}
/* ---------- Accueil : cartes « applications » ---------- */
.apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr));gap:1.1rem;margin:1rem 0 2rem}
.app{background:var(--clouds);border-radius:var(--r);padding:1.4rem 1.1rem 1.1rem;display:flex;flex-direction:column;align-items:center;text-align:center}
.app-a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit}
.app-ic{width:92px;height:92px;margin-bottom:.8rem;transition:transform .15s}
.app-a:hover .app-ic{transform:translateY(-3px)}
.app h2{font:900 1.15rem var(--font);color:var(--ink);margin:0 0 .3rem}
.app p{margin:0;color:var(--text);font-size:.92rem;line-height:1.45;flex:1}
.app-info{min-height:1.7rem;margin:.6rem 0 .8rem;display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center}
.app-btn{width:100%;justify-content:center;margin:0}
details.hist{margin-top:1rem}details.hist summary{cursor:pointer;font:700 1rem var(--font);color:var(--ink);padding:.4rem 0}
.mep-logo{height:48px;width:auto}.mail-logo{padding:.7rem .9rem;border-bottom:3px solid #3a8323;background:#fff}.mail-logo img{height:44px;width:auto}.mail-p{padding:.6rem .9rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted)}
/* ---------- Grilles ---------- */
.g-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.g-head h1{margin:.1rem 0 .3rem;font-size:1.5rem}.g-head p{margin:0}
.g-sec{margin-bottom:1rem}.g-sec h2{margin-top:0}
.seg{display:inline-flex;border:2px solid var(--border-s);border-radius:var(--r);overflow:hidden}
.seg label{margin:0}.seg input{position:absolute;opacity:0}.seg span{display:block;padding:.5rem 1.1rem;font-weight:800;cursor:pointer;background:var(--bg)}
.seg input:checked+span{background:var(--brand);color:#fff}.seg input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--brand) 40%,transparent)}
.g-duree-n{width:6rem}
.g-outils{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.6rem 0 .8rem}
.g-outils label{margin:0}.g-outils input[type=radio]{position:absolute;opacity:0}
.g-outils span{display:inline-block;padding:.45rem .9rem;border-radius:var(--r);border:2px solid var(--border-s);font-weight:800;cursor:pointer}
.g-outils input:checked+span{border-color:var(--ink);box-shadow:inset 0 -3px 0 var(--ink)}
.o-pause{background:#fdebd0}.o-papier{background:#d6eaf8}.o-libre{background:var(--bg)}
.g-note{flex:1 1 16rem}
.g-compte{margin:.3rem 0 .7rem}
.g-cr{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.6rem,1fr));gap:.4rem}
button.cr{all:unset;box-sizing:border-box;cursor:pointer;border-radius:var(--r);padding:.4rem .5rem;text-align:center;border:2px solid var(--border-s);background:var(--bg);display:flex;flex-direction:column;gap:.05rem;min-height:3.6rem}
button.cr b{font:900 1rem var(--font);color:var(--ink)}button.cr span{font-size:.75rem;color:var(--muted)}button.cr small{font-size:.68rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
button.cr:hover{border-color:var(--brand)}button.cr:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 40%,transparent)}
button.cr-pause{background:#fdebd0;border-color:#e67e22}button.cr-pause span{color:#a04000;font-weight:800}
button.cr-papier{background:#d6eaf8;border-color:#2980b9}button.cr-papier span{color:#1b4f72;font-weight:800}
button.cr-prot{background:repeating-linear-gradient(135deg,var(--bg) 0 8px,var(--subtle) 8px 16px);cursor:not-allowed}
button.cr-prot span::before{content:"🔒 "}
button.cr-wait{opacity:.5}button.cr:disabled{cursor:default}
.as-banner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;background:#fef5e7;border:2px solid #f39c12;border-radius:var(--r);padding:.6rem .9rem;margin-bottom:1rem;color:#7e5109}
.as-banner .btn{margin:0}
ul.dem{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}ul.dem li{border-bottom:1px solid var(--border);padding-bottom:.6rem}
.dem-act{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.dem-act form{display:flex;gap:.3rem}.dem-act input{padding:.3rem .5rem}
.pill.bad{background:var(--bad-bg);color:var(--bad)}
.login .btn{margin-top:1rem}.code-in{font:900 1.6rem ui-monospace,monospace;letter-spacing:.3em;width:100%;text-align:center}
.g-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:700px){.g-steps{grid-template-columns:repeat(4,auto)}}
.g-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.2rem}.g-nav .btn{margin:0}
.g-apercu{margin:1rem 0 0;font-weight:700}
dl.recap{display:grid;gap:.5rem;margin:0 0 1rem}dl.recap div{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr;gap:1rem;border-bottom:1px solid var(--border);padding:.35rem 0}
dl.recap dt{font-weight:700;color:var(--muted)}dl.recap dd{margin:0}
@media (max-width:600px){dl.recap div{grid-template-columns:1fr;gap:.1rem}}
.g-envois{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem;margin-bottom:1rem}.g-envois p{margin:.2rem 0 .5rem}.g-envois .btn{margin:.15rem 0}
.fn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:.3rem 1.5rem;margin:.5rem 0}.fn-d{display:flex;align-items:center;gap:.5rem;justify-content:space-between;border-bottom:1px solid var(--border);padding:.25rem 0}.fn-d label{margin:0;font-weight:600}.fn-d input{width:5rem}#durees .btn{margin-top:.8rem}.g-fixe{margin:.2rem 0}
/* réglage des durées : un tableau rôle × durée */
table.durees-t{width:auto;min-width:min(100%,40rem);border-collapse:collapse;margin:.6rem 0 1rem;background:var(--bg);border-radius:var(--r)}
table.durees-t th,table.durees-t td{padding:.45rem .7rem;border-bottom:1px solid var(--border);white-space:nowrap}
table.durees-t thead th{font:800 .95rem var(--font);color:var(--ink);text-transform:none;letter-spacing:0;border-bottom:0;padding-bottom:0}
table.durees-t tr.unit th{font:400 .75rem var(--font);color:var(--muted);padding-top:0;border-bottom:2px solid var(--border-s)}
table.durees-t tbody th{text-align:left;font-weight:700;color:var(--ink)}
table.durees-t tbody th small{display:block;font-weight:400;color:var(--muted);font-size:.78rem}
table.durees-t .c{text-align:center;width:3.4rem}
table.durees-t input{width:1.25rem;height:1.25rem;accent-color:var(--brand);cursor:pointer}
table.durees-t tbody tr:hover td,table.durees-t tbody tr:hover th{background:var(--subtle)}
/* ---------- Assistant de grille : étapes et horaire ---------- */
.wiz{margin:1.2rem 0 1.4rem}
.wiz ol{list-style:none;margin:0;padding:0;display:flex}
.wiz li{flex:1;position:relative;text-align:center}
.wiz li::before{content:"";position:absolute;top:1.15rem;left:-50%;right:50%;height:4px;background:var(--border-s);z-index:0}
.wiz li:first-child::before{display:none}
.wiz li.done::before,.wiz li.cur::before{background:var(--brand)}
.wiz a{position:relative;z-index:1;display:inline-flex;flex-direction:column;align-items:center;gap:.4rem;text-decoration:none;color:var(--muted)}
.wiz .dot{width:2.3rem;height:2.3rem;border-radius:50%;display:grid;place-items:center;font:900 1rem var(--font);background:var(--bg);border:3px solid var(--border-s);color:var(--muted);transition:transform .15s}
.wiz .t{font:700 .88rem var(--font)}
.wiz li.done .dot{background:var(--brand);border-color:var(--brand);color:#fff}
.wiz li.done .t{color:var(--text)}
.wiz li.cur .dot{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 18%,transparent);transform:scale(1.08)}
.wiz li.cur .t{color:var(--ink)}
.wiz a:hover .dot{border-color:var(--brand)}
@media (max-width:600px){.wiz .t{font-size:.72rem}.wiz li:not(.cur) .t{display:none}}
.g-info{background:var(--bg);border:1px solid var(--border-s);border-left:4px solid var(--brand);border-radius:var(--r);padding:.8rem 1rem;margin-bottom:1.2rem}
.g-info p{margin:.25rem 0}
.g-champs{display:grid;grid-template-columns:repeat(3,minmax(0,13rem));gap:1rem 1.5rem;align-items:end}
@media (max-width:700px){.g-champs{grid-template-columns:1fr 1fr}.g-ch-duree{grid-column:1/-1}}
.g-ch label{margin:0 0 .35rem}
.g-ch select{width:100%;font:800 1.1rem var(--font);padding:.6rem .7rem;border-width:2px}
.g-ch-duree select{border-color:#2980b9;background:#eaf2fa}
#g-debut{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--bg))}
#g-fin{border-color:#c0392b;background:#fbeeec}
@media (prefers-color-scheme:dark){.g-ch-duree select,#g-debut,#g-fin{background:var(--bg)}}
.g-fixe{font:800 1.1rem var(--font);margin:0;padding:.6rem 0}
.g-apercu{margin:1.2rem 0 0;font-size:1.05rem}.g-resume{font-weight:900;color:var(--ink)}
table.durees-t tbody th{text-transform:none;letter-spacing:0;font:700 .95rem var(--font)}table.durees-t tbody th small{text-transform:none;letter-spacing:0}
.durees-w{overflow-x:auto}table.durees-t thead th{padding:.6rem .7rem .5rem;border-bottom:2px solid var(--border-s);line-height:1.1;vertical-align:bottom}table.durees-t thead th small{display:block;font:400 .72rem var(--font);color:var(--muted)}
.o-convoc{background:#ebdef0}
button.cr-convocation{background:#ebdef0;border-color:#8e44ad}button.cr-convocation span{color:#5b2c6f;font-weight:800}
.g-convoc{border:2px solid #8e44ad;margin:.4rem 0 1rem;background:var(--bg)}.g-convoc h3{margin-top:0}
.g-c-choix{font-weight:800;color:#5b2c6f;margin:.5rem 0}
.login-intro{margin:.2rem 0 1rem}.login-intro p{margin:.3rem 0}
/* ---------- Page d'accueil publique ---------- */
.home-h{text-align:center;margin:2rem auto 1.5rem;max-width:44rem}
.home-h h1{font-size:clamp(2rem,5vw,2.8rem);margin:.3rem 0}
.home-date{font:700 1.2rem var(--font);color:var(--brand);margin:.2rem 0 1rem}
.home-intro{color:var(--text)}
.home-apps{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),22rem));justify-content:center}
/* connexion du personnel : formulaire + aide à onglets (comme la v2) */
.login-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.5rem;align-items:start;margin-top:1.5rem}
@media (max-width:820px){.login-g{grid-template-columns:1fr}}
.login input[type=email],.login .code-in{width:100%}
.aide-t{background:var(--bg);border:2px solid var(--border-s);display:flex;flex-wrap:wrap;padding:0}
.aide-t>input{position:absolute;opacity:0}
.aide-t>label{margin:0;padding:.7rem 1rem;cursor:pointer;color:var(--muted);font:700 .95rem var(--font);border-bottom:2px solid var(--border-s);flex:1;text-align:center}
.aide-t>input:checked+label{color:var(--ink);border-bottom:3px solid var(--brand);background:var(--subtle)}
.aide-t>input:focus-visible+label{outline:3px solid color-mix(in srgb,var(--brand) 40%,transparent)}
.aide-p{display:none;flex-basis:100%;padding:1.1rem 1.3rem}
#t1:checked~.p1,#t2:checked~.p2,#t3:checked~.p3{display:block}
.aide-p h2{margin-top:0;display:inline-block;background:#2980b9;color:#fff;border-radius:var(--r);padding:.3rem .8rem;font-size:1.15rem}
ol.etapes-l{padding-left:1.2rem;line-height:2}
/* ---------- Assistance ---------- */
.btn.as-btn{background:#6c5ce7;border-color:#6c5ce7;color:#fff}.btn.as-btn:hover{background:#5a4bd1;border-color:#5a4bd1;color:#fff}
.as-band{display:flex;gap:1rem;align-items:center;justify-content:space-between;max-width:46rem;margin:0 auto 2rem;padding:1rem 1.2rem;border-radius:var(--r);background:var(--clouds);border-left:4px solid #6c5ce7}
.as-band small{display:flex;margin-top:.3rem}
@media (max-width:600px){.as-band{flex-direction:column;align-items:stretch;text-align:center}.as-band small{justify-content:center}}
.as-tete{text-align:center;margin:1.6rem auto .4rem;max-width:44rem}
.as-tete h1{margin:.2rem 0 .5rem}
.as-intro p{margin:.3rem 0}
.as-etat{display:inline-flex;gap:.5rem;align-items:center;font-weight:700;margin:.4rem 0;color:var(--text)}
.as-led{width:.7rem;height:.7rem;border-radius:50%;background:#95a5a6;flex:none}
.as-etat.ouvert .as-led{background:#27ae60;box-shadow:0 0 0 4px color-mix(in srgb,#27ae60 25%,transparent)}
.as-etat.ferme .as-led{background:#e67e22}
.as-h{margin:.2rem auto;font-size:.9rem;color:var(--muted)}.as-h summary{cursor:pointer}.as-h ul{list-style:none;padding:0;margin:.4rem 0}
.as-q{text-align:center;margin:.4rem 0 1rem}
.as-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.9rem;max-width:56rem;margin:0 auto}
.as-grille.deux{max-width:40rem}
.as-choix{display:flex;flex-direction:column;gap:.3rem;padding:1.1rem 1.2rem;border:2px solid var(--border-s);border-radius:var(--r);background:var(--bg);text-decoration:none;color:var(--text);transition:border-color .12s,transform .12s}
.as-choix b{font:900 1.05rem var(--font);color:var(--ink)}
.as-choix span{font-size:.88rem;color:var(--muted)}
.as-choix:hover,.as-choix:focus-visible{border-color:#6c5ce7;transform:translateY(-2px)}
.as-choix.parent{border-top:5px solid #2c9f87}.as-choix.perso{border-top:5px solid #2980b9}
.as-choix.tech{border-style:dashed}.as-choix.autre{background:var(--clouds)}
.as-grille.deux .as-choix{text-align:center;padding:1.6rem 1.2rem}
.as-bas{text-align:center;margin:1.4rem 0}
.as-conseil{max-width:46rem;margin:0 auto 1.2rem;padding:1rem 1.3rem;border-radius:var(--r);background:var(--ok-bg);border-left:4px solid var(--ok)}
.as-conseil h3{margin:0 0 .4rem;color:var(--ok)}.as-conseil p{margin:.35rem 0}
.as-c-btn{margin-top:.8rem !important}
.as-form{max-width:46rem;margin:0 auto 2rem}.as-form h3{margin-top:0}
.as-champs{display:grid;grid-template-columns:1fr 1fr;gap:.2rem 1.2rem}
.as-champs .pleine{grid-column:1/-1}
.as-champs input,.as-champs textarea,.as-champs select{width:100%}
@media (max-width:640px){.as-champs{grid-template-columns:1fr}}
.as-piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.as-ok{max-width:36rem;margin:0 auto 2rem;text-align:center}
.as-ok-ic{width:3.6rem;height:3.6rem;border-radius:50%;margin:.4rem auto .6rem;display:grid;place-items:center;background:var(--ok-bg);color:var(--ok);font:900 1.8rem var(--font)}
label.chk{display:flex;gap:.5rem;align-items:center;font-weight:500;margin:.4rem 0}
label.chk input{width:auto;margin:0}
/* administration */
.as-p-parent{background:#e3f4f0;color:#1e7a66}.as-p-perso{background:#e3eef8;color:#1f6391}
@media (prefers-color-scheme:dark){.as-p-parent{background:#173a33;color:#7fd8c4}.as-p-perso{background:#16304a;color:#8ec3ea}}
tr.as-new td{font-weight:700}
.as-sub{display:block;color:var(--muted);font-size:.78rem;font-weight:400}
.as-act{display:flex;gap:.3rem;flex-wrap:wrap}.as-act form{margin:0}
.as-d{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:1.2rem;align-items:start}
@media (max-width:900px){.as-d{grid-template-columns:minmax(0,1fr)}}
.as-d-h{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.as-d-h h2{margin:0;flex:1 1 auto}
.as-dl{display:grid;grid-template-columns:max-content 1fr;gap:.45rem 1.2rem;margin:1rem 0}
.as-dl dt{font-weight:700;color:var(--muted)}.as-dl dd{margin:0}
@media (max-width:520px){.as-dl{grid-template-columns:1fr}.as-dl dd{margin-bottom:.4rem}}
.as-pre{white-space:pre-wrap;overflow-wrap:anywhere}
.as-fil{list-style:none;padding:0;margin:.5rem 0 1rem;border-left:3px solid var(--border-s)}
.as-fil li{padding:.4rem .8rem;margin:0 0 .5rem}
.as-fil .as-s-h{font-size:.82rem;color:var(--muted)}
.as-fil .as-s-reponse{background:var(--ok-bg);border-radius:0 var(--r) var(--r) 0}
.as-fil .as-s-note{background:var(--warn-bg);border-radius:0 var(--r) var(--r) 0}
.as-fil .as-s-statut,.as-fil .as-s-systeme{font-size:.85rem;color:var(--muted)}
.as-r-b{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin:.4rem 0 1rem}
.as-note summary{cursor:pointer;font-weight:700;margin:.4rem 0}
.as-side h3{margin:.2rem 0 .5rem}.as-side h3+p{margin-top:0}
.as-side form{margin:.4rem 0 .9rem}
.as-inline{display:flex;gap:.4rem;align-items:center}.as-inline .btn{margin:0}
.as-stat{display:flex;flex-wrap:wrap;gap:.4rem}.as-stat .btn{margin:0}.as-inline select{flex:1;min-width:0}
.as-cats{border:1px solid var(--border-s);border-radius:var(--r);padding:.4rem 1rem .6rem;margin:.8rem 0}
.as-cats legend{font-weight:700;padding:0 .3rem}
.as-cats label.chk{margin:.25rem 0}
.as-hor select,.as-hor input{min-width:0}