:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}

/* Layout: sidebar navigation on desktop, bottom tab bar on phone; one working area; modals for every create/edit form. */
:root{
  --bg:#f1f2ef; --surface:#ffffff; --sunk:#e8eae6; --ink:#15212b; --muted:#5b6973; --line:#d7dbd6;
  --accent:#cf4c1c; --accent-ink:#ffffff; --nav:#15212b; --nav-ink:#e8ece9; --nav-muted:#92a1aa;
  --ok:#2c7a4b; --warn:#a96d0c; --bad:#bb3524; --info:#2a6597;
  --f-display:'Bricolage Grotesque','Helvetica Neue',Arial,sans-serif;
  --f-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
  --shadow:0 12px 40px rgba(10,20,28,.22);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0e161c; --surface:#16212a; --sunk:#1d2b36; --ink:#e8ecea; --muted:#9aa8b0; --line:#2a3a46;
    --accent:#ee7a4b; --accent-ink:#1b0e07; --nav:#0a1015; --nav-ink:#e8ece9; --nav-muted:#7f8f99;
    --ok:#5cbf86; --warn:#e0a54a; --bad:#ef7b6b; --info:#6fb0e6; --shadow:0 12px 40px rgba(0,0,0,.55);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0e161c; --surface:#16212a; --sunk:#1d2b36; --ink:#e8ecea; --muted:#9aa8b0; --line:#2a3a46;
  --accent:#ee7a4b; --accent-ink:#1b0e07; --nav:#0a1015; --nav-ink:#e8ece9; --nav-muted:#7f8f99;
  --ok:#5cbf86; --warn:#e0a54a; --bad:#ef7b6b; --info:#6fb0e6; --shadow:0 12px 40px rgba(0,0,0,.55);
  color-scheme:dark;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font:400 15px/1.5 var(--f-body);-webkit-text-size-adjust:100%}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--f-display);margin:0;text-wrap:balance;letter-spacing:-.01em}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
button{cursor:pointer}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}

/* shell */
.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}
.nav{background:var(--nav);color:var(--nav-ink);padding:22px 14px;display:flex;flex-direction:column;gap:22px;position:sticky;top:env(safe-area-inset-top,0px);height:100vh;align-self:start}
.brand{display:flex;align-items:baseline;gap:8px;padding:0 8px}
.brand b{font:700 26px/1 var(--f-display);letter-spacing:-.03em}
.brand span{font:500 11px var(--f-mono);color:var(--nav-muted);text-transform:uppercase;letter-spacing:.08em}
.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.nav button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:10px 10px;border-radius:8px;color:var(--nav-muted);cursor:pointer;font-weight:500}
.nav button:hover{color:var(--nav-ink);background:rgba(255,255,255,.06)}
.nav button[aria-current="page"]{color:var(--nav-ink);background:rgba(255,255,255,.1);box-shadow:inset 3px 0 0 var(--accent)}
.nav button:focus-visible{outline:2px solid var(--accent)}
.nav svg{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav .badge{margin-left:auto;font:500 11px var(--f-mono);background:var(--accent);color:var(--accent-ink);border-radius:99px;padding:1px 7px}
.nav .foot{margin-top:auto;font-size:12px;color:var(--nav-muted);padding:0 8px}
main{padding-block:28px 56px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));min-width:0}
.wrap{max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:22px;min-width:0}
.head{display:flex;gap:12px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.head h1{font-size:clamp(26px,4vw,36px);line-height:1.05}
.head p{margin:4px 0 0;color:var(--muted)}
.actions{display:flex;gap:8px;flex-wrap:wrap}

/* controls */
.btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 14px;font-weight:500;display:inline-flex;gap:8px;align-items:center;min-height:40px}
.btn:hover{border-color:var(--muted)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.primary:hover{filter:brightness(1.06)}
.btn.danger{color:var(--bad)}
.btn.small{min-height:32px;padding:4px 10px;font-size:13px}
.btn.ghost{background:transparent}
label.f{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:var(--muted);min-width:0}
input,select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 10px;color:var(--ink);width:100%;min-height:40px}
textarea{min-height:76px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.form{display:flex;flex-direction:column;gap:14px}
.err{color:var(--bad);font-size:13px;min-height:1em}

/* surfaces */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0}
.panel h2{font-size:19px;margin-bottom:12px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.stat{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.stat b{font:700 34px/1 var(--f-display)}
.stat span{color:var(--muted);font-size:13px}
.list{display:flex;flex-direction:column}
.item{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line);align-items:flex-start;min-width:0}
.item:first-child{border-top:0;padding-top:0}
.item .grow{flex:1;min-width:0}
.item .t{font-weight:600}
.item .s{color:var(--muted);font-size:13px}
.empty{border:1.5px dashed var(--line);border-radius:12px;padding:28px;text-align:center;color:var(--muted);display:flex;flex-direction:column;gap:10px;align-items:center}
.empty b{color:var(--ink);font-family:var(--f-display);font-size:18px}
.banner{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--sunk);border-radius:10px;padding:10px 14px;font-size:13.5px}

/* pills */
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:2px 10px;font:500 12px/1.6 var(--f-body);white-space:nowrap;background:color-mix(in srgb,var(--c,var(--muted)) 16%,transparent);color:color-mix(in srgb,var(--c,var(--muted)) 58%,var(--ink));border:1px solid color-mix(in srgb,var(--c,var(--muted)) 35%,transparent)}
.c0{--c:var(--info)}.c1{--c:var(--ok)}.c2{--c:var(--warn)}.c3{--c:var(--bad)}.c4{--c:var(--bad)}
.p0{--c:var(--muted)}.p1{--c:var(--info)}.p2{--c:var(--warn)}.p3{--c:var(--bad)}
.s0{--c:var(--bad)}.s1{--c:var(--warn)}.s2{--c:var(--ok)}
.k-menage{--c:var(--info)}.k-cles{--c:var(--accent)}.k-edl{--c:var(--ok)}.k-travaux{--c:var(--warn)}.k-visite{--c:var(--muted)}
.tag{font:500 11px var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}

/* calendar */
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.cal .dow{font:500 11px var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px;border-bottom:1px solid var(--line);background:var(--sunk)}
.day{all:unset;box-sizing:border-box;cursor:pointer;min-height:92px;padding:6px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:3px;min-width:0;background:var(--surface)}
.day:nth-child(7n+14){border-right:0}
.day:hover{background:var(--sunk)}
.day:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.day.out{color:var(--muted);background:color-mix(in srgb,var(--sunk) 55%,var(--surface))}
.day.sel{box-shadow:inset 0 0 0 2px var(--accent)}
.day .n{font:500 13px var(--f-mono)}
.day.today .n{background:var(--accent);color:var(--accent-ink);border-radius:99px;width:24px;height:24px;display:grid;place-items:center}
.chipm{font-size:11.5px;line-height:1.3;padding:1px 5px;border-radius:4px;background:color-mix(in srgb,var(--c,var(--muted)) 18%,transparent);color:var(--ink);border-left:3px solid var(--c,var(--muted));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chipm.done{opacity:.5;text-decoration:line-through}
.dots{display:none;gap:3px;flex-wrap:wrap}
.dots i{width:7px;height:7px;border-radius:99px;background:var(--c,var(--muted))}
.more{font-size:11px;color:var(--muted)}
.monthbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.monthbar h2{font-size:22px;text-transform:capitalize;margin-right:auto}

/* edl */
.room{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.room>header{display:flex;gap:10px;align-items:center;padding:12px 16px;background:var(--sunk);flex-wrap:wrap}
.room>header h3{font-size:17px;margin-right:auto}
.eitem{display:grid;grid-template-columns:minmax(0,1.4fr) auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid var(--line)}
.eitem .nm{font-weight:600}
.eitem .meta{font-size:12.5px;color:var(--muted)}
.thumbs{display:flex;gap:6px;flex-wrap:wrap}
.thumb{all:unset;cursor:pointer;width:46px;height:46px;border-radius:6px;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center;background:var(--sunk);font-size:10px;color:var(--muted);text-align:center;position:relative;box-sizing:border-box}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb:focus-visible{outline:2px solid var(--accent)}
.thumb.lg{width:64px;height:64px}
.thumb .x{position:absolute;top:1px;right:1px;background:var(--ink);color:var(--bg);width:18px;height:18px;border-radius:99px;font-size:12px;line-height:18px;text-align:center}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}
.tabs button{border:0;background:none;padding:10px 14px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs button[aria-selected="true"]{color:var(--ink);border-color:var(--accent)}
.scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
table.cmp{border-collapse:collapse;width:100%;min-width:640px}
table.cmp th,table.cmp td{padding:10px 12px;border-top:1px solid var(--line);text-align:left;vertical-align:top;font-size:13.5px}
table.cmp thead th{border-top:0;background:var(--sunk);font-weight:600}
table.cmp td+td,table.cmp th+th{border-left:1px solid var(--line)}
table.cmp tr.grp td{background:var(--sunk);font:700 12px var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.worse{display:block;margin-top:4px;font-size:12px;color:var(--bad);font-weight:600}
.cellnote{display:block;color:var(--muted);font-size:12px;margin-top:2px}

/* messages */
.msgs{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}
.contacts{display:flex;flex-direction:column;gap:6px}
.contact{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:8px;border:1px solid transparent;cursor:pointer;min-width:0}
.contact:hover{background:var(--sunk)}
.contact.on{background:var(--sunk);border-color:var(--line);box-shadow:inset 3px 0 0 var(--accent)}
.contact:focus-visible{outline:2px solid var(--accent)}
.clip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thread{display:flex;flex-direction:column;gap:14px}
.bubbles{display:flex;flex-direction:column;gap:10px;max-height:46vh;overflow:auto;padding:4px 2px;min-height:120px}
.b{max-width:82%;display:flex;flex-direction:column;gap:2px}
.b>div{padding:9px 12px;border-radius:12px;background:var(--sunk);overflow-wrap:anywhere}
.b.out{align-self:flex-end;align-items:flex-end}
.b.out>div{background:var(--accent);color:var(--accent-ink)}
.b .s{font-size:11.5px;color:var(--muted)}
.lnk{all:unset;cursor:pointer;text-decoration:underline;font-size:11.5px}
.lnk:focus-visible{outline:2px solid var(--accent)}
.backc{display:none;margin-bottom:6px}
/* modal */
#modal{position:fixed;inset:0;z-index:50;display:none}
#modal.on{display:flex}
.back{position:absolute;inset:0;background:rgba(8,14,19,.55)}
.sheet{position:relative;margin:auto;background:var(--surface);color:var(--ink);width:min(560px,calc(100% - 24px));max-height:92dvh;overflow:auto;border-radius:14px;box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:14px}
.sheet.wide{width:min(900px,calc(100% - 24px))}
.sheet h2{font-size:22px}
.sheet .foot{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:4px}
.sheet img.big,.sheet video.big{max-width:100%;max-height:70dvh;border-radius:8px;display:block;margin:auto}
#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(88px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;z-index:60;font-weight:500;max-width:calc(100% - 32px);box-shadow:var(--shadow)}
.mhead{display:none}

@media (max-width:860px){
  .shell{grid-template-columns:minmax(0,1fr)}
  .nav{position:fixed;left:0;right:0;bottom:0;top:auto;height:auto;z-index:20;flex-direction:row;padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));border-top:1px solid rgba(255,255,255,.12)}
  .nav .brand,.nav .foot{display:none}
  .nav ul{flex-direction:row;width:100%}
  .nav li{flex:1;min-width:0}
  .nav button{flex-direction:column;gap:2px;padding:6px 2px;font-size:11px;justify-content:center;text-align:center;position:relative}
  .nav button[aria-current="page"]{box-shadow:inset 0 3px 0 var(--accent)}
  .nav .badge{position:absolute;top:0;right:12%;margin:0;font-size:10px}
  main{padding-bottom:110px;padding-top:14px}
  .mhead{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
  .mhead b{font:700 22px var(--f-display);letter-spacing:-.03em}
  .mhead span{font:500 11px var(--f-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
  .day{min-height:58px;padding:4px;align-items:center}
  .day .chipm,.day .more{display:none}
  .day .dots{display:flex;justify-content:center}
  .eitem{grid-template-columns:minmax(0,1fr) auto}
  .eitem .thumbs{grid-column:1/-1}
  .row3{grid-template-columns:1fr 1fr}
  .sheet{margin:auto 0 0;width:100%;border-radius:16px 16px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .sheet.wide{width:100%}
}
@media (max-width:860px){
  .msgs{grid-template-columns:minmax(0,1fr)}
  .msgs.open .contacts{display:none}
  .msgs:not(.open) .thread{display:none}
  .backc{display:inline-flex}
  .nav button{font-size:10.5px}
}
@media (max-width:440px){.row2{grid-template-columns:1fr}.row3{grid-template-columns:1fr}}
@media (prefers-reduced-motion:no-preference){.sheet{animation:up .18s ease-out}@keyframes up{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}}
/* ===== v3 ===== */
.wrap.wide{max-width:1320px}
.dot{width:10px;height:10px;border-radius:99px;background:var(--c,var(--muted));display:inline-block;flex:none}
.dot.off{background:transparent;box-shadow:inset 0 0 0 2px var(--c)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:5px 12px;font-size:13px;display:inline-flex;gap:7px;align-items:center;min-height:32px}
.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.chip b{background:var(--accent);color:var(--accent-ink);border-radius:99px;padding:0 6px;font:500 11px var(--f-mono)}
.cnt{font:500 11px var(--f-mono);background:var(--sunk);border-radius:99px;padding:1px 7px;margin-left:4px}
.cnt.hot{background:var(--accent);color:var(--accent-ink)}
.chk2{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--ink)}
.chk2 input{width:auto;min-height:0}
.ib{all:unset;box-sizing:border-box;cursor:pointer;width:32px;height:32px;border-radius:99px;display:inline-grid;place-items:center;font-size:20px;line-height:1;color:var(--ink)}
.ib:hover{background:var(--sunk)}.ib:focus-visible{outline:2px solid var(--accent)}
.seg{display:inline-flex;background:var(--sunk);border-radius:9px;padding:2px;gap:2px}
.seg button{border:0;background:transparent;border-radius:7px;padding:5px 12px;font-size:13px;font-weight:500;min-height:28px}
.seg button[aria-selected="true"]{background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.18)}
.seg.navs button:first-child,.seg.navs button:last-child{font-size:18px;padding:2px 10px}

/* calendrier façon Apple */
.apple{--red:#ff3b30;--sep:color-mix(in srgb,var(--ink) 11%,transparent);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
.ac{display:grid;grid-template-columns:236px minmax(0,1fr);border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}
.ac-side{border-right:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:18px;background:color-mix(in srgb,var(--sunk) 55%,var(--surface));min-width:0}
.ac-main{min-width:0;display:flex;flex-direction:column}
.ac-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line)}
.ac-title{font-size:24px;letter-spacing:-.02em;display:flex;gap:8px;align-items:baseline}
.ac-title span{color:var(--muted);font-weight:400}
.ac-ctl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ac-ctl input[type=search]{width:150px;min-height:32px;padding:4px 10px;border-radius:8px;background:var(--sunk);border-color:transparent}
.plus{color:var(--red)!important;font-size:26px}
.calbtn{display:none}
.calres{border-bottom:1px solid var(--line);max-height:260px;overflow:auto}
.sr{all:unset;box-sizing:border-box;display:flex;gap:10px;align-items:flex-start;padding:10px 16px;width:100%;cursor:pointer;border-top:1px solid var(--sep)}
.sr:hover{background:var(--sunk)}.sr:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.minihead{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px}
.mini{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.mdw{font-style:normal;font-size:10.5px;color:var(--muted);padding:2px 0}
.md{all:unset;box-sizing:border-box;cursor:pointer;aspect-ratio:1;display:grid;place-items:center;font-size:12.5px;border-radius:99px;position:relative;font-variant-numeric:tabular-nums}
.md:hover{background:var(--sunk)}.md:focus-visible{outline:2px solid var(--accent)}
.md.out{color:var(--muted);opacity:.6}
.md.today{background:var(--red);color:#fff;font-weight:600}
.md.sel:not(.today){background:var(--ink);color:var(--bg)}
.md.has::after{content:'';position:absolute;bottom:2px;width:4px;height:4px;border-radius:99px;background:currentColor;opacity:.7}
.mini.compact .md{font-size:10.5px}
.calist{display:flex;flex-direction:column;gap:2px}
.cl{all:unset;box-sizing:border-box;display:flex;gap:10px;align-items:center;padding:6px 6px;border-radius:7px;cursor:pointer;font-size:13.5px}
.cl:hover{background:var(--sunk)}.cl:focus-visible{outline:2px solid var(--accent)}
.chk{width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1.5px var(--muted);display:inline-block;flex:none}
.chk.on{background:var(--ink);box-shadow:none;position:relative}
.chk.on::after{content:'✓';color:var(--bg);font-size:10px;position:absolute;inset:0;display:grid;place-items:center}
.ac-body.m-day .tg,.ac-body.m-week .tg{height:min(68vh,740px)}
.tg-head,.tg-ad{display:grid;grid-template-columns:52px repeat(var(--n),minmax(0,1fr));border-bottom:1px solid var(--sep)}
.dh{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:6px 2px;gap:2px;border-left:1px solid var(--sep);font-size:12px;color:var(--muted);text-transform:capitalize}
.dh b{font-size:19px;font-weight:500;color:var(--ink);width:32px;height:32px;display:grid;place-items:center;border-radius:99px}
.dh.today b{background:var(--red);color:#fff}.dh.today{color:var(--red)}
.dh:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.adl{font-size:10.5px;color:var(--muted);padding:6px 6px 0 0;text-align:right}
.adc{border-left:1px solid var(--sep);padding:3px 0;display:flex;flex-direction:column;gap:2px;min-width:0;min-height:26px}
.ad{all:unset;box-sizing:border-box;cursor:pointer;background:var(--c);color:#fff;font-size:11.5px;font-weight:500;padding:2px 6px;min-height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ad.f{border-radius:5px 0 0 5px;margin-left:3px}.ad.l{border-radius:0 5px 5px 0;margin-right:3px}.ad.f.l{border-radius:5px}
.ad:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.tg{overflow:auto;position:relative}
.tg-in{display:grid;grid-template-columns:52px repeat(var(--n),minmax(0,1fr));position:relative}
.hours{position:relative}
.hl{position:absolute;right:6px;transform:translateY(-50%);font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.col{position:relative;border-left:1px solid var(--sep);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,var(--sep) 47px,var(--sep) 48px);cursor:cell}
.ev{all:unset;box-sizing:border-box;position:absolute;cursor:pointer;background:color-mix(in srgb,var(--c) 24%,var(--surface));border-left:3px solid var(--c);border-radius:5px;padding:2px 6px;overflow:hidden;font-size:11.5px;line-height:1.3;display:flex;flex-direction:column;color:var(--ink)}
.ev span{color:var(--muted);font-size:11px}
.ev b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lc,3);line-clamp:var(--lc,3);overflow:hidden;flex:0 0 auto}
.ev span{flex:0 0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev.short span{display:none}
.ev.done{opacity:.55;text-decoration:line-through}
.ev:focus-visible{outline:2px solid var(--ink);z-index:3}
.now{position:absolute;left:0;right:0;height:0;border-top:2px solid var(--red);z-index:2;pointer-events:none}
.now i{position:absolute;left:-5px;top:-6px;width:10px;height:10px;border-radius:99px;background:var(--red)}
.mw{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--sep)}
.mw span{padding:6px 8px;font-size:12px;color:var(--muted);text-align:right}
.mg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.mc{min-height:108px;border-right:1px solid var(--sep);border-bottom:1px solid var(--sep);padding:4px 4px 6px;display:flex;flex-direction:column;gap:2px;min-width:0;cursor:pointer}
.mc:nth-child(7n){border-right:0}
.mc:hover{background:color-mix(in srgb,var(--sunk) 50%,transparent)}
.mc:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.mc.out .mn{color:var(--muted)}
.mn{align-self:flex-end;font-size:13px;min-width:24px;height:24px;padding:0 5px;display:grid;place-items:center;border-radius:99px;font-variant-numeric:tabular-nums}
.mc.sel .mn:not(.today){background:var(--ink);color:var(--bg)}
.mn.today{background:var(--red);color:#fff;font-weight:600}
.mp{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:5px;align-items:center;font-size:11.5px;line-height:1.35;padding:1px 4px;border-radius:4px;min-width:0;white-space:nowrap}
.mp i{width:7px;height:7px;border-radius:99px;background:var(--c);flex:none}
.mp span{overflow:hidden;text-overflow:ellipsis}
.mp.done{opacity:.5;text-decoration:line-through}
.mp.r{background:var(--c);color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:block;min-height:17px}
.mp:focus-visible{outline:2px solid var(--ink)}
.more{font-size:11px;color:var(--muted);padding-left:4px}
.mdots{display:none;gap:3px;justify-content:center;flex-wrap:wrap}
.mdots i{width:6px;height:6px;border-radius:99px;background:var(--c)}
.agenda{padding:14px 16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.ag{all:unset;box-sizing:border-box;display:flex;gap:12px;align-items:flex-start;padding:8px 6px;border-radius:8px;cursor:pointer;width:100%}
.ag:hover{background:var(--sunk)}.ag:focus-visible{outline:2px solid var(--accent)}
.ag .ti{font-size:12px;color:var(--muted);min-width:44px;line-height:1.3}
.ag .dot{margin-top:5px}
.yg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px 24px;padding:18px}
.yt{all:unset;cursor:pointer;color:var(--red);font-size:16px;font-weight:600;margin-bottom:4px;display:block}
.yt:focus-visible{outline:2px solid var(--accent)}
.evd p{margin:0}

/* messagerie */
.inb{display:grid;grid-template-columns:320px minmax(0,1fr) 280px;gap:14px;align-items:start}
.inb-list{padding:8px}
.inb-list .sc{max-height:72vh;overflow:auto;display:flex;flex-direction:column}
.th{all:unset;box-sizing:border-box;display:flex;gap:10px;padding:10px;border-radius:10px;cursor:pointer;width:100%;align-items:flex-start}
.th:hover{background:var(--sunk)}.th:focus-visible{outline:2px solid var(--accent)}
.th.on{background:var(--sunk);box-shadow:inset 3px 0 0 var(--accent)}
.th.unread .thn b{font-weight:700}.th.unread .thn b::after{content:'';display:inline-block;width:8px;height:8px;border-radius:99px;background:var(--accent);margin-left:6px}
.av{width:38px;height:38px;border-radius:99px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 20%,var(--surface));color:var(--c);font-weight:700;flex:none}
.thb{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.thn{display:flex;justify-content:space-between;gap:8px}
.thm{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}
.thm .pill{font-size:11px;padding:0 8px}
.inb-thread{display:flex;flex-direction:column;gap:14px}
.inb-thread.ph{place-items:center;color:var(--muted);min-height:240px;display:grid}
.th-head{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}
.b .aitag{color:var(--accent)}
.sug{border:1px solid var(--line);border-left:4px solid var(--c,var(--muted));border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;background:color-mix(in srgb,var(--c,var(--muted)) 6%,var(--surface))}
.lv-auto{--c:var(--ok)}.lv-validation{--c:var(--warn)}.lv-humain{--c:var(--bad)}.lv-identify{--c:var(--info)}
.sug-h{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.draft{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:14px;overflow-wrap:anywhere}
.draft.muted{color:var(--muted)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:13.5px}
.kv span{color:var(--muted)}.kv b{font-weight:500;overflow-wrap:anywhere}
.mem{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.mem:first-of-type{border-top:0}

/* livret et accès invité */
.lv{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.gsec{margin-bottom:12px}
.phone{width:min(380px,100%);margin:0 auto;border:8px solid var(--ink);border-radius:36px;overflow:hidden;background:var(--surface)}
.ph-h{padding:18px 16px;background:var(--nav);color:var(--nav-ink);display:flex;flex-direction:column;gap:2px}
.ph-h b{font:700 20px var(--f-display)}.ph-h span{font-size:13px;color:var(--nav-muted)}
.ph-b{padding:14px;display:flex;flex-direction:column;gap:14px;max-height:52vh;overflow:auto}
.gs{display:flex;flex-direction:column;gap:4px;font-size:14px}
.gs p{margin:0;overflow-wrap:anywhere}
.lock{background:var(--sunk);color:var(--muted);padding:8px 10px;border-radius:8px;font-size:13px}
.conn{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px;background:var(--surface)}

@media (max-width:1180px){
  .inb{grid-template-columns:320px minmax(0,1fr)}
  .inb-side{grid-column:1/-1}
}
@media (max-width:1000px){
  .ac{grid-template-columns:minmax(0,1fr)}
  .ac-side{display:none}
  .calbtn{display:inline-grid}
  .ac-ctl input[type=search]{width:120px}
  .lv{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  .nav ul{overflow-x:auto;scrollbar-width:none}
  .nav ul::-webkit-scrollbar{display:none}
  .nav li{flex:0 0 76px}
  .nav button{font-size:10.5px}
  .inb{grid-template-columns:minmax(0,1fr)}
  .inb.open .inb-list{display:none}
  .inb:not(.open) .inb-thread,.inb:not(.open) .inb-side{display:none}
  .inb-list .sc{max-height:none}
  .mc{min-height:64px;align-items:center}
  .mc .mp,.mc .more{display:none}
  .mc .mdots{display:flex}
  .mn{align-self:center}
  .ac-title{font-size:20px}
  .tg-head,.tg-ad,.tg-in{grid-template-columns:40px repeat(var(--n),minmax(0,1fr))}
  .dh b{width:28px;height:28px;font-size:16px}
  .ev span{display:none}
  .ad{font-size:10px;padding:2px 3px}
  .yg{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}

/* glisser-déposer */
.ev,.mp,.ag,.col{-webkit-touch-callout:none}
.ev{cursor:grab}.ev .rz{position:absolute;left:0;right:0;height:10px;cursor:ns-resize;display:block}
.ev .rz.t{top:0}.ev .rz.b{bottom:0}
.ev .rz.b::after{content:'';position:absolute;left:50%;bottom:2px;width:22px;height:3px;margin-left:-11px;border-radius:3px;background:var(--c);opacity:0}
.ev:hover .rz.b::after,.ev:focus-visible .rz.b::after{opacity:.7}
.ev.lifted,.mp.lifted,.ag.lifted{opacity:.35}
.ghost{position:absolute;left:2px;right:2px;z-index:6;pointer-events:none;border-radius:6px;padding:3px 7px;font-size:11.5px;line-height:1.3;background:color-mix(in srgb,var(--c,var(--accent)) 38%,var(--surface));border:2px solid var(--c,var(--accent));box-shadow:0 6px 18px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden;color:var(--ink)}
.ghost span{font-size:11px;color:var(--ink);opacity:.8;font-variant-numeric:tabular-nums}
body.dnd-on{cursor:grabbing;user-select:none;-webkit-user-select:none}
body.dnd-on *{cursor:grabbing!important}
.mc.drop{background:color-mix(in srgb,var(--accent) 16%,var(--surface));box-shadow:inset 0 0 0 2px var(--accent)}
.dragghost{background:var(--c);color:#fff!important;border-radius:6px;padding:4px 8px!important;box-shadow:0 8px 20px rgba(0,0,0,.3);opacity:.95}
.dragghost i{background:#fff!important}
.pinfo{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--sunk);border-radius:10px;padding:10px 12px;font-size:13.5px}
.pinfo>div{min-width:0;overflow-wrap:anywhere}
@media (max-width:520px){.pinfo{grid-template-columns:1fr}}

/* rôles et espaces */
.shell.nonav{grid-template-columns:minmax(0,1fr)}
.shell.nonav .nav{display:none}
.rolebox{padding:10px 10px 12px;border-radius:10px;background:rgba(255,255,255,.06);display:flex;flex-direction:column;gap:2px}
.rolebox b{font:700 16px var(--f-display)}
.rolebtn{all:unset;cursor:pointer;font-size:12px;color:var(--nav-muted);text-decoration:underline;margin-top:2px}
.rolebtn:hover{color:var(--nav-ink)}.rolebtn:focus-visible{outline:2px solid var(--accent)}
.chipbtn{all:unset;cursor:pointer;margin-left:auto;font-size:12px;border:1px solid var(--line);border-radius:99px;padding:3px 10px;background:var(--surface)}
.chipbtn:focus-visible{outline:2px solid var(--accent)}
.chooser{display:flex;flex-direction:column;gap:16px;max-width:1040px;margin:0 auto;padding-block:12px}
.chooser h1{font-size:clamp(28px,5vw,40px)}
.rolecard{all:unset;box-sizing:border-box;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px;min-width:0}
.rolecard b{font:700 18px var(--f-display)}
.rolecard span{color:var(--muted);font-size:13.5px}
.rolecard:hover{border-color:var(--muted)}.rolecard.on{box-shadow:inset 0 0 0 2px var(--accent)}
.rolecard:focus-visible{outline:2px solid var(--accent)}
.rolecard.static{cursor:default}.rolecard.static:hover{border-color:var(--line)}
.rolecard .btn{align-self:flex-start}
.bar{height:8px;border-radius:99px;background:var(--sunk);overflow:hidden;margin-top:6px}
.bar i{display:block;height:100%;border-radius:99px}
.gsl{display:flex;flex-direction:column;gap:16px}
.chatbox{max-height:46vh;overflow:auto;min-height:120px}
body.ro .banner [data-a="clear-demo"],body.ro [data-a="sim-in"],body.ro [data-a="inc-mission"],body.ro [data-a="inc-share"],body.ro [data-a="toggle-mission"],body.ro [data-a="toggle-final"],body.ro [data-a="dup-edl"],body.ro [data-a="import-ical"],body.ro [data-a^="new-"],body.ro [data-a^="edit-"],body.ro [data-a^="del-"],body.ro [data-a^="add-"],body.ro [data-a="identify"],body.ro [data-a="sug-send"],body.ro [data-a="sug-edit"],body.ro [data-a="take-over"],body.ro select[data-chg="inc-status"],body.ro select[data-chg="req-status"],body.ro form[data-f]{display:none!important}
body.ro [data-a="open-ev"],body.ro [data-a="open-edl"]{display:revert!important}
body.ro .ac-ctl .plus{display:none!important}
@media (max-width:860px){.nav .rolebox{display:none}}
.tabs{overflow-x:auto;max-width:100%;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap;flex:none}

/* ===== calendrier iPhone (iOS 26) ===== */
:root{--i-bg:#fff;--i-bg2:#f2f2f7;--i-fg:#000;--i-gr:#8a8a8e;--i-sep:rgba(60,60,67,.2);--i-card:#fff;--i-sh:#f2f2f7;--i-glass:rgba(255,255,255,.74);--i-glb:rgba(0,0,0,.08);--i-btn:rgba(120,120,128,.16);--i-segon:#fff;--i-pill:rgba(120,120,128,.14);--i-swoff:#e9e9ea;--i-red:#ff3b30;--i-blue:#007aff;--i-green:#34c759;--i-orange:#ff9500;--i-font:-apple-system,BlinkMacSystemFont,'SF Pro Text','SF Pro Display','Helvetica Neue',Roboto,Arial,sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--i-bg:#000;--i-bg2:#1c1c1e;--i-fg:#fff;--i-gr:#8d8d93;--i-sep:rgba(84,84,88,.6);--i-card:#2c2c2e;--i-sh:#1c1c1e;--i-glass:rgba(38,38,40,.72);--i-glb:rgba(255,255,255,.1);--i-btn:rgba(120,120,128,.32);--i-segon:#636366;--i-pill:rgba(118,118,128,.28);--i-swoff:#39393d;--i-red:#ff453a;--i-blue:#0a84ff;--i-green:#30d158;--i-orange:#ff9f0a}}
:root[data-theme="dark"]{--i-bg:#000;--i-bg2:#1c1c1e;--i-fg:#fff;--i-gr:#8d8d93;--i-sep:rgba(84,84,88,.6);--i-card:#2c2c2e;--i-sh:#1c1c1e;--i-glass:rgba(38,38,40,.72);--i-glb:rgba(255,255,255,.1);--i-btn:rgba(120,120,128,.32);--i-segon:#636366;--i-pill:rgba(118,118,128,.28);--i-swoff:#39393d;--i-red:#ff453a;--i-blue:#0a84ff;--i-green:#30d158;--i-orange:#ff9f0a}
body.ioscal{background:var(--i-bg)}
body.ioscal main{padding:0!important}
body.ioscal .mhead{display:none!important}
body.ioscal #app{max-width:none;gap:0}
.ios{position:relative;height:calc(100dvh - var(--navh,64px) - var(--imph,0px));display:flex;flex-direction:column;background:var(--i-bg);color:var(--i-fg);font-family:var(--i-font);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.ios button{font-family:inherit;color:inherit;border:0;background:none;padding:0;margin:0;-webkit-tap-highlight-color:transparent}
.ios svg,.isheet svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;flex:none}
.gl{background:var(--i-glass);-webkit-backdrop-filter:blur(22px) saturate(1.7);backdrop-filter:blur(22px) saturate(1.7);border:.5px solid var(--i-glb);border-radius:99px;box-shadow:0 6px 22px rgba(0,0,0,.14),inset 0 .5px 0 rgba(255,255,255,.12)}
.i-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 10px;flex:none}
.ios .i-back{display:flex;align-items:center;gap:4px;height:46px;padding:0 18px 0 12px;font-size:17px;font-weight:500;letter-spacing:-.01em;cursor:pointer}
.ios .i-back svg{width:24px;height:24px;stroke-width:2.4}
.i-grp{display:flex;align-items:center;height:46px;padding:0 4px}
.ios .i-grp button{width:50px;height:46px;display:grid;place-items:center;border-radius:99px;cursor:pointer;position:relative}
.ios .i-grp button[aria-pressed="true"]{background:var(--i-btn)}
.ios .i-grp button:active,.ios .i-back:active,.ios .i-today:active{background:var(--i-btn)}
.ios .i-plus svg{width:24px;height:24px;stroke-width:2.2}
.ios button:focus-visible{outline:2px solid var(--i-blue);outline-offset:1px}
.i-wk{display:grid;grid-template-columns:repeat(7,1fr);padding:0 4px 6px;flex:none;touch-action:pan-y}
.ios .i-dn{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding-top:2px}
.i-dn .l{font-size:12px;font-weight:600;color:var(--i-fg)}
.i-dn b{width:38px;height:38px;border-radius:99px;display:grid;place-items:center;font-size:20px;font-weight:400;font-variant-numeric:tabular-nums}
.i-dn.we b,.i-dn.we .l{color:var(--i-gr)}
.i-dn.today b{color:var(--i-red)}
.i-dn.sel b{background:var(--i-fg);color:var(--i-bg);font-weight:600}
.i-dn.today.sel b{background:var(--i-red);color:#fff}
.i-sub{text-align:center;font-size:15px;font-weight:600;padding:9px 0 10px;border-top:.5px solid var(--i-sep);border-bottom:.5px solid var(--i-sep);flex:none;background:var(--i-bg)}
.i-ad{display:flex;flex-direction:column;gap:3px;padding:4px 10px 4px 62px;border-bottom:.5px solid var(--i-sep);flex:none;max-height:96px;overflow:auto}
.ios .ad{border-radius:6px!important;margin:0!important;font-size:13px;padding:3px 8px;background:color-mix(in srgb,var(--c) 85%,#000);font-family:var(--i-font)}
.i-grid{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}
.ios .tg-in{grid-template-columns:62px minmax(0,1fr);margin-bottom:76px;margin-top:10px}
.ios .hl{left:0;right:auto;width:52px;text-align:right;font-size:12.5px;color:var(--i-gr);font-variant-numeric:tabular-nums}
.ios .col{border-left:0;background-image:repeating-linear-gradient(to bottom,var(--i-sep) 0,var(--i-sep) .5px,transparent .5px,transparent 48px);margin-right:0}
.ios .now{border-top:1.5px solid var(--i-red);left:-6px;z-index:4}
.ios .now i{display:none}
.i-nowp{position:absolute;left:4px;transform:translateY(-50%);background:var(--i-red);color:#fff;font-size:12.5px;font-weight:600;border-radius:99px;padding:1px 7px;z-index:5;font-variant-numeric:tabular-nums}
.ios .ev{background:color-mix(in srgb,var(--c) 26%,var(--i-bg));border-left:3.5px solid var(--c);border-radius:6px;color:color-mix(in srgb,var(--c) 55%,var(--i-fg));font-family:var(--i-font);font-size:13.5px;padding:3px 7px}
.ios .ev b{font-weight:600}
.ios .ev span{color:color-mix(in srgb,var(--c) 70%,var(--i-fg));opacity:.85;font-size:12.5px}
.ev.multi{border-style:dashed}
.trv{position:absolute;border-radius:6px 6px 0 0;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--c) 22%,transparent) 0 5px,transparent 5px 10px);font-size:10.5px;color:var(--muted);padding:1px 7px;pointer-events:none;overflow:hidden;z-index:1}
.ios .trv{color:var(--i-gr)}
.i-bot{position:absolute;left:14px;right:14px;bottom:calc(10px + env(safe-area-inset-bottom,0px)*0);display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:8}
.i-bot>*{pointer-events:auto}
.ios .i-today{height:50px;padding:0 24px;font-size:17px;font-weight:600;cursor:pointer}
.i-bot .i-grp{height:50px}
.ios .i-bot .i-grp button{width:58px;height:50px}
.i-bot svg{width:25px;height:25px}
.i-badge{position:absolute;top:5px;right:9px;background:var(--i-red);color:#fff;font:600 10.5px/16px var(--i-font);min-width:16px;height:16px;border-radius:99px;padding:0 4px;font-style:normal}
/* mois */
.i-wl{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:12.5px;font-weight:600;padding:2px 0 7px;border-bottom:.5px solid var(--i-sep);flex:none}
.i-wl .we{color:var(--i-gr)}
.i-months,.i-mlist{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:84px;overscroll-behavior:contain}
.i-mlist{flex:none;padding-bottom:4px;touch-action:pan-y}
.i-mo h3{font-size:22px;font-weight:700;margin:16px 0 6px;letter-spacing:-.02em;text-indent:8px}
.i-mo h3.cur{color:var(--i-red)}
.i-mg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.i-c{min-height:96px;border-top:.5px solid var(--i-sep);padding:4px 2px 2px;display:flex;flex-direction:column;align-items:center;gap:2px;overflow:hidden;cursor:pointer;min-width:0}
.i-c.e{border-top-color:transparent;cursor:default}
.i-c .n{width:30px;height:30px;border-radius:99px;display:grid;place-items:center;font-size:17px;font-variant-numeric:tabular-nums;flex:none}
.i-c.we .n{color:var(--i-gr)}
.i-c .n.today{background:var(--i-red);color:#fff;font-weight:600}
.i-c.sel .n:not(.today){background:var(--i-fg);color:var(--i-bg);font-weight:600}
.i-e{display:block;width:100%;font-size:10.5px;line-height:1.3;padding:1px 3px;border-radius:3px;background:color-mix(in srgb,var(--c) 30%,transparent);color:var(--i-fg);white-space:nowrap;overflow:hidden;font-weight:500}
.i-e.all{background:var(--c);color:#fff}
.i-more{font-size:10px;color:var(--i-gr)}
.i-mlist .i-c{min-height:50px}
.i-dot{width:6px;height:6px;border-radius:99px;background:var(--i-gr)}
/* année */
.i-yt{font-size:34px;font-weight:700;margin:0;padding:0 18px 6px;letter-spacing:-.02em;flex:none}
.i-yt.cur{color:var(--i-red)}
.i-yg{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px;padding:8px 14px 90px;align-content:start;touch-action:pan-y}
.ios .i-ym{display:flex;flex-direction:column;gap:5px;text-align:left;cursor:pointer;min-width:0}
.i-ym b{font-size:17px;font-weight:700}
.i-ym b.cur{color:var(--i-red)}
.i-ymg{display:grid;grid-template-columns:repeat(7,1fr);font-size:9px;font-weight:600;text-align:center;row-gap:2px}
.i-ymg i{font-style:normal;aspect-ratio:1;display:grid;place-items:center;border-radius:99px}
.i-ymg i.today{background:var(--i-red);color:#fff}
/* liste */
.i-list{flex:1;min-height:0;overflow:auto;padding-bottom:84px;-webkit-overflow-scrolling:touch}
.i-agd{position:sticky;top:0;background:var(--i-bg2);font-size:14px;font-weight:600;padding:7px 16px;z-index:1}
.i-agd.today{color:var(--i-red)}
.ios .i-agi{display:grid;grid-template-columns:50px 4px minmax(0,1fr);gap:10px;width:100%;text-align:left;padding:11px 16px;border-bottom:.5px solid var(--i-sep);cursor:pointer;align-items:stretch}
.i-agi .tm{font-size:13px;text-align:right;font-variant-numeric:tabular-nums}
.i-agi .tm i{font-style:normal;color:var(--i-gr)}
.i-agi .bar{background:var(--c);border-radius:2px}
.i-agi .tx{display:flex;flex-direction:column;min-width:0}
.i-agi .tx b{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.i-agi .tx span{font-size:13px;color:var(--i-gr);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.i-agn{padding:12px 16px;color:var(--i-gr);font-size:15px;border-bottom:.5px solid var(--i-sep)}
/* recherche */
.i-sf{flex:1;display:flex;align-items:center;gap:8px;height:46px;padding:0 16px;min-width:0;color:var(--i-gr)}
.ios .i-sf input{all:unset;flex:1;min-width:0;font-size:17px;color:var(--i-fg);-webkit-user-select:text;user-select:text}
.ios .i-cancel{height:46px;padding:0 18px;font-size:17px;font-weight:500;cursor:pointer}
.i-res{flex:1;overflow:auto;padding-bottom:30px}
.i-res .sr{border-top:.5px solid var(--i-sep);padding:12px 16px;font-size:16px}
.i-res .sr .s{color:var(--i-gr);font-size:13px}
.i-hint{padding:24px 16px;color:var(--i-gr);text-align:center;font-size:15px}
.anim-l{animation:iin-l .24s cubic-bezier(.2,.8,.2,1)}
.anim-r{animation:iin-r .24s cubic-bezier(.2,.8,.2,1)}
@keyframes iin-l{from{transform:translateX(40px);opacity:.2}to{transform:none;opacity:1}}
@keyframes iin-r{from{transform:translateX(-40px);opacity:.2}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.anim-l,.anim-r{animation:none}}

/* ===== fiches façon iOS (nouvelle mission, détail, alertes) ===== */
.sheet.isheet{background:var(--i-sh);color:var(--i-fg);font-family:var(--i-font);border-radius:30px;padding:0 16px 22px;gap:0;width:min(520px,calc(100% - 24px));max-height:92dvh}
.isheet .form.iform{display:block}
.i-hd{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0 12px;background:var(--i-sh)}
.i-hd b{font-size:17px;font-weight:600;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.isheet button{font-family:inherit;color:inherit;border:0;background:none;margin:0}
.isheet .i-circ{width:46px;height:46px;border-radius:99px;background:var(--i-btn);display:grid;place-items:center;cursor:pointer;flex:none;padding:0}
.isheet .i-circ.ok{transition:background .15s}
.isheet .iform:has(#f_title:not(:placeholder-shown)) .i-circ.ok{background:var(--i-blue);color:#fff}
.isheet .i-txt{height:46px;padding:0 18px;border-radius:99px;background:var(--i-btn);font-size:17px;font-weight:600;cursor:pointer;flex:none}
.i-sp{width:46px;flex:none}
.i-seg{display:flex;background:var(--i-btn);border-radius:99px;padding:3px;margin:2px 0 18px}
.isheet .i-seg button{flex:1;height:36px;border-radius:99px;font-size:15px;font-weight:600;cursor:pointer;padding:0}
.isheet .i-seg button[aria-selected="true"]{background:var(--i-segon);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.icard{background:var(--i-card);border-radius:26px;padding:0 18px;margin-bottom:18px;overflow:hidden}
.irow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;font-size:17px;border-top:.5px solid var(--i-sep);width:100%;text-align:left;padding:6px 0;position:relative}
.icard>.irow:first-child,.icard>.it:first-child,.icard>[hidden]:first-child+.irow{border-top:0}
.isheet button.irow,.isheet a.irow{cursor:pointer;color:var(--i-fg);text-decoration:none;padding:6px 0}
.isheet .irow.red{color:var(--i-red);justify-content:center;font-weight:500}
.isheet .irow.blue{color:var(--i-blue);justify-content:flex-start}
.isheet a.irow{color:var(--i-blue);overflow-wrap:anywhere}
.irow>span:first-child{flex:none}
.irow .tx{display:flex;flex-direction:column;flex:1;min-width:0}
.irow .tx b{font-weight:500;font-size:16.5px}
.irow .tx span{font-size:13.5px;color:var(--i-gr)}
.irow svg{width:16px;height:16px;color:var(--i-gr)}
.isheet input.it,.isheet textarea.it{display:block;width:100%;border:0;border-top:.5px solid var(--i-sep);border-radius:0;background:transparent;color:var(--i-fg);font:17px var(--i-font);padding:15px 0;min-height:0;outline:0}
.isheet textarea.it{min-height:120px;resize:vertical;line-height:1.4}
.isheet input.it::placeholder,.isheet textarea.it::placeholder{color:var(--i-gr);opacity:1}
.isheet .irow input.it{border:0;padding:8px 0}
.isheet .it.r{text-align:right}
.iv{display:flex;align-items:center;gap:6px;color:var(--i-gr);min-width:0;justify-content:flex-end;flex:1}
.isheet .iv select{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:var(--i-gr);font:17px var(--i-font);text-align:right;text-align-last:right;padding:0;min-height:0;width:auto;max-width:100%;cursor:pointer;outline:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.isheet .iv select:focus-visible{outline:2px solid var(--i-blue);border-radius:6px}
.isheet .iv select option{color:initial}
.i-cd{width:12px;height:12px;border-radius:99px;background:var(--c);flex:none;margin-left:6px}
.isheet input.i-sw{appearance:none;-webkit-appearance:none;width:62px;height:30px;min-height:0;border:0;border-radius:99px;background:var(--i-swoff);position:relative;cursor:pointer;flex:none;padding:0;transition:background .2s;outline:0}
.isheet input.i-sw::before{content:'';position:absolute;top:2px;left:2px;width:38px;height:26px;border-radius:99px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.25);transition:transform .2s}
.isheet input.i-sw:checked{background:var(--i-green)}
.isheet input.i-sw:checked::before{transform:translateX(20px)}
.isheet input.i-sw:focus-visible{outline:2px solid var(--i-blue);outline-offset:2px}
.i-dt{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.isheet button.i-pill{position:relative;display:inline-flex;align-items:center;background:var(--i-pill);color:var(--i-fg);font:17px var(--i-font);border-radius:99px;padding:8px 14px;cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums;border:0;min-height:0;transition:color .15s}
.isheet button.i-pill.open{color:var(--i-red)}
.isheet button.i-pill:focus-visible{box-shadow:0 0 0 2px var(--i-blue);outline:0}
.i-picker{border-top:.5px solid var(--i-sep);padding:4px 0 14px;animation:pk-in .18s ease-out}
@keyframes pk-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.i-picker{animation:none}}
.pk-head{display:flex;justify-content:space-between;align-items:center;padding:8px 0 4px}
.pk-head b{font-size:17px;font-weight:600}
.pk-head span{display:flex;gap:2px}
.isheet .pk-nav{width:42px;height:42px;border-radius:99px;display:inline-grid;place-items:center;color:var(--i-red);cursor:pointer;padding:0}
.isheet .pk-nav svg{width:20px;height:20px;stroke-width:2.6}
.pk-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;row-gap:2px}
.pk-wd{font-style:normal;font-size:11.5px;font-weight:600;color:var(--i-gr);padding:6px 0 4px}
.isheet .pk-d{width:40px;height:40px;margin:0 auto;border-radius:99px;font:19px var(--i-font);font-variant-numeric:tabular-nums;cursor:pointer;display:grid;place-items:center;color:var(--i-fg);padding:0}
.isheet .pk-d.today{color:var(--i-red)}
.isheet .pk-d.sel{background:color-mix(in srgb,var(--i-red) 18%,transparent);color:var(--i-red);font-weight:600}
.isheet .pk-d.today.sel{background:var(--i-red);color:#fff}
.isheet .pk-d:focus-visible{box-shadow:0 0 0 2px var(--i-blue);outline:0}
.pk-wheels{position:relative;display:flex;justify-content:center;align-items:center;gap:6px;height:200px;margin:6px 0 0}
.pk-band{position:absolute;left:0;right:0;top:80px;height:40px;border-radius:12px;background:var(--i-pill);pointer-events:none}
.pk-col{position:relative;z-index:1;height:200px;width:76px;overflow-y:scroll;scroll-snap-type:y mandatory;padding:80px 0;box-sizing:border-box;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;outline:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30%,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 30%,#000 70%,transparent 100%);touch-action:pan-y}
.pk-col::-webkit-scrollbar{display:none}
.pk-col:focus-visible{box-shadow:0 0 0 2px var(--i-blue);border-radius:12px}
.pk-it{height:40px;line-height:40px;text-align:center;font-size:22px;scroll-snap-align:center;color:var(--i-gr);cursor:pointer;font-variant-numeric:tabular-nums;user-select:none;-webkit-user-select:none}
.pk-it.on{color:var(--i-fg);font-weight:500}
.pk-sep{position:relative;z-index:1;font-size:22px;font-weight:600}
.iform.allday .i-picker.time{display:none}
.isheet .irow[hidden]{display:none!important}
.i-dt{flex-wrap:nowrap}
.iform.allday .i-time{display:none!important}
.i-acc{font-size:13.5px;color:var(--i-gr);padding:0 0 13px;margin-top:-4px;line-height:1.35}
.i-acc b{color:var(--i-fg);font-weight:600;margin-right:4px}
.i-cap{font-size:13px;color:var(--i-gr);text-transform:uppercase;letter-spacing:.02em;padding:0 18px 7px}
.i-foot{font-size:13px;color:var(--i-gr);padding:0 18px;margin:-10px 0 20px;line-height:1.35}
.isheet .i-attach{color:var(--i-fg);cursor:pointer}
.i-attach input[type=file]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.i-media{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 12px}
.i-media:empty{display:none}
.isheet .err:not(:empty){background:color-mix(in srgb,var(--i-red) 14%,var(--i-card));color:var(--i-red);border-radius:16px;padding:12px 16px;margin-bottom:16px;font-size:15px}
.i-ev{padding:4px 4px 18px}
.i-ev h2{font-size:26px;font-weight:700;margin:0 0 4px;letter-spacing:-.02em;overflow-wrap:anywhere}
.i-ev .loc{font-size:15px;color:var(--i-gr)}
.i-ev .when{font-size:16px;margin-top:12px;line-height:1.45}
.i-ev .when span{color:var(--i-gr);font-size:14.5px}
.i-txtb{padding:14px 0;font-size:16px;white-space:pre-line;overflow-wrap:anywhere;line-height:1.4}
.isheet .iv.mono{font-family:var(--f-mono)}
.i-al{width:10px;height:10px;border-radius:99px;flex:none}
.i-al.na{background:var(--i-orange)}.i-al.cf{background:var(--i-red)}.i-al.nm{background:var(--i-blue)}
.i-ck{width:24px;height:24px;border-radius:99px;box-shadow:inset 0 0 0 2px var(--c);flex:none;display:grid;place-items:center}
.i-ck.on{background:var(--c);box-shadow:none}
.i-ck.on::after{content:'';width:9px;height:5px;border-left:2.2px solid #fff;border-bottom:2.2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.i-empty{text-align:center;padding:40px 16px;display:flex;flex-direction:column;gap:6px}
.i-empty b{font-size:20px}.i-empty span{color:var(--i-gr);font-size:15px}
@media (max-width:860px){
  .sheet.isheet{width:100%;margin:auto 0 0;border-radius:32px 32px 0 0;max-height:94dvh;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
}
body.ro [data-a="dup-mission"],body.ro [data-a="toggle-mission-close"],body.ro [data-a="ios-cleaning"],body.ro .i-plus{display:none!important}
.sheet.isheet>*,.isheet .iform>*{flex-shrink:0}
.isheet .icard>.irow+.irow,.isheet .icard>button.irow+button.irow{border-top:.5px solid var(--i-sep)}

.cotab input[type=time]{width:auto;min-width:96px;min-height:34px;padding:4px 8px}
.cotab input.mis{border-color:var(--bad);box-shadow:0 0 0 1px var(--bad);color:var(--bad)}
.cellnote.bad{color:var(--bad)}.cellnote.ok{color:var(--ok)}

/* ===== plateforme super admin ===== */
.pstats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.pstats .stat b{font-size:28px}
.stat.alert{border-color:color-mix(in srgb,var(--bad) 55%,var(--line));background:color-mix(in srgb,var(--bad) 7%,var(--surface))}
.stat.alert b{color:var(--bad)}
.stats.mini{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:12px}
.stats.mini .stat{padding:10px 12px;gap:4px}
.stats.mini .stat b{font-size:22px}
.stats.mini .stat b small{font-size:13px;color:var(--muted);font-weight:500}
.stats.mini .stat b.sm{font-size:15px;line-height:1.3}
.todo{display:flex;flex-direction:column}
.todo-i{all:unset;box-sizing:border-box;display:flex;gap:10px;align-items:center;padding:10px 4px;border-top:1px solid var(--line);cursor:pointer;width:100%;min-width:0}
.todo-i:first-child{border-top:0}
.todo-i:hover{background:var(--sunk)}
.todo-i:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.todo-i .grow{flex:1;min-width:0;overflow-wrap:anywhere}
.ofilter{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:8px}
.ofilter .chips{flex:1 1 auto}
.ofilter input[type=search]{flex:1 1 260px;max-width:440px;min-width:0}
.olist{display:flex;flex-direction:column}
.orow{all:unset;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,.9fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1.5fr);gap:12px;align-items:center;padding:12px 6px;border-top:1px solid var(--line);cursor:pointer;width:100%}
.orow:hover{background:var(--sunk)}
.orow:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.orow .o-name{display:flex;flex-direction:column;min-width:0}
.orow .o-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.orow .o-lbl{display:none}
.orow .o-next{overflow-wrap:anywhere}
.orow>span{min-width:0}
.ubar{display:flex;align-items:center;gap:8px;min-width:0}
.ub-t{font:500 12.5px var(--f-mono);white-space:nowrap}
.ub{flex:1;min-width:40px;height:6px;border-radius:99px;background:var(--sunk);overflow:hidden}
.ub i{display:block;height:100%;background:var(--ok);border-radius:99px}
.ubar.warn .ub i{background:var(--warn)}.ubar.warn .ub-t{color:var(--warn)}
.ubar.bad .ub i{background:var(--bad)}.ubar.bad .ub-t{color:var(--bad)}
.usage{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.usage>div{display:flex;flex-direction:column;gap:6px}
.usage>div>span{font-size:13px;color:var(--muted)}
/* panneau latéral */
#modal .sheet.drawer{margin:0 0 0 auto;width:min(760px,100%);height:100dvh;max-height:100dvh;border-radius:0;padding:0;gap:0;display:block;overflow:auto;animation:drawer-in .2s ease-out}
@keyframes drawer-in{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){#modal .sheet.drawer{animation:none}}
.dr-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:18px 20px 8px;position:sticky;top:0;background:var(--surface);z-index:2}
.dr-head h2{margin:0;font:700 24px/1.15 var(--f-display);letter-spacing:-.02em;overflow-wrap:anywhere}
.dr-head .ib{font-size:26px;flex:none}
.dr-t{min-width:0}
.dr-act{padding:4px 20px 12px}
.drawer>.tabs{padding:0 20px;position:sticky;top:0;background:var(--surface);z-index:1}
.dr-body{padding:14px 20px 28px;display:flex;flex-direction:column;gap:14px}
.dr-body .panel{padding:14px}
.dr-body h3{margin:0 0 8px;font-size:15px}
.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;font-size:14px}
.kv span{color:var(--muted)}
.kv b{font-weight:500;overflow-wrap:anywhere}
.warnban{background:color-mix(in srgb,var(--warn) 13%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 40%,transparent)}
.lockban{background:color-mix(in srgb,var(--bad) 11%,var(--surface));border:1px solid color-mix(in srgb,var(--bad) 40%,transparent);margin-bottom:4px}
.quote-msg{margin:10px 0 0;padding:10px 12px;border-left:3px solid var(--accent);background:var(--sunk);border-radius:0 8px 8px 0;font-style:italic}
.mods{display:flex;flex-direction:column;margin-top:6px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.modr{display:flex;gap:12px;align-items:center;padding:10px 12px;border-top:1px solid var(--line);font-weight:400;cursor:pointer;min-width:0}
.modr:first-child{border-top:0}
.modr.core{cursor:default;background:var(--sunk)}
.modr .grow{flex:1;min-width:0;display:flex;flex-direction:column}
.modr .grow b{font-weight:600;font-size:14px}
.modr .grow .s{font-size:12.5px}
input.tgl,span.tgl{appearance:none;-webkit-appearance:none;width:44px;height:26px;min-height:0;border-radius:99px;background:var(--line);position:relative;flex:none;cursor:pointer;border:0;padding:0;transition:background .15s}
input.tgl::before,span.tgl::before{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:99px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .15s}
input.tgl:checked,span.tgl.on{background:var(--ok)}
input.tgl:checked::before,span.tgl.on::before{transform:translateX(18px)}
input.tgl:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
span.tgl.on{opacity:.6;cursor:default}
.quote{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--sunk);display:flex;flex-direction:column;gap:6px;font-size:14px}
.q-lines>div,.q-tot{display:flex;justify-content:space-between;gap:12px}
.q-lines>div span{color:var(--muted)}
.q-lines{display:flex;flex-direction:column;gap:4px;padding-bottom:6px;border-bottom:1px dashed var(--line)}
.q-tot b{font-size:16px}
.q-sub{font-size:13px;color:var(--muted)}
.ilist{display:flex;flex-direction:column}
.irow2{all:unset;box-sizing:border-box;display:flex;gap:12px;align-items:center;padding:11px 4px;border-top:1px solid var(--line);cursor:pointer;width:100%;min-width:0}
.irow2:first-child{border-top:0}
.irow2:hover{background:var(--sunk)}
.irow2:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.irow2 .grow{flex:1;min-width:0;overflow-wrap:anywhere}
.irow2>b{white-space:nowrap}
.linkbtn{all:unset;cursor:pointer;color:var(--info);text-decoration:underline;font:inherit}
.linkbtn:focus-visible{outline:2px solid var(--accent)}
.tl{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column}
.tl li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}
.tl-k{font:500 11.5px var(--f-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding-top:2px}
.tl-pay .tl-k{color:var(--ok)}.tl-fail .tl-k{color:var(--bad)}.tl-mail .tl-k{color:var(--info)}.tl-access .tl-k{color:#8b5cf6}.tl-plan .tl-k{color:var(--accent)}
details summary{cursor:pointer;margin-top:4px}
/* facture */
.inv{border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px;background:var(--surface)}
.inv-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.inv-brand{font:700 22px var(--f-display);letter-spacing:-.02em}
.inv-no{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px}
.inv-no>span:first-child{font:500 11px var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.inv-no b{font-size:17px}
.inv-to{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--sunk);border-radius:8px}
.inv-t td:nth-child(n+2),.inv-t th:nth-child(n+2){text-align:right;white-space:nowrap}
.inv-tot{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.inv-tot>div{display:flex;gap:24px;justify-content:space-between;min-width:240px}
.inv-tot>div span{color:var(--muted)}
.inv-tot .big{border-top:1px solid var(--line);padding-top:6px;font-size:17px}
.inv-tot .big span{color:var(--ink);font-weight:600}
.inv-stamp{align-self:flex-start;font-weight:600;border-radius:8px;padding:6px 12px}
.inv-stamp.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}
.inv-stamp.ko{color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent)}
/* tarifs */
.modtab input{min-height:34px;padding:5px 8px}
.modtab td:first-child{min-width:170px}.modtab td:nth-child(2){min-width:240px}.modtab td:last-child{width:120px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.fcard{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--surface)}
.fmods{display:grid;grid-template-columns:1fr;gap:4px;margin-top:6px;font-weight:400}
.stickyfoot{position:sticky;bottom:0;background:var(--bg);padding:10px 0;z-index:3}
/* bandeau mode assistance */
#impbar{position:fixed;top:0;left:0;right:0;z-index:45;display:flex;align-items:center;gap:10px;padding:8px max(14px,env(safe-area-inset-right,0px)) 8px max(14px,env(safe-area-inset-left,0px));padding-top:calc(8px + env(safe-area-inset-top,0px));background:#6d28d9;color:#fff;font-size:13.5px;box-shadow:0 2px 12px rgba(0,0,0,.25)}
#impbar[hidden]{display:none}
#impbar .ib-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#impbar .ib-dot{width:9px;height:9px;border-radius:99px;background:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.3);flex:none;animation:ib-pulse 1.6s ease-in-out infinite}
@keyframes ib-pulse{50%{box-shadow:0 0 0 6px rgba(251,191,36,.05)}}
@media (prefers-reduced-motion:reduce){#impbar .ib-dot{animation:none}}
#impbar .ib-x{all:unset;box-sizing:border-box;cursor:pointer;background:#fff;color:#4c1d95;font-weight:700;border-radius:99px;padding:6px 14px;flex:none;font-size:13.5px}
#impbar .ib-x:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}
body.imp{padding-top:var(--imph,0px)}
body.imp #modal{top:var(--imph,0px)}
.nav .rolebox.imp{background:rgba(109,40,217,.35);border-radius:10px}
@media (min-width:861px){body.imp .nav{top:var(--imph,0px);height:calc(100vh - var(--imph,0px))}}
@media (max-width:860px){
  .orow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name st" "plan mrr" "use use" "next next";gap:6px 12px;padding:14px 4px}
  .orow .o-name{grid-area:name}.orow .o-st{grid-area:st;justify-self:end}.orow .o-plan{grid-area:plan}.orow .o-mrr{grid-area:mrr;justify-self:end}.orow .o-use{grid-area:use}.orow .o-next{grid-area:next}
  .orow .o-lbl{display:inline;margin-right:6px}
  .orow .o-use{display:flex;align-items:center;gap:8px}.orow .o-use .ubar{flex:1}
  #modal .sheet.drawer{width:100%;height:100dvh;border-radius:0;padding-bottom:env(safe-area-inset-bottom,0px)}
  .dr-head{padding:14px 16px 6px}.dr-act{padding:4px 16px 10px}.drawer>.tabs{padding:0 16px}.dr-body{padding:12px 16px 32px}
  .tl li{grid-template-columns:minmax(0,1fr)}
  #impbar .ib-more{display:none}
  .inv{padding:14px}
  .inv-tot>div{min-width:0;width:100%}
  .ofilter input[type=search]{flex:1 1 100%}
}
body.ro form[data-f="sub-pay"],body.ro form[data-f="demo-request"]{display:flex!important}
@media (max-width:860px){.modlist .item{flex-wrap:wrap}.modlist .item .grow{flex:1 1 100%}}

/* ===== V11 : listes, fiches, modèle d’état des lieux, espace web des états des lieux ===== */
.pill.lp{font-weight:600}
.lbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.lbar .chips{flex:1 1 auto}
.lbar select{min-height:36px;padding:6px 10px}
.lsearch{flex:0 1 340px;min-width:0;min-height:36px;padding:7px 12px 7px 34px;border-radius:99px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a9299' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21'/%3E%3C/svg%3E") no-repeat 12px 50%/15px}
.ltable{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}
.lth,.lrow{display:grid;gap:14px;align-items:center;padding:0 16px}
.lth{background:var(--sunk);font:500 10.5px var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);min-height:34px}
.lrow{all:unset;box-sizing:border-box;display:grid;gap:14px;align-items:center;padding:13px 16px;border-top:1px solid var(--line);cursor:pointer;width:100%;min-width:0;transition:background .12s}
.lth+.lrow,.ltable>.lrow:first-child{border-top:0}
.lrow:hover{background:color-mix(in srgb,var(--sunk) 70%,var(--surface))}
.lrow:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.lrow>span{min-width:0}
.lt-props .lth,.lt-props .lrow{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr) minmax(0,1.05fr) minmax(0,1.35fr) minmax(0,1.3fr) 14px}
.lt-owners .lth,.lt-owners .lrow{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr) minmax(0,1.7fr) minmax(0,.9fr) 14px}
.lt-edls .lrow{grid-template-columns:minmax(0,2.5fr) minmax(0,.9fr) minmax(0,1.05fr) minmax(0,1.6fr) 14px}
.lrow.lr-mini{grid-template-columns:minmax(0,1fr) auto 14px;padding:11px 14px}
.lc-main{display:flex;gap:12px;align-items:center;min-width:0}
.lc-t{display:flex;flex-direction:column;min-width:0}
.lc-t b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-t .s,.lrow .s{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-l{display:none}
.lc-owner,.lc-phone{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-edl{display:flex;gap:7px;align-items:center;font-size:13px;min-width:0}
.lc-edl span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.okm{width:20px;height:20px;border-radius:99px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok);font-size:11px;font-weight:700;flex:none}
.todo2{color:var(--warn);font-weight:600;font-size:12.5px}
.lc-next{display:flex;flex-direction:column;gap:3px;font-size:13px;align-items:flex-start;min-width:0}
.lc-next>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.lc-props{display:flex;gap:5px;flex-wrap:wrap;align-items:center;min-width:0}
.lc-props .pill{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.lc-go{color:var(--muted);font-size:20px;line-height:1;justify-self:end}
.lc-st{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.lc-meta{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-meta .bad,.bad{color:var(--bad)}
.lempty{padding:22px 16px;color:var(--muted);text-align:center;font-size:14px}
.avt{width:36px;height:36px;border-radius:99px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent);font:700 13px var(--f-body);flex:none;letter-spacing:.02em}
.avt.lg{width:52px;height:52px;font-size:17px}
.datebox{width:42px;height:44px;border-radius:10px;background:var(--sunk);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;line-height:1.05}
.datebox b{font:700 17px var(--f-display)}
.datebox span{font:500 10px var(--f-mono);text-transform:uppercase;color:var(--muted);letter-spacing:.04em}
.datebox.late{background:color-mix(in srgb,var(--bad) 12%,var(--surface))}.datebox.late b,.datebox.late span{color:var(--bad)}
.pbar{display:block;width:100%;max-width:120px;height:5px;border-radius:99px;background:var(--sunk);overflow:hidden}
.pbar i{display:block;height:100%;border-radius:99px;background:var(--ok)}
/* fenêtre de confirmation au-dessus d’une fiche */
.glayer{position:fixed;inset:0;z-index:80;display:flex;padding:16px}
.glayer .back{background:rgba(8,14,19,.48)}
.gbox{position:relative;margin:auto;width:min(440px,100%);background:var(--surface);color:var(--ink);border-radius:16px;box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:10px;max-height:90dvh;overflow:auto}
.gbox h3{font-size:19px}
.gbox p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.45}
.gbtns{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:6px}
.gl-in{margin-top:4px}
.glayer.ios .gbox{font-family:var(--i-font);background:var(--i-sh);color:var(--i-fg);border-radius:26px;text-align:center;padding:22px 18px 16px;width:min(380px,100%)}
.glayer.ios .gbox h3{font-family:var(--i-font);font-size:18px;font-weight:600;letter-spacing:-.01em}
.glayer.ios .gbox p{color:var(--i-gr)}
.glayer.ios .gbtns{flex-direction:column;gap:8px}
.glayer.ios .gbtns .btn{justify-content:center;min-height:48px;border-radius:99px;font-size:16px;font-weight:600;border:0;background:var(--i-btn);color:var(--i-fg)}
.glayer.ios .gbtns .btn.primary{background:var(--i-blue);color:#fff}
.glayer.ios .gbtns .btn.danger{color:var(--i-red)}
.glayer.ios .gl-in{background:var(--i-card);border:0;border-radius:14px;min-height:46px;font-family:var(--i-font);font-size:16px;color:var(--i-fg)}
@media (prefers-reduced-motion:no-preference){.gbox{animation:gb-in .16s ease-out}@keyframes gb-in{from{transform:scale(.97);opacity:0}to{transform:none;opacity:1}}}
.presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;text-align:left;margin-top:4px}
.preset{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:14px;cursor:pointer}
.preset input{width:auto;min-height:0}
.preset .pcount{width:56px;min-height:30px;padding:2px 6px;margin-left:auto}

/* fiche logement / propriétaire */
#modal .sheet.psheet{width:min(1040px,calc(100% - 32px));max-height:min(900px,94dvh);padding:0;gap:0;display:flex;flex-direction:column;overflow:hidden}
.psheet .pform{display:flex;flex-direction:column;gap:0;min-height:0;flex:1}
.ps-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:20px 22px 10px}
.ps-head h2{font:700 25px/1.12 var(--f-display);letter-spacing:-.02em;overflow-wrap:anywhere}
.ps-head .s{color:var(--muted);font-size:14px;margin-top:2px}
.ps-x{font-size:26px;flex:none}
.ps-tabs{padding:0 22px;flex:none}
.ps-body{flex:1;min-height:0;overflow:auto;padding:18px 22px 22px;display:flex;flex-direction:column;gap:14px;background:color-mix(in srgb,var(--sunk) 35%,var(--surface))}
.ps-foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 22px;border-top:1px solid var(--line);background:var(--surface);flex:none}
.ps-foot .err{flex:1 1 100%;min-height:0}
.ps-foot .err:empty{display:none}
.ps-foot .grow{flex:1}
.ps-dirty{font-size:13px;color:var(--warn);font-weight:600;display:inline-flex;gap:6px;align-items:center}
.ps-dirty::before{content:'';width:8px;height:8px;border-radius:99px;background:var(--warn)}
.ps-dirty[hidden]{display:none}
.ps-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.ps-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.psheet input:disabled:not(.tgl),.psheet select:disabled,.psheet textarea:disabled{background:var(--sunk);color:var(--ink);opacity:1}
input.tgl:disabled:checked{background:var(--ok);opacity:.55;cursor:default}
.lseg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}
.lseg-b{all:unset;box-sizing:border-box;cursor:pointer;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;background:var(--surface);min-width:0;transition:border-color .12s,background .12s}
.lseg-b b{color:var(--ink);font-size:14px;font-weight:600;display:flex;gap:7px;align-items:center}
.lseg-b b::before{content:'';width:9px;height:9px;border-radius:99px;background:var(--c);flex:none}
.lseg-b span{font-size:12px;font-weight:400;color:var(--muted);line-height:1.3}
.lseg-b[aria-checked="true"]{border-color:var(--c);background:color-mix(in srgb,var(--c) 8%,var(--surface));box-shadow:inset 0 0 0 1px var(--c)}
.lseg-b:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lseg-b:disabled{cursor:default}
.os-t{display:flex;gap:14px;align-items:center}
.oprops{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:6px;background:var(--surface)}
.oprop{display:flex;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid var(--line);font-weight:400;color:var(--ink);cursor:pointer}
.oprop:first-child{border-top:0}
.oprop input{width:auto;min-height:0}
.oprop .grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.oprop .s{font-size:12px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.osum{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 4px}
body.ro form[data-f="prop"],body.ro form[data-f="owner"]{display:flex!important}

/* modèle d’état des lieux */
.tcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}
.tc-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.tc-h h3{font-size:17px}
.tc-h p{margin:3px 0 0;font-size:13px;color:var(--muted);max-width:70ch}
.tsum{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.tsum>div{background:var(--sunk);border-radius:10px;padding:9px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.tsum>div.wide{grid-column:span 2}
.tsum b{font:700 21px var(--f-display)}
.tsum b.sm{font:600 14px var(--f-body)}
.tsum span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.filebtn{position:relative;overflow:hidden;cursor:pointer}
.filebtn input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;min-height:0}
.filebtn:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.secs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.secr{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-weight:400;color:var(--ink);cursor:pointer;min-width:0;background:var(--surface)}
.secr.core{background:var(--sunk);cursor:default}
.secr .grow{flex:1;min-width:0;display:flex;flex-direction:column}
.secr .grow b{font-size:14px;font-weight:600}
.secr .grow .s{font-size:12px;color:var(--muted)}
.secr .pill{font-size:11px;padding:0 8px}
.trooms{display:flex;flex-direction:column;gap:10px}
.troom{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.tr-h{display:flex;gap:8px;align-items:center;padding:8px 10px;background:var(--sunk)}
.tr-fold{all:unset;cursor:pointer;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--muted);font-size:13px;flex:none}
.tr-fold:hover{background:var(--surface)}.tr-fold:focus-visible{outline:2px solid var(--accent)}
.tr-name{flex:1;min-width:120px;font-weight:600;background:transparent;border-color:transparent;min-height:34px;padding:5px 8px}
.tr-name:hover:not(:disabled){border-color:var(--line);background:var(--surface)}
.tr-n{white-space:nowrap;font-size:12.5px}
.tr-tools{display:flex;gap:2px;align-items:center}
.tr-tools .ib{font-size:15px}
.tr-tools .ib:disabled{opacity:.3;cursor:default}
.titems{padding:6px 10px 10px;display:flex;flex-direction:column;gap:6px}
.titems .ti{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) 62px minmax(0,1fr) minmax(0,1.8fr) 30px;gap:6px;align-items:center}
.titems .ti input,.titems .ti select{min-height:34px;padding:5px 8px;font-size:13.5px}
.ti-h{font:500 10.5px var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:2px 0}
.ti-x{color:var(--muted)}
.ti-x:hover{color:var(--bad)}
.tadd{all:unset;cursor:pointer;color:var(--accent);font-weight:600;font-size:13.5px;padding:6px 2px;align-self:flex-start}
.tadd:focus-visible{outline:2px solid var(--accent)}
.tempty{padding:16px;border:1.5px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center;font-size:13.5px}
.tlist{display:flex;flex-direction:column;gap:6px}
.tlist .tm{display:grid;grid-template-columns:130px minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.2fr) 30px;gap:6px;align-items:center}
.tlist .tk{display:grid;grid-template-columns:minmax(0,1fr) 80px 30px;gap:6px;align-items:center;max-width:520px}
.tlist .tm input,.tlist .tm select,.tlist .tk input{min-height:34px;padding:5px 8px;font-size:13.5px}
.tsup{min-height:120px}
.th4{font:600 13px var(--f-body);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:4px 0 -2px}
.imp .ld{display:flex;gap:14px;align-items:center;padding:6px 2px}
.imp .ld>div{flex:1;display:flex;flex-direction:column;gap:2px}
.spin{width:22px;height:22px;border-radius:99px;border:2.5px solid color-mix(in srgb,var(--accent) 25%,transparent);border-top-color:var(--accent);animation:spin .8s linear infinite;flex:none;display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spin{animation-duration:2.4s}}
.rawtxt{max-height:260px;overflow:auto;background:var(--sunk);border-radius:10px;padding:12px;font:12px/1.45 var(--f-mono);white-space:pre-wrap;margin:0}
.imp-end{justify-content:flex-end;border-top:1px solid var(--line);padding-top:12px}

/* espace web des états des lieux */
.einfo{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.einfo>div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 13px;display:flex;flex-direction:column;gap:3px;min-width:0}
.einfo>div b{font-weight:600;overflow-wrap:anywhere}
.einfo>div .s{font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.einfo>div.bad{border-color:color-mix(in srgb,var(--bad) 40%,var(--line));background:color-mix(in srgb,var(--bad) 5%,var(--surface))}
.einfo>div.bad b{color:var(--bad)}
.einfo .pbar{max-width:none;margin:3px 0 2px}
.planbox{display:flex;gap:16px;align-items:flex-start}
.pb-ic{width:46px;height:46px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);display:grid;place-items:center;flex:none}
.pb-ic svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.planbox h2{margin-bottom:4px}
.planbox p{margin:0 0 10px;max-width:75ch}
.note-web{margin:-4px 0 0}
.eroom>header{gap:10px}
.eroom>header .thumbs{margin-left:4px}
.etable{display:flex;flex-direction:column}
.etr{display:grid;grid-template-columns:minmax(0,1.6fr) 44px minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,1.6fr) minmax(0,1.3fr) 82px;gap:10px;align-items:center;padding:10px 16px;border-top:1px solid var(--line);font-size:13.5px}
.etr.eth{font:500 10.5px var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 16px;background:color-mix(in srgb,var(--sunk) 45%,var(--surface))}
.etr>span{min-width:0}
.etr .en{display:flex;flex-direction:column}
.etr .en b{font-weight:600}
.etr .en .s{font-size:12px;color:var(--muted)}
.etr .ec{overflow-wrap:anywhere;font-size:13px}
.etr.anom{background:color-mix(in srgb,var(--bad) 5%,var(--surface))}
.etr.unk .en b{color:var(--muted)}
.was{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.mgroup h3{font-size:15px;margin:0 0 8px}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.mfig{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}
.mfig figcaption{display:flex;flex-direction:column;gap:1px;font-size:12.5px;color:var(--muted);min-width:0}
.mfig figcaption b{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mfig figcaption .warn{color:var(--warn)}
.sigs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.sigbox{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;min-height:120px}
.sigbox img{max-width:100%;max-height:90px;object-fit:contain;align-self:flex-start;background:#fff;border-radius:8px}
.seg .segr{display:inline-flex;cursor:pointer;margin:0}
.seg .segr input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.seg .segr span{border-radius:7px;padding:5px 14px;font-size:13px;font-weight:500;min-height:28px;display:inline-flex;align-items:center;color:var(--ink)}
.seg .segr input:checked+span{background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.18)}
.seg .segr input:focus-visible+span{outline:2px solid var(--accent)}
.seg .segr input:disabled+span{opacity:.6}
/* vignettes de médias */
.mt{all:unset;box-sizing:border-box;cursor:pointer;position:relative;width:54px;height:54px;border-radius:9px;overflow:hidden;background:var(--sunk);border:1px solid var(--line);display:inline-grid;place-items:center;flex:none}
.mt img,.mt video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.mt.lg{width:100%;height:auto;aspect-ratio:4/3;border-radius:12px}
.mt.nom::after{content:'Envoi en cours';position:absolute;inset:0;display:grid;place-items:center;font-size:9.5px;color:var(--muted);text-align:center;padding:4px;line-height:1.2}
.mt.nom.lg::after{font-size:12px}
.mt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mplay{position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:99px;background:rgba(0,0,0,.55);box-shadow:0 0 0 1.5px rgba(255,255,255,.75)}
.mplay::after{content:'';position:absolute;left:9px;top:6.5px;border-style:solid;border-width:5.5px 0 5.5px 8px;border-color:transparent transparent transparent #fff}
.mt.lg .mplay{width:38px;height:38px;margin:-19px 0 0 -19px}.mt.lg .mplay::after{left:14px;top:10.5px;border-width:8.5px 0 8.5px 12px}
.mdur{position:absolute;right:3px;bottom:3px;background:rgba(0,0,0,.6);color:#fff;font:600 9.5px var(--f-mono);padding:1px 4px;border-radius:4px}
.mup{position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:99px;background:var(--warn);color:#fff;font:700 10px/16px var(--f-body);text-align:center;font-style:normal}
.mup.bad{background:var(--bad)}
.mcap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;font:600 9.5px var(--f-mono);padding:8px 3px 2px;text-align:center}
.mt.busy{cursor:default;border-style:dashed}
.mt.busy .spin{width:18px;height:18px}
/* visionneuse */
.lbx{position:fixed;inset:0;z-index:70;display:flex;padding:max(12px,env(safe-area-inset-top,0px)) 12px max(12px,env(safe-area-inset-bottom,0px))}
.lbx .back{background:rgba(5,8,11,.86)}
.lbx-in{position:relative;margin:auto;width:min(1000px,100%);max-height:100%;display:flex;flex-direction:column;gap:10px;color:#fff}
.lbx-media{display:grid;place-items:center;min-height:0}
.lbx-media .big{max-width:100%;max-height:72dvh;border-radius:12px;display:block;background:#000}
.lbx-na{padding:40px 20px;text-align:center;color:#c9d1d6;font-size:14.5px;max-width:46ch}
.lbx-cap{display:flex;flex-direction:column;gap:2px;font-size:13.5px;color:#c9d1d6}
.lbx-cap b{color:#fff;font-size:15px}
.lbx-bar{display:flex;gap:8px;align-items:center}
.lbx-bar .grow{flex:1}
.lbx-bar .s{color:#c9d1d6;font-size:13px}
.lbx-bar .btn{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
.lbx-bar .btn.primary{background:#fff;color:#111;border-color:#fff}
.lbx-bar .btn.danger{color:#ff8a7a}
/* pastille de synchronisation */
.syncpill{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:99px;background:var(--sunk);color:var(--muted);white-space:nowrap;max-width:100%}
.syncpill i{width:8px;height:8px;border-radius:99px;background:var(--muted);flex:none}
.syncpill span{overflow:hidden;text-overflow:ellipsis}
.syncpill.s-ok i{background:var(--ok)}.syncpill.s-wait i{background:var(--warn);animation:sp-p 1.2s ease-in-out infinite}.syncpill.s-err i{background:var(--bad)}
@keyframes sp-p{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.syncpill.s-wait i{animation:none}}
.syncpill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.navsync{padding:0 8px;margin-top:-10px}
.nav .syncpill{background:rgba(255,255,255,.07);color:var(--nav-muted)}
.mhead .syncpill{margin-left:6px;padding:3px 8px}
.mhead .syncpill span{display:none}
/* propriétaire : état des lieux initial */
.ownedl{display:flex;flex-direction:column;gap:12px}
.oroom>b{display:block;font:600 13px var(--f-body);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:4px}
.oitem{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:6px 0;border-top:1px solid var(--line);font-size:14px}
.oroom .oitem:first-of-type{border-top:0}

@media (max-width:860px){
  .lth{display:none}
  .lrow{padding:12px 14px;gap:6px 10px}
  .lt-props .lrow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main lease" "edl edl" "next next"}
  .lt-props .lc-main{grid-area:main}.lt-props .lc-lease{grid-area:lease;justify-self:end}.lt-props .lc-owner{display:none}.lt-props .lc-edl{grid-area:edl;padding-left:22px}.lt-props .lc-next{grid-area:next;padding-left:22px;flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center}.lt-props .lc-go{display:none}
  .lt-owners .lrow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main req" "props props"}
  .lt-owners .lc-main{grid-area:main}.lt-owners .lc-req{grid-area:req;justify-self:end}.lt-owners .lc-phone{display:none}.lt-owners .lc-props{grid-area:props;padding-left:48px}.lt-owners .lc-go{display:none}
  .lt-edls .lrow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main st" "meta lease"}
  .lt-edls .lc-main{grid-area:main}.lt-edls .lc-st{grid-area:st;align-items:flex-end}.lt-edls .lc-meta{grid-area:meta;padding-left:54px;white-space:normal}.lt-edls .lc-lease{grid-area:lease;justify-self:end}.lt-edls .lc-go{display:none}
  .lsearch{flex:1 1 100%}
  #modal .sheet.psheet{width:100%;max-height:96dvh;margin:auto 0 0;border-radius:18px 18px 0 0}
  .ps-head{padding:16px 16px 8px}.ps-tabs{padding:0 16px}.ps-body{padding:14px 16px 18px}.ps-foot{padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}
  .ps-grid{grid-template-columns:minmax(0,1fr)}
  .lseg{grid-template-columns:minmax(0,1fr)}
  .titems .ti{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px;grid-template-areas:"n n x" "c q s" "o o o"}
  .titems .ti-h{display:none}
  .titems .ti>[data-tk="iname"]{grid-area:n}.titems .ti>[data-tk="icat"]{grid-area:c}.titems .ti>[data-tk="iqty"]{grid-area:q}.titems .ti>[data-tk="icond"]{grid-area:s}.titems .ti>[data-tk="inotes"]{grid-area:o}.titems .ti>.ti-x,.titems .ti>span:last-child{grid-area:x}
  .titems .ti{padding:8px 0;border-top:1px solid var(--line)}.titems .ti:first-of-type{border-top:0}
  .tlist .tm{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px}
  .tlist .tm>[data-tk="mnum"],.tlist .tm>[data-tk="mloc"]{grid-column:span 1}
  .etr{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}
  .etr.eth{display:none}
  .etr>span:nth-child(2){display:none}
  .etr>span:nth-child(4),.etr>span:nth-child(5){font-size:12px}
  .etr>.ec,.etr>.thumbs{grid-column:1/-1}
  .sigs{grid-template-columns:minmax(0,1fr)}
  .planbox{flex-direction:column}
  .tsum>div.wide{grid-column:1/-1}
}

/* compléments */
.btn.quiet{background:transparent;border-color:transparent}
.btn.quiet:hover{background:var(--sunk);border-color:transparent}
div.f{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:var(--muted);min-width:0}
.f .s,label.f>.s{font-size:12.5px;color:var(--muted);font-weight:400}
p.s{font-size:13.5px;color:var(--muted)}
.lbar{justify-content:flex-start}
.lbar>.lsearch{margin-left:auto}
@media (min-width:1100px){.einfo{grid-template-columns:repeat(6,minmax(0,1fr))}.einfo.e4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:860px){.navsync{display:none}.lbar>.lsearch{margin-left:0}}
#modal .sheet.psheet:focus{outline:none}

/* ===== réalisation sur téléphone et iPad ===== */
body.capon{overflow:hidden}
#cap{--cp:#15181c;--cpt:#fff;--ck:var(--i-green);position:fixed;inset:0;z-index:55;background:var(--i-bg2);color:var(--i-fg);font-family:var(--i-font);display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #cap{--cp:#f2f2f7;--cpt:#000}}
:root[data-theme="dark"] #cap{--cp:#f2f2f7;--cpt:#000}
:where(#cap) :is(button,input,textarea,select){font-family:inherit}
:where(#cap) button{color:inherit}
:where(#cap) svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
#cap :focus-visible{outline:2px solid var(--i-blue);outline-offset:2px}
#cap.split{display:grid;grid-template-columns:minmax(300px,34%) minmax(0,1fr)}
.cap-side,.cap-main{display:flex;flex-direction:column;min-height:0;min-width:0;height:100%}
.cap-side{border-right:.5px solid var(--i-sep);background:var(--i-bg2)}
.cap.split .cap-main{background:color-mix(in srgb,var(--i-bg2) 55%,var(--i-bg))}
.cap-h{display:grid;grid-template-columns:minmax(64px,1fr) minmax(0,auto) minmax(64px,1fr);align-items:center;gap:8px;padding:calc(6px + env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) 8px max(8px,env(safe-area-inset-left,0px));min-height:52px;flex:none;background:color-mix(in srgb,var(--i-bg2) 82%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);border-bottom:.5px solid var(--i-sep);position:relative;z-index:2}
.cap-t{font-size:17px;font-weight:600;letter-spacing:-.01em;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(52vw,420px)}
.cap-nb{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:2px;color:var(--i-blue);font-size:17px;min-height:44px;padding:0 6px;border-radius:12px;justify-self:start;max-width:100%;overflow:hidden;white-space:nowrap}
.cap-nb svg{width:24px!important;height:24px!important;stroke-width:2.4!important}
.cap-nb span{overflow:hidden;text-overflow:ellipsis}
.cap-nb.q{font-weight:500;padding:0 10px}
.cap-nb.ph{visibility:hidden}
.cap-nb:active{opacity:.55}
.cap-hr{justify-self:end;display:flex;align-items:center;min-width:0}
.cap-hr .syncpill{background:var(--i-btn);color:var(--i-gr);font-size:12px;padding:4px 9px;max-width:150px}
.cap-sc{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px max(14px,env(safe-area-inset-right,0px)) 26px max(14px,env(safe-area-inset-left,0px))}
.cap-main .cap-sc>*{max-width:760px;margin-left:auto;margin-right:auto}
.cap-f{flex:none;display:flex;gap:10px;padding:10px max(14px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));background:color-mix(in srgb,var(--i-bg2) 82%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);border-top:.5px solid var(--i-sep);justify-content:center}
.cap-f>*{max-width:520px}
@media (prefers-reduced-motion:no-preference){
  .an-push .cap-sc{animation:cp-push .26s cubic-bezier(.2,.8,.2,1)}
  .an-pop .cap-sc{animation:cp-pop .26s cubic-bezier(.2,.8,.2,1)}
  .an-fade .cap-sc{animation:cp-fade .2s ease-out}
  @keyframes cp-push{from{transform:translateX(44px);opacity:.3}to{transform:none;opacity:1}}
  @keyframes cp-pop{from{transform:translateX(-44px);opacity:.3}to{transform:none;opacity:1}}
  @keyframes cp-fade{from{opacity:0}to{opacity:1}}
}
/* boutons */
.cap-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border-radius:99px;font-size:16.5px;font-weight:600;letter-spacing:-.01em;text-align:center;transition:transform .08s,opacity .12s;-webkit-user-select:none;user-select:none}
.cap-btn:active{transform:scale(.98);opacity:.85}
.cap-btn.pri{background:var(--cp);color:var(--cpt)}
.cap-btn.sec{background:var(--i-btn);color:var(--i-fg)}
.cap-btn.tint{background:color-mix(in srgb,var(--i-blue) 13%,transparent);color:var(--i-blue)}
.cap-btn.gh{color:var(--i-blue);min-height:44px}
.cap-btn.gh.bad,.cap-btn.bad{color:var(--i-red)}
.cap-btn.wide{display:flex;width:100%;margin:6px 0}
.cap-btn.grow{flex:1}
.cap-btn[disabled]{opacity:.38;pointer-events:none}
.cap-btn svg{width:20px;height:20px;stroke-width:2.3}
.cap-lnk{all:unset;cursor:pointer;color:var(--i-blue);font-size:15px;padding:10px 2px;align-self:center}
.cap-link{display:inline-flex;align-items:center;gap:6px;color:var(--i-blue);text-decoration:none;font-size:15px;font-weight:500;padding:4px 2px 12px}
.cap-link svg{width:18px;height:18px}
/* sommaire */
.cap-hero{background:var(--i-card);border-radius:22px;padding:16px 16px 16px 18px;display:flex;gap:14px;align-items:center;margin-bottom:12px;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.ch-l{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ch-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:4px}
.ch-type{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:99px;background:color-mix(in srgb,var(--i-blue) 14%,transparent);color:var(--i-blue)}
.ch-type.out{background:color-mix(in srgb,var(--i-orange) 16%,transparent);color:color-mix(in srgb,var(--i-orange) 80%,var(--i-fg))}
.ch-name{font-size:18px;font-weight:700;letter-spacing:-.01em}
.ch-addr{font-size:15px;color:var(--i-fg)}
.ch-when{font-size:14px;color:var(--i-gr)}
.ch-res{font-size:13.5px;color:var(--i-gr);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-r{position:relative;width:64px;height:64px;flex:none;display:grid;place-items:center}
.ch-r .ring{position:absolute;inset:0;width:64px!important;height:64px!important;transform:rotate(-90deg)}
.ring .rb{stroke:var(--i-btn);stroke-width:4.5;fill:none}
.ring .rf{stroke:var(--accent);stroke-width:4.5;fill:none;stroke-linecap:round;transition:stroke-dasharray .4s}
.ch-r b{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.ch-r b small{font-size:10px;font-weight:600;color:var(--i-gr)}
.cap-hero.sm{padding:12px 12px 12px 14px;border-radius:18px}
.cap-hero.sm .ch-addr{font-size:13px;color:var(--i-gr)}
.cap-hero.sm .ch-when,.cap-hero.sm .ch-res{font-size:12.5px}
.cap-hero.sm .ch-r,.cap-hero.sm .ch-r .ring{width:52px!important;height:52px!important}
.cap-hero.sm .ch-r b{font-size:14px}
.cap-note{background:color-mix(in srgb,var(--i-orange) 10%,var(--i-card));border-radius:18px;padding:12px 14px;margin-bottom:10px;display:flex;flex-direction:column;gap:3px;font-size:15px;line-height:1.38}
.cap-note b{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb,var(--i-orange) 75%,var(--i-fg))}
.cap-note.acc{background:var(--i-card)}
.cap-note.acc b{color:var(--i-gr)}
.cap-cap{font-size:13px;color:var(--i-gr);text-transform:uppercase;letter-spacing:.03em;padding:14px 16px 7px}
.cap-list{background:var(--i-card);border-radius:20px;overflow:hidden;margin-bottom:12px}
.cap-row{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:9px 14px;position:relative}
.cap-row+.cap-row::before,.cap-item+.cap-item::before{content:'';position:absolute;top:0;right:0;left:62px;border-top:.5px solid var(--i-sep)}
.cap-row:active,.cap-row.on{background:color-mix(in srgb,var(--i-blue) 9%,var(--i-card))}
.cap-row.soft{opacity:.75}
.cr-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;background:#8e8e93;flex:none;font-weight:700;font-size:15px}
.cr-ic svg{width:21px!important;height:21px!important;stroke-width:2!important}
.ic-rooms{background:var(--accent)}.ic-meters{background:#30b0c7}.ic-gas{background:#ff6b2c}.ic-elec{background:#f5b800}.ic-heat{background:#ff453a}.ic-smoke{background:#8e8e93}.ic-wifi{background:#0a84ff}.ic-keys{background:#c48a1a}.ic-supplies{background:#34a853}.ic-tenant{background:#5e5ce6}.ic-obs{background:#64748b}.ic-sign{background:#af52de}.ic-video{background:#ff2d55}.ic-warn{background:var(--i-red)}.ic-info{background:#8e8e93}
.cr-ic.num{background:var(--i-btn);color:var(--i-fg);font-variant-numeric:tabular-nums}
.cr-ic.plus{background:transparent;color:var(--i-blue);font-size:26px;font-weight:400}
.cap-row.add .cr-tx b{color:var(--i-blue)}
.cap-row.done .cr-ic.num{background:color-mix(in srgb,var(--ck) 20%,transparent);color:var(--ck)}
.cr-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cr-tx b{font-size:16.5px;font-weight:500;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-tx>span{font-size:13.5px;color:var(--i-gr);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-bar{display:block;height:4px;border-radius:99px;background:var(--i-btn);overflow:hidden;margin-top:5px;max-width:220px}
.cr-bar i{display:block;height:100%;background:var(--ck);border-radius:99px}
.cr-ok{width:24px;height:24px;border-radius:99px;background:var(--ck);color:#fff;display:grid;place-items:center;flex:none}
.cr-ok svg{width:15px!important;height:15px!important;stroke-width:3!important}
.cr-warn{min-width:22px;height:22px;border-radius:99px;background:var(--i-red);color:#fff;font-size:12.5px;font-weight:700;display:grid;place-items:center;padding:0 6px;flex:none}
.cr-ch{color:color-mix(in srgb,var(--i-gr) 70%,transparent);display:grid;place-items:center}
.cr-ch svg{width:16px!important;height:16px!important;stroke-width:2.6!important}
.cap-meta{font-size:13px;color:var(--i-gr);text-align:center;padding:2px 10px 10px}
.cap-meta b{color:color-mix(in srgb,var(--i-orange) 85%,var(--i-fg));font-weight:600}
.cap-intro{font-size:14.5px;color:var(--i-gr);padding:0 4px 12px;line-height:1.4}
.cap-hint{font-size:13px;color:var(--i-gr);margin:6px 4px 10px;line-height:1.38}
.cap-hint.bad{color:var(--i-red)}
.cap-hint b{color:var(--i-fg)}
.cap-empty{padding:30px 16px;text-align:center;color:var(--i-gr);font-size:15px}
.cap-err{background:color-mix(in srgb,var(--i-red) 12%,var(--i-card));color:var(--i-red);border-radius:16px;padding:12px 14px;font-size:15px;margin:10px 0}
/* pièce */
.cap-grp h4{font-size:13px;font-weight:500;color:var(--i-gr);text-transform:uppercase;letter-spacing:.03em;padding:10px 16px 7px;margin:0}
.cap-item{display:flex;align-items:stretch;position:relative}
.ci-ck{all:unset;box-sizing:border-box;cursor:pointer;width:62px;flex:none;display:grid;place-items:center;position:relative}
.ci-ck::before{content:'';position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:99px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--i-gr) 55%,transparent);transition:background .15s,box-shadow .15s}
.ci-ck svg{position:relative;width:16px!important;height:16px!important;stroke-width:3!important;color:#fff}
.cap-item.ok .ci-ck::before{background:var(--ck);box-shadow:none}
.cap-item.an .ci-ck::before{background:var(--i-red);box-shadow:none}
.ci-x{position:relative;color:#fff;font-weight:800;font-size:15px;font-style:normal;line-height:1}
.ci-main{all:unset;box-sizing:border-box;cursor:pointer;flex:1;min-width:0;display:flex;align-items:center;gap:10px;min-height:58px;padding:8px 14px 8px 0}
.ci-main:active{background:color-mix(in srgb,var(--i-blue) 7%,transparent)}
.ci-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ci-tx b{font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ci-tx span{font-size:13.5px;color:var(--i-gr);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ci-tx span.bad{color:var(--i-red)}
.ci-n{display:inline-flex;align-items:center;gap:3px;font-size:13px;color:var(--i-gr);font-variant-numeric:tabular-nums}
.ci-n svg{width:16px!important;height:16px!important}
/* cartes et champs */
.cap-card{background:var(--i-card);border-radius:20px;padding:14px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}
.cv-h{display:flex;gap:12px;align-items:center}
.cv-h>div{display:flex;flex-direction:column;gap:1px;min-width:0}
.cv-h b{font-size:16.5px;font-weight:600}
.cv-h span{font-size:13.5px;color:var(--i-gr)}
.cap-fld{margin:4px 0 16px;display:flex;flex-direction:column;gap:8px}
.cap-fld.row{flex-direction:row;align-items:center;justify-content:space-between;background:var(--i-card);border-radius:18px;padding:10px 10px 10px 16px}
.cf-l{font-size:13px;color:var(--i-gr);text-transform:uppercase;letter-spacing:.03em;padding:0 4px}
.cap-fld.row .cf-l{text-transform:none;font-size:16px;color:var(--i-fg);letter-spacing:0;padding:0}
.cf-l small{font-size:12px;color:var(--i-gr);text-transform:none;letter-spacing:0;margin-left:4px}
.cap-fld textarea,.cap-in input,.cap-in textarea,.ck-name[data-cd]{display:block;width:100%;border:0;border-radius:14px;background:var(--i-card);color:var(--i-fg);font-size:17px;padding:12px 14px;min-height:48px;outline:0;-webkit-appearance:none;appearance:none}
.cap-card .cap-in input,.cap-card .cap-in textarea,.cap-card .ck-name[data-cd]{background:var(--i-bg2)}
.cap-fld textarea,.cap-in textarea{resize:vertical;line-height:1.4;min-height:96px}
.cap-in{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--i-gr);min-width:0}
.cap-in>span{padding:0 4px}
.cap-in.big input{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em;padding:10px 14px}
.cap-in input:focus,.cap-in textarea:focus,.cap-fld textarea:focus,.ck-name[data-cd]:focus{box-shadow:0 0 0 2px var(--i-blue)}
.cap-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.cap-chips{display:flex;gap:7px;flex-wrap:wrap}
.cc{all:unset;box-sizing:border-box;cursor:pointer;min-height:40px;padding:0 15px;border-radius:99px;background:var(--i-card);color:var(--i-fg);font-size:15px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--i-sep);transition:background .12s,color .12s;-webkit-user-select:none;user-select:none}
.cap-card .cc{background:var(--i-bg2);box-shadow:none}
.cc:active{transform:scale(.97)}
.cc.on{background:var(--cp);color:var(--cpt);box-shadow:none}
.cap-chips.cond .cc.on.c0{background:var(--info);color:#fff}.cap-chips.cond .cc.on.c1{background:var(--ok);color:#fff}.cap-chips.cond .cc.on.c2{background:var(--warn);color:#fff}.cap-chips.cond .cc.on.c3,.cap-chips.cond .cc.on.c4{background:var(--bad);color:#fff}
.cc.on.bad{background:var(--i-red);color:#fff}.cc.on.okc{background:var(--ck);color:#fff}.cc.on.warnc{background:var(--i-orange);color:#fff}
.cap-chips.seg3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.cap-chips.seg3 .cc{padding:0 6px;font-size:14px;text-align:center;line-height:1.15}
.cap-chips.seg3.sm .cc{min-height:36px;font-size:13px}
.cap-chips.cond{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}
.stepper{display:flex;align-items:center;gap:6px}
.stepper button{all:unset;box-sizing:border-box;cursor:pointer;width:42px;height:42px;border-radius:99px;background:var(--i-btn);display:grid;place-items:center;font-size:24px;font-weight:400;line-height:1}
.stepper button:active{transform:scale(.94)}
.stepper b{min-width:34px;text-align:center;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}
.stepper.sm button{width:36px;height:36px;font-size:21px}
.stepper.sm b{min-width:26px;font-size:17px}
.cap-sugs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 2px 2px;-webkit-overflow-scrolling:touch}
.cap-sugs::-webkit-scrollbar{display:none}
.cap-sugs button.on{background:var(--i-blue);color:#fff}
.cap-sugs button{all:unset;cursor:pointer;flex:none;font-size:13.5px;padding:6px 11px;border-radius:99px;background:color-mix(in srgb,var(--i-blue) 10%,transparent);color:var(--i-blue);white-space:nowrap}
.cap-media{display:flex;gap:8px;flex-wrap:wrap}
.cap-media:empty{display:none}
.cap-media .mt{width:78px;height:78px;border-radius:14px;border:0}
.cap-media.ref .mt{width:60px;height:60px;border-radius:10px}
.cap-mbtns{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}
.cap-mb{position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:62px;border-radius:16px;background:color-mix(in srgb,var(--i-blue) 11%,var(--i-card));color:var(--i-blue);font-size:13.5px;font-weight:600;-webkit-user-select:none;user-select:none}
.cap-mb svg{width:24px!important;height:24px!important}
.cap-mb input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;font-size:0}
.cap-mb:active{transform:scale(.98)}
.cap-mb:focus-within{box-shadow:0 0 0 2px var(--i-blue)}
.cap-ref{background:color-mix(in srgb,var(--i-blue) 7%,var(--i-card));border-radius:18px;padding:12px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:7px}
.cr-l{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--i-gr)}
.cr-v{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:15px}
.cr-v .s{color:var(--i-gr)}
.cap-card.vid .cap-mbtns{grid-template-columns:2fr 1fr}
.ck-l{font-size:16px;font-weight:600}
.cap-card.ckc{gap:9px}
.cap-keys{display:flex;flex-direction:column}
.ck-row{display:grid;grid-template-columns:minmax(0,1fr) auto 54px;gap:10px;align-items:center;padding:10px 0;border-top:.5px solid var(--i-sep)}
.ck-row:first-child{border-top:0}
.ck-row.bad .ck-name b{color:var(--i-red)}
.ck-name{display:flex;flex-direction:column;min-width:0}
.ck-name b{font-size:16px;font-weight:500}
.ck-name span{font-size:13px;color:var(--i-gr)}
input.ck-name{font-size:16px!important;min-height:42px!important}
.ck-eq{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;font-size:13px;font-weight:600;color:var(--i-blue);padding:8px 4px;border-radius:10px;background:color-mix(in srgb,var(--i-blue) 10%,transparent)}
.ck-eq.ph{visibility:hidden}
.sp-row{display:flex;flex-direction:column;gap:7px;padding:10px 0;border-top:.5px solid var(--i-sep)}
.sp-row:first-child{border-top:0;padding-top:2px}
.sp-row b{font-size:15.5px;font-weight:500}
/* signatures */
.sg-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.sg-h b{font-size:17px;font-weight:600}
.okt{color:var(--ck);font-size:13.5px;font-weight:600}
.sg-pad{position:relative;height:190px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--i-gr) 45%,transparent);overflow:hidden}
.sg-pad::after{content:'';position:absolute;left:18px;right:18px;bottom:42px;border-bottom:1.5px dashed #c7c7cc;pointer-events:none}
.sigpad{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}
.sg-ph{position:absolute;left:0;right:0;bottom:16px;text-align:center;color:#8e8e93;font-size:14px;pointer-events:none}
.sg-pad.on .sg-ph{display:none}
.sg-b{display:flex;gap:8px}
.sg-b .cap-btn{flex:1}
.sg-img{max-width:100%;max-height:130px;object-fit:contain;background:#fff;border-radius:14px;padding:8px;align-self:flex-start}
.sg-n{font-size:15px;font-weight:500}
/* validation */
.cap-sum{display:flex;gap:16px;align-items:center;background:var(--i-card);border-radius:22px;padding:16px;margin-bottom:6px}
.cap-sum>div:last-child{display:flex;flex-direction:column;gap:2px}
.cap-sum b{font-size:17px}
.cap-sum span{color:var(--i-gr);font-size:14px}
.cap-okb{display:flex;gap:10px;align-items:center;background:color-mix(in srgb,var(--ck) 12%,var(--i-card));color:var(--ck);border-radius:18px;padding:14px 16px;font-weight:600;margin:12px 0}
.cap-card.inc{gap:0;padding:4px 14px 10px}
.inc-r{display:flex;gap:12px;align-items:center;padding:11px 0;border-top:.5px solid var(--i-sep);cursor:pointer}
.inc-r:first-child{border-top:0}
.inc-r input{width:22px;height:22px;accent-color:var(--i-blue);flex:none;margin:0}
.inc-r>span{display:flex;flex-direction:column;min-width:0}
.inc-r b{font-size:15px;font-weight:500}
.inc-r span span{font-size:13px;color:var(--i-red)}
.cap-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:40px 6px 20px;max-width:440px!important}
.cd-ic{width:84px;height:84px;border-radius:99px;background:var(--ck);color:#fff;display:grid;place-items:center;margin-bottom:8px;box-shadow:0 10px 30px color-mix(in srgb,var(--ck) 35%,transparent)}
.cd-ic svg{width:44px!important;height:44px!important;stroke-width:3!important}
.cap-done h2{font-family:var(--i-font);font-size:26px;font-weight:700;letter-spacing:-.02em}
.cap-done p{margin:0;color:var(--i-gr);font-size:15px;line-height:1.4}
.cap-done .s{font-size:14px}
.cap-done .cap-btn{margin:4px 0}
.cap-done .okt{margin:6px 0 10px}
@media (min-width:768px){
  .cap-sc{padding:18px 22px 30px}
  .cap-side .cap-sc{padding:14px 14px 24px}
  .cap-side .cap-row{min-height:56px}
}
/* fiche « nouvel état des lieux » */
.isheet .i-seg .segr2{flex:1;display:flex;cursor:pointer;position:relative}
.isheet .i-seg .segr2 input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.isheet .i-seg .segr2 span{flex:1;height:36px;border-radius:99px;font-size:15px;font-weight:600;display:grid;place-items:center}
.isheet .i-seg .segr2 input:checked+span{background:var(--i-segon);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.isheet .i-seg .segr2 input:focus-visible+span{outline:2px solid var(--i-blue)}
.isheet .i-circ.ok.on{background:var(--i-blue);color:#fff}
.isheet .i-big{display:block;width:100%;min-height:52px;border-radius:99px;background:var(--i-blue)!important;color:#fff!important;font:600 17px var(--i-font);cursor:pointer;margin:4px 0 6px}

@media (max-width:767px){.cap-hr .syncpill span{display:none}.cap-hr .syncpill{padding:6px}}
.cap-in.big input::placeholder{font-weight:400;font-size:17px;color:var(--i-gr)}
.cap-in input::placeholder,.cap-in textarea::placeholder,.cap-fld textarea::placeholder{color:color-mix(in srgb,var(--i-gr) 85%,transparent)}
.cap-chips.cond{grid-template-columns:repeat(6,minmax(0,1fr))}
.cap-chips.cond .cc{grid-column:span 2}
.cap-chips.cond .cc:nth-child(n+4){grid-column:span 3}
@media (min-width:600px){.cap-chips.cond{grid-template-columns:repeat(5,minmax(0,1fr))}.cap-chips.cond .cc,.cap-chips.cond .cc:nth-child(n+4){grid-column:span 1}}
.ic-todo{background:var(--i-orange)}
.psheet:focus{outline:none}
.isheet .iv select{min-width:0;flex:0 1 auto}
.isheet .irow>span:first-child{white-space:nowrap}

/* ===================== V12 ===================== */
/* --- confirmation du propriétaire (4 étapes) --- */
.glayer.ocl .gbox{width:min(600px,100%);gap:12px}
.oc{display:flex;flex-direction:column;gap:12px}
.oc-step{margin:-4px 0 0;font-weight:600}
.oc-cards{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch}
.oc-card{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0;background:var(--bg)}
.oc-card b{font-size:15px;overflow-wrap:anywhere}
.oc-card .s{overflow-wrap:anywhere}
.oc-arrow{align-self:center;font-size:20px;color:var(--muted)}
.oc-warn{border-radius:10px;padding:9px 12px;background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--ink);font-size:13.5px}
.oc-why{margin:0;font-size:13px}
.oc-steps{display:flex;flex-direction:column;gap:8px}
.oc-chk{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:14px;line-height:1.4}
.oc-chk input{width:20px;height:20px;flex:none;margin:0;accent-color:var(--ok)}
.oc-chk:has(input:checked){border-color:color-mix(in srgb,var(--ok) 55%,var(--line));background:color-mix(in srgb,var(--ok) 7%,transparent)}
.oc-type{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px}
.oc-type q{quotes:"« " " »";font-weight:600;font-size:14.5px}
.oc-type input{font-size:15px}
.oc-type input.ok{border-color:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 18%,transparent)}
.oc-type input.bad{border-color:var(--bad)}
.oc-prog{font:600 13px var(--f-body);color:var(--muted);text-align:right}
.banner.ownpend{background:color-mix(in srgb,var(--warn) 13%,var(--surface));margin-bottom:12px}
@media (max-width:560px){.oc-cards{grid-template-columns:1fr}.oc-arrow{transform:rotate(90deg);justify-self:center}}

/* --- couleurs des intervenants --- */
.adot{display:inline-block;width:9px;height:9px;border-radius:99px;background:var(--c);margin-right:6px;vertical-align:1px;flex:none}
.picon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--sunk);color:var(--muted);flex:none}
.picon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cl.cl-p{padding:0;cursor:default;gap:4px}
.cl-p .cl-t,.cl-i .cl-t{all:unset;box-sizing:border-box;display:flex;gap:10px;align-items:center;flex:1;min-width:0;padding:6px;border-radius:7px;cursor:pointer;overflow-wrap:anywhere}
.cl-p .cl-t:hover{background:var(--sunk)}
.cl-p .cl-t:focus-visible,.cl-i .cl-t:focus-visible,.cl-sw:focus-visible{outline:2px solid var(--info);outline-offset:2px}
.cl-p.off .cl-t{color:var(--muted)}
.cl-sw{width:18px;height:18px;border-radius:6px;background:var(--c);flex:none;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);margin-right:4px;position:relative}
.cl-sw::after{content:"";position:absolute;inset:-6px}
.cl-i{display:flex;align-items:center;gap:8px}
.cl-i .cl-t{padding:6px 0}
.cl-i .tx{display:flex;flex-direction:column}
.cl-i .tx span{font-size:13px;color:var(--i-gr,var(--muted))}
.tswatch{all:unset;box-sizing:border-box;width:26px;height:26px;border-radius:99px;background:var(--c);flex:none;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55),0 0 0 1px var(--line);margin-right:10px}
.tswatch:focus-visible{outline:2px solid var(--info);outline-offset:2px}
.tpal{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}
.tpal-c{all:unset;box-sizing:border-box;display:flex;gap:9px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:14px}
.tpal-c i{width:20px;height:20px;border-radius:99px;background:var(--c);flex:none;display:grid;place-items:center}
.tpal-c span{display:flex;flex-direction:column;line-height:1.2}
.tpal-c small{font-size:11.5px;color:var(--muted)}
.tpal-c.on{border-color:var(--c);box-shadow:0 0 0 2px var(--c)}
.tpal-c.on i::after{content:"";width:8px;height:8px;border-radius:99px;background:#fff}
.tpal-c:hover{background:var(--sunk)}
.tpal-c:focus-visible{outline:2px solid var(--info);outline-offset:2px}
.asgl{display:flex;align-items:center;gap:0}
.asgl .i-cd{margin:0 8px 0 0}

/* --- import d’un état des lieux : options et lignes écartées --- */
.impopt{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:12px}
.impopt p{margin:0}
.impo{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer}
.impo input{width:18px;height:18px;margin:2px 0 0;flex:none}
.impo>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.impo .s{overflow-wrap:anywhere}
.impskip{border:1px solid var(--line);border-radius:12px;padding:0;background:var(--bg)}
.impskip>summary{cursor:pointer;padding:12px 14px;list-style:none;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.impskip>summary::-webkit-details-marker{display:none}
.impskip>summary::before{content:"▸";color:var(--muted);margin-right:2px}
.impskip[open]>summary::before{content:"▾"}
.isk-g{border-top:1px solid var(--line);padding:10px 14px}
.isk-h{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:6px}
.isk-h b{font-size:13.5px}
.isk-h .cnt{font:600 12px var(--f-mono);background:var(--sunk);border-radius:99px;padding:1px 8px}
.isk-g ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.isk-g li{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;padding:4px 0;border-bottom:1px dashed var(--line)}
.isk-g li:last-child{border-bottom:0}
.isk-t{flex:1;min-width:180px;overflow-wrap:anywhere;color:var(--ink)}
.isk-g li .s{font-family:var(--f-mono);font-size:11.5px}

/* --- comparaison entrée / sortie et écarts --- */
.ecsum{padding:14px}
.ecs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ecs-grid>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.ecs-grid b{font:700 20px var(--f-display);overflow-wrap:anywhere}
.ecs-grid .bad b{color:var(--bad)}
.eclist{display:flex;flex-direction:column;gap:10px}
.ec{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.ec.hi{border-left-color:var(--bad)}
.ec.done{border-left-color:var(--ok)}
.ec header{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.ec header h3{margin:2px 0 0;font-size:16px}
.ec-st{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ec-cmp{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch}
.ec-side{background:var(--bg);border-radius:10px;padding:9px 11px;display:flex;flex-direction:column;gap:4px;min-width:0}
.ec-side.cur{background:color-mix(in srgb,var(--bad) 8%,var(--bg))}
.ec-side b{font-size:14.5px}
.ec-side .s{overflow-wrap:anywhere}
.ec-side .thumbs{margin-top:4px}
.ec-ar{align-self:center;color:var(--muted);font-size:18px}
.ec-cmp.sm{margin-bottom:4px}
.ec-why{display:flex;gap:6px;flex-wrap:wrap}
.ec-why span{font-size:12.5px;font-weight:600;color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent);border-radius:99px;padding:3px 10px}
.ec-note{margin:0}
.ecrs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px}
.ecrs.two{margin:8px 0}
.ecr{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-weight:400;font-size:14px;line-height:1.4;color:var(--ink)}
.ecr input{margin:2px 0 0;flex:none;width:16px;height:16px}
.ecr>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.ecr b{font-size:14px;font-weight:600}
.ecr .s{font-size:12.5px;color:var(--muted);font-weight:400}
fieldset.fs{border:1px solid var(--line);border-radius:12px;padding:10px 14px 14px;margin:0;min-width:0;display:flex;flex-direction:column;gap:10px}
fieldset.fs>legend{padding:0 6px;font-weight:600;font-size:13.5px;color:var(--ink)}
.ec-inc{margin:0}
#ec-close .chk2,#ec-tpl .chk2{align-items:flex-start;line-height:1.4}
#ec-close .chk2 input,#ec-tpl .chk2 input{margin-top:2px}
.ecr:has(input:checked){border-color:var(--ink);background:var(--sunk)}
.ecstats{margin-bottom:12px}
.ecstats .stat.hot b{color:var(--bad)}
.ecg{margin-bottom:12px}
.ecg .ltable{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.lrow.lr-ec{grid-template-columns:minmax(0,1fr) auto 14px}
.lrow.lr-ec:first-child{border-top:0}
.lr-ec .lc-st{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ecprop{display:flex;flex-direction:column;gap:8px;margin:4px 0 12px}
.ecprop .ltable{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
@media (max-width:760px){.ecs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-cmp{grid-template-columns:minmax(0,1fr)}.ec-ar{transform:rotate(90deg);justify-self:center}.ecrs{grid-template-columns:minmax(0,1fr)}.lrow.lr-ec{grid-template-columns:minmax(0,1fr) 14px}.lr-ec .lc-st{grid-column:1/-1;justify-content:flex-start}}

/* --- fiche logement : caractéristiques --- */
.ps-more{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.ps-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ps-g3>span:empty{display:none}
.pms-link{margin:0}
@media (max-width:760px){.ps-g3{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* --- import / PMS --- */
.pimp{display:flex;flex-direction:column;gap:12px}
.pi-card{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--surface)}
.pi-h{display:flex;gap:12px;align-items:flex-start}
.pi-h h3{margin:0 0 2px;font-size:16px}
.pi-h p{margin:0}
.pi-n{width:26px;height:26px;border-radius:99px;background:var(--ink);color:var(--surface);display:grid;place-items:center;font:700 13px var(--f-body);flex:none}
.pms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.pms-b{all:unset;box-sizing:border-box;display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-weight:600}
.pms-b:hover{background:var(--sunk)}
.pms-b:focus-visible{outline:2px solid var(--info);outline-offset:2px}
.pms-logo{width:30px;height:30px;border-radius:8px;background:var(--sunk);display:grid;place-items:center;font:700 14px var(--f-display);color:var(--ink);flex:none}
.pms-logo.sm{width:24px;height:24px;font-size:12px}
.pms-on{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pms-on>div{display:flex;flex-direction:column}
.pi-log{display:flex;flex-direction:column;gap:6px}
.pi-l{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:6px}
.pms-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin-bottom:10px;font-size:13.5px}
.pms-bar>span:nth-child(2){flex:1}
.pmsc{display:flex;flex-direction:column;gap:12px}
.pmsc-steps{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:10px}
.pmsc-steps li{display:list-item;padding-left:4px}
.pmsc-steps li::marker{font-weight:700;color:var(--ink)}
.pmsc-steps li>b,.pmsc-steps li>.s{display:block}
.mgsheet .ps-body{gap:12px}
.mg{display:flex;flex-direction:column;gap:12px}
.mg-sum{display:flex;gap:6px;flex-wrap:wrap}
.mg-bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13.5px}
.mg-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mg-card header{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 14px;flex-wrap:wrap}
.mg-card header>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.mg-card header b{font-size:15px}
.mg-card.new{border-left:4px solid var(--ok)}
.mg-as{width:auto;max-width:280px}
.mg-sug{display:flex;gap:8px;align-items:center;font-size:13px;margin-top:4px;flex-wrap:wrap}
.mg-ft,.mg-f{display:grid;grid-template-columns:minmax(120px,.9fr) minmax(0,1.2fr) minmax(0,1.2fr) auto;gap:10px;align-items:center;padding:8px 14px;border-top:1px solid var(--line)}
.mg-ft{font:500 11px var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--bg)}
.mg-ft span:last-child{text-transform:none;letter-spacing:0;font-family:var(--f-body);font-size:12.5px;text-align:right}
.lnk{all:unset;cursor:pointer;color:var(--info);text-decoration:underline;text-underline-offset:2px}
.lnk:focus-visible{outline:2px solid var(--info)}
.mg-f.todo{background:color-mix(in srgb,var(--warn) 7%,transparent)}
.mg-l{font-weight:600;font-size:13.5px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mg-tag{font:500 10.5px var(--f-mono);text-transform:uppercase;color:var(--muted);background:var(--sunk);border-radius:99px;padding:1px 7px}
.mg-v{font-size:13.5px;overflow-wrap:anywhere;white-space:pre-line}
.mg-v.cur{color:var(--muted)}
.mg-v i{color:var(--muted)}
.mg-seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;justify-self:end}
.mg-seg button{all:unset;box-sizing:border-box;padding:6px 10px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--muted)}
.mg-seg button+button{border-left:1px solid var(--line)}
.mg-seg button.on.keep{background:var(--sunk);color:var(--ink)}
.mg-seg button.on.replace{background:var(--ink);color:var(--surface)}
.mg-seg button:focus-visible{outline:2px solid var(--info);outline-offset:-2px}
.mg-own{margin:0;padding:0 14px 10px}
.mg-more{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.mg-more summary{cursor:pointer;font-weight:600;font-size:13.5px}
.mg-more ul{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.mg-abs{margin:0}
.mg-foot{display:flex;gap:8px;align-items:center;padding:12px 22px;border-top:1px solid var(--line);background:var(--surface)}
@media (max-width:760px){.mg-ft{display:none}.mg-f{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"l l" "c n" "s s"}.mg-l{grid-area:l}.mg-v.cur{grid-area:c}.mg-v.nv{grid-area:n}.mg-seg{grid-area:s;justify-self:stretch}.mg-seg button{flex:1;text-align:center}.mg-foot{padding:10px 16px}.mg-as{max-width:100%;width:100%}}

/* --- boutons désactivés, indications de saisie, barre de navigation mobile --- */
.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}
.btn:disabled:hover{border-color:var(--line)}
.btn.primary:disabled:hover{border-color:var(--accent);filter:none}
.btn.quiet:disabled:hover{background:transparent;border-color:transparent}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent);opacity:1}
/* fondu sur le bord qui cache encore des éléments (barre du bas sur téléphone, onglets défilants) */
.tabs.fr,.nav ul.fr{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.tabs.fl,.nav ul.fl{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px);mask-image:linear-gradient(90deg,transparent,#000 28px)}
.tabs.fl.fr,.nav ul.fl.fr{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}
@media (min-width:861px){.nav ul.fl,.nav ul.fr{-webkit-mask-image:none;mask-image:none}}
/* --- fiche logement › Historique : modifications de la fiche --- */
.pslog{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.pslog ul{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}
.pslog li{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-top:1px solid var(--line);font-size:13.5px;overflow-wrap:anywhere}
.pslog li:first-child{border-top:0}
/* les blocs d’une fiche gardent leur hauteur (sinon une liste à « overflow:hidden » s’écrase quand la fiche défile) */
.ps-body>*,.sheet:not(.psheet)>*,.gbox>*{flex-shrink:0}
/* fiche propriétaire : même structure que la fiche logement (en-tête et pied fixes, corps qui défile) */
.psheet .oform{display:flex;flex-direction:column;gap:0;min-height:0;flex:1}
/* signature enregistrée : cadre de hauteur fixe (aucun saut de mise en page pendant le chargement de l’image) */
#cap .sg-img{display:block;width:100%;max-width:440px;height:130px;max-height:none;object-fit:contain}

/* ===================== V13 : messagerie façon WhatsApp ===================== */
:root{--wa-bg:#efeae2;--wa-me:color-mix(in srgb,var(--accent) 14%,#ffffff);--wa-them:#ffffff;--wa-meta:#667781;--wa-read:#2f9ae0;--wa-chip:rgba(255,255,255,.94);--wa-dot:rgba(11,20,26,.045)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--wa-bg:#0d1418;--wa-me:color-mix(in srgb,var(--accent) 26%,#15212a);--wa-them:#1c2a33;--wa-meta:#8fa0aa;--wa-read:#53bdeb;--wa-chip:rgba(28,42,51,.95);--wa-dot:rgba(255,255,255,.035)}}
:root[data-theme="dark"]{--wa-bg:#0d1418;--wa-me:color-mix(in srgb,var(--accent) 26%,#15212a);--wa-them:#1c2a33;--wa-meta:#8fa0aa;--wa-read:#53bdeb;--wa-chip:rgba(28,42,51,.95);--wa-dot:rgba(255,255,255,.035)}
[class^="wa-"] svg,[class*=" wa-"] svg,.pm-chat svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* boîte de réception */
.wa-inbox{display:grid;grid-template-columns:330px minmax(0,1fr) 270px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);min-height:440px}
.wa-inbox:not(.open){grid-template-columns:330px minmax(0,1fr)}
.wa-list{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--surface)}
.wa-search{display:flex;align-items:center;gap:8px;margin:10px 10px 6px;padding:0 12px;height:38px;border-radius:10px;background:var(--sunk);color:var(--muted);flex:none}
.wa-search svg{width:17px;height:17px}
.wa-search input{all:unset;flex:1;min-width:0;font-size:14px;color:var(--ink)}
.wa-items{flex:1;min-height:0;overflow-y:auto}
.wa-h0{align-items:center}
.wa-sub{margin:-6px 0 0;color:var(--muted);font-size:14px}
.wa-accs{display:flex;gap:6px;overflow-x:auto;padding:2px 10px 8px;flex:none;scrollbar-width:none;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.wa-accs::-webkit-scrollbar{display:none}
.wa-accs.fr{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.wa-accs.fl{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px);mask-image:linear-gradient(90deg,transparent,#000 28px)}
.wa-accs.fl.fr{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}
.wa-acc{all:unset;box-sizing:border-box;flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:99px;background:var(--sunk);color:var(--ink);font-size:13px;cursor:pointer;white-space:nowrap}
.wa-acc:hover{background:color-mix(in srgb,var(--ink) 9%,var(--sunk))}
.wa-acc.on{background:color-mix(in srgb,var(--accent) 15%,var(--surface));color:color-mix(in srgb,var(--accent) 78%,var(--ink));font-weight:600}
.wa-acc:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.wa-acc i{width:8px;height:8px;border-radius:99px;background:var(--c);flex:none}
.wa-acc b{background:var(--accent);color:var(--accent-ink);border-radius:99px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;font:600 11px var(--f-body)}
.wa-it{all:unset;box-sizing:border-box;display:flex;gap:12px;align-items:center;width:100%;padding:10px 14px;cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.wa-it:hover{background:var(--sunk)}
.wa-it.on{background:color-mix(in srgb,var(--accent) 9%,var(--surface))}
.wa-it:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.wa-av{width:44px;height:44px;border-radius:99px;flex:none;display:grid;place-items:center;font:600 15px var(--f-body);color:#fff;background:color-mix(in srgb,var(--c,var(--muted)) 78%,#000);letter-spacing:.02em}
.wa-itb{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.wa-itn{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.wa-itn b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-itn time{font-size:12px;color:var(--muted);flex:none}
.wa-it.unread .wa-itn time{color:var(--accent);font-weight:600}
.wa-itp{display:flex;gap:8px;align-items:center}
.wa-itx{flex:1;min-width:0;font-size:13.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-it.unread .wa-itx{color:var(--ink)}
.wa-itx .wa-tk{display:inline-flex;vertical-align:-1px;margin-right:3px}
.wa-cnt{font-style:normal;background:var(--accent);color:var(--accent-ink);border-radius:99px;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;font:600 11.5px var(--f-body);flex:none}
.wa-itm{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:3px}
.wa-itm .pill{font-size:11px;padding:0 8px}
.wa-itm .s{font-size:12px;color:var(--muted)}
.wa-none{padding:30px 18px;text-align:center;color:var(--muted);display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.wa-none b{color:var(--ink)}
.wa-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);text-align:center;padding:30px;background:var(--wa-bg);font-size:13.5px}
.wa-ph svg{width:46px;height:46px;stroke-width:1.4;color:color-mix(in srgb,var(--muted) 70%,transparent)}
.wa-ph b{color:var(--ink);font-size:16px}
.wa-side{border-left:1px solid var(--line);padding:16px;overflow-y:auto;background:var(--surface);min-height:0}
.wa-side h2{font-size:16px;margin:0 0 10px}
.wa-sm{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:1px;padding:8px 0;border-top:1px solid var(--line);width:100%}
.wa-sm b{font-size:13.5px;font-weight:600}
.wa-sm span{font-size:12.5px;color:var(--muted)}
.wa-caps{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.wa-caps span{font-size:12px;padding:2px 9px;border-radius:99px;background:var(--sunk);color:var(--muted)}
.wa-caps span.on{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}

/* conversation */
.wa-pane{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--wa-bg);position:relative}
.wa-hd{display:flex;align-items:center;gap:12px;padding:9px 14px;background:var(--surface);border-bottom:1px solid var(--line);min-height:60px;flex:none}
.wa-hd .wa-av{width:40px;height:40px;font-size:14px}
.wa-ht{display:flex;flex-direction:column;min-width:0}
.wa-ht b{font-size:15.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-ht span{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-back{all:unset;cursor:pointer;width:38px;height:38px;display:grid;place-items:center;border-radius:99px;color:var(--ink);margin-left:-8px;flex:none}
.wa-back svg{width:24px;height:24px;stroke-width:2.2}
.wa-back:focus-visible{outline:2px solid var(--accent)}
.wa-msgs{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px 5% 16px;display:flex;flex-direction:column;overscroll-behavior:contain;background-image:radial-gradient(var(--wa-dot) 1.1px,transparent 1.3px);background-size:20px 20px}
.wa-note{align-self:center;max-width:520px;margin:4px auto 10px;padding:7px 12px;border-radius:9px;background:var(--wa-chip);color:var(--wa-meta);font-size:12px;line-height:1.45;text-align:center;display:flex;gap:7px;align-items:flex-start;box-shadow:0 1px 1px rgba(0,0,0,.05)}
.wa-note svg{width:14px;height:14px;margin-top:1px}
.wa-empty{align-self:center;margin:auto;color:var(--wa-meta);font-size:13.5px;text-align:center;padding:20px}
.wa-day{align-self:center;margin:10px 0 4px;position:sticky;top:2px;z-index:2}
.wa-day span{display:inline-block;padding:4px 11px;border-radius:8px;background:var(--wa-chip);color:var(--wa-meta);font-size:12px;font-weight:500;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.wa-unr{margin:10px -6% 4px;padding:5px;text-align:center;background:color-mix(in srgb,var(--surface) 75%,transparent);color:var(--wa-meta);font-size:12.5px;font-weight:600}
.wa-row{display:flex;align-items:flex-end;gap:4px;position:relative;margin-top:8px;max-width:100%;touch-action:pan-y}
.wa-row.grp{margin-top:2px}
.wa-row.me{flex-direction:row-reverse}
.wa-bw{display:flex;flex-direction:column;align-items:flex-start;max-width:min(560px,80%);min-width:0}
.wa-row.me .wa-bw{align-items:flex-end}
.wa-b{position:relative;max-width:100%;padding:6px 8px 7px 9px;border-radius:10px;background:var(--wa-them);color:var(--ink);box-shadow:0 1px .5px rgba(11,20,26,.13);font-size:14.5px;line-height:1.38;overflow-wrap:anywhere;min-width:72px}
.wa-row.me .wa-b{background:var(--wa-me)}
.wa-row.them:not(.grp) .wa-b{border-top-left-radius:3px}
.wa-row.me:not(.grp) .wa-b{border-top-right-radius:3px}
.wa-b.del{background:color-mix(in srgb,var(--wa-them) 70%,transparent)}
.wa-who{font-size:12.5px;font-weight:600;color:var(--c,var(--accent));margin-bottom:2px}
.wa-t{display:inline}
.wa-t a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
.wa-t.big{display:block;font-size:40px;line-height:1.12;padding:2px 0}
.wa-t.del{display:inline-flex;gap:6px;align-items:center;color:var(--wa-meta);font-style:italic;font-size:13.5px}
.wa-t.del svg{width:15px;height:15px}
.wa-meta{float:right;display:inline-flex;align-items:center;gap:3px;margin:6px 0 -4px 12px;font-size:11px;color:var(--wa-meta);line-height:1;position:relative;top:3px;white-space:nowrap}
.wa-b.om{padding:3px}
.wa-b.om .wa-grid{margin:0}
.wa-b.om .wa-meta{position:absolute;right:8px;bottom:8px;top:auto;margin:0;float:none;color:#fff;background:rgba(0,0,0,.38);padding:3px 6px;border-radius:9px}
.wa-b.om .wa-tk,.wa-b.om .wa-tk.read{color:#fff}
.wa-tk{display:inline-flex;font-style:normal}
.wa-tk svg{width:16px;height:11px;stroke-width:1.7}
.wa-tk.read{color:var(--wa-read)}
.wa-tk.sim{opacity:.75}
.wa-tool{all:unset;opacity:0;width:28px;height:28px;border-radius:99px;display:grid;place-items:center;color:var(--wa-meta);cursor:pointer;flex:none;align-self:center;transition:opacity .12s;background:var(--wa-chip)}
.wa-tool svg{width:18px;height:18px}
.wa-row:hover .wa-tool,.wa-tool:focus-visible{opacity:1}
.wa-tool:focus-visible{outline:2px solid var(--accent)}
@media (hover:none){.wa-tool{display:none}.wa-b{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}
.wa-rs{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:3px;margin:-7px 8px 0;padding:2px 7px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-size:14px;line-height:20px;position:relative;z-index:1;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.wa-rs span{font-size:12px;color:var(--wa-meta)}
.wa-row.me .wa-rs{align-self:flex-start}
.wa-row.flash .wa-b{animation:waflash 1.4s ease-out}
@keyframes waflash{0%,45%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}100%{box-shadow:0 1px .5px rgba(11,20,26,.13)}}
.wa-row.swr .wa-b{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}
/* citations, contexte */
.wa-q{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:8px;align-items:stretch;width:100%;min-width:180px;border-radius:7px;background:color-mix(in srgb,var(--ink) 6%,transparent);border-left:4px solid var(--accent);padding:5px 8px;margin:0 0 5px;overflow:hidden}
.wa-q.me{border-left-color:var(--info)}
.wa-q.gone{cursor:default;color:var(--wa-meta);font-size:12.5px;font-style:italic}
.wa-qt{display:flex;flex-direction:column;min-width:0;flex:1}
.wa-qt b{font-size:12.5px;color:var(--accent);font-weight:600}
.wa-q.me .wa-qt b{color:var(--info)}
.wa-qt span{font-size:12.5px;color:var(--wa-meta);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wa-q img{width:44px;height:44px;object-fit:cover;border-radius:4px;flex:none;align-self:center}
.wa-ctx{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--wa-meta);padding:5px 8px;border-radius:7px;background:color-mix(in srgb,var(--info) 10%,transparent);margin-bottom:5px;min-width:0}
.wa-ctx svg{width:15px;height:15px;color:var(--info)}
.wa-ctx span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.wa-ctx b{color:var(--ink);font-weight:600}
/* médias */
.wa-grid{display:grid;gap:3px;border-radius:8px;overflow:hidden;margin:-2px -4px 4px;width:min(320px,64vw);grid-template-columns:1fr 1fr}
.wa-grid.g1{grid-template-columns:1fr;width:min(300px,64vw)}
.wa-grid.g3>:first-child{grid-column:1/-1;aspect-ratio:2/1}
.wa-m{all:unset;box-sizing:border-box;position:relative;cursor:pointer;display:block;background:color-mix(in srgb,var(--ink) 10%,transparent);aspect-ratio:1;overflow:hidden}
.wa-grid.g1 .wa-m{aspect-ratio:var(--ar,1.333);max-height:380px}
.wa-m img,.wa-m video{width:100%;height:100%;object-fit:cover;display:block}
.wa-m.nom::after{content:"Média en route";position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:var(--wa-meta)}
.wa-m:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.wa-play{position:absolute;inset:0;margin:auto;width:46px;height:46px;border-radius:99px;background:rgba(0,0,0,.45);display:grid;place-items:center;color:#fff}
.wa-play svg{width:24px;height:24px;margin-left:3px;stroke:none}
.wa-play.sm{width:28px;height:28px}.wa-play.sm svg{width:15px;height:15px}
.wa-dur{position:absolute;left:8px;bottom:6px;color:#fff;font-size:11.5px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.65)}
.wa-more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.45);color:#fff;font-size:24px;font-weight:600}
.wa-up{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:99px;background:rgba(0,0,0,.5);color:#fff;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:700}
.wa-up.bad{background:var(--bad)}
.wa-up.sm{position:static;width:18px;height:18px;font-size:11px;background:color-mix(in srgb,var(--ink) 30%,transparent)}
.wa-voice{display:flex;align-items:center;gap:8px;width:min(290px,62vw);padding:2px 0 12px;position:relative}
.wa-vp{all:unset;cursor:pointer;width:38px;height:38px;border-radius:99px;display:grid;place-items:center;color:var(--wa-meta);flex:none}
.wa-vp svg{width:30px;height:30px}
.wa-vp:focus-visible{outline:2px solid var(--accent)}
.wa-wave{flex:1;display:flex;align-items:center;gap:2px;height:32px;cursor:pointer;min-width:0}
.wa-wave i{flex:1;max-width:4px;height:var(--h);min-height:3px;border-radius:2px;background:color-mix(in srgb,var(--wa-meta) 55%,transparent)}
.wa-wave i.on{background:var(--accent)}
.wa-voice.act .wa-wave i:not(.on){background:color-mix(in srgb,var(--wa-meta) 45%,transparent)}
.wa-vt{position:absolute;left:46px;bottom:-2px;font-size:11px;color:var(--wa-meta);font-variant-numeric:tabular-nums}
.wa-sp{all:unset;cursor:pointer;display:none;flex:none;font:600 11.5px var(--f-body);padding:3px 7px;border-radius:99px;background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}
.wa-voice.act .wa-sp{display:inline-block}
.wa-b.vc{min-width:250px}
.wa-doc{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--ink) 6%,transparent);margin:2px 0 4px;width:min(300px,64vw)}
.wa-doc>svg{width:20px;height:20px;color:var(--wa-meta)}
.wa-dic{width:34px;height:40px;border-radius:5px;background:#d93f36;color:#fff;font:700 10px var(--f-body);display:grid;place-items:center;flex:none;letter-spacing:.04em}
.wa-dn{flex:1;min-width:0;display:flex;flex-direction:column}
.wa-dn b{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-dn span{font-size:12px;color:var(--wa-meta)}

/* compositeur */
.wa-sug{flex:none;background:var(--surface);border-top:1px solid var(--line);padding:10px 14px;display:flex;flex-direction:column;gap:8px;max-height:38%;overflow-y:auto}
.wa-sugh{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}
.wa-sugh .s{color:var(--muted)}
.wa-sug .draft{font-size:13.5px}
.wa-comp{flex:none;background:var(--surface);border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))}
.wa-cbar{display:flex;align-items:flex-end;gap:4px}
.wa-ic{all:unset;cursor:pointer;width:40px;height:40px;border-radius:99px;display:grid;place-items:center;color:var(--muted);flex:none}
.wa-ic:hover{background:var(--sunk);color:var(--ink)}
.wa-ic[aria-pressed="true"]{color:var(--accent)}
.wa-ic:focus-visible{outline:2px solid var(--accent)}
.wa-ic svg{width:24px;height:24px}
.wa-ic.danger{color:var(--bad)}
#wa-in{flex:1;min-height:40px;max-height:140px;resize:none;border:1px solid var(--line);border-radius:20px;padding:9px 14px;font:400 15px/1.35 var(--f-body);background:var(--bg);color:var(--ink);overflow-y:auto;margin:0 2px}
#wa-in:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
#wa-in:disabled{opacity:.6}
.wa-send{all:unset;cursor:pointer;width:42px;height:42px;border-radius:99px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);flex:none;box-shadow:0 1px 2px rgba(0,0,0,.18);transition:transform .1s}
.wa-send:active{transform:scale(.94)}
.wa-send svg{width:21px;height:21px;stroke-width:2}
.wa-send:disabled{opacity:.55;cursor:default}
.wa-send:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.wa-spin{width:18px;height:18px;border:2.5px solid currentColor;border-right-color:transparent;border-radius:99px;animation:waspin .8s linear infinite}
@keyframes waspin{to{transform:rotate(360deg)}}
.wa-cap{margin:6px 6px 0;font-size:12px;color:var(--muted);line-height:1.4}
.wa-bar{display:flex;gap:6px;align-items:center;margin:0 0 7px}
.wa-bar>.wa-q,.wa-bar>.wa-ctx{flex:1;margin:0;cursor:default}
.wa-tray{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px}
.wa-ti{position:relative;width:74px;height:74px;border-radius:10px;overflow:hidden;flex:none;background:var(--sunk)}
.wa-ti img,.wa-ti video{width:100%;height:100%;object-fit:cover;display:block}
.wa-tdoc{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;padding:4px;font-size:10.5px;text-align:center;color:var(--muted)}
.wa-tdoc svg{width:22px;height:22px}
.wa-tdoc b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:66px;color:var(--ink)}
.wa-tx{all:unset;cursor:pointer;position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:99px;background:rgba(0,0,0,.62);color:#fff;display:grid;place-items:center}
.wa-tx svg{width:13px;height:13px;stroke-width:2.4}
.wa-emo{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:2px;max-height:196px;overflow-y:auto;padding:8px 2px 2px}
.wa-emo button{all:unset;cursor:pointer;font-size:24px;line-height:38px;text-align:center;border-radius:8px}
.wa-emo button:hover,.wa-emo button:focus-visible{background:var(--sunk)}
.wa-comp.rec .wa-cbar{align-items:center}
.wa-rdot{width:10px;height:10px;border-radius:99px;background:#e5484d;animation:wapulse 1.1s ease-in-out infinite;flex:none;margin-left:6px}
@keyframes wapulse{50%{opacity:.2}}
.wa-rt{font:500 15px var(--f-mono);min-width:46px;font-variant-numeric:tabular-nums}
.wa-rl{flex:1;display:flex;align-items:center;gap:2px;height:30px;overflow:hidden;min-width:0}
.wa-rl i{flex:1;max-width:4px;height:var(--h,8%);min-height:3px;border-radius:2px;background:var(--accent);opacity:.85;transition:height .1s}
.wa-rwait{flex:1;color:var(--muted);font-size:14px;padding-left:6px}

/* menus */
.wa-pop{position:fixed;z-index:72;min-width:240px;max-width:min(340px,calc(100vw - 16px));background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:6px}
.wa-pop.wa-sheet{left:8px;right:8px;bottom:calc(10px + env(safe-area-inset-bottom,0px));max-width:none;border-radius:18px;animation:up .18s ease-out}
.wa-popbk{position:fixed;inset:0;z-index:71;background:rgba(8,14,19,.32)}
.wa-rbar{display:flex;justify-content:space-between;gap:2px;padding:4px 4px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}
.wa-rbar button{all:unset;cursor:pointer;font-size:26px;width:42px;height:42px;display:grid;place-items:center;border-radius:99px;transition:transform .1s}
.wa-rbar button:hover,.wa-rbar button:focus-visible{transform:scale(1.14);background:var(--sunk)}
.wa-rbar button.on{background:color-mix(in srgb,var(--accent) 18%,transparent)}
.wa-rbar .more{color:var(--muted)}
.wa-rbar .more svg{width:22px;height:22px}
.wa-mlist{display:flex;flex-direction:column}
.wa-mlist button{all:unset;cursor:pointer;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;font-size:14.5px}
.wa-mlist button:hover,.wa-mlist button:focus-visible{background:var(--sunk)}
.wa-mlist button.danger{color:var(--bad)}
.wa-mlist button:disabled{cursor:default}
.wa-mlist svg{width:20px;height:20px;color:var(--muted)}
.wa-mlist button.danger svg{color:var(--bad)}
.wa-minfo{padding:8px 12px 4px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:4px;line-height:1.4}
.wa-pop .wa-emo{max-height:260px;padding:4px}
.wa-rw .e{font-size:22px;width:30px;text-align:center}
.wa-rw>span:last-child{display:flex;flex-direction:column}
.wa-rw>span:last-child span{font-size:12px;color:var(--muted)}
.wa-new{display:flex;flex-direction:column;gap:2px}
.wa-new .tag{margin:8px 0 2px}
.wa-nr{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;width:100%}
.wa-nr:hover,.wa-nr:focus-visible{background:var(--sunk)}
.wa-nr .wa-av{width:38px;height:38px;font-size:13px}
.wa-nrt{flex:1;display:flex;flex-direction:column;min-width:0}
.wa-nrt span{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-nr>svg{width:20px;height:20px;color:var(--muted)}

/* espaces externes */
.wa-ext{border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;min-height:440px;max-width:920px;width:100%;margin:0 auto;background:var(--surface)}
.wa-ext .wa-pane{flex:1}

/* téléphone : conversation en plein écran */
.wa-pane.full{position:fixed;left:0;right:0;top:0;height:100dvh;z-index:30;border:0}
.wa-pane.full .wa-hd{padding-top:calc(9px + env(safe-area-inset-top,0px));min-height:calc(60px + env(safe-area-inset-top,0px))}
.wa-pane.full .wa-msgs{padding:10px 10px 14px}
.wa-pane.full .wa-unr{margin-left:-10px;margin-right:-10px}
body.wa-full{overflow:hidden}
body.wa-full .nav{visibility:hidden}
@media (max-width:860px){
  .wa-inbox{display:block;border:0;border-radius:0;background:transparent;min-height:0;height:auto!important}
  .wa-list{border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .wa-items{overflow:visible}
  .wa-inbox .wa-side,.wa-inbox .wa-ph{display:none}
  .wa-inbox.open .wa-list{display:none}
  .wa-ext{border:0;min-height:0;height:auto!important}
  .wa-bw{max-width:min(86%,600px)}
}
@media (max-width:600px){.wa-sub{display:none}}

/* agenda iOS : barre de couleur sur toute la hauteur (la règle générique .bar fait 8 px) */
.ios .i-agi .bar{height:auto;margin:1px 0;overflow:visible}
/* calendrier du prestataire */
body.as-presta [data-a="new-mission"],body.as-presta [data-a="cal-cals"]{display:none!important}
.pm-me{display:flex;gap:10px;align-items:center;padding:6px;font-size:13.5px;font-weight:600}
.pm-up{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:1px;padding:7px 6px;border-radius:7px;width:100%}
.pm-up:hover,.pm-up:focus-visible{background:var(--sunk)}
.pm-d{font-size:11.5px;color:var(--muted)}
.pm-t{font-size:13.5px;font-weight:500}
.pm-up .pill{align-self:flex-start;margin-top:3px;font-size:11px}
.pm-when{margin:10px 0}
.pm .pinfo{margin-top:6px}
.pm-chat{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.pm-chat:hover{background:var(--sunk)}
.pm-chat:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pm-chat svg{width:22px;height:22px;color:var(--accent)}
.pm-ct{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.pm-ct b{font-size:14.5px;font-weight:600}
.pm-ct span{font-size:12.5px;color:var(--muted)}
.pm-chev{font-size:22px;line-height:1;color:var(--muted)}
.i-bot .pm-conf{font-size:15px;padding:0 18px}

/* ===================== V14 : états des lieux prouvés, suivi, rôles ===================== */
/* priorités (3 niveaux) */
.pr0{--c:var(--info)}.pr1{--c:var(--warn)}.pr2{--c:var(--bad)}
.pill.lnk{cursor:pointer;border:0;font:inherit;font-size:12px}
.pill.lnk:hover{text-decoration:underline}

/* ---------- terrain : preuves obligatoires ---------- */
.pf14{background:var(--i-card);border-radius:20px;padding:14px;gap:10px}
.pf14 .cf-l{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0}
.pf-st{font-size:12.5px;font-weight:600;text-transform:none;letter-spacing:0;padding:3px 9px;border-radius:99px;background:color-mix(in srgb,var(--i-orange) 15%,transparent);color:color-mix(in srgb,var(--i-orange) 82%,var(--i-fg))}
.pf-st.ok{background:color-mix(in srgb,var(--ck) 16%,transparent);color:var(--ck)}
.pf-hint{margin:0;font-size:14px;line-height:1.38;color:var(--i-fg)}
.slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.slot{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:color-mix(in srgb,var(--i-blue) 9%,var(--i-bg2));color:var(--i-blue);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--i-blue) 30%,transparent);text-align:center}
.slot input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;font-size:0}
.slot svg{width:24px!important;height:24px!important}
.slot:focus-within{box-shadow:0 0 0 2px var(--i-blue)}
.slot:active{transform:scale(.97)}
.slot .sl-l{font-size:11.5px;font-weight:600;line-height:1.15;padding:0 4px}
.slot.on{background:#000;box-shadow:none;color:#fff}
.slot.on .mt{position:absolute;inset:0;width:100%!important;height:100%!important;border-radius:0;border:0}
.slot.on .sl-l{position:absolute;left:0;right:0;bottom:0;padding:14px 4px 5px;background:linear-gradient(transparent,rgba(0,0,0,.65));font-size:10.5px;pointer-events:none}
.pf-bs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}
.pf-b{position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border-radius:14px;background:var(--i-btn);color:var(--i-fg);font-size:14.5px;font-weight:600;padding:0 10px}
.pf-b input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;font-size:0}
.pf-bs.v{grid-template-columns:1.4fr 1fr 1fr}
.pf-b.pri{background:color-mix(in srgb,var(--i-blue) 14%,var(--i-card));color:var(--i-blue)}
.pf-b:active{transform:scale(.98)}
.pf-b:focus-within{box-shadow:0 0 0 2px var(--i-blue)}
.pf-b svg{width:20px!important;height:20px!important}
.pf-c{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--i-gr);padding:3px 8px;border-radius:99px;background:var(--i-btn);flex:none}
.pf-c svg{width:15px!important;height:15px!important}
.pf-c.ok{background:color-mix(in srgb,var(--ck) 15%,transparent);color:var(--ck)}
.pf-c.need{background:color-mix(in srgb,var(--i-orange) 15%,transparent);color:color-mix(in srgb,var(--i-orange) 85%,var(--i-fg))}
.cap-item.half .ci-ck::before{background:color-mix(in srgb,var(--i-orange) 85%,#fff);box-shadow:none}
.cap-item.sub .ci-main{padding-left:14px}
.cap-item.sub .ci-tx b{font-size:15px}
.cap-item.sub .ci-tx b::before{content:'↳ ';color:var(--i-gr)}
.cap-grp h4 small{float:right;font-size:11.5px;text-transform:none;letter-spacing:0;color:var(--i-gr);font-weight:500}
/* pièce : progression */
.rm14{display:flex;gap:14px;align-items:center;background:var(--i-card);border-radius:20px;padding:12px 16px;margin-bottom:12px}
.rm14>div:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.rm14 b{font-size:16px}
.rm14 .s{font-size:13.5px;color:var(--i-gr)}
.rm-p{position:relative;width:52px;height:52px;flex:none;display:grid;place-items:center}
.rm-p .ring{position:absolute;inset:0;width:52px!important;height:52px!important;transform:rotate(-90deg)}
.rm-p b{position:relative;font-size:15px;font-variant-numeric:tabular-nums}
.rm-p b small{font-size:11px;color:var(--i-gr);font-weight:500}
/* identité de l’élément (verrouillée) */
.i14-id{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 2px 12px}
.pill.fam{--c:var(--i-gr);font-size:12px}
.fam-rev{--c:#8e8e93}.fam-mob{--c:#a2845e}.fam-obj{--c:#5856d6}.fam-equ{--c:#007aff}.fam-san{--c:#30b0c7}
.i14-val{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--i-gr);padding:3px 9px;border-radius:99px;background:var(--i-btn)}
.i14-val svg{width:14px!important;height:14px!important}
.cap-ref.flag{background:color-mix(in srgb,var(--i-orange) 10%,var(--i-card))}
.i14-flag{font-size:13.5px;color:color-mix(in srgb,var(--i-orange) 80%,var(--i-fg));line-height:1.35}
/* état : 4 niveaux sur une ligne */
.cap-chips.cond.c4x{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.cap-chips.cond.c4x .cc{padding:0 8px;font-size:15px;line-height:1.12;text-align:center;min-height:44px}
@media (min-width:560px){.cap-chips.cond.c4x{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.cap-chips.cond.c4x .cc{padding:0 4px;font-size:14px;min-height:46px}}
.cap-chips.cond.c4x .cc,.cap-chips.cond.c4x .cc:nth-child(n+4){grid-column:auto}
.cap-chips.seg2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.cap-chips.seg2 .cc{padding:0 6px}
.cap-chips.seg2.sm .cc{min-height:36px;font-size:13.5px}
/* eau et évacuation */
.wc14{display:flex;flex-direction:column;background:var(--i-card);border-radius:18px;padding:4px 12px}
.wc-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:10px;padding:8px 0}
.wc-r+.wc-r{border-top:.5px solid var(--i-sep)}
.wc-r b{font-size:15.5px;font-weight:500}
.cf-l svg{width:15px!important;height:15px!important;vertical-align:-2px}
/* analyse IA */
.ai14{display:flex;gap:12px;align-items:flex-start;border-radius:20px;padding:13px 14px;margin:0 0 16px;background:color-mix(in srgb,#af52de 9%,var(--i-card));box-shadow:inset 0 0 0 1px color-mix(in srgb,#af52de 22%,transparent)}
.ai14 .ai-ic{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#af52de,#5856d6);color:#fff}
.ai14 .ai-ic svg{width:18px!important;height:18px!important}
.ai14 .ai-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font-size:14px;line-height:1.35}
.ai14 .ai-tx b{font-size:15px}
.ai14 .ai-tx span{color:var(--i-gr)}
.ai14 .ai-tx ul{margin:2px 0;padding-left:18px}
.ai14 .ai-tx li{margin:1px 0}
.ai14 .ai-pr{color:var(--i-fg)!important;font-weight:600}
.ai14 .ai-b{display:flex;flex-direction:column;gap:4px;align-items:stretch;flex:none}
.ai14.hit{background:color-mix(in srgb,var(--i-orange) 10%,var(--i-card));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--i-orange) 26%,transparent)}
.ai14.clear .ai-ic{background:linear-gradient(135deg,#34c759,#30b0c7)}
.ai14.err .ai-ic{background:var(--i-gr)}
.cap-btn.sm{min-height:36px;padding:0 14px;font-size:14px}
.ai14 .spin{flex:none;margin-top:4px}
.ai-tag{display:inline-flex;align-items:center;gap:3px;margin-left:6px;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:none;color:#8944ab;background:color-mix(in srgb,#af52de 14%,transparent);padding:1px 7px;border-radius:99px;vertical-align:1px}
.ai-tag svg{width:11px!important;height:11px!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ai-tag{color:#d4a3ef}}
:root[data-theme="dark"] .ai-tag{color:#d4a3ef}

/* ---------- web : suivi d’un état des lieux, incidents ---------- */
.edlinc14{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
.edlinc14>span:first-child{display:flex;gap:6px}
.prio14{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:2px 0 4px}
.pq{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);position:relative;overflow:hidden}
.pq::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--muted);opacity:.35}
.pq.pq0::before{background:var(--info);opacity:1}.pq.pq1::before{background:var(--warn);opacity:1}.pq.pq2::before{background:var(--bad);opacity:1}
.pq b{font:700 22px/1.1 var(--f-display);font-variant-numeric:tabular-nums}
.pq span{font-size:13px;color:var(--muted)}
.pq:hover{border-color:var(--muted)}
.pq.on{box-shadow:inset 0 0 0 2px var(--ink);border-color:transparent}
.pq:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:620px){.prio14{grid-template-columns:repeat(2,minmax(0,1fr))}}
.inc-edl{align-items:flex-start}
.ie-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent)}
.ie-ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ie-bar{display:inline-block;width:72px;height:6px;border-radius:99px;background:var(--sunk);overflow:hidden;vertical-align:middle}
.ie-bar i{display:block;height:100%;background:var(--ok);border-radius:99px}

/* ---------- super admin : choisir la société ---------- */
.co14{margin:4px 0 6px}
.co-h h2{margin:0;font-size:20px}
.co-h p{margin:4px 0 12px;max-width:70ch}
.co-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.co-card{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 12px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface);transition:border-color .12s,box-shadow .12s,transform .08s}
.co-card:hover{border-color:var(--muted);box-shadow:var(--shadow)}
.co-card:active{transform:scale(.99)}
.co-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.co-card.own{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.co-av{grid-row:1/3;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--ink);color:var(--bg,#fff);font:700 15px var(--f-body);letter-spacing:.02em}
.co-card.own .co-av{background:var(--accent);color:var(--accent-ink,#fff)}
.co-t{display:flex;flex-direction:column;min-width:0}
.co-t b{font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-t .s{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-st{grid-column:3;grid-row:1}
.co-go{grid-column:2/4;grid-row:2;justify-self:end;font-size:13px;font-weight:600;color:var(--accent)}
#impbar.own{background:var(--ink)}
#impbar.own .ib-dot{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 30%,transparent);animation:none}
#impbar.own .ib-x{color:var(--ink)}

/* ---------- espace terrain ---------- */
.fc14 .pinfo{margin-top:8px}
.lnk14{all:unset;cursor:pointer;color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;overflow-wrap:anywhere}
.lnk14:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}
.fh14 .head h2{font-size:17px}
.fh-l{display:flex;flex-direction:column}
.fh-r{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.fh-r:first-child{border-top:0}
.datebox.sm{width:38px;height:40px}
.datebox.sm b{font-size:15px}
.fh-t{flex:1;min-width:0;display:flex;flex-direction:column}
.fh-t b{font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.fh-t .s{font-size:12.5px;color:var(--muted)}
.fh-lock{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);flex:none}
.fh-lock svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:520px){.fh-lock span{display:none}}
.fd14{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.fd14 p{margin:0}
.fd-ic{width:52px;height:52px;border-radius:99px;display:grid;place-items:center;background:var(--sunk);color:var(--muted)}
.fd-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* itinéraire */
.nav14{display:flex;flex-direction:column;gap:8px;margin:4px 0 10px}
.nav14 .btn{justify-content:center;text-decoration:none}

/* ---------- propriétaire : inventaire initial ---------- */
.inv-rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.inv-room{border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.inv-room h3{margin:0 0 6px;font-size:15px}
.inv-it{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-top:1px solid var(--line)}
.inv-room h3+.inv-it{border-top:0}
.inv-n{display:flex;flex-direction:column}
.inv-n b{font-size:14px;font-weight:600}
.inv-n .s{font-size:12.5px;color:var(--muted)}
.inv-it .thumbs .mt{width:54px;height:54px}

/* ---------- modèle du logement : colonne valeur ---------- */
.titems .ti.t14{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 56px 86px minmax(0,1fr) minmax(0,1.5fr) 30px}
.titems .ti.t14.sub>[data-tk="iname"]{padding-left:24px;background-image:linear-gradient(var(--muted),var(--muted));background-size:8px 1.5px;background-repeat:no-repeat;background-position:10px 50%}
.t14na{text-align:center;color:var(--muted)}
@media (max-width:860px){
  .titems .ti.t14{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px;grid-template-areas:"n n x" "c q v" "s o o"}
  .titems .ti.t14>[data-tk="ivalue"],.titems .ti.t14>.t14na.v{grid-area:v}
  .titems .ti.t14>.t14na.q{grid-area:q}
  .t14na{align-self:center}
}

/* ---------- programmation : occupant ---------- */
.occ14 .seg{align-self:flex-start;margin-top:2px;flex-wrap:wrap}
#occ14box{display:flex;flex-direction:column;gap:12px}
#occ14box:empty{display:none}

/* ---------- médiathèque ---------- */
.mt-intro{margin:0 0 4px}
.mt-y{font:700 26px/1.1 var(--f-display);margin:18px 0 2px}
.mt-m{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 8px}
.mt-crumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px;margin:2px 0 12px}
.mt-crumb>span{color:var(--muted)}
.mt-crumb b{font-weight:600}
.mt-cb{all:unset;cursor:pointer;color:var(--accent);font-weight:500}
.mt-cb:hover{text-decoration:underline}
.mt-cb:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.mt-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.mt-head>div{display:flex;flex-direction:column;min-width:0}
.mt-head b{font-size:17px}
.mt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.mt-card{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);transition:border-color .12s,box-shadow .12s,transform .08s}
.mt-card:hover{border-color:var(--muted);box-shadow:var(--shadow)}
.mt-card:active{transform:scale(.99)}
.mt-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mt-cv{position:relative;display:block;aspect-ratio:4/3;background:var(--sunk);overflow:hidden}
.mt-cv img{width:100%;height:100%;object-fit:cover;display:block}
.mt-cv.none{display:grid;place-items:center;color:var(--muted)}
.mt-cv.none svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.5}
.mt-cv .mplay{position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px}
.mt-t{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px;min-width:0}
.mt-t b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt-t .s{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt-t .pill{align-self:flex-start;margin-top:4px}
.mt-tag{align-self:flex-start;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:99px;margin-bottom:3px}
.mt-tag.in{background:color-mix(in srgb,var(--info) 14%,transparent);color:var(--info)}
.mt-tag.out{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}
.mt-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.mt-fig{margin:0;display:flex;flex-direction:column;gap:6px}
.mt-fig .mt.lg{width:100%;height:auto;aspect-ratio:4/3;border-radius:12px}
.mt-fig figcaption{display:flex;flex-direction:column;font-size:12.5px;color:var(--muted);line-height:1.35}
.mt-fig figcaption b{color:var(--ink);font-size:13.5px}
.mt-fig.err .mt.lg{box-shadow:0 0 0 2px var(--warn)}
.mt-er{color:var(--warn)!important;font-weight:600}
@media (max-width:520px){.mt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mt-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mt-t{padding:8px 10px 10px}}

/* ---------- erratum ---------- */
.err14p{border-left:3px solid var(--warn)}
.err-r{padding:10px 0;border-top:1px solid var(--line)}
.err-r:first-of-type{border-top:0}
.err-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.err-r p{margin:6px 0}
.err-r .thumbs{margin-top:6px}
.err-pick{align-self:flex-start;margin-top:4px;cursor:pointer}
.wa-errb{all:unset;cursor:pointer;display:flex;align-items:center;gap:6px;margin:6px 0 2px;padding:5px 9px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent)}
.wa-errb svg{width:15px;height:15px}

/* barre du bas : jusqu’à 5 onglets (espaces terrain, propriétaire, locataire) se partagent la largeur, sans défilement */
@media (max-width:860px){
  .nav li:first-child:nth-last-child(-n+5),.nav li:first-child:nth-last-child(-n+5)~li{flex:1 1 0;min-width:0}
}

/* =====================================================================
   V15 — styles
   ===================================================================== */
/* messagerie : « Traitée », écrire à un numéro */
.wa-ht{flex:1}
.wa-done{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;flex:none;height:34px;padding:0 13px;border-radius:99px;border:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink);background:var(--surface)}
.wa-done svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;color:var(--ok)}
.wa-done:hover{background:var(--sunk)}
.wa-done:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wa-done.on{border-color:transparent;background:var(--sunk);color:var(--muted)}
.wa-num{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--sunk);margin-bottom:6px}
.wa-num .row2{gap:10px}
.wa-ch{display:flex;flex-wrap:wrap;gap:8px}
.wa-ch .chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:99px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:13.5px}
.wa-ch .chip input[type=radio]{appearance:auto;-webkit-appearance:radio;width:16px;height:16px;min-height:0;padding:0;margin:0;border:0;border-radius:50%;box-shadow:none;background:none;flex:none;accent-color:var(--accent)}
.wa-ch .wch-n{font-weight:600}.wa-num .err:empty{display:none}.wa-ch .chip small{color:var(--muted);font-size:12px;white-space:nowrap}
.wa-ch .chip:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
@media (max-width:640px){.wa-done span{display:none}.wa-done{padding:0 10px}.wa-num .row2{grid-template-columns:minmax(0,1fr)}}
/* contacts cliquables */
.lnk15{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;overflow-wrap:anywhere}
.lnk15:hover{text-decoration-thickness:2px}
.lnk15:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}
.os-contact{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px}
.dot15{color:var(--muted)}
/* réglages › équipe : métier */
.job15{position:relative;flex:none}
.job15 select{height:32px;padding:0 28px 0 10px;font-size:13px;border-radius:8px;min-width:0}
.job15 .sr,.sr15{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:640px){.list .item:has(.job15){flex-wrap:wrap}.job15{order:5;width:100%}.job15 select{width:100%}}
/* ménage : écran terrain (mêmes codes visuels que l’état des lieux) */
#cln{--cp:#15181c;--cpt:#fff;--ck:var(--i-green);position:fixed;inset:0;z-index:55;background:var(--i-bg2);color:var(--i-fg);font-family:var(--i-font);display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #cln{--cp:#f2f2f7;--cpt:#000}}
:root[data-theme="dark"] #cln{--cp:#f2f2f7;--cpt:#000}
:where(#cln) :is(button,input,textarea,select){font-family:inherit}
:where(#cln) button{color:inherit}
:where(#cln) svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
#cln :focus-visible{outline:2px solid var(--i-blue);outline-offset:2px}
#cln .cap-main{flex:1}
.ch-type.cl15{background:color-mix(in srgb,var(--i-green) 15%,transparent);color:color-mix(in srgb,var(--i-green) 80%,var(--i-fg))}
button.cap-link{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--i-blue);font-size:15px;font-weight:500;padding:4px 2px 12px}
.clt{gap:12px}
.clt-h{display:flex;align-items:flex-start;gap:10px}
.clt-ck{width:26px;height:26px;border-radius:99px;flex:none;display:grid;place-items:center;box-shadow:inset 0 0 0 2px var(--i-sep);color:#fff;margin-top:1px}
.clt.ok .clt-ck{background:var(--ck);box-shadow:none}
.clt-ck svg{width:15px!important;height:15px!important;stroke-width:3!important}
.clt-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.clt-t b{font-size:16.5px;font-weight:600;letter-spacing:-.01em}
.clt-t span{font-size:13.5px;color:var(--i-gr);line-height:1.35}
.clt.hit{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--i-orange) 70%,transparent)}
.slots.cl3{grid-template-columns:repeat(3,minmax(0,1fr))}
.slots.cl1{grid-template-columns:minmax(0,1fr)}.slots.cl2{grid-template-columns:repeat(2,minmax(0,1fr))}
.slots.cl5,.slots.cl6{grid-template-columns:repeat(3,minmax(0,1fr))}
.cl-ai{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-radius:14px;padding:10px 12px;font-size:14px;line-height:1.35;background:color-mix(in srgb,#af52de 8%,var(--i-bg2))}
.cl-ai svg{width:18px!important;height:18px!important;color:#af52de}
.cl-ai span{flex:1;min-width:0}
.cl-ai.ok{background:color-mix(in srgb,var(--ck) 12%,var(--i-bg2))}.cl-ai.ok svg{color:var(--ck)}
.cl-ai.hit{background:color-mix(in srgb,var(--i-orange) 14%,var(--i-bg2))}.cl-ai.hit svg{color:var(--i-orange)}
.cl-ai.off{color:var(--i-gr)}.cl-ai.run svg{animation:clpulse 1.2s ease-in-out infinite}
@keyframes clpulse{50%{opacity:.35}}
.cl-redo{all:unset;cursor:pointer;flex-basis:100%;text-align:center;font-weight:600;font-size:14.5px;padding:10px;border-radius:12px;background:var(--i-card);color:color-mix(in srgb,var(--i-orange) 80%,var(--i-fg))}
.cl-redo:focus-visible{outline:2px solid var(--i-blue)}
/* équipe : rapport du ménage, onglet « Ménage » de la fiche logement */
.clr15 .kv{margin-bottom:6px}
.clr-room{margin-top:16px}
.clr-room h3{font-size:15px;margin:0 0 6px}
.clr-t{padding:10px 0;border-top:1px solid var(--line)}
.clr-t.hit{background:color-mix(in srgb,var(--warn) 7%,transparent);margin:0 -10px;padding:10px;border-radius:10px}
.clr-h{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.clr-h b{margin-right:auto;font-weight:600}
.mstrip{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.mstrip .mt{width:74px;height:74px}
.mstrip.prev .mt{opacity:.75}
.ck15 .ti.ck{display:grid;grid-template-columns:minmax(0,1.3fr) 118px minmax(0,1.6fr) 34px;gap:8px;align-items:center}
.ck15 .ti.ck.ti-h{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-family:var(--f-mono)}
.ck15i .tsum{margin-top:10px}
@media (max-width:720px){.ck15 .ti.ck{grid-template-columns:minmax(0,1fr) 108px 34px}.ck15 .ti.ck input[data-ck="th"]{grid-column:1 / span 2;grid-row:2}.ck15 .ti.ck.ti-h{display:none}.ck15 .ti.ck{padding:8px 0;border-top:1px solid var(--line)}}
.cl15b{margin:0 0 6px}
.inc-cl .ie-ic{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}
/* hors ligne */
.syncpill.s-off i{background:var(--warn)}
body.isoff{--offh:calc(28px + env(safe-area-inset-top,0px));padding-top:calc(var(--imph,0px) + var(--offh))}
#offbar{position:fixed;left:0;right:0;top:var(--imph,0px);z-index:90;height:var(--offh);box-sizing:border-box;padding:env(safe-area-inset-top,0px) 12px 0;display:flex;align-items:center;justify-content:center;gap:8px;background:#1c1c1e;color:#fff;font-size:12.5px;line-height:1.2;pointer-events:none}
#offbar i{width:8px;height:8px;border-radius:99px;background:#ff9f0a;flex:none}
#offbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
body.isoff .ios{height:calc(100dvh - var(--navh,64px) - var(--imph,0px) - var(--offh))}
body.isoff #cap,body.isoff #cln{top:calc(var(--imph,0px) + var(--offh))}
@media (min-width:861px){body.isoff .nav{top:calc(var(--imph,0px) + var(--offh));height:calc(100vh - var(--imph,0px) - var(--offh))}}
/* livret d’accueil : vue voyageur */
.bk{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:12px;color:var(--ink)}
.bk-hero{--bc:#cf4c1c;position:relative;overflow:hidden;border-radius:24px;padding:22px 20px 18px;color:#fff;background:linear-gradient(140deg,var(--bc),color-mix(in srgb,var(--bc) 55%,#0b0f14))}
.bk-hero::after{content:'';position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.08)}
.bk-k{font:600 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.bk-hero h1{font:700 26px/1.15 var(--f-display);margin:6px 0 4px;letter-spacing:-.02em}
.bk-hero p{margin:0;font-size:15px;opacity:.92}
.bk-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.bk-dates span{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px)}
.bk-dates small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.8}
.bk-dates b{font-size:16px}.bk-dates i{font-style:normal;font-size:12.5px;opacity:.85}
.bk-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}
.bk-q{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:16px;background:var(--surface);border:1px solid var(--line);font-size:12.5px;font-weight:600;text-align:center;color:var(--ink)}
.bk-q svg,.bk-card h2 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.bk-q svg{color:var(--accent)}
.bk-q:focus-visible,.bk-btn:focus-visible,.bk-chk button:focus-visible,.bk-stars button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bk-q[disabled]{opacity:.55;cursor:default}
.bk-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:10px}
.bk-card h2{display:flex;align-items:center;gap:8px;font:700 17px var(--f-display);margin:0}
.bk-card h2 svg{color:var(--accent)}
.bk-card p{margin:0;line-height:1.5}
.bk-welcome p{font-size:15px}.bk-sig{color:var(--muted);font-style:italic}
.bk-s{color:var(--muted);font-size:13.5px}
.bk-kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;font-size:14.5px}
.bk-kv span{color:var(--muted)}
.bk-acc{border-radius:14px;padding:12px 14px;background:color-mix(in srgb,var(--ok) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--ok) 25%,transparent)}
.bk-acc small,.bk-sub small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:3px}
.bk-acc.lock{display:flex;gap:10px;align-items:flex-start;background:var(--sunk);border-color:var(--line);color:var(--muted)}
.bk-acc.lock svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;margin-top:2px}
.bk-wifi{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.bk-qr{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:var(--sunk)}
.bk-qr span{font-size:13px;color:var(--muted)}
.qr15{border-radius:8px;flex:none;background:#fff}
.bk-d{border-top:1px solid var(--line);padding:8px 0}
.bk-d:first-child{border-top:0}
.bk-d summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}
.bk-d summary::after{content:'+';color:var(--muted);font-weight:400}
.bk-d[open] summary::after{content:'–'}
.bk-d p{margin-top:6px;color:var(--ink);font-size:14.5px}
.bk-ul{margin:0;padding-left:18px;line-height:1.7}
.bk-chk{display:flex;flex-direction:column;gap:6px}
.bk-chk button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--sunk);font-size:14.5px}
.bk-chk i{width:22px;height:22px;border-radius:99px;flex:none;display:grid;place-items:center;box-shadow:inset 0 0 0 2px var(--line);color:transparent}
.bk-chk i svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:3}
.bk-chk .on i{background:var(--ok);box-shadow:none;color:#fff}.bk-chk .on span{text-decoration:line-through;color:var(--muted)}
.bk-around{display:grid;gap:8px}
.bk-pl{padding:10px 12px;border-radius:14px;background:var(--sunk);display:flex;flex-direction:column;gap:3px}
.bk-tag{align-self:flex-start;font-size:11.5px;padding:2px 8px;border-radius:99px;background:var(--surface);color:var(--muted);border:1px solid var(--line)}
.bk-sos{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.bk-sos a{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:14px;background:var(--sunk);color:var(--ink);text-decoration:none}
.bk-sos b{font:700 20px var(--f-display);color:var(--bad)}.bk-sos span{font-size:12px;color:var(--muted)}
.bk-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:14px;background:var(--accent);color:var(--accent-ink,#fff);font-weight:600;font-size:15px;text-align:center}
.bk-btn.sec{background:var(--sunk);color:var(--ink);min-height:38px;font-size:14px}
.bk-btn[disabled]{opacity:.5;cursor:default}
.bk-lock{align-items:center;text-align:center;padding:26px 18px}
.bk-li svg{width:30px;height:30px;fill:none;stroke:var(--muted);stroke-width:1.8}
.bk-stars{display:flex;gap:6px}
.bk-stars button{all:unset;cursor:pointer;font-size:34px;line-height:1;color:color-mix(in srgb,var(--muted) 80%,var(--surface));transition:transform .1s}
.bk-stars button.on,.bk-stars span.on{color:#f5b301}
.bk-stars button:active{transform:scale(.9)}
.bk-stars.ro span{font-size:20px;color:color-mix(in srgb,var(--muted) 80%,var(--surface))}.bk-stars.ro.sm span{font-size:14px}
.bk-f{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:14px}
.bk-f span{font-weight:400;color:var(--muted)}
.bk-f textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:10px;font:inherit;font-weight:400;background:var(--surface);color:var(--ink);resize:vertical}
.bk-foot{text-align:center;font-size:12.5px;color:var(--muted);margin:2px 8px 8px}
.bk-sim{margin-bottom:10px;flex-wrap:wrap;gap:8px}.bk-sim .seg button{white-space:nowrap;font-size:12.5px;padding:6px 9px}
/* livret : vues équipe */
.bkp{max-width:980px}
.bkp-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.bkp-h h2{margin:0}
.bkp-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}
.bkp-ph{display:flex;flex-direction:column;gap:10px;align-items:center}
.bkphone{width:min(390px,100%)}
.bkphone .ph-b{max-height:min(66vh,720px);padding:10px;background:var(--bg)}
.bkp-side{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.bkp-side h3{margin:0}
.bkp-qr{display:flex;justify-content:center;padding:8px}
.bkp-link{font-size:12px;word-break:break-all;padding:8px 10px;border-radius:10px;background:var(--sunk)}
.bkp-note{font-size:12px}
.bk-how ol{margin:0 0 12px;padding-left:20px;line-height:1.6}
.bk-acgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.bk-poster{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.bk-arr{display:grid;grid-template-columns:1.1fr 1fr 1.3fr 1.6fr;gap:8px;margin-bottom:8px}
.bk-avg{display:flex;align-items:center;gap:12px}.bk-avg>b{font:700 34px var(--f-display)}
.bkf .panel h2{margin-bottom:8px}
.lv-save{position:sticky;bottom:0;padding:12px 0;background:linear-gradient(transparent,var(--bg) 35%)}
@media (max-width:860px){.bkp-grid,.bk-acgrid{grid-template-columns:minmax(0,1fr)}.bk-arr{grid-template-columns:1fr 1fr}}

/* ===== V16 — calendrier : navigation par glissement, partout pareil ===== */
html,body{overscroll-behavior-x:none}
.i-pg{flex:1;min-height:0;display:flex;flex-direction:column;touch-action:pan-y}
.ac-main{position:relative;overflow:hidden}
.ac-body{touch-action:pan-y}
.ac-body{touch-action:pan-y pinch-zoom}
.pg-nb{background:transparent}
.pg-gl .hours,.pg-gl .adl{visibility:hidden}
/* vue mois de l’ordinateur : la grille des jours (le nom « mg » était aussi pris par l’écran de fusion des imports) */
.ac-body .mg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;flex-direction:row}
body.pg-on .ac-body,body.pg-on .i-pg,body.pg-on .i-wk,body.pg-on .i-mlist,body.pg-on .i-yg{backface-visibility:hidden}
body.pg-drag,body.pg-drag *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}

/* ===== V17 : fiche logement structurée, espaces, état des lieux en trois temps, assistant ===== */
:root{--v-team:var(--info);--v-mgr:#7a4cc2;--v-guest:var(--ok)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--v-mgr:#b392f0}}
:root[data-theme="dark"]{--v-mgr:#b392f0}
.vis-team{--v:var(--v-team)}.vis-mgr{--v:var(--v-mgr)}.vis-guest{--v:var(--v-guest)}
.pill.vis-team,.pill.vis-mgr,.pill.vis-guest{--c:var(--v)}

/* ---------- puces (choix) ---------- */
.pi-chips{display:flex;flex-wrap:wrap;gap:6px}
.pch{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:99px;padding:5px 12px;min-height:32px;font-size:13.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;line-height:1.2;transition:background .12s,border-color .12s,color .12s}
.pch:hover{border-color:var(--muted)}
.pch.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.pch.sm{font-size:12.5px;padding:3px 10px;min-height:28px}
.pch:disabled{cursor:default;opacity:.55}
.pch.on:disabled{opacity:.8}
.pch svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pch.imp.on{background:var(--bad);border-color:var(--bad);color:var(--bg)}
.pch.sec.on{background:var(--info);border-color:var(--info);color:var(--bg)}
.pch.dpe{min-width:34px;justify-content:center;font-weight:700;border-color:color-mix(in srgb,var(--d) 55%,var(--line))}
.pch.dpe.on{background:var(--d);border-color:var(--d);color:#1a1a1a}
.pch.dpe-G.on{color:#fff}
.dpe-A{--d:#009c6d}.dpe-B{--d:#52b153}.dpe-C{--d:#a5cc74}.dpe-D{--d:#f4d80f}.dpe-E{--d:#f0b50f}.dpe-F{--d:#eb8235}.dpe-G{--d:#d7221f}

/* ---------- fiche : navigation + colonne ---------- */
.pi{display:grid;grid-template-columns:208px minmax(0,1fr);gap:18px;align-items:start}
.pi-nav{position:sticky;top:-18px;align-self:start;display:flex;flex-direction:column;gap:1px;max-height:calc(94dvh - 210px);overflow:auto;padding:2px 2px 8px;scrollbar-width:thin}
.pi-nav>button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:9px;font-size:13.5px;cursor:pointer;color:var(--ink);min-height:34px}
.pi-nav>button:hover{background:color-mix(in srgb,var(--sunk) 80%,transparent)}
.pi-nav>button:focus-visible{outline:2px solid var(--accent)}
.pi-nav .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn-ic{display:grid;place-items:center;color:var(--muted);flex:none}
.pn-ic svg,.pic-ic svg,.pi-q svg,.pi-warn svg,.org-via svg,.pi-sph .btn svg,.pc-a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pn-dot{width:8px;height:8px;border-radius:99px;flex:none;background:var(--line)}
.pn-dot.ok{background:var(--ok)}.pn-dot.part{background:var(--warn)}
.pn-n{font:500 11px var(--f-mono);color:var(--muted)}
.pn-sep{font:500 10.5px var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:12px 9px 4px}
.pi-nav .pn-add{color:var(--accent);font-weight:600}
.pi-q{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:0 8px;margin-bottom:6px;color:var(--muted)}
.pi-q input{border:0;background:transparent;min-height:36px;padding:4px 2px;font-size:13.5px}
.pi-q input:focus{outline:0}
.pi-q:focus-within{outline:2px solid var(--accent);border-color:transparent}
.pi-main{display:flex;flex-direction:column;gap:14px;min-width:0}

/* complétude */
.pi-score{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px 16px;display:flex;flex-direction:column;gap:8px}
.pi-score .ps-r{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.pi-score .ps-r b{font:700 15px var(--f-display)}
.ps-bar{display:block;height:6px;border-radius:99px;background:var(--sunk);overflow:hidden}
.ps-bar>i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .3s}
.pi-score.full .ps-bar>i{background:var(--ok)}
.ps-miss{display:flex;flex-wrap:wrap;gap:6px;align-items:center}

/* cartes */
.pic{scroll-margin-top:10px}
.pic-h{display:flex;gap:12px;align-items:flex-start}
.pic-h h3{font-size:16.5px}
.pic-h p.s{margin:2px 0 0;font-size:13px;color:var(--muted);max-width:70ch}
.pic-ic{width:36px;height:36px;border-radius:11px;background:var(--sunk);color:var(--ink);display:grid;place-items:center;flex:none}
.pic-st.ok{width:22px;height:22px;border-radius:99px;background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none;margin-top:6px}
.pic.flash{animation:pflash 1.3s ease-out}
@keyframes pflash{0%,40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion:reduce){.pic.flash{animation:none}}
.pi div.f,.tcard.bien div.f{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:var(--muted);min-width:0}
.pi-r{display:grid;grid-template-columns:148px minmax(0,1fr);gap:12px;align-items:start;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.pic-h+.pi-r{border-top:0;padding-top:0}
.pi-r>.pi-l{display:flex;flex-direction:column;border-top:0;padding:6px 0 0;font-size:13px;font-weight:600;color:var(--ink)}
.pi-r>.pi-l small{font-weight:400;color:var(--muted);font-size:12px}
.pi-c{display:flex;flex-direction:column;gap:8px;min-width:0}
.pi-inl{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}
.pi-inl>.pi-in:not(.xs):not(.sm){flex:1 1 200px;min-width:0}
.pi-in.xs{width:78px;flex:none}
.pi-in.sm{width:140px;flex:none}
.pi-sl{font-size:13px;color:var(--muted);margin-left:4px}
.pi-inl.wrap .pi-sl:first-child{margin-left:0}
.pi-tx{resize:vertical;min-height:40px;line-height:1.45}
.pi-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pi-l2{display:flex;align-items:center;gap:8px;margin-top:2px;color:var(--muted);font-weight:400}
.pi-step{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface);height:38px;flex:none}
.pi-step button{all:unset;box-sizing:border-box;cursor:pointer;width:36px;height:100%;display:grid;place-items:center;font-size:19px;color:var(--ink)}
.pi-step button:hover{background:var(--sunk)}
.pi-step button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.pi-step button:disabled{opacity:.35;cursor:default}
.pi-step b{min-width:30px;text-align:center;font:600 14.5px var(--f-mono);color:var(--ink)}
.pi-more>summary{cursor:pointer;font-weight:600;font-size:13.5px;color:var(--accent);padding:2px 0;list-style-position:inside}
.pi-more[open]>summary{margin-bottom:10px}
.pi-list{display:flex;flex-direction:column;gap:8px}
.pi-x{font-size:18px;color:var(--muted)}
.pi-x:hover{color:var(--bad)}
.pi .tempty.sm,.tcard .tempty.sm{padding:10px 12px;font-size:13px}

/* couchages */
.pi-capr{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.pi-kpis{display:flex;gap:8px}
.pi-kpis>div{background:var(--sunk);border-radius:12px;padding:7px 14px;display:flex;flex-direction:column;align-items:center;min-width:66px}
.pi-kpis b{font:700 20px/1.15 var(--f-display)}
.pi-kpis span{font-size:12px;color:var(--muted)}
.pi-warn{display:flex;gap:8px;align-items:center;margin:0;color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent);padding:8px 12px;border-radius:10px;font-size:13.5px}
.pi-hint{margin:0;font-size:13.5px;color:var(--muted)}
.pi-hint .lnk{font-size:inherit;color:var(--accent);font-weight:600}
.pi-bed{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.3fr) auto 76px 32px;gap:8px;align-items:center}
.pb-pl{text-align:right;white-space:nowrap}

/* codes, emplacements, contacts */
.pi-code{display:grid;grid-template-columns:26px minmax(0,1.6fr) minmax(0,1fr) 32px 32px;gap:8px;align-items:center}
.pc-n{width:24px;height:24px;border-radius:99px;background:var(--ink);color:var(--surface);display:grid;place-items:center;font:600 12px var(--f-mono)}
.pc-c{letter-spacing:.05em}
.pi-locs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.pi-loc{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--muted);min-width:0}
.pi-loc.x{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) 32px;gap:8px;align-items:center}
.pi-ct{display:grid;grid-template-columns:128px minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.3fr) auto 32px;gap:8px;align-items:center;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.pi-ct:first-child{border-top:0;padding-top:0}
.pi-ct>.pc-note{grid-column:2/5;grid-row:2}
.pc-go{display:flex;gap:2px}
.pc-a{color:var(--accent)}

/* espaces */
.pi-sph{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:4px}
.pi-sph h3{font-size:18px}
.pi-sph p{margin:0;color:var(--muted);font-size:13.5px;max-width:70ch}
.pi-sph .actions{margin-top:4px}
.pi-sph .btn.primary svg{stroke:currentColor}
.pic.sp{border-left:4px solid var(--v);padding-left:14px}
.pic.sp .pic-ic{background:color-mix(in srgb,var(--v) 14%,transparent);color:var(--v)}
.pic.sp .pic-h .grow{display:flex;flex-direction:column;gap:6px;min-width:0}
.sp-n{font:700 16.5px var(--f-display);border:1px solid transparent;background:transparent;padding:3px 6px;margin-left:-6px;min-height:34px;border-radius:8px}
.sp-n:hover:not(:disabled){border-color:var(--line)}
.sp-d{margin:0;font-size:12.5px}
.sp-tools{display:flex;gap:2px;flex:none}
.sp-items{display:flex;flex-direction:column;gap:8px}
.sp-it{border:1px solid var(--line);border-radius:12px;padding:8px 10px 9px;display:flex;flex-direction:column;gap:4px;background:var(--surface)}
.sp-it:focus-within{border-color:color-mix(in srgb,var(--accent) 60%,var(--line))}
.sp-it.imp{border-color:color-mix(in srgb,var(--bad) 55%,var(--line));background:color-mix(in srgb,var(--bad) 5%,var(--surface))}
.sp-it.imp .pi-tx{color:var(--bad);font-weight:500}
.sp-it.secret{background:color-mix(in srgb,var(--info) 6%,var(--surface))}
.sp-hd{display:flex;gap:6px;align-items:center}
.sp-it .sp-l{flex:1;min-width:0;border:0;background:transparent;font-weight:600;font-size:13px;color:var(--muted);padding:2px 4px;min-height:28px}
.sp-it .sp-date{width:148px;flex:none;min-height:30px;padding:3px 8px;font-size:13px}
.sp-it .pi-tx{border:0;background:transparent;padding:2px 4px;min-height:28px;resize:none;field-sizing:content;max-height:240px}
.sp-it .sp-l:focus,.sp-it .pi-tx:focus{outline:0;background:color-mix(in srgb,var(--sunk) 55%,transparent);border-radius:6px}
.sp-sec{display:flex;gap:6px;align-items:center}
.sp-sec .pi-in{flex:1;min-width:0;letter-spacing:.04em}
.pi-nf{display:flex;gap:6px;flex-wrap:wrap;padding-top:2px}

/* ranger un bloc de notes */
.glayer.org .gbox{width:min(720px,100%)}
.org-txt{width:100%;min-height:250px;font:13px/1.5 var(--f-mono);resize:vertical}
.gbox p.org-note{font-size:12.5px;margin:8px 0 0}
.org-prev{text-align:left;max-height:56dvh;overflow:auto;display:flex;flex-direction:column;gap:2px;margin:0 -6px;padding:0 6px}
.org-prev h4{margin:10px 0 2px;font:500 10.5px var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.org-r{display:flex;gap:10px;align-items:flex-start;padding:7px 8px;border-radius:9px;font-size:14px;cursor:pointer;color:var(--ink);line-height:1.4}
.org-r:hover{background:var(--sunk)}
.org-r input{width:auto;min-height:0;margin:3px 0 0;flex:none;accent-color:var(--accent)}
.org-r small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.org-r .pill{font-size:11px;padding:0 8px;margin:0 2px}
.gbox p.org-via{display:flex;gap:6px;align-items:center;font-size:13px;margin:0 0 2px}

/* fiche mission : « Le logement » */
.pf17{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:color-mix(in srgb,var(--sunk) 40%,var(--surface))}
.pf17-t{font:500 10.5px var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.pf17-r{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;font-size:13.5px;line-height:1.45}
.pf17-r>span{color:var(--muted);font-weight:600;font-size:12.5px}
.pf17-r p,.pf17-r ul,.bien-r p,.bien-r ul,.brief-r p,.brief-r ul{margin:0}
.pf17-r ul,.bien-r ul,.brief-r ul{padding-left:18px}
.pf17 li.imp,.bien-prev li.imp{color:var(--bad);font-weight:600}

/* ---------- modèle d’état des lieux : trois blocs par pièce ---------- */
.t17b{gap:6px}
.t17h{display:flex;gap:6px 12px;align-items:baseline;flex-wrap:wrap;margin-top:10px;padding-top:12px;border-top:1px solid var(--line)}
.t17b>.t17h:first-child{margin-top:0;border-top:0;padding-top:4px}
.t17h b{font:700 14px var(--f-display);white-space:nowrap}
.t17h .s{font-size:12.5px;color:var(--muted);flex:1 1 320px}
.t17tot{font-size:13px;margin-left:auto}
.titems .ti.g17{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) 56px minmax(0,1fr) minmax(0,1.6fr) 30px 30px}
.titems .ti.i17{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) 82px 56px 78px minmax(0,1fr) minmax(0,1.2fr) 30px 30px}
.ti-nm{display:flex;align-items:center;gap:6px;min-width:0}
.ti-nm input{flex:1;min-width:0}
.ti-nm .bedp{font-size:11px;padding:0 7px;flex:none}
.ti.bed .ti-nm input:disabled,.ti.bed select:disabled,.ti.bed input[data-tk="iqty"]:disabled{opacity:1;background:color-mix(in srgb,var(--info) 6%,var(--surface));color:var(--ink)}
.ti-tot{font-size:13px;text-align:right}
.titems .ti.g17.sub>[data-tk="iname"],.titems .ti.i17.sub .ti-nm input{padding-left:24px;background-image:linear-gradient(var(--muted),var(--muted));background-size:8px 1.5px;background-repeat:no-repeat;background-position:10px 50%}
.titems .ti [data-a="tpl-item-part"]{font-size:16px;color:var(--muted)}
.tchk{display:flex;flex-direction:column;gap:6px}
.tc17{display:grid;grid-template-columns:minmax(0,1fr) 140px 30px;gap:6px;align-items:center}
.tc17 input,.tc17 select{min-height:34px;padding:5px 8px;font-size:13.5px}
.tchk-add{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.tchk-add .tadd{margin-right:4px}

/* état général du bien */
.tcard.bien{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.bien-l{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:8px;align-items:center}
.bien-prev{border:1px dashed var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;font-size:13.5px;line-height:1.45;color:var(--ink)}
.bien-prev>ul{margin:0;padding-left:18px}
.bien-r{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px}
.bien-r>span{font-weight:600;color:var(--muted);font-size:12.5px}

/* ---------- sur place : la pièce en trois temps ---------- */
.cap-grp h4.r17h{display:flex;align-items:center;gap:8px;padding:12px 16px 7px}
.r17n{width:20px;height:20px;border-radius:99px;background:var(--i-fg);color:var(--i-bg);display:inline-grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.r17h small{margin-left:auto;font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0}
.cap-hint.r17s{margin:-2px 16px 8px}
.rck-l{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.rck{background:var(--i-card);border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:9px;position:relative}
.rck.done{box-shadow:inset 4px 0 0 var(--ck)}
.rck.ko{box-shadow:inset 4px 0 0 var(--i-red)}
.rck-t{display:flex;justify-content:space-between;gap:10px;align-items:center}
.rck-t b{font-size:15.5px;font-weight:600;line-height:1.3}
.rck-ref{margin:0;font-size:13px;color:var(--i-gr)}
.rck-a{display:flex;flex-direction:column;gap:8px}
.rck-mb{display:flex;gap:8px;flex-wrap:wrap}
.rck .cc{background:var(--i-bg2);box-shadow:none}
.rck-m{position:relative;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 13px;border-radius:99px;background:color-mix(in srgb,var(--i-blue) 11%,var(--i-card));color:var(--i-blue);font-size:14px;font-weight:600;-webkit-user-select:none;user-select:none}
.rck-m svg{width:18px!important;height:18px!important}
.rck-m input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;font-size:0}
.rck-m.need{box-shadow:inset 0 0 0 1.5px var(--i-blue)}
.rck-m:focus-within{box-shadow:0 0 0 2px var(--i-blue)}
.rck-n{width:100%;min-height:44px;border-radius:12px;border:0;background:var(--i-bg2);padding:10px 12px;font-size:16px;color:var(--i-fg)}
button.rck.w{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;background:var(--i-card);border-radius:18px;padding:12px 14px;position:relative}
button.rck.w .rck-t{flex:1;min-width:0}
button.rck.w.done{box-shadow:inset 4px 0 0 var(--ck)}
button.rck.w.ko{box-shadow:inset 4px 0 0 var(--i-red)}
.cap-card.brief{padding:0;gap:0;overflow:hidden}
.cap-card.brief>summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:14px 16px}
.cap-card.brief>summary::-webkit-details-marker{display:none}
.cap-card.brief>summary b{font-size:16.5px;font-weight:600}
.cap-card.brief>summary span{font-size:13.5px;color:var(--i-gr)}
.cap-card.brief>summary::after{content:'';position:absolute;right:18px;top:22px;width:8px;height:8px;border-right:2.4px solid var(--i-gr);border-bottom:2.4px solid var(--i-gr);transform:rotate(45deg);transition:transform .15s}
.cap-card.brief{position:relative}
.cap-card.brief[open]>summary::after{transform:rotate(225deg);top:26px}
.brief-b{display:flex;flex-direction:column;gap:10px;padding:0 16px 14px;font-size:15px;line-height:1.42}
.brief-r{display:flex;flex-direction:column;gap:2px;padding-top:10px;border-top:.5px solid var(--i-sep)}
.brief-r>span{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--i-gr);font-weight:500}
.brief-r li.imp{color:var(--i-red);font-weight:600}
.cap-card.brief.sm>summary{padding:12px 14px}.cap-card.brief.sm .brief-b{padding:0 14px 12px;font-size:14px}

/* ---------- ordinateur : rapport en trois blocs ---------- */
.e17h{font:500 10.5px var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0;padding:12px 16px 6px;border-top:1px solid var(--line)}
.e17h .s{text-transform:none;letter-spacing:0;font-family:var(--f-body)}
.etr.sub .en b::before{content:'↳ ';color:var(--muted);font-weight:400}
.echk{display:flex;flex-direction:column}
.e17c{display:grid;grid-template-columns:minmax(0,1.6fr) 130px minmax(0,1.6fr) minmax(0,1.3fr);gap:10px;align-items:center;padding:10px 16px;border-top:1px solid var(--line);font-size:13.5px}
.e17c b{font-weight:600}
.e17c .ec{overflow-wrap:anywhere;font-size:13px}
.e17c.anom{background:color-mix(in srgb,var(--bad) 5%,var(--surface))}

/* ---------- téléphone et tablette ---------- */
@media (max-width:860px){
  .pi{grid-template-columns:minmax(0,1fr);gap:12px}
  .pi-nav{position:sticky;top:-14px;z-index:3;flex-direction:row;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;max-height:none;margin:-14px -16px 0;padding:10px 16px;background:color-mix(in srgb,var(--sunk) 35%,var(--surface));border-bottom:1px solid var(--line);scrollbar-width:none}
  .pi-nav::-webkit-scrollbar{display:none}
  .pi-nav>button{flex:none;border:1px solid var(--line);border-radius:99px;padding:5px 11px;min-height:32px;background:var(--surface);font-size:13px;gap:6px}
  .pi-nav .grow{flex:none;overflow:visible}
  .pi-nav .pn-ic svg{width:15px;height:15px}
  .pn-sep{display:none}
  .pi-q{flex:0 0 170px;margin:0;border-radius:99px}
  .pi-q input{min-height:32px}
  .pi-r{grid-template-columns:minmax(0,1fr);gap:6px}
  .pi-r>.pi-l{padding-top:0}
  .pi-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .titems .ti.g17{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px 30px;grid-template-areas:"n n p x" "c c q q" "s o o o"}
  .titems .ti.i17{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px 30px;grid-template-areas:"n n p x" "c v q q" "s s t t" "o o o o"}
  .titems .ti.g17>[data-tk="iname"],.titems .ti.i17>.ti-nm{grid-area:n}
  .titems .ti.g17>[data-tk="icat"],.titems .ti.i17>[data-tk="icat"]{grid-area:c}
  .titems .ti.g17>[data-tk="iqty"],.titems .ti.g17>.t14na.q,.titems .ti.i17>[data-tk="iqty"],.titems .ti.i17>.t14na.q{grid-area:q}
  .titems .ti.i17>[data-tk="ivalue"],.titems .ti.i17>.t14na.v{grid-area:v}
  .titems .ti.i17>.ti-tot{grid-area:t;align-self:center}
  .titems .ti.g17>[data-tk="icond"],.titems .ti.i17>[data-tk="icond"]{grid-area:s}
  .titems .ti.g17>[data-tk="inotes"],.titems .ti.i17>[data-tk="inotes"]{grid-area:o}
  .titems .ti.g17>[data-a="tpl-item-part"],.titems .ti.i17>[data-a="tpl-item-part"]{grid-area:p}
  .titems .ti.g17>.ti-x,.titems .ti.i17>.ti-x{grid-area:x}
  .titems .ti.g17>span:empty,.titems .ti.i17>span:empty{display:none}
  .tc17{grid-template-columns:minmax(0,1fr) 112px 30px}
  .e17c{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}
  .e17c>.ec,.e17c>.thumbs{grid-column:1/-1}
  .bien-r,.pf17-r{grid-template-columns:minmax(0,1fr);gap:2px}
}
@media (max-width:640px){
  .pi-g3,.pi-locs{grid-template-columns:minmax(0,1fr)}
  .pi-bed{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"r x" "t t" "n p";padding-top:10px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
  .pi-bed:first-child{border-top:0;padding-top:0}
  .pi-bed>.pb-room{grid-area:r}.pi-bed>select{grid-area:t}.pi-bed>.pi-step{grid-area:n}.pi-bed>.pb-pl{grid-area:p;align-self:center}.pi-bed>.pi-x{grid-area:x}
  .pi-code{grid-template-columns:24px minmax(0,1fr) 32px 32px;grid-template-areas:"n l u x" "n c c c"}
  .pi-code>.pc-n{grid-area:n;align-self:start;margin-top:8px}.pi-code>[data-pi$=".l"]{grid-area:l}.pi-code>.pc-c{grid-area:c}.pi-code>[data-a="pi-up"],.pi-code>span:empty{grid-area:u}.pi-code>.pi-x{grid-area:x}
  .pi-loc.x{grid-template-columns:minmax(0,1fr) 32px}
  .pi-loc.x>[data-pi$=".v"]{grid-column:1/2}
  .pi-ct{grid-template-columns:minmax(0,1fr) auto 32px}
  .pi-ct>*{grid-column:1/2}
  .pi-ct>.pc-note{grid-column:1/2;grid-row:auto}
  .pi-ct>.pc-go{grid-column:2/3;grid-row:1}
  .pi-ct>.pi-x{grid-column:3/4;grid-row:1}
  .pi-kpis>div{min-width:56px;padding:6px 10px}
  .sp-it .sp-date{width:130px}
}
.pi-step.in input{width:50px;border:0;border-radius:0;background:transparent;text-align:center;font:600 14.5px var(--f-mono);min-height:0;height:100%;padding:0 2px;color:var(--ink)}
.pi-step.in input:focus{outline:0;background:color-mix(in srgb,var(--sunk) 60%,transparent)}
.pi-step.in:focus-within{border-color:var(--accent)}
.pic-h>.grow{flex:1;min-width:0}

/* ---------- assistant IA de l’entreprise ---------- */
.nav button[data-k="ai"] svg{color:var(--accent)}
.nav button[data-k="ai"][aria-expanded="true"]{color:var(--nav-ink);background:color-mix(in srgb,var(--accent) 22%,transparent)}
.ai17{position:fixed;top:calc(var(--imph,0px) + 12px);right:12px;bottom:12px;width:min(430px,calc(100vw - 24px));z-index:45;display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
@media (prefers-reduced-motion:no-preference){.ai17{animation:aiIn .2s cubic-bezier(.2,.8,.2,1)}@keyframes aiIn{from{transform:translateX(16px);opacity:0}to{transform:none;opacity:1}}}
.ai17 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ai-h{display:flex;align-items:center;gap:10px;padding:12px 10px 12px 14px;border-bottom:1px solid var(--line);flex:none}
.ai-hic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);flex:none}
.ai-hic svg{width:19px;height:19px}
.ai-ht{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.ai-ht b{font:700 16px var(--f-display)}
.ai-ht span{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-ht span svg{width:12px;height:12px}
.ai-hb{font-size:22px;color:var(--muted)}
.ai-hb:hover{color:var(--ink)}
.ai-b{flex:1;min-height:0;overflow:auto;padding:16px 14px 8px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}
.ai-w{margin:auto 0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:6px 2px}
.ai-wic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}
.ai-wic svg{width:24px;height:24px}
.ai-w h3{font-size:20px}
.ai-w p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}
.ai-sugs{display:flex;flex-direction:column;gap:6px;margin-top:6px;width:100%}
.ai-sug{all:unset;box-sizing:border-box;cursor:pointer;padding:9px 12px;border:1px solid var(--line);border-radius:12px;font-size:13.5px;line-height:1.35;color:var(--ink);background:var(--surface);transition:border-color .12s,background .12s}
.ai-sug:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.ai-sug:focus-visible{outline:2px solid var(--accent)}
.ai-m{display:flex;flex-direction:column;gap:4px;max-width:100%}
.ai-m.u{align-items:flex-end}
.ai-m.u .ai-bb{background:var(--ink);color:var(--bg);border-radius:16px 16px 4px 16px;padding:8px 12px;max-width:85%;font-size:14.5px;line-height:1.42;overflow-wrap:anywhere}
.ai-m.a .ai-bb{font-size:14.5px;line-height:1.5;overflow-wrap:anywhere}
.ai-bb p{margin:0 0 6px}.ai-bb p:last-child{margin-bottom:0}
.ai-bb ul,.ai-bb ol{margin:2px 0 6px;padding-left:20px}
.ai-bb li{margin:2px 0}
.ai-bb code{font:500 13px var(--f-mono);background:var(--sunk);border-radius:5px;padding:1px 5px}
.ai-ref{all:unset;cursor:pointer;display:inline;color:var(--accent);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.ai-ref:hover{text-decoration-color:currentColor}
.ai-ref:focus-visible{outline:2px solid var(--accent);border-radius:3px}
.ai-st{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13.5px}
.ai-dots{display:inline-flex;gap:3px}
.ai-dots i{width:6px;height:6px;border-radius:99px;background:var(--muted);opacity:.35;animation:aiDot 1.1s infinite ease-in-out}
.ai-dots i:nth-child(2){animation-delay:.15s}.ai-dots i:nth-child(3){animation-delay:.3s}
@keyframes aiDot{0%,80%,100%{opacity:.25;transform:none}40%{opacity:1;transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.ai-dots i{animation:none;opacity:.6}}
.ai-e{margin:0;font-size:13px;color:var(--bad);background:color-mix(in srgb,var(--bad) 8%,transparent);border-radius:10px;padding:7px 10px}
.ai-n{margin:0;font-size:12.5px;color:var(--muted);font-style:italic}
.ai-f{flex:none;border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px;background:var(--surface)}
.ai-in{display:flex;align-items:flex-end;gap:8px;border:1px solid var(--line);border-radius:16px;padding:5px 5px 5px 12px;background:var(--surface)}
.ai-in:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.ai-in textarea{border:0;outline:0;background:transparent;resize:none;min-height:34px;max-height:140px;padding:6px 0;font-size:15px;line-height:1.4;box-shadow:none}
.ai-in textarea:focus{outline:0}
.ai-go{all:unset;box-sizing:border-box;cursor:pointer;width:36px;height:36px;border-radius:99px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);flex:none}
.ai-go svg{width:19px;height:19px;stroke-width:2.4}
.ai-go.stop{background:var(--ink);color:var(--bg)}
.ai-go:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ai-fo{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11.5px;color:var(--muted);flex-wrap:wrap}
.ai-deep{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink);cursor:pointer}
.ai-deep input{width:auto;min-height:0;margin:0;accent-color:var(--accent)}
@media (max-width:760px){
  .ai17{top:var(--imph,0px);right:0;bottom:0;left:0;width:auto;border-radius:0;border:0;box-shadow:none;padding-top:env(safe-area-inset-top,0px)}
  body.ai-on{overflow:hidden}
  .ai-in textarea{font-size:16px}
  .ai-fo span{display:none}
}
.ai-ht span em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pi .ib svg,.tcard.bien .ib svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pf17.sm{margin-top:8px;padding:8px 10px;gap:4px}
.pf17.sm ul{margin:0;padding-left:18px;font-size:13.5px}
.pf17.sm li.imp{color:var(--bad);font-weight:600}
.pf17.sm .s{margin:0;font-size:12.5px}
/* commentaire des tableaux d’état des lieux : pas la carte « écart » (même nom de classe) */
.etr>.ec,.e17c>.ec{background:none;border:0;border-radius:0;padding:0;display:block}

/* ===== V17 — simulation (données de test) ===== */
.banner .bn-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.banner.sim17b{background:color-mix(in srgb,var(--accent) 9%,var(--surface))}
.banner.sim17b b{font-weight:650}
.sim17p .sim17l{margin:4px 0 10px;padding-left:18px;color:var(--muted);font-size:13.5px;line-height:1.5}
.sim17p .sim17l li+li{margin-top:2px}
.sim17p .sim17st{margin:12px 0 10px;font-size:13.5px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sim17p .stats{grid-template-columns:repeat(4,minmax(0,1fr))}
body.ro [data-a^="simu-"]{display:none}
@media (max-width:640px){
  .banner .bn-x{display:none}
  .banner .bn-acts .btn{padding:6px 10px}
  .sim17p .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ===== V18 : super admin ===== */
/* navigation à gauche, en rubriques */
.nav ul.pnav li.ngrp{font:600 10.5px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.09em;color:var(--nav-muted);opacity:.75;padding:16px 10px 6px}
@media (max-width:860px){
  .nav ul.pnav li.ngrp{display:none}
  .nav ul.pnav li{flex:0 0 auto;min-width:74px}
  .nav ul.pnav button{white-space:nowrap;padding:6px 10px}
}
/* « À traiter » */
.tdsum{display:flex;gap:6px;flex-wrap:wrap;margin-top:-6px}
@media (max-width:560px){.tdsum{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:2px 16px}.tdsum::-webkit-scrollbar{display:none}.tdsum .chip{flex:none}}
.tdsum .chip b:not(.u){background:var(--sunk);color:var(--muted)}
.tdg{padding:14px 18px}
.tdg-h{display:flex;align-items:baseline;gap:10px;margin-bottom:2px}
.tdg-h h2{font-size:17px;margin:0}
.tdg-h .s{font:500 12.5px var(--f-mono)}
.td-l{display:flex;flex-direction:column}
.td-i{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:start;padding:12px 0;border-top:1px solid var(--line)}
.td-i:first-child{border-top:0}
.td-i>.dot{margin-top:6px}
.td-m{min-width:0;display:flex;flex-direction:column;gap:2px}
.td-h{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;min-width:0}
.td-n{all:unset;cursor:pointer;font-weight:600;color:var(--ink);overflow-wrap:anywhere;border-radius:4px}
.td-n:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.td-n:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.td-h .s{font-size:12.5px;color:var(--muted)}
.td-t{font-size:14.5px;overflow-wrap:anywhere}
.td-m>.s{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.td-q{font-size:13px;font-style:italic;color:var(--muted);border-left:2px solid var(--line);padding-left:8px;margin-top:2px;overflow-wrap:anywhere}
.td-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-self:center}
@media (max-width:700px){
  .td-i{grid-template-columns:auto minmax(0,1fr)}
  .td-a{grid-column:2;justify-content:flex-start;margin-top:4px}
}
/* Ouvrir une société */
.co14 input[type=search]{max-width:440px;margin-bottom:12px}
#opengrid .co-card{align-items:start}
#opengrid .co-av{grid-row:1/3;align-self:center}
#opengrid .co-t{grid-column:2/4;grid-row:1}
#opengrid .co-t b{white-space:normal;overflow-wrap:anywhere;line-height:1.25}
#opengrid .co-st{grid-column:2;grid-row:2;justify-self:start;align-self:center}
#opengrid .co-go{grid-column:3;grid-row:2;align-self:center}
.co-last{font-size:12px!important;opacity:.85}
/* Entreprises */
.orow .o-miss{align-self:flex-start;margin-top:3px;font:500 11px/1.5 var(--f-body);color:var(--warn);background:color-mix(in srgb,var(--warn) 13%,transparent);border-radius:99px;padding:0 8px}
/* factures, journal, automatisations */
.ofilter input[type=search]#inv-q{max-width:320px}
.acc-i{border-top:1px solid var(--line)}
.acc-i:first-child{border-top:0}
.acc-i .irow2{border-top:0}
.acc-d{padding:0 4px 10px}
.acc-d ul{margin:4px 0 0;padding-left:18px}
.fc-l{display:flex;flex-direction:column}
.fc-i{all:unset;box-sizing:border-box;display:flex;gap:12px;align-items:center;padding:9px 4px;border-top:1px solid var(--line);cursor:pointer;width:100%;min-width:0}
.fc-i:first-child{border-top:0}
.fc-i:hover{background:var(--sunk)}
.fc-i:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.fc-i .grow{flex:1;min-width:0;overflow-wrap:anywhere}
/* pied des formulaires de page */
.pfoot{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
/* formulaire d’identité */
.coform .co-sec{display:flex;flex-direction:column;gap:12px}
.coform .co-sec+.co-sec,.coform .cofields+.co-sec{padding-top:14px;border-top:1px solid var(--line)}
.coform .cofields{display:flex;flex-direction:column;gap:14px}
.coform .cofields .co-sec+.co-sec{padding-top:14px;border-top:1px solid var(--line)}
.coform h3{margin:0;font:600 12px var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.co-note{margin:0;align-self:end;font-size:13px}
.fh{font-weight:400;font-size:12px;color:var(--muted);min-height:1em}
.fh.ok{color:var(--ok)}
.fh.bad{color:var(--bad)}
input[aria-invalid="true"],select[aria-invalid="true"]{border-color:var(--bad);box-shadow:0 0 0 1px var(--bad)}
.addr-r{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}
.addr-r.sn{grid-template-columns:minmax(0,1fr) 110px}
.city-r{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px}
.city-r.st{grid-template-columns:150px minmax(0,1fr) minmax(0,1fr)}
.vatrow{align-items:end}
.vatex{padding-bottom:10px}
input:disabled{opacity:.55;cursor:not-allowed}
@media (max-width:560px){
  .city-r,.city-r.st{grid-template-columns:120px minmax(0,1fr)}
  .city-r.st>:last-child{grid-column:1/-1}
  .addr-r{grid-template-columns:84px minmax(0,1fr)}
  .addr-r.sn{grid-template-columns:minmax(0,1fr) 84px}
  .vatex{padding-bottom:0}
}
/* abonnement : logements */
.sub-lim{border:1px solid var(--line);border-radius:10px;padding:10px 14px 12px;margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.sub-lim legend{padding:0 6px;font-size:13px;font-weight:600;color:var(--ink)}
.lim-tot{font:700 20px/1.2 var(--f-display);color:var(--ink);padding-top:6px}
/* limite atteinte (côté entreprise) */
.lim-opts{display:flex;flex-direction:column;gap:8px}
.lim-o{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);width:100%}
.lim-o:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.lim-o:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lim-o b{font-size:15px}
.lim-o span{font-size:13px;color:var(--muted)}
/* fiche : simulation, accès */
.sim18,.acc18{border:1px dashed var(--line);border-radius:10px;padding:8px 12px}
.sim18 summary,.acc18 summary{cursor:pointer;font-size:13px}
.sim18 p{margin:6px 0}
.acc18 .list{margin-top:6px}
/* factures */
.inv-vat{margin:0;font-size:13px;font-weight:600}
.inv-legal{margin:0;font-size:11.5px;line-height:1.45;color:var(--muted)}
.inv-prev{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--sunk)}
.inv .miss,.inv-prev .miss{color:var(--warn);font-style:italic}

/* ===== V19 : accueil du jour, missions, réservations ===== */
.hh19{align-items:flex-end}
.hh19 .hh-d{margin:0 0 2px;font:600 12.5px var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.hh19 h1{font-size:clamp(30px,4.4vw,40px)}
.hts19{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}
.ht19{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);min-width:0;transition:transform .08s,box-shadow .15s,border-color .15s}
.ht19:hover{border-color:var(--muted);box-shadow:0 6px 20px rgba(0,0,0,.06)}
.ht19:active{transform:scale(.985)}
.ht19:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ht19 b{font:700 30px/1.05 var(--f-display);letter-spacing:-.02em}
.ht19 span{font-size:13px;color:var(--muted);line-height:1.3}
.ht19 small{font-size:11.5px;color:var(--muted);opacity:.85}
.ht19.bad b{color:var(--bad)}.ht19.info b{color:var(--info)}.ht19.warn b{color:var(--warn)}
.hg19{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:14px;align-items:start}
.hc-f{display:flex;justify-content:flex-end;border-top:1px solid var(--line);margin-top:2px;padding-top:6px}
.hc19{padding:14px 16px;display:flex;flex-direction:column;gap:6px;border-radius:16px}
.hc19.wide{grid-column:1/-1}
.hc19.alert{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))}
.hc-h{display:flex;align-items:center;gap:8px;min-width:0}
.hc-h h2{margin:0;font-size:17px;letter-spacing:-.01em}
.hc-n{font:600 12px var(--f-mono);background:var(--sunk);color:var(--muted);border-radius:99px;padding:1px 8px}
.hc19.alert .hc-n{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}
.hc-more{all:unset;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--accent);white-space:nowrap;border-radius:6px;padding:2px 4px}
.hc-more:hover{text-decoration:underline;text-underline-offset:3px}
.hc-more:focus-visible{outline:2px solid var(--accent)}
.hc-e{margin:4px 0 2px;color:var(--muted);font-size:14px}
/* missions */
.ml19{display:flex;flex-direction:column}
.mr19{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border-top:1px solid var(--line)}
.ml19>.mr19:first-child,.mg19+.mr19{border-top:0}
.mr-main{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:62px 4px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 2px;min-width:0;border-radius:10px}
.mr-main:hover{background:var(--sunk)}
.mr-main:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.mr-time{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;font-size:13.5px;font-weight:600}
.mr-time .mr-te{font-size:12px;font-weight:400;color:var(--muted)}
.mr-time .mr-d{font-size:11px;font-weight:500;color:var(--muted);text-transform:uppercase}
.mr-bar{align-self:stretch;width:4px;border-radius:4px;background:var(--c)}
.mr-t{display:flex;flex-direction:column;min-width:0}
.mr-t b{font-weight:600;overflow-wrap:anywhere}
.mr-t .s{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.mr-t em{color:var(--warn);font-style:normal;font-weight:500}
.mr-p{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.mr19.done .mr-t b{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ink) 35%,transparent);color:var(--muted)}
.mr-ok{width:30px;height:30px;border-radius:99px;border:1.5px solid var(--line);background:var(--surface);display:grid;place-items:center;font-weight:700;color:#fff;cursor:pointer;flex:none;margin-right:2px}
.mr-ok:hover{border-color:var(--ok)}
.mr-ok.on{background:var(--ok);border-color:var(--ok);color:var(--bg)}
.mr-ok:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mg19{margin:14px 2px 4px;font:600 13px var(--f-body);color:var(--ink);display:flex;gap:8px;align-items:baseline}
.mg19:first-child{margin-top:2px}
.mg19 span{font-weight:400;color:var(--muted);font-size:12.5px}
/* lignes compactes de l’accueil */
.hl19{display:flex;flex-direction:column}
.hr19{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 2px;border-top:1px solid var(--line);border-radius:10px;min-width:0}
.hl19>.hr19:first-child{border-top:0}
.hr19:hover{background:var(--sunk)}
.hr19:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.hr-time{font-size:13.5px;font-weight:600;min-width:44px;text-align:right}
.hr-t{display:flex;flex-direction:column;min-width:0}
.hr-t b{font-weight:600;overflow-wrap:anywhere}
.hr-t .s{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.hr-m{font-size:13px;color:var(--ink);opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hr-x{font-size:12.5px;color:var(--muted)}
.hr-x.ok{color:var(--ok)}.hr-x.bad{color:var(--bad);font-weight:500}
.hr-w{font-size:12px;color:var(--muted);align-self:start;padding-top:2px}
.hr-go{color:var(--muted);font-size:18px}
.hr-pr{width:26px;height:26px;border-radius:99px;display:grid;place-items:center;background:color-mix(in srgb,var(--bad) 15%,transparent);color:var(--bad);font-weight:800}
.av19{width:34px;height:34px;border-radius:99px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 18%,var(--surface));color:color-mix(in srgb,var(--c) 58%,var(--ink));font:700 12.5px var(--f-body);flex:none}
.hw19{grid-template-columns:auto minmax(0,1fr) auto}
.hw19 .dot{margin-left:4px}
/* contrôle segmenté (périodes) */
.seg19{display:flex;gap:2px;padding:3px;background:var(--sunk);border-radius:12px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.seg19::-webkit-scrollbar{display:none}
.seg19 button{all:unset;box-sizing:border-box;cursor:pointer;flex:1 0 auto;text-align:center;padding:7px 12px;border-radius:9px;font-size:13.5px;font-weight:500;color:var(--ink);white-space:nowrap;display:inline-flex;gap:6px;align-items:center;justify-content:center}
.seg19 button b{font:600 11.5px var(--f-mono);color:var(--muted)}
.seg19 button.on{background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04);font-weight:600}
.seg19 button.bad b{color:var(--bad)}
.seg19 button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.mf19{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mf19 select{width:auto;max-width:100%;min-height:36px;padding:6px 10px}
.mf19 .lsearch{flex:1 1 220px;min-width:0;max-width:420px}
.mf19 .chips{flex:1 1 100%}
#mis-list,#rs-list{padding:8px 14px 12px}
/* réservations */
.rl19{display:flex;flex-direction:column}
.rr19{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding:2px 0}
.rl19>.rr19:first-child{border-top:0}
.rr-main{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 2px;border-radius:10px;min-width:0}
.rr-main:hover{background:var(--sunk)}
.rr-main:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.rr-t{display:flex;flex-direction:column;min-width:0}
.rr-t b{font-weight:600;overflow-wrap:anywhere}
.rr-t .s{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.rr-p{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.rr-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
/* propriétaires dans la fiche logement */
.backlink19{all:unset;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--accent);display:inline-block;margin-bottom:4px}
.backlink19:hover{text-decoration:underline}
.ownlink19{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:9px 10px;min-height:40px;color:var(--ink);background:var(--surface);font-weight:500}
.ownlink19:hover{border-color:var(--muted)}
.ownlink19:focus-visible{outline:2px solid var(--accent)}
.own19{display:flex;flex-direction:column;gap:12px;max-width:640px}
.own-card{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--sunk)}
.own-card .grow{display:flex;flex-direction:column;min-width:0}
@media (max-width:700px){
  .mr-main{grid-template-columns:50px 4px minmax(0,1fr)}
  .mr-p{grid-column:3;justify-content:flex-start}
  .rr19{grid-template-columns:minmax(0,1fr)}
  .rr-main{grid-template-columns:auto minmax(0,1fr)}
  .rr-p{grid-column:2;justify-content:flex-start}
  .rr-a{justify-content:flex-start;padding:0 0 10px 54px}
  .hts19{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .ht19{padding:10px 10px;border-radius:14px}
  .ht19 b{font-size:24px}
  .ht19 span{font-size:12px}
  .mf19 select{flex:1 1 140px}
}
@media (max-width:380px){.hts19{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== V19 : incidents ===== */
.il19{display:flex;flex-direction:column}
.ir19{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-top:1px solid var(--line)}
.il19>.ir19:first-child,.il19>.item:first-child{border-top:0}
.il19>.item{border-top:1px solid var(--line)}
.ir-main{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:4px minmax(0,1fr) auto;gap:12px;align-items:stretch;padding:10px 2px;border-radius:10px;min-width:0}
.ir-main:hover{background:var(--sunk)}
.ir-main:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ir-bar{border-radius:4px;background:var(--muted)}
.ir19.p2 .ir-bar{background:var(--bad)}.ir19.p1 .ir-bar{background:var(--warn)}.ir19.p0 .ir-bar{background:var(--info)}
.ir19.done .ir-bar{background:var(--ok)}
.ir-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.ir-t b{font-weight:600;overflow-wrap:anywhere}
.ir-t .s{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.ir-m{font-size:12.5px;color:var(--ink);opacity:.85}
.ir-d{font-size:12px!important}
.ir-p{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-self:center}
.ir-a{display:flex;gap:6px;padding-right:2px}
.mg19.ig2{color:var(--bad)}.mg19.ig1{color:var(--warn)}
/* fiche incident */
.incsheet{display:flex;flex-direction:column;gap:12px}
.inc-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.inc-hd h2{margin:0;overflow-wrap:anywhere}
.inc-hd .ib{font-size:24px;flex:none}
.incform{gap:12px}
.iseg{display:flex;gap:2px;padding:3px;background:var(--sunk);border-radius:10px;margin-top:2px}
.iseg-o{flex:1;position:relative;cursor:pointer}
.iseg-o input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.iseg-o span{display:block;text-align:center;padding:7px 6px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--ink);white-space:nowrap}
.iseg-o input:checked+span{background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.12);font-weight:600}
.iseg-o.pr2 input:checked+span{color:var(--bad)}.iseg-o.pr1 input:checked+span{color:var(--warn)}.iseg-o.pr0 input:checked+span{color:var(--info)}
.iseg-o.st2 input:checked+span{color:var(--ok)}
.iseg-o input:focus-visible+span{outline:2px solid var(--accent);outline-offset:-2px}
.inc-done{border:1px solid color-mix(in srgb,var(--ok) 45%,var(--line));background:color-mix(in srgb,var(--ok) 7%,var(--surface));border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}
.inc-end{margin:0;color:var(--ok);font-weight:500}
.ifl{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:4px}
.ifl>p{padding:10px}
.ifl-i{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-top:1px solid var(--line);font-weight:400;color:var(--ink)}
.ifl-i:first-child{border-top:0}
.ifl-i .grow{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.ifl-i .grow b{font-size:13px}
.ifl-d{font-size:12px;color:var(--muted);min-width:78px;padding-top:1px}
.ifl-add{display:grid;grid-template-columns:140px 120px 130px minmax(0,1fr) auto;gap:6px;margin-top:6px;align-items:center}
.ifl-add input,.ifl-add select{min-height:36px;padding:6px 8px}
.icost{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.icost-r{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 140px 110px auto;gap:6px;align-items:center}
.icost-r input{min-height:36px;padding:6px 8px}
.icost-f{display:flex;align-items:center;gap:8px;margin-top:6px;font-weight:400;color:var(--ink)}
.iother{margin-top:6px}
.inc-links{border-top:1px solid var(--line);padding-top:10px}
/* bouton « Incident » dans une conversation */
.wa-inc{margin-left:auto;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:99px;padding:4px 10px 4px 6px;display:inline-flex;gap:6px;align-items:center;font:500 12.5px var(--f-body);cursor:pointer;flex:none}
.wa-inc span:first-child{width:18px;height:18px;border-radius:99px;display:grid;place-items:center;background:color-mix(in srgb,var(--bad) 15%,transparent);color:var(--bad);font-weight:800;font-size:12px}
.wa-inc:hover{border-color:var(--muted)}
.wa-inc:focus-visible{outline:2px solid var(--accent)}
@media (max-width:700px){
  .ir19{grid-template-columns:minmax(0,1fr)}
  .ir-main{grid-template-columns:4px minmax(0,1fr)}
  .ir-p{grid-column:2;justify-content:flex-start}
  .ir-a{padding:0 0 10px 18px}
  .ifl-add{grid-template-columns:1fr 1fr}
  .ifl-add input[name="f_text"]{grid-column:1/-1}
  .ifl-add .btn{grid-column:1/-1}
  .icost-r{grid-template-columns:1fr 1fr;padding-bottom:6px;border-bottom:1px dashed var(--line)}
  .icost-r input[name^="c_l_"]{grid-column:1/-1}
  .wa-inc .wa-inc-l{display:none}
  .wa-inc{padding:4px}
}

/* ===== V26 : états des lieux ===== */
/* période des « Programmés » */
.edlp20{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:2px 0 10px}
.seg19.sm button{padding:6px 14px;font-size:13px}
.edlp-nav{display:flex;align-items:center;gap:6px;min-width:0}
.edlp-nav .ib{width:34px;height:34px;border-radius:99px;font-size:20px;line-height:1}
.edlp-nav .ib[disabled]{opacity:.3;cursor:default}
.edlp-l{display:flex;flex-direction:column;align-items:center;min-width:150px;text-align:center}
.edlp-l b{font-size:15px;font-weight:600}
.edlp-l small{font-size:12px;color:var(--muted)}
.edlp-empty{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 6px}
.edlp-empty span{color:var(--muted);font-size:13.5px}
.edlp-more{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 6px 4px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.edlp-note{margin:6px 6px 2px}
/* réglages des états des lieux */
.edlset20{gap:12px}
.lvseg20{margin-top:2px}
.lv20s{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.lv20{display:flex;gap:12px;align-items:center;padding:10px 12px;border-top:1px solid var(--line)}
.lv20:first-child{border-top:0}
.lv20 .grow{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}
.lv20 .grow b{font-size:14px;font-weight:600}
.lv20 .grow .s{font-size:12.5px}
.lv20 select{width:200px;flex:none;margin-left:auto}
.lv20 .pill{margin-left:auto;flex:none}
.lv20.off .grow{opacity:.5}
.secs-off{margin:8px 2px 0}
.edlp-l b{white-space:nowrap}
/* vérifications d’une pièce : suggestions propres à la pièce */
.tchk-sl{display:block;width:100%;font-size:12px;color:var(--muted);margin:6px 0 0}
.pch.pri20{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent);font-weight:600}
/* preuves : angles conseillés (facultatifs) */
.sl20{display:flex;flex-direction:column;gap:6px}
.sl20-l{font-size:12px;color:var(--muted);font-weight:500}
/* médiathèque : années et mois */
.mt-yrs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:6px 0 10px;padding-bottom:2px}
.mt-yrs::-webkit-scrollbar,.mt-mos::-webkit-scrollbar{display:none}
.mt-yb{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:baseline;gap:8px;padding:8px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font:700 20px/1.1 var(--f-display);flex:none}
.mt-yb small{font:600 12px var(--f-mono);color:var(--muted)}
.mt-yb.on{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.mt-yb.on small{color:inherit;opacity:.7}
.mt-mos{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 4px;padding-bottom:2px}
.mt-mb{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:var(--sunk);font-size:13.5px;font-weight:500;flex:none}
.mt-mb small{font:600 11px var(--f-mono);color:var(--muted)}
.mt-mb.on{background:var(--accent);color:#fff}
.mt-mb.on small{color:inherit;opacity:.8}
.mt-yb:focus-visible,.mt-mb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mt-cv.doc{display:grid;place-items:center;background:color-mix(in srgb,var(--bad) 8%,var(--sunk))}
.mt-cv.doc i{font:800 22px var(--f-display);font-style:normal;color:var(--bad);border:2px solid currentColor;border-radius:8px;padding:10px 12px;letter-spacing:.04em}
@media (max-width:700px){
  .edlp20{flex-direction:column;align-items:stretch}
  .edlp-nav{justify-content:space-between}
  .edlp-l{min-width:0;flex:1}
  .lv20{flex-wrap:wrap}
  .lv20 select{width:100%;margin-left:0}
}

/* ===== V26 : historique des incidents par logement ===== */
.ih-note{margin:4px 4px 10px}
.ihp{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ihp-r{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;padding:11px 12px;border-top:1px solid var(--line)}
.ihp-r:first-child{border-top:0}
.ihp-r:hover{background:var(--sunk)}
.ihp-r:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ihp-r .grow{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}
.ihp-r b{font-weight:600;overflow-wrap:anywhere}
.ihh{display:flex;align-items:flex-start;gap:10px;margin:2px 2px 10px}
.ihh .grow{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}
.ihh b{font:700 19px/1.2 var(--f-display);overflow-wrap:anywhere}
.ihs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:6px}
.ihs>div{background:var(--sunk);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:2px;min-width:0}
.ihs b{font:700 17px var(--f-display)}
.ihs span{font-size:12px;color:var(--muted)}
.ihl{display:flex;flex-direction:column;gap:8px}
.ihl .ih-mo-h{margin:12px 2px 0}
.ih20{display:grid;grid-template-columns:4px minmax(0,1fr);gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 12px 12px 10px;background:var(--surface)}
.ih-bar{border-radius:4px;background:var(--muted)}
.ih20.p2 .ih-bar{background:var(--bad)}.ih20.p1 .ih-bar{background:var(--warn)}.ih20.p0 .ih-bar{background:var(--info)}
.ih20.done .ih-bar{background:var(--ok)}
.ih-b{display:flex;flex-direction:column;gap:4px;min-width:0}
.ih-h{display:flex;gap:8px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.ih-t{all:unset;cursor:pointer;font-weight:600;font-size:15px;overflow-wrap:anywhere}
.ih-t:hover{text-decoration:underline}
.ih-t:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.ih-p{display:flex;gap:6px;flex-wrap:wrap}
.ih-d{margin:0;font-size:13px;color:var(--muted)}
.ih-m{margin:0;font-size:13px}
.ih-x{margin:2px 0 0;font-size:13.5px;overflow-wrap:anywhere}
.ih-x b{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}
.ih-x.ok b{color:var(--ok)}
.ih-mo{margin:2px 0 0;font-size:13px;font-weight:500}
.ih-f{list-style:none;margin:6px 0 0;padding:0;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:6px}
.ih-f li{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;padding-left:10px;font-size:13px}
.ih-fd{color:var(--muted);font-size:12px;padding-top:1px}
.ih-ft{overflow-wrap:anywhere}
.ih-ft b{display:block;font-size:12px;font-weight:600}
.ih-ft i{color:var(--muted)}
@media (max-width:700px){
  .ihs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ih-f li{grid-template-columns:minmax(0,1fr)}
}

/* ===== V27 : incidents en lignes, suivis archivés, sélection de messages, fiche propriétaire ===== */
/* champs de date : jamais plus larges que leur colonne (iPhone) */
input[type=date],input[type=time],input[type=datetime-local],input[type=month]{min-width:0;max-width:100%}
.row2>*,.row3>*{min-width:0}
@supports (-webkit-touch-callout:none){
  input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:none;appearance:none;min-width:0;text-align:left;line-height:1.25}
  input::-webkit-date-and-time-value{text-align:left;margin:0;min-width:0}
}
/* liste : une ligne par incident */
.il21{display:flex;flex-direction:column}
.ir21{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);min-width:0}
.il19>.ir21:first-child{border-top:0}
.ir21.inc-edl{align-items:center}
.ir21-m{all:unset;box-sizing:border-box;cursor:pointer;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;padding:7px 6px 7px 2px;border-radius:9px}
.ir21-m:hover{background:var(--sunk)}
.ir21-m:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ir21-bar{flex:none;width:4px;align-self:stretch;min-height:30px;border-radius:4px;background:var(--muted)}
.ir21.p2 .ir21-bar{background:var(--bad)}.ir21.p1 .ir21-bar{background:var(--warn)}.ir21.p0 .ir21-bar{background:var(--info)}
.ir21.done .ir21-bar{background:var(--ok)}
.ir21-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}
.ir21-t b{font-weight:600;font-size:14.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ir21-t .s{font-size:12.5px;line-height:1.3;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ir21-m>.pill{flex:none;white-space:nowrap}
.ir21-m>.lc-go{flex:none;color:var(--muted);font-size:18px;line-height:1;padding:0 2px}
.ir21-mx{display:none;color:var(--warn);font-weight:600}
.pill.ir21-miss{background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warn) 65%,transparent)}
.ir21-a{flex:none;display:flex;gap:4px;padding-right:2px}
.ir21-a .btn.small{min-height:30px;padding:4px 10px;font-size:12.5px}
.ir21-more{display:none;flex:none;color:var(--muted)}
.prio14+.mf19,.mg19{margin-top:6px}
/* fiche incident */
.inc-miss21[hidden]{display:none}
.inc-miss21{justify-content:flex-start}
.nores21{margin-top:-2px;font-weight:400}
.inc-sh21{margin:0;padding:8px 10px;border-radius:10px;background:var(--sunk);overflow-wrap:anywhere}
.inc-sh21 b{color:var(--ink);font-weight:600}
/* suivis */
.ifl.ifl21w{border:0;border-radius:0;overflow:visible;gap:6px;background:none}
.ifl21w>p.ifl-none{margin:0;padding:10px 12px;border:1px dashed var(--line);border-radius:12px}
.ifl21w .ifl21,.ifl21w .ifl21:first-child{display:grid;grid-template-columns:4px minmax(0,1fr) auto;gap:10px;align-items:start;padding:9px 6px 9px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.ifl21 .ifl-c{align-self:stretch;margin:-9px 0;background:var(--muted)}
.ifl21.c-info .ifl-c{background:var(--info)}.ifl21.c-accent .ifl-c{background:var(--accent)}.ifl21.c-ok .ifl-c{background:var(--ok)}.ifl21.c-warn .ifl-c{background:var(--warn)}
.ifl21 .grow{display:flex;flex-direction:column;gap:2px;min-width:0}
.ifl-top{display:flex;align-items:baseline;justify-content:space-between;gap:4px 10px;flex-wrap:wrap}
.ifl-top b{font-size:13px;font-weight:600;color:var(--ink)}
.ifl-d21{font-size:12px;color:var(--muted);white-space:nowrap}
.ifl-tx{font-size:14px;line-height:1.4;color:var(--ink);overflow-wrap:anywhere}
.ifl21 .s{font-size:12px}
.ifl-x{width:30px;height:30px;font-size:18px;color:var(--muted);align-self:start}
.ifl-x:hover{color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent)}
.ifl-un{align-self:center;margin-right:2px}
.ifl21w .ifl21.arch{background:var(--sunk);border-style:dashed}
.ifl21.arch .ifl-c{background:var(--muted);opacity:.45}
.ifl21.arch .ifl-top b,.ifl21.arch .ifl-tx{text-decoration:line-through;text-decoration-thickness:1px;color:var(--muted)}
.ifl-note{margin:0 2px;font-size:12px}
.ih-f li.arch .ih-ft{text-decoration:line-through;color:var(--muted)}
.ifl-add{background:var(--sunk);border-radius:12px;padding:8px;gap:8px;margin-top:8px}
.ifl-add>*{min-width:0}
.btn.add21{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);font-weight:600;white-space:nowrap}
.btn.add21:hover{background:color-mix(in srgb,var(--accent) 22%,var(--surface))}
/* messages à l’origine du problème */
.imsg21{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding:10px;border-radius:12px;background:var(--sunk);max-height:300px;overflow:auto;font-weight:400}
.imsg-r{align-self:flex-start;max-width:88%;background:var(--surface);border-radius:12px;border-top-left-radius:4px;padding:6px 10px 7px;display:flex;flex-direction:column;gap:3px;box-shadow:0 1px .5px rgba(0,0,0,.1);min-width:0}
.imsg-r.out{align-self:flex-end;border-top-left-radius:12px;border-top-right-radius:4px;background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
.imsg-w{font-size:11.5px;color:var(--muted)}
.imsg-w b{color:var(--ink);font-weight:600}
.imsg-t{font-size:14px;line-height:1.4;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.imsg-m{display:flex;gap:6px;flex-wrap:wrap}
.imsg-m .mt{width:64px;height:64px;flex:none}
.imsg-note{display:block;margin-top:4px}
/* partage au propriétaire */
.sh21{margin-top:10px;text-align:left}
.sh21 textarea{min-height:96px}
#inc-share-err:empty{display:none}
/* conversation : choisir les messages */
.wa-row.sel21{padding-left:36px;border-radius:12px;cursor:pointer}
.wa-row.sel21.on{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.wa-row.sel21 .wa-tool{display:none}
.wa-selb{all:unset;position:absolute;inset:-3px 0;z-index:3;cursor:pointer;border-radius:12px}
.wa-selb:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.wa-selc{position:absolute;left:8px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:99px;border:2px solid var(--wa-meta,var(--muted));background:var(--surface);box-sizing:border-box}
.wa-row.sel21.on .wa-selc{background:var(--accent);border-color:var(--accent)}
.wa-row.sel21.on .wa-selc::after{content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.wa-comp.sel21{padding-top:10px}
.wa-selbar{display:flex;align-items:center;gap:8px}
.wa-selbar .grow{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}
.wa-selbar .grow b{font-size:14px}
.wa-selbar .grow span{font-size:12.5px;color:var(--muted)}
.wa-selbar .btn{flex:none}
/* fiche propriétaire : ses logements, en lecture */
.oprops.ro21{margin-top:6px}
.oprop21{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line);color:var(--ink)}
.oprop21:first-child{border-top:0}
.oprop21:hover{background:var(--sunk)}
.oprop21:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.oprop21 .grow{flex:1 1 auto;display:flex;flex-direction:column;gap:3px;min-width:0;font-weight:400}
.oprop21 b{font-weight:600;overflow-wrap:anywhere}
.oprop21 .s{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.oprop21 .lc-go{color:var(--muted);font-size:18px}
.oprop21-e{margin:0;padding:12px}
.oprop21-h{margin-top:6px}
@media (max-width:700px){
  .ir21-a{display:none}
  .ir21-more{display:inline-grid}
  .ir21-miss{display:none}
  .ir21-mx{display:inline}
  .ir21-m{gap:8px;padding:8px 4px 8px 0}
  .ir21-m>.pill{font-size:11.5px;padding:2px 7px}
  .ifl-add{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ifl-add input[name="f_at"]{grid-column:1/-1}
  .icost-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .wa-selbar .grow span{display:none}
}
@media (max-width:520px){
  .seg19 button[data-a="inc19-tab"]{flex:1 1 0;min-width:0;white-space:normal;line-height:1.2;padding:6px 6px;font-size:12.5px;justify-content:center;text-align:center}
}
@media (max-width:620px){
  .prio14{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .prio14 .pq{padding:7px 8px 7px 11px;border-radius:10px}
  .prio14 .pq b{font-size:17px}
  .prio14 .pq span{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* ===== V28 : ménage pas à pas, pointage, lieux de travail ===== */
/* étapes (ménage et pointage) */
.cl20-steps{background:var(--i-card);border-radius:20px;overflow:hidden;margin-bottom:12px}
.cl20-st{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 14px;position:relative}
button.cl20-st{cursor:pointer}
button.cl20-st:active{background:var(--i-btn)}
.cl20-st+.cl20-st::before,.cl20-rooms+.cl20-st::before,.cl20-st+.cl20-rooms::before{content:'';position:absolute;top:0;right:0;left:54px;border-top:.5px solid var(--i-sep)}
.cl20-rooms{position:relative;margin:0 10px 10px 54px;border-radius:14px;background:var(--i-bg2)}
.cl20-rooms .cap-row{min-height:52px}
.cl20-n{width:28px;height:28px;border-radius:99px;flex:none;display:grid;place-items:center;font-size:13.5px;font-weight:700;box-shadow:inset 0 0 0 2px var(--i-sep);color:var(--i-gr)}
.cl20-n.ok{background:var(--ck);box-shadow:none;color:#fff}
.cl20-n svg{width:15px!important;height:15px!important;stroke-width:3!important}
.cl20-st.cur .cl20-n{box-shadow:inset 0 0 0 2px var(--i-blue);color:var(--i-blue)}
.cl20-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cl20-tx b{font-size:16px;font-weight:600;letter-spacing:-.01em}
.cl20-tx span{font-size:13.5px;color:var(--i-gr);line-height:1.35}
.cl20-st.lock{opacity:.55}
.cl20-st.cur .cl20-tx b{color:var(--i-fg)}
.cl20-lk{color:var(--i-gr);display:grid;place-items:center}
.cl20-lk svg{width:18px!important;height:18px!important}
.cl20-pause{display:flex;gap:10px;align-items:flex-start;border-radius:18px;padding:12px 14px;margin-bottom:12px;background:color-mix(in srgb,var(--i-orange) 13%,var(--i-card));font-size:14.5px;line-height:1.38}
.cl20-pause svg{color:var(--i-orange);margin-top:1px}
.cl20-pause b{display:block;font-weight:600}
.cl20-sum{display:grid;grid-template-columns:auto auto;gap:6px 18px;margin:14px auto 4px;text-align:left;font-size:15px}
.cl20-sum span{color:var(--i-gr)}
.cl20-sum b{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
/* rapport (équipe) : le déroulé horodaté */
.cl20-tl{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin:12px 0 4px}
.cl20-tl>div{background:var(--sunk);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.cl20-tl span{font-size:12px;color:var(--muted)}
.cl20-tl b{font:600 15px var(--f-body);font-variant-numeric:tabular-nums}
/* réglages : déroulé, checklist générale, lieux */
.cl20-ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:14px}
.clg20{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.clg-r{display:grid;grid-template-columns:minmax(0,1.4fr) 170px minmax(0,1.6fr) 34px;gap:6px;align-items:center}
.clg-r>*{min-width:0}
.clg-r input,.clg-r select{min-height:38px;padding:6px 9px}
.linkbtn{all:unset;cursor:pointer;color:var(--accent);font-weight:500;text-decoration:underline;text-underline-offset:2px}
.linkbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:720px){
  .clg-r{grid-template-columns:minmax(0,1fr) 34px;padding:8px 0;border-top:1px solid var(--line)}
  .clg-r input[name^="t_"]{grid-column:1}
  .clg-r select{grid-column:1/-1;grid-row:2}
  .clg-r input[name^="h_"]{grid-column:1/-1;grid-row:3}
  .clg-r .ti-x{grid-column:2;grid-row:1}
}
/* pointage : écran terrain */
#ptn{--cp:#15181c;--cpt:#fff;--ck:var(--i-green);position:fixed;inset:0;z-index:55;background:var(--i-bg2);color:var(--i-fg);font-family:var(--i-font);display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #ptn{--cp:#f2f2f7;--cpt:#000}}
:root[data-theme="dark"] #ptn{--cp:#f2f2f7;--cpt:#000}
:where(#ptn) :is(button,input,textarea,select){font-family:inherit}
:where(#ptn) button{color:inherit}
:where(#ptn) svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
#ptn :focus-visible{outline:2px solid var(--i-blue);outline-offset:2px}
#ptn .cap-main{flex:1}
.ch-type.pt20{background:color-mix(in srgb,var(--i-blue) 14%,transparent);color:color-mix(in srgb,var(--i-blue) 85%,var(--i-fg))}
/* pointage : espace employé */
.pt20p{display:flex;flex-direction:column;gap:12px}
.pt20-now{border:1px solid color-mix(in srgb,var(--ok) 40%,var(--line));background:color-mix(in srgb,var(--ok) 6%,var(--surface))}
.pt20-now h2{margin:0 0 4px}
.pt20-pl{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.pt20-pr{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--line)}
.pt20-pr:first-child{border-top:0}
.pt20-pr .grow{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0}
.pt20-pr b{font-weight:600;overflow-wrap:anywhere}
.pt20-pr .btn{flex:none}
.pt20-h{display:flex;flex-direction:column}
.pt20-hr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:9px 2px;border-top:1px solid var(--line);align-items:center}
.pt20-hr:first-child{border-top:0}
.pt20-hr b{font-weight:600;font-size:14.5px}
.pt20-hr .s{font-size:12.5px}
.pt20-hr .tm{font:600 14px var(--f-body);font-variant-numeric:tabular-nums;text-align:right}
/* pointages : vue des managers */
.ptm-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 12px}
.ptm-bar .edlp-l{font-weight:600;min-width:0}
.ptm-f{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.ptm-f select{width:auto;min-width:180px;flex:0 1 auto}
.ptm-tot{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-bottom:14px}
.ptm-p{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--surface);display:flex;flex-direction:column;gap:4px;min-width:0}
.ptm-p:hover{border-color:var(--muted)}
.ptm-p.on{box-shadow:inset 0 0 0 2px var(--ink);border-color:transparent}
.ptm-p:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ptm-p b{font-weight:600;overflow-wrap:anywhere}
.ptm-p .big{font:700 22px/1.1 var(--f-display);font-variant-numeric:tabular-nums}
.ptm-p .s{font-size:12.5px}
.ptm-p .warn{color:var(--warn);font-weight:600}
.ptm-l{display:flex;flex-direction:column}
.ptm-r{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:4px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 6px 9px 2px;border-top:1px solid var(--line);border-radius:8px}
.ptm-r:first-child{border-top:0}
.ptm-r:hover{background:var(--sunk)}
.ptm-r:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ptm-bar4{align-self:stretch;border-radius:4px;background:var(--info)}
.ptm-r.clean .ptm-bar4{background:var(--ok)}
.ptm-r.alert .ptm-bar4{background:var(--warn)}
.ptm-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.ptm-t b{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ptm-t .s{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ptm-d{font:600 14px var(--f-body);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.ptm-d small{display:block;font-weight:400;font-size:11.5px;color:var(--muted)}
.ptm-day{margin:12px 2px 2px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.ptm-day:first-child{margin-top:0}
.ptd-tl{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:4px 0 12px}
.ptd-tl>div{background:var(--sunk);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.ptd-tl span{font-size:12px;color:var(--muted)}
.ptd-tl b{font:600 15px var(--f-body);font-variant-numeric:tabular-nums}
.ptd-ev{list-style:none;margin:0 0 12px;padding:0;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:4px}
.ptd-ev li{padding-left:10px;font-size:13.5px}
.ptd-ev li b{font-variant-numeric:tabular-nums;margin-right:6px}
.ptd-sec{margin-top:10px}
.ptd-sec h3{font-size:14.5px;margin:0 0 4px}
.ptd-room{padding:6px 0;border-top:1px solid var(--line)}
.ptd-room:first-of-type{border-top:0}
@media (max-width:700px){
  .ptm-f select{min-width:0;flex:1 1 140px}
  .ptm-r{grid-template-columns:4px minmax(0,1fr) auto}
  .ptm-r .pill{display:none}
}
form[data-f="clgen"] .actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
form[data-f="clgen"] .actions .grow{flex:1 1 auto}

/* ===== V29 : agent IA voyageurs ===== */
.ag22{display:flex;flex-direction:column;gap:14px;margin-top:4px}
.ag22>.panel,.ag22 .ag-g2>.panel{margin:0}
.ag-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--info) 9%,var(--surface)),var(--surface) 60%)}
.ag-hh{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ag-hh h2{margin:0 0 4px}
.ag-hh p{margin:0;max-width:760px}
.ag-ha{display:flex;gap:8px;flex-wrap:wrap}
.ag-kpi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}
.ag-kpi>div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:3px;min-width:0}
.ag-kpi b{font:700 22px/1.1 var(--f-display);font-variant-numeric:tabular-nums}
.ag-kpi span{font-size:12.5px;color:var(--muted)}
.ag-honest{margin:10px 0 0;font-size:12.5px}
.ag-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ag-l{display:flex;flex-direction:column}
.ag-r{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;padding:9px 6px 9px 4px;border-top:1px solid var(--line);border-radius:8px;min-width:0}
.ag-r:first-child,.ag-gr:first-child{border-top:0}
.ag-r:hover{background:var(--sunk)}
.ag-r:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ag-r .pill{flex:none;white-space:nowrap}
.ag-r .lc-go{color:var(--muted);font-size:18px}
.ag-gr{display:flex;align-items:center;gap:10px;padding:9px 2px;border-top:1px solid var(--line);min-width:0}
.ag-gr .btn{flex:none}
.ag-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.ag-t b{font-weight:600;font-size:14.5px;overflow-wrap:anywhere}
.ag-t .s{font-size:12.5px;overflow-wrap:anywhere}
.ag-dot{flex:none;width:10px;height:10px;border-radius:99px;background:var(--c,var(--muted))}
.ag-top{display:flex;flex-direction:column;gap:8px}
.ag-tr{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(60px,1fr) 32px;gap:10px;align-items:center}
.ag-tl{display:flex;flex-direction:column;min-width:0}
.ag-tl b{font-weight:600;font-size:14px}
.ag-tl .s{font-size:12px}
.ag-bar{height:8px;border-radius:99px;background:var(--sunk);overflow:hidden}
.ag-bar i{display:block;height:100%;border-radius:99px;background:var(--info)}
.ag-n{text-align:right;font-variant-numeric:tabular-nums}
.ag-try{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px}
.ag-try select{width:auto;min-width:200px;max-width:100%}
#agt-q{width:100%;min-height:64px}
.ag-res{margin-top:12px;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--surface)}
.ag-res.lv-auto{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}
.ag-res.lv-humain{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))}
.ag-resh{display:flex;gap:6px;flex-wrap:wrap}
.ag-res .s{margin:8px 0}
.ag-res .draft,.ag22 .draft{background:var(--sunk);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.ag-res .draft.ai{background:color-mix(in srgb,var(--info) 8%,var(--sunk))}
.ag-duty{align-self:center;color:var(--bad);font-weight:600}
/* réglages */
.ag-chs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 14px;margin-bottom:12px}
.ag-ch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.ag-cn{display:flex;align-items:center;gap:8px;min-width:0}
.ag-cn b{font-weight:600;font-size:14px}
.ag-ch select{width:auto;max-width:60%;min-height:36px;padding:4px 8px}
.ag-hrs{border:1px solid var(--line);border-radius:12px;padding:10px 12px 4px;margin:0 0 12px;display:flex;flex-direction:column;gap:6px}
.ag-hrs legend{font-weight:600;padding:0 4px}
/* appels dans la conversation */
.wa-call{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.wa-call b{font-size:13.5px}
.wa-call .s{font-size:12px}
.wa-callic{width:24px;height:24px;border-radius:99px;display:grid;place-items:center;background:color-mix(in srgb,#0a84ff 16%,transparent);color:#0a84ff;font-size:13px;flex:none}
.wa-call.missed .wa-callic{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}
.wa-tr{margin-top:6px;font-size:13px}
.wa-tr summary{cursor:pointer;color:var(--info);font-weight:600}
.wa-tr p{margin:6px 0 0;line-height:1.4}
.wa-callb{margin-top:8px;display:inline-flex;text-decoration:none}
@media (max-width:900px){.ag-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}.ag-g2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){
  .ag-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ag-kpi>div:last-child{grid-column:1/-1}
  .ag-r .pill{display:none}
  .ag-gr{flex-wrap:wrap}
  .ag-gr .btn{margin-left:auto}
  .ag-try select{min-width:0;flex:1 1 100%}
  .ag-ch select{max-width:55%}
}

/* ===== V30 : centre des intégrations, prêt pour les arrivées ===== */
.ig-hh{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ig-hh h2{margin:0 0 4px}
.ig-hh p{margin:0;max-width:720px}
.ig-q input{width:240px;max-width:100%}
.ig-cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.ig-cats button{all:unset;box-sizing:border-box;cursor:pointer;padding:6px 12px;border-radius:99px;border:1px solid var(--line);font-size:13px;font-weight:500;background:var(--surface)}
.ig-cats button.on{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.ig-cats button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ig-note{margin:0 0 10px;padding:8px 10px;border-radius:10px;background:var(--sunk)}
.ig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:8px}
.ig-c{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"l t st" "l b b";gap:4px 12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);min-width:0}
.ig-c.on{border-color:color-mix(in srgb,var(--ok) 45%,var(--line));background:color-mix(in srgb,var(--ok) 4%,var(--surface))}
.ig-c.soon{opacity:.62}
.ig-logo{grid-area:l;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font:700 17px var(--f-display);color:#fff;background:color-mix(in srgb,var(--c) 80%,#000)}
.ig-t{grid-area:t;display:flex;flex-direction:column;min-width:0}
.ig-t b{font-weight:600;font-size:14.5px}
.ig-t .s{font-size:12.5px;overflow-wrap:anywhere}
.ig-st{grid-area:st;justify-self:end}
.ig-st .pill{white-space:nowrap}
.ig-b{grid-area:b;display:flex;gap:6px;flex-wrap:wrap}
.ig-b:empty{display:none}
.ig-more{margin-top:12px;padding:12px;border:1px dashed var(--line);border-radius:12px;display:flex;flex-direction:column;gap:2px}
.ig-sy{border:1px solid var(--line);border-radius:12px;padding:10px 12px 6px;margin:4px 0 8px;display:flex;flex-direction:column;gap:6px}
.ig-sy legend{font-weight:600;padding:0 4px}
/* prêt pour les arrivées */
.rdy23{grid-column:1/-1}
.rd23{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:8px;background:var(--surface)}
.rd23.bad{border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}
.rd23.warn{border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}
.rd-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rd-s{width:10px;height:10px;border-radius:99px;background:var(--ok);flex:none}
.rd23.bad .rd-s{background:var(--bad)}.rd23.warn .rd-s{background:var(--warn)}
.rd-t{flex:1 1 220px;display:flex;flex-direction:column;min-width:0}
.rd-bs{display:flex;gap:6px;flex-wrap:wrap}.rd-bs:empty{display:none}
.rd-t b{font-weight:600;overflow-wrap:anywhere}
.rd-t .s{font-size:12.5px}
.rd-cs{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.rd-c{font-size:12.5px;padding:3px 9px;border-radius:99px;background:var(--sunk);color:var(--ink)}
.rd-c.o2{background:color-mix(in srgb,var(--ok) 14%,transparent);color:color-mix(in srgb,var(--ok) 70%,var(--ink))}
.rd-c.o1{background:color-mix(in srgb,var(--warn) 16%,transparent);color:color-mix(in srgb,var(--warn) 65%,var(--ink))}
.rd-c.o0{background:color-mix(in srgb,var(--bad) 13%,transparent);color:color-mix(in srgb,var(--bad) 75%,var(--ink));font-weight:600}
.hc-n.bad{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}
.hc-n.warn{background:color-mix(in srgb,var(--warn) 16%,transparent);color:color-mix(in srgb,var(--warn) 70%,var(--ink))}
@media (max-width:560px){
  .ig-grid{grid-template-columns:minmax(0,1fr)}
  .ig-c{grid-template-columns:36px minmax(0,1fr);grid-template-areas:"l t" "st st" "b b"}
  .ig-logo{width:36px;height:36px}
  .ig-st{justify-self:start}
  .ig-q,.ig-q input{width:100%}
}

/* V31 — recherche universelle */
.gs-nb{display:flex;align-items:center;gap:8px;margin:0 8px 12px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--nav-muted);font-size:14px;text-align:left;width:calc(100% - 16px)}
.gs-nb:hover{background:rgba(255,255,255,.1);color:var(--nav-ink)}
.gs-nb svg,.gs-home svg,.gs-mh svg,.gs-in svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.gs-nb svg{width:16px;height:16px}
.gs-nb span{flex:1}
.gs-nb kbd,.gs-home kbd,.gs-foot kbd{font:500 11px var(--f-mono);border:1px solid currentColor;border-radius:5px;padding:0 5px;opacity:.75}
.gs-mh{all:unset;cursor:pointer;margin-left:auto;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);align-self:center;flex:none}
.gs-mh svg{width:16px;height:16px;stroke-width:2.2}
.gs-mh:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mhead .gs-mh+.chipbtn{margin-left:8px}
.gs-home{display:flex;align-items:center;gap:10px;width:100%;margin:2px 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--muted);font-size:15px;text-align:left;min-height:48px}
.gs-home:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.gs-home svg{width:18px;height:18px}
.gs-home span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:860px){#nav .gs-nb,.nav .gs-nb{display:none}.gs-home kbd{display:none}}
html.gs-lock,html.gs-lock body{overflow:hidden}
.gs24{position:fixed;inset:0;z-index:57;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:10vh 16px 16px;font-size:15px;gap:0}
.gs-back{position:absolute;inset:0;background:rgba(10,20,28,.42)}
.gs-box{position:relative;width:min(680px,100%);max-height:min(660px,calc(100dvh - 10vh - 16px));display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden}
.gs-in{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.gs-in svg{width:20px;height:20px;color:var(--muted)}
.gs-in input{flex:1;min-width:0;border:0;background:transparent;font-size:17px;padding:4px 0;outline:none;color:var(--ink)}
.gs-in input::-webkit-search-cancel-button{display:none}
.gs-in input::placeholder{color:var(--muted)}
.gs-x{all:unset;cursor:pointer;color:var(--accent);font-weight:600;font-size:15px;padding:4px 2px}
.gs-x:focus-visible{outline:2px solid var(--accent);border-radius:6px}
.gs-list{overflow:auto;overscroll-behavior:contain;padding:4px 6px 8px;flex:1;min-height:0}
.gs-gh{display:flex;align-items:center;gap:6px;font:600 11px var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:12px 10px 4px}
.gs-gh span{font-weight:500;background:var(--sunk);border-radius:99px;padding:0 7px;letter-spacing:0}
.gs-r{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border-radius:10px;min-height:50px}
.gs-r[aria-selected="true"]{background:var(--sunk)}
.gs-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--sunk);color:var(--muted);flex:none}
.gs-r[aria-selected="true"] .gs-ic{background:var(--surface)}
.gs-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gs-ic.k-res{color:var(--info)}.gs-ic.k-inc{color:var(--bad)}.gs-ic.k-thr{color:var(--ok)}.gs-ic.k-prop{color:var(--accent)}
.gs-ic.k-hot{color:var(--warn)}.gs-ic.k-mis{color:var(--info)}.gs-ic.k-edl{color:var(--ink)}.gs-ic.k-act{color:var(--accent)}
.gs-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.gs-t b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gs-t .s{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gs-t mark{background:color-mix(in srgb,var(--accent) 20%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.gs-m{display:flex;gap:4px;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex:none;max-width:40%}
.gs-m .pill{font-size:11px;white-space:nowrap}
.gs-tx{font:500 12px var(--f-mono);color:var(--muted)}
.gs-n{font:600 13px var(--f-mono);background:var(--accent);color:var(--accent-ink);border-radius:99px;padding:1px 9px}
.gs-dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}
.gs-more .gs-t b{color:var(--accent)}
.gs-more .gs-ic{background:transparent;color:var(--accent)}
.gs-none{display:flex;flex-direction:column;gap:4px;padding:30px 16px;text-align:center;color:var(--muted)}
.gs-none b{color:var(--ink)}
.gs-fz{margin:8px 10px 0;font-size:13px;color:var(--warn)}
.gs-foot{display:flex;gap:16px;flex-wrap:wrap;padding:8px 14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.gs-foot .gs-k{margin-left:auto}
.gs-foot kbd{margin-right:3px}
@media (hover:hover){.gs-r:hover{background:var(--sunk)}}
@media (prefers-reduced-motion:no-preference){.gs-box{animation:gs-in .14s ease-out}}
@keyframes gs-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width:860px){
  .gs24{padding:0;align-items:stretch}
  .gs-box{width:100%;max-height:none;height:100%;border-radius:0;border:0;box-shadow:none;padding-top:env(safe-area-inset-top,0px)}
  .gs-foot{display:none}
  .gs-in{padding:10px 12px}
  .gs-m{max-width:34%}
  .gs-m .gs-tx{display:none}
  .gs-r{min-height:54px}
}

/* V31 — demandes d’horaires, codes d’accès par séjour */
.st24{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--bg);display:flex;flex-direction:column;gap:6px}
.st24.v-ok{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}
.st24.v-partial{border-color:color-mix(in srgb,var(--warn) 45%,var(--line))}
.st24.v-no,.st24.v-past{border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}
.st-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.st-ic{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-weight:700;flex:none;background:var(--sunk)}
.v-ok .st-ic{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.v-partial .st-ic{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}
.v-no .st-ic,.v-past .st-ic{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}
.st-tt{display:flex;flex-direction:column;min-width:0;flex:1 1 200px}
.st-tt b{font-size:14px}
.st-vd{font-size:13px;font-weight:600}
.v-ok .st-vd{color:var(--ok)}.v-partial .st-vd{color:var(--warn)}.v-no .st-vd,.v-past .st-vd{color:var(--bad)}
.st-why{margin:0;padding:0 0 0 36px;font-size:12.5px;line-height:1.45;color:var(--muted)}
.st-b{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.wa-sug:has(.st24) .wa-sugh .s{display:none}
@media (max-width:560px){.st-b{margin-left:36px}}
.st-chip{margin-top:6px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;display:inline-block;background:var(--sunk);color:var(--muted)}
.st-chip.ok{background:color-mix(in srgb,var(--ok) 14%,transparent);color:color-mix(in srgb,var(--ok) 75%,var(--ink))}
.st-chip.no{background:color-mix(in srgb,var(--bad) 12%,transparent);color:color-mix(in srgb,var(--bad) 75%,var(--ink))}
.glayer .st-lay{text-align:left;display:flex;flex-direction:column;gap:10px}
.glayer .st-lay .f{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}
.glayer .st-lay select,.glayer .st-lay input,.glayer .st-lay textarea{width:100%;font:inherit;font-weight:400;font-size:15px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--surface);color:var(--ink)}
.glayer .st-lay textarea{resize:vertical;min-height:120px;line-height:1.4}
.glayer .st-lay .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.glayer .st-lay p.s{font-size:12.5px}
.st-warn{color:var(--warn)!important}
.st-tag{font-size:11px;font-weight:600;padding:1px 7px;border-radius:99px;background:color-mix(in srgb,var(--info) 14%,transparent);color:var(--info);margin-left:4px}
.st24-c .st-code{letter-spacing:.08em;margin-right:8px}
.st24-note{margin:6px 16px 0;font-size:12px}
.bk-code{border-style:solid}
.bk-cd{font:700 30px var(--f-mono);letter-spacing:.12em;margin:4px 0!important}

/* V32 — promesses à tenir */
.pr25{grid-column:1/-1}
.pr-r{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:8px;background:var(--surface)}
.pr-r.late{border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}
.pr-due{font:600 12px var(--f-mono);padding:3px 9px;border-radius:99px;background:color-mix(in srgb,var(--warn) 16%,transparent);color:color-mix(in srgb,var(--warn) 70%,var(--ink));flex:none}
.pr-r.late .pr-due{background:color-mix(in srgb,var(--bad) 13%,transparent);color:var(--bad)}
.pr-t{flex:1 1 260px;display:flex;flex-direction:column;min-width:0}
.pr-t b{font-weight:600;overflow-wrap:anywhere}
.pr-t .s{font-size:13px;overflow-wrap:anywhere}
.pr-b{display:flex;gap:6px;flex-wrap:wrap}
.pr-chip{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;font-weight:600;padding:3px 4px 3px 10px;border-radius:99px;background:color-mix(in srgb,var(--warn) 16%,transparent);color:color-mix(in srgb,var(--warn) 70%,var(--ink));width:max-content;max-width:100%}
.pr-chip.late{background:color-mix(in srgb,var(--bad) 13%,transparent);color:color-mix(in srgb,var(--bad) 80%,var(--ink))}
.pr-chip.done{background:color-mix(in srgb,var(--ok) 14%,transparent);color:color-mix(in srgb,var(--ok) 75%,var(--ink));padding-right:10px}
.pr-chip button{all:unset;cursor:pointer;font-weight:700;padding:2px 9px;border-radius:99px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.pr-chip button:focus-visible{outline:2px solid var(--accent)}
@media (max-width:560px){.pr-b .btn{flex:1 1 auto}}

/* V33 — téléphone : barre d’onglets à cinq places */
.nav .nv-more{display:none}
.nav .nv-more svg{fill:currentColor;stroke:none}
@media (max-width:860px){
  .nav ul.ph5{overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}
  .nav ul.ph5>li{flex:1 1 0!important;min-width:0!important}
  .nav ul.ph5>li.nx{display:none}
  .nav ul.ph5>li.nv-more{display:block;order:9}
}
.nv26 .nv-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.nv26 .nv-list+.nv-list{margin-top:14px}
.nv-it{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:52px;border-bottom:1px solid var(--line);font-size:16px;color:var(--ink)}
.nv-it:last-child{border-bottom:0}
.nv-it:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.nv-it svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--accent)}
.nv-it>span:first-of-type{flex:1;min-width:0}
.nv-it.on{background:var(--sunk);font-weight:600}
.nv-it .badge{font:600 12px var(--f-mono);background:var(--accent);color:var(--accent-ink);border-radius:99px;padding:1px 8px}
.nv-ch{color:var(--muted);font-size:20px;line-height:1}
.nv-ck input{width:20px;height:20px;accent-color:var(--accent);flex:none}
.nv-x svg{color:var(--muted)}
.nv-it svg.nv-dots{fill:currentColor;stroke:none}
@media (hover:hover){.nv-it:hover{background:var(--sunk)}}

/* V33 — dépenses archivées, suppression définitive avec phrase à écrire */
.icost-arch{margin-top:10px;padding-top:8px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:6px}
.icost-arch>.s{margin:0}
.icost-a{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 8px;border-radius:10px;background:var(--sunk)}
.icost-a>.grow{display:flex;flex-direction:column;min-width:0;flex:1 1 200px}
.ica-t{text-decoration:line-through;color:var(--muted);overflow-wrap:anywhere}
.ica-b,.ifl-ab{display:flex;gap:6px;flex-wrap:wrap}
.btn.ar-del{color:var(--bad)}
.pg28{margin-top:8px;font-size:13px}
.pg28 summary{cursor:pointer;color:var(--muted);font-weight:600}
.pg28 p{margin:4px 0 0}
.cf28{display:flex;flex-direction:column;gap:8px;text-align:left}
.cf28 p{margin:0}
.cf28 .cf-ph{font:600 14px var(--f-mono);padding:8px 10px;border-radius:10px;background:var(--surface);border:1px dashed var(--line);color:var(--ink);-webkit-user-select:all;user-select:all}
.cf28 input{width:100%;font:inherit;font-size:16px;border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:var(--surface);color:var(--ink)}
.cf28 .cf-err{color:var(--bad);font-size:13px;min-height:1em}
.glayer .btn[disabled]{opacity:.45;cursor:not-allowed}

/* V34 — listes des incidents, archives, terrain */
.kp-rule{margin:0 0 4px}
.kp-u{display:block;margin-top:2px}
.kp-u.on{color:color-mix(in srgb,var(--warn) 70%,var(--ink))}
.kp-uses{display:flex;flex-direction:column;gap:6px;text-align:left;max-height:42vh;overflow:auto;margin:2px 0}
.kp-use{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line);cursor:pointer}
.kp-use .grow{display:flex;flex-direction:column;min-width:0}
.kp-use b{font-size:14.5px;color:var(--ink);overflow-wrap:anywhere}
.kp-use .s{font-size:12.5px}
.kp-use:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.kp-go{color:var(--muted);font-size:20px;line-height:1}
.kp-bl{margin:0;padding-left:18px;text-align:left;font-size:14px;color:var(--ink);display:flex;flex-direction:column;gap:4px;max-height:40vh;overflow:auto}
.kp-note{display:block;font-weight:400;margin-top:4px}
.kp-hist{margin:2px 0 6px;font-size:13.5px}
.kp-hist summary{cursor:pointer;color:var(--muted);font-weight:600}
.kp-hist p{margin:5px 0 0;overflow-wrap:anywhere}
.kp-seg{margin:0 0 12px;max-width:380px}
.pill.kp-ap{--c:var(--muted);margin-left:6px}
.lrow.kp-ar{opacity:.88}
.kp-ban{margin:0 0 12px}
.kp-ban b{margin-right:2px}
.cf28.kp-add{text-align:left}
/* accès et adresse : une ligne à toucher, puis le détail ligne par ligne */
.acc34{border-radius:14px;background:var(--sunk);overflow:hidden}
.acc34+.acc34{margin-top:8px}
.acc34>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:11px 12px;cursor:pointer;min-height:44px;box-sizing:border-box}
.acc34>summary::-webkit-details-marker{display:none}
.acc34>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:14px}
.acc34-ic{width:22px;height:22px;flex:none;display:grid;place-items:center;color:var(--muted)}
.acc34-ic svg{width:20px!important;height:20px!important}
.acc34>summary b{font-size:15px}
.acc34-h{color:var(--muted);font-size:13px;margin-left:auto;text-align:right}
.acc34-ch{width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);flex:none;margin:0 4px 0 2px;transition:transform .15s}
.acc34[open]>summary .acc34-ch{transform:rotate(45deg)}
.acc34[open] .acc34-h{display:none}
.acc34-b{padding:0 12px 12px 44px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.acc34-l{display:flex;flex-direction:column;gap:7px;width:100%}
.acc-li{display:block;line-height:1.35;overflow-wrap:anywhere}
.acc-li.code{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.acc-n{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:var(--surface);font:600 12px var(--f-mono);color:var(--muted);flex:none}
.acc-cv{font:600 15px var(--f-mono);letter-spacing:.04em;padding:1px 8px;border-radius:7px;background:var(--surface);-webkit-user-select:all;user-select:all}
.acc34.cap34{background:var(--i-card);border-radius:18px;margin-bottom:10px}
.acc34.cap34>summary b{font-size:16px}
.acc34.cap34 .acc-n,.acc34.cap34 .acc-cv{background:var(--i-bg2)}
.brief-r .acc34-l{margin-top:2px}
.i-txtb .acc34-l,.pi34 .acc34-l{margin-top:4px}
.pi34{display:block}
.fi34{display:flex;flex-direction:column;margin-top:10px}
.fi34-n{margin-top:10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--warn) 12%,var(--surface));display:flex;flex-direction:column;gap:3px;font-size:14.5px;line-height:1.4}
.fi34-n b{display:flex;align-items:center;gap:6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb,var(--warn) 70%,var(--ink))}
.fi34-n b svg{width:15px!important;height:15px!important}
.fi34-n span{white-space:pre-line;overflow-wrap:anywhere}
.fi34-lock{margin-top:10px;display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:12px;background:var(--sunk);font-size:14px}
.fi34-lock svg{width:20px!important;height:20px!important;flex:none;color:var(--muted);margin-top:1px}
.fi34-lock span{display:flex;flex-direction:column;gap:2px;color:var(--muted)}
.fi34-lock b{color:var(--ink)}
.pm-prop{margin:4px 0 0}
/* espace propriétaire : points suivis */
.fi34-sv h2{margin:0 0 6px}
.fi34-pt{padding:10px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.fi34-pt:first-of-type{border-top:0}
.fi34-pth{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between}
.fi34-pt p{margin:0;line-height:1.45;overflow-wrap:anywhere}
/* vignettes : croix pour supprimer */
.mtw{position:relative;display:inline-flex;flex:none}
.mt-x{all:unset;box-sizing:border-box;position:absolute;top:-7px;right:-7px;width:26px;height:26px;border-radius:13px;background:rgba(20,20,22,.78);color:#fff;display:grid;place-items:center;font-size:17px;line-height:1;cursor:pointer;box-shadow:0 0 0 2px var(--i-card,#fff);z-index:2}
.mt-x:focus-visible{outline:2px solid var(--i-blue,#0a84ff);outline-offset:1px}
.slot.on>.mt-x{top:5px;right:5px;box-shadow:none}
.cap-media{padding-top:4px}
/* preuves : photo et vidéo seulement (pas de galerie) */
#cap label:has(>input[type=file][data-capin="gallery"]),#cap label:has(>input[type=file][data-capslot="gallery"]),#cln label:has(>input[type=file][data-clslot="gallery"]),#cln label:has(>input[type=file][data-cl20="gallery"]),#ptn label:has(>input[type=file][data-pt20="gallery"]){display:none!important}
.pf-bs.v{grid-template-columns:1.4fr 1fr}
.cap-card.vid .cap-mbtns{grid-template-columns:1fr}
/* appareil photo intégré */
body.cam-on{overflow:hidden}
.cam34{position:fixed;inset:0;z-index:2147483000;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--i-font,system-ui)}
.cam34 .cam-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.cam34 .cam-fl{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}
.cam34 .cam-fl.on{animation:cam34f .28s ease-out}
@keyframes cam34f{0%{opacity:.85}100%{opacity:0}}
.cam34 .cam-top{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) 12px max(14px,env(safe-area-inset-left,0px));background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0))}
.cam34 .cam-done{all:unset;cursor:pointer;font-size:17px;font-weight:600;padding:8px 12px;border-radius:18px;background:rgba(255,255,255,.18)}
.cam34 .cam-done:focus-visible,.cam34 .cam-shut:focus-visible{outline:2px solid #fff;outline-offset:3px}
.cam34 .cam-ti{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.cam34 .cam-ti b{font-size:16px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cam34 .cam-n{font-size:13px;opacity:.85}
.cam34 .cam-sp{width:60px}
.cam34 .cam-wait{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:15px;opacity:.85}
.cam34 .cam-msg{position:absolute;left:50%;top:calc(76px + env(safe-area-inset-top,0px));transform:translateX(-50%);padding:7px 14px;border-radius:16px;background:rgba(0,0,0,.6);font-size:14px;font-weight:600;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}
.cam34 .cam-msg.on{opacity:1}
.cam34 .cam-bot{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px max(18px,env(safe-area-inset-right,0px)) calc(22px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6))}
.cam34 .cam-last{width:52px;height:52px;border-radius:10px;background:rgba(255,255,255,.12) center/cover no-repeat;justify-self:start}
.cam34 .cam-shut{all:unset;cursor:pointer;width:76px;height:76px;border-radius:50%;box-sizing:border-box;border:5px solid #fff;display:grid;place-items:center}
.cam34 .cam-shut i{width:58px;height:58px;border-radius:50%;background:#fff;transition:all .15s}
.cam34 .cam-shut:active i{transform:scale(.9)}
.cam34 .cam-shut.vid i{background:#ff3b30}
.cam34 .cam-shut.vid.on i{width:30px;height:30px;border-radius:7px}
.cam34 .cam-shut[disabled]{opacity:.4;cursor:default}
.cam34 .cam-tm{justify-self:end;font-size:15px;font-weight:600;min-width:52px;text-align:right}
/* ménage : chronomètre, pauses */
.cap-h.t34{grid-template-columns:auto minmax(0,1fr) auto}
.cap-h.t34 .cap-t{max-width:none}
.cl34-tm{display:inline-flex;align-items:center;gap:5px;margin-right:8px;padding:5px 10px 5px 8px;border-radius:15px;background:var(--i-btn);color:var(--i-fg);font-size:14px;white-space:nowrap}
.cl34-tm svg{width:15px!important;height:15px!important;flex:none}
.cl34-tm b{font-weight:600;font-variant-numeric:tabular-nums}
.cl34-tm.pz{background:color-mix(in srgb,var(--i-orange) 22%,var(--i-card));color:color-mix(in srgb,var(--i-orange) 80%,var(--i-fg))}
.cl34-tm.end{opacity:.8}
.cl34-pz{gap:6px}
.cl34-pzh{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.cl34-pzh span{color:var(--i-gr);font-size:14px}
.cl34-pr{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:.5px solid var(--i-sep)}
.cl34-pn{width:24px;height:24px;border-radius:12px;display:grid;place-items:center;background:var(--i-bg2);font-size:13px;font-weight:600;flex:none}
.cl34-pr.cur .cl34-pn{background:color-mix(in srgb,var(--i-orange) 25%,var(--i-card))}
.cl34-pt{display:flex;flex-direction:column}
.cl34-pt b{font-weight:600;font-size:15px}
.cl34-pt span{color:var(--i-gr);font-size:13.5px}
.cl34-rp{display:flex;flex-direction:column;gap:2px;margin:8px 0 0;font-size:13.5px}
.cl34-rp span{color:var(--muted)}
.cap-card.ckc{gap:9px}
/* V36 : plusieurs prises puis « Utiliser » */
.cam34.c36 .cam-bot{column-gap:14px}
.cam34.c36 .cam-x{all:unset;cursor:pointer;font-size:17px;font-weight:600;padding:8px 12px;border-radius:18px;background:rgba(255,255,255,.18)}
.cam34.c36 .cam-top .cam-tm{min-width:72px;text-align:right;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.cam34.c36.rec .cam-top .cam-tm{color:#ff453a}
.cam34.c36 .cam-x:focus-visible,.cam34.c36 .cam-use:focus-visible,.cam34.c36 .cam-last:focus-visible,.cam34 .cam-ask button:focus-visible,.cam34 .cam-tx:focus-visible{outline:2px solid #fff;outline-offset:3px}
.cam34.c36 .cam-last{all:unset;cursor:pointer;position:relative;width:52px;height:52px;border-radius:10px;background:rgba(255,255,255,.12) center/cover no-repeat;justify-self:start;box-shadow:0 0 0 2px rgba(255,255,255,.5)}
.cam34.c36 .cam-last[disabled]{cursor:default;box-shadow:none}
.cam34.c36 .cam-bn{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:10px;background:#0a84ff;color:#fff;font:700 12px/20px var(--i-font,system-ui);font-style:normal;text-align:center}
.cam34.c36 .cam-bn:empty{display:none}
.cam34.c36 .cam-use{all:unset;cursor:pointer;justify-self:end;box-sizing:border-box;max-width:100%;padding:9px 14px;border-radius:20px;background:#ffd60a;color:#000;font-size:15px;font-weight:700;line-height:1.15;text-align:center;text-wrap:balance}
.cam34.c36 .cam-use[disabled]{background:rgba(255,255,255,.18);color:rgba(255,255,255,.55);cursor:default}
.cam34.c36 .cam-tray{position:absolute;left:0;right:0;bottom:calc(118px + env(safe-area-inset-bottom,0px));display:flex;gap:10px;overflow-x:auto;padding:10px max(16px,env(safe-area-inset-left,0px));background:rgba(0,0,0,.55);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cam34.c36 .cam-tray[hidden]{display:none}
.cam34.c36 .cam-tk{position:relative;flex:0 0 auto;width:64px;height:64px}
.cam34.c36 .cam-tk i{display:block;width:100%;height:100%;border-radius:9px;background:#222 center/cover no-repeat}
.cam34.c36 .cam-tk em{position:absolute;left:4px;bottom:3px;font:600 11px var(--i-font,system-ui);font-style:normal;text-shadow:0 1px 2px #000}
.cam34.c36 .cam-tx{all:unset;cursor:pointer;position:absolute;top:-6px;right:-6px;width:26px;height:26px;border-radius:50%;background:#fff;color:#000;font:700 17px/26px var(--i-font,system-ui);text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.5)}
.cam34 .cam-ask{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.55)}
.cam34 .cam-ab{width:min(300px,100%);box-sizing:border-box;padding:18px 16px 14px;border-radius:14px;background:#1c1c1e;text-align:center;display:grid;gap:6px}
.cam34 .cam-ab b{font-size:17px;text-wrap:balance}
.cam34 .cam-ab span{font-size:14px;opacity:.8}
.cam34 .cam-ab div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.cam34 .cam-ab button{all:unset;cursor:pointer;padding:11px 8px;border-radius:10px;background:rgba(255,255,255,.12);font-size:16px;font-weight:600;text-align:center}
.cam34 .cam-ab .cam-ad{color:#ff453a}
@media (max-width:360px){.cam34.c36 .cam-use{font-size:14px;padding:8px 10px}}

/* ===== V35 — Communication : Messages | E-mails ===== */
.cm35-sw{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:var(--sunk);margin:2px 0 10px;max-width:100%;width:fit-content;align-self:flex-start}
.cm35-b{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 18px;border-radius:9px;font:600 14.5px var(--f-body);color:var(--muted);white-space:nowrap}
.cm35-b:hover{color:var(--ink)}
.cm35-b.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04)}
.cm35-b:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.cm35-n{background:var(--accent);color:var(--accent-ink);border-radius:99px;min-width:19px;height:19px;padding:0 6px;display:inline-grid;place-items:center;font:600 11.5px var(--f-body)}
.cm35-h + .cm35-sw{margin-top:-4px}

/* mise en page : dossiers | liste | lecture */
.ml35w{container-type:inline-size;container-name:ml35}
.ml35{display:grid;grid-template-columns:200px minmax(260px,330px) minmax(0,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);min-height:500px}
.ml35.ctc{grid-template-columns:200px minmax(0,1fr)}
.ml35 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ml35 .vh,.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ml35-none{margin-top:6px}

/* dossiers */
.ml35-f{display:flex;flex-direction:column;gap:12px;padding:12px 8px;border-right:1px solid var(--line);overflow-y:auto;min-height:0;background:color-mix(in srgb,var(--sunk) 45%,var(--surface))}
.ml35-fg{display:flex;flex-direction:column;gap:1px}
.ml35-fg .tag{padding:0 10px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:.02em;font-size:11.5px}
.ml35-fb{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:9px;min-height:34px;padding:0 10px;border-radius:8px;font-size:14px;color:var(--ink)}
.ml35-fb svg{color:color-mix(in srgb,var(--accent) 80%,var(--ink))}
.ml35-fb span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml35-fb b{font:600 12px var(--f-body);color:var(--muted)}
.ml35-fb:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.ml35-fb.on{background:color-mix(in srgb,var(--accent) 14%,var(--surface));font-weight:600}
.ml35-fb.on b{color:var(--ink)}
.ml35-fb.add{color:var(--muted);font-size:13px}
.ml35-fb.add svg{color:var(--muted)}
.ml35-fb:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ml35-sy{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px 6px 2px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.ml35-sy>span{display:flex;gap:8px;align-items:flex-start}
.ml35-sy>span>span{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.ml35-sy svg{width:16px;height:16px;margin-top:1px}
.ml35-sy small{font-size:11px;opacity:.85}
.ml35-sy .btn{padding:4px 8px;font-size:12.5px;min-height:30px}

/* rangée de dossiers (écrans étroits) */
.ml35-fc{display:none;gap:8px;align-items:center;padding:8px 10px 2px;flex-wrap:wrap}
.ml35-fc select{width:100%;min-height:36px}
.ml35-chs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;padding-bottom:2px}
.ml35-chs::-webkit-scrollbar{display:none}
.ml35-ch{all:unset;box-sizing:border-box;flex:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:99px;background:var(--sunk);font-size:13.5px;white-space:nowrap}
.ml35-ch.on{background:color-mix(in srgb,var(--accent) 15%,var(--surface));color:color-mix(in srgb,var(--accent) 78%,var(--ink));font-weight:600}
.ml35-ch b{background:var(--accent);color:var(--accent-ink);border-radius:99px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;font:600 11px var(--f-body)}
.ml35-ch:focus-visible{outline:2px solid var(--accent);outline-offset:1px}

/* liste */
.ml35-l{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--line);background:var(--surface)}
.ml35-lh{display:flex;flex-direction:column;gap:1px;padding:12px 14px 2px}
.ml35-lh b{font:700 19px var(--f-display);letter-spacing:-.01em}
.ml35-lh .s{font-size:12.5px;color:var(--muted)}
.ml35-l .wa-search{margin:8px 10px 6px}
.ml35-flt{display:flex;gap:6px;overflow-x:auto;padding:0 10px 8px;scrollbar-width:none;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.ml35-flt::-webkit-scrollbar{display:none}
.ml35-items{flex:1;min-height:0;overflow-y:auto}
.ml35-lf{margin:0;padding:8px 14px 10px;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}
.ml35-it{all:unset;box-sizing:border-box;position:relative;display:flex;gap:8px;width:100%;padding:10px 14px 11px 10px;cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.ml35-it:hover{background:var(--sunk)}
.ml35-it.on{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.ml35-it:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ml35-it.col::after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--mc)}
.ml35-ud{width:9px;height:9px;border-radius:99px;flex:none;margin-top:6px;background:transparent}
.ml35-it.un .ml35-ud{background:var(--accent)}
.ml35-itb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ml35-itn{display:flex;align-items:baseline;gap:6px}
.ml35-itn b{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:14.5px}
.ml35-it.un .ml35-itn b{font-weight:700}
.ml35-itn i{font-style:normal;font-size:12px;color:var(--muted);flex:none}
.ml35-itn time{margin-left:auto;font-size:12px;color:var(--muted);flex:none}
.ml35-it.un .ml35-itn time{color:var(--accent);font-weight:600}
.ml35-its{display:flex;align-items:center;gap:4px;font-size:13.5px;min-width:0}
.ml35-its>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ml35-it.un .ml35-its{font-weight:600}
.ml35-its svg{width:14px;height:14px}
.ml35-flg{color:var(--warn);display:inline-flex}
.ml35-flg svg{fill:currentColor}
.ml35-att{color:var(--muted);display:inline-flex}
.ml35-itx{font-size:13px;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}
.ml35-itm{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:4px}
.ml35-itm .pill{font-size:11px;padding:0 8px}
.ml35-itm .s{font-size:11.5px;color:var(--muted)}
.ml35-by{font-size:11.5px;padding:0 8px;border-radius:99px;background:var(--sunk);color:var(--ink);line-height:1.6}
.ml35-by::before{content:"Géré par ";color:var(--muted)}

/* lecture */
.ml35-r{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--surface)}
.ml35-ph{align-items:center;justify-content:center;gap:8px;color:var(--muted);text-align:center;padding:30px;font-size:13.5px}
.ml35-ph svg{width:44px;height:44px;stroke-width:1.3;color:color-mix(in srgb,var(--muted) 70%,transparent)}
.ml35-ph b{color:var(--ink);font-size:16px}
.ml35-rh{flex:none;display:flex;flex-direction:column;gap:8px;padding:10px 16px 12px;border-bottom:1px solid var(--line)}
.ml35-back{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:2px;color:var(--accent);font-size:16px;min-height:36px;align-self:flex-start;margin-left:-6px}
.ml35-back svg{width:24px;height:24px;stroke-width:2.2}
.ml35-tb{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.ml35-ib{all:unset;box-sizing:border-box;cursor:pointer;width:38px;height:38px;border-radius:10px;display:inline-grid;place-items:center;color:color-mix(in srgb,var(--accent) 82%,var(--ink));list-style:none}
.ml35-ib::-webkit-details-marker{display:none}
.ml35-ib:hover{background:var(--sunk)}
.ml35-ib:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ml35-ib svg{width:20px;height:20px}
.ml35-ib.on{color:var(--fc,var(--warn))}
.ml35-ib.on svg{fill:currentColor}
.ml35-ib[data-a="ml-spam"].on svg,.ml35-ib[data-a="ml-unread"] svg{fill:none}
.ml35-dot{width:16px;height:16px;border-radius:99px;background:var(--mc);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 30%,transparent)}
.ml35-cd{position:relative}
.ml35-cd>summary{list-style:none}
.ml35-cp{position:absolute;z-index:6;top:42px;left:-6px;display:flex;gap:6px;padding:8px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.ml35-cb{all:unset;box-sizing:border-box;cursor:pointer;width:26px;height:26px;border-radius:99px;background:var(--mc);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.ml35-cb.on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--mc)}
.ml35-cb.none{background:linear-gradient(135deg,transparent 45%,var(--bad) 46%,var(--bad) 54%,transparent 55%),var(--surface);box-shadow:inset 0 0 0 1.5px var(--line)}
.ml35-cb.none.on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--muted)}
.ml35-cb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ml35-mv{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;color:color-mix(in srgb,var(--accent) 82%,var(--ink));cursor:pointer}
.ml35-mv:hover{background:var(--sunk)}
.ml35-mv svg{width:20px;height:20px}
.ml35-mv select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;min-height:0;font-size:16px}
.ml35-mv:focus-within{outline:2px solid var(--accent);outline-offset:-2px}
.ml35-sj{margin:0;font:700 20px/1.25 var(--f-display);letter-spacing:-.01em;overflow-wrap:anywhere}
.ml35-st{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ml35-sb{all:unset;box-sizing:border-box;cursor:pointer;height:30px;padding:0 12px;border-radius:99px;border:1px solid var(--line);font-size:13px;font-weight:500;color:var(--ink);display:inline-flex;align-items:center}
.ml35-sb:hover{background:var(--sunk)}
.ml35-sb:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.ml35-sb.on.s-todo{--c:var(--warn)}.ml35-sb.on.s-doing{--c:var(--info)}.ml35-sb.on.s-done{--c:var(--ok)}.ml35-sb.on.s-urg{--c:var(--bad)}
.ml35-sb.on{background:color-mix(in srgb,var(--c) 16%,var(--surface));border-color:color-mix(in srgb,var(--c) 45%,transparent);color:color-mix(in srgb,var(--c) 62%,var(--ink));font-weight:600}
.ml35-byl{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:13px;color:var(--muted)}
.ml35-byl select{width:auto;min-height:32px;padding:4px 28px 4px 10px;font-size:13.5px}
.ml35-ms{flex:1;min-height:0;overflow-y:auto;padding:14px 16px 24px;display:flex;flex-direction:column;gap:10px;background:color-mix(in srgb,var(--sunk) 35%,var(--surface))}
.ml35-m{background:var(--surface);border:1px solid var(--line);border-radius:12px}
.ml35-m.out{border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}
.ml35-m header,.ml35-m>summary{display:flex;gap:10px;align-items:flex-start;padding:12px 14px 6px}
.ml35-m>summary{cursor:pointer;list-style:none;flex-wrap:wrap;padding-bottom:12px}
.ml35-m>summary::-webkit-details-marker{display:none}
.ml35-m[open]>summary{padding-bottom:6px}
.ml35-m[open]>summary .ml35-mp{display:none}
.ml35-av{width:36px;height:36px;font-size:13px}
.ml35-mh{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ml35-mf{display:flex;flex-wrap:wrap;gap:0 6px;align-items:baseline}
.ml35-mf b{font-weight:600}
.ml35-mf .s,.ml35-mt{font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.ml35-m time{font-size:12px;color:var(--muted);flex:none}
.ml35-mp{flex-basis:100%;padding-left:46px;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml35-mb{padding:4px 14px 14px 60px;font-size:14.5px;line-height:1.55;overflow-wrap:anywhere}
.ml35-mb blockquote{margin:6px 0;padding:2px 0 2px 10px;border-left:3px solid var(--line);color:var(--muted)}
.ml35-sim{display:block;margin-top:8px;font-size:12px}
.ml35-ats{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ml35-at{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:var(--sunk);font-size:13px;max-width:100%}
.ml35-at b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml35-at small{color:var(--muted);flex:none}
.ml35-at svg{width:15px;height:15px;color:var(--muted)}
.ml35-pv{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:12.5px;color:var(--muted)}
.ml35-pv svg{width:16px;height:16px;margin-top:1px}
.ml35-ra{display:flex}
.ml35-ra .btn{display:inline-flex;align-items:center;gap:6px}
.ml35-ra svg{width:17px;height:17px}

/* l’agent IA dans un e-mail */
.wa-sug.ml35-ai{max-height:none;overflow:visible;border:1px solid var(--line);border-radius:12px;padding:12px 14px;flex:none}
.wa-sug.ml35-ai.lv-humain{border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}
.ml35-ai .draft{white-space:normal;line-height:1.5}
.ml35-ain{margin:0;font-size:12px;color:var(--muted)}
.ml35-ai0{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);padding:10px 12px;border:1px dashed var(--line);border-radius:12px}
.ml35-ai0 svg{width:16px;height:16px}
.ml35-ai0 b{color:var(--ink)}
.ag35-rf{display:flex;flex-wrap:wrap;gap:6px}
.actions.ag35-x:empty{display:none}

/* répondre */
.ml35-comp{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px 12px;gap:6px}
.ml35-cmh{display:flex;align-items:center;gap:8px}
.ml35-cmh b{font-size:14.5px}
.ml35-cmh .s{flex:1;min-width:0;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml35-fl{display:flex;align-items:center;gap:8px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);padding:2px 0}
.ml35-fl span{width:48px;flex:none;font-size:13px;color:var(--muted)}
.ml35-fl input{border:0;background:transparent;padding:6px 0;min-height:34px;outline-offset:2px}
.ml35-comp textarea{min-height:150px;resize:vertical;margin-top:6px;line-height:1.5}
.ml35-comp .chk2 .s,.form .chk2 .s{color:var(--muted);font-size:12.5px}
.ml35-cf{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}
.ml35-cf .s{font-size:12px;color:var(--muted)}

/* pièces jointes */
.ml35-ab{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}
.ml35-ab>.s{font-size:12px;color:var(--muted)}
.ml35-aj{display:inline-flex;align-items:center;gap:6px;cursor:pointer;position:relative}
.ml35-aj svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ml35-aj:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.ml35-ab .ml35-at img{width:22px;height:22px;border-radius:5px;object-fit:cover;flex:none}
.ml35-ab .ml35-at .ib{width:24px;height:24px;font-size:16px;color:var(--muted)}
.ml35-md{margin-top:10px;max-width:420px}
.ml35-md .wa-doc{max-width:100%}
/* historique */
.ml35-hi{font-size:13px;color:var(--muted)}
.ml35-hi>summary{cursor:pointer;padding:4px 0;color:var(--ink);font-weight:500}
.ml35-hi ul{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;gap:4px}
.ml35-hi li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:baseline}
.ml35-hi time{font-size:12px;white-space:nowrap}
.ml35-hi li>span:nth-child(2){color:var(--ink)}
.ml35-hi p{margin:4px 0 0;font-size:12px}

/* contacts */
.ml35-c{display:flex;flex-direction:column;min-height:0;min-width:0;padding:12px 16px 16px;overflow-y:auto;background:var(--surface)}
.ml35-c .ml35-fc{padding:0 0 8px}
.ml35-chd{display:flex;align-items:center;gap:10px;justify-content:space-between}
.ml35-chd h2{margin:0;font:700 19px var(--f-display)}
.ml35-c>p.s{margin:6px 0 4px;font-size:13px;color:var(--muted)}
.ml35-c .wa-search{margin:6px 0 8px}
.ml35-cl{display:flex;flex-direction:column}
.ml35-cr{display:flex;gap:12px;align-items:center;padding:10px 2px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.ml35-cr .wa-av{width:40px;height:40px;font-size:14px}
.ml35-ctb{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ml35-ctb>b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml35-ctb>.s{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml35-cm{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:3px}
.ml35-cm .pill{font-size:11px;padding:0 8px}
.ml35-cm .s{font-size:12px;color:var(--muted)}

/* ajouter une boîte */
.ml35-pvs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.ml35-pr{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.ml35-pr input{width:auto;min-height:0;margin-top:3px}
.ml35-pr span{display:flex;flex-direction:column;gap:2px}
.ml35-pr small{font-size:12px;color:var(--muted);line-height:1.35}
.ml35-pr:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
.ml35-sec{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--ok) 10%,var(--surface));font-size:13px;line-height:1.45}
.ml35-sec svg{width:18px;height:18px;flex:none;margin-top:1px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--ok)}

/* problèmes récurrents */
.rc35-l{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;padding:7px 10px;border-radius:10px;background:color-mix(in srgb,var(--warn) 12%,var(--surface))}
.rc35-l svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;color:color-mix(in srgb,var(--warn) 75%,var(--ink))}
.rc35-l span{flex:1;min-width:0}
.rc35-l .btn{padding:3px 10px;min-height:28px;font-size:12.5px}
.rc35{border:1px solid color-mix(in srgb,var(--warn) 45%,var(--line));background:color-mix(in srgb,var(--warn) 8%,var(--surface));border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;margin-bottom:6px}
.rc35-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rc35-h svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;color:color-mix(in srgb,var(--warn) 75%,var(--ink))}
.rc35-h b{font-size:15px}
.rc35 p.s{margin:0;font-size:13px;color:var(--muted)}
.rc35-os{display:flex;flex-wrap:wrap;gap:6px}
.rc35-o{all:unset;box-sizing:border-box;cursor:pointer;font-size:12.5px;padding:3px 10px;border-radius:99px;background:var(--surface);border:1px solid var(--line)}
.rc35-o:hover{background:var(--sunk)}
.rc35-o:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.rc35-d{margin:0;font-size:13px}
.rc35-d.ok{color:color-mix(in srgb,var(--ok) 70%,var(--ink))}
.rc35-p{font-size:11px}

/* écran moyen (iPad paysage, petit ordinateur) : dossiers en rangée */
@container ml35 (max-width:1000px){
  .ml35{grid-template-columns:minmax(270px,330px) minmax(0,1fr)}
  .ml35.ctc{grid-template-columns:minmax(0,1fr)}
  .ml35 .ml35-f{display:none}
  .ml35 .ml35-fc{display:flex}
  .ml35-byl{margin-left:0}
}
/* téléphone et iPad portrait : la liste, puis l’e-mail en plein écran */
@media (max-width:860px){
  .ml35{display:block;border:0;border-radius:0;background:transparent;min-height:0;height:auto!important}
  .ml35 .ml35-f,.ml35 .ml35-ph{display:none}
  .ml35 .ml35-fc{display:flex}
  .ml35-l{border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .ml35-items{overflow:visible}
  .ml35.open .ml35-l{display:none}
  .ml35-c{border:1px solid var(--line);border-radius:14px;padding:12px}
  .ml35-r.full{position:fixed;left:0;right:0;top:0;height:100dvh;z-index:40;background:var(--surface)}
  .ml35-r.full .ml35-rh{padding-top:calc(6px + env(safe-area-inset-top,0px))}
  .ml35-r.full .ml35-ms{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
  .ml35-mb{padding-left:14px}
  .ml35-mp{padding-left:0}
  .ml35-byl{margin-left:0}
  .cm35-sw{display:flex;width:auto;align-self:stretch}
  .cm35-b{flex:1}
}
body.ml-full{overflow:hidden}

/* V37 : notifications */
.nt-b{position:relative}
.nt-b svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.nt-n{position:absolute;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:#e5484d;color:#fff;font:700 11px/18px var(--i-font,system-ui);font-style:normal;text-align:center}
.nt-n[hidden]{display:none}
.nav .nt-nb{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:calc(100% - 16px);margin:0 8px 12px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--nav-muted);font-size:14px;cursor:pointer}
.nav .nt-nb:hover{background:rgba(255,255,255,.1);color:var(--nav-ink)}
.nav .nt-nb:focus-visible{outline:2px solid var(--nav-ink);outline-offset:1px}
.nav .nt-nb svg{width:16px;height:16px}
.nav .nt-nb span{flex:1;min-width:0}
.nav .nt-nb .nt-n{position:static;margin-left:auto}
@media (max-width:860px){#nav .nt-nb,.nav .nt-nb{display:none}}
.mhead .nt-mh{all:unset;position:relative;box-sizing:border-box;width:32px;height:32px;border-radius:50%;display:inline-grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer;flex:none;margin-left:auto;align-self:center}
.mhead .nt-mh svg{width:17px;height:17px}
.mhead .chipbtn{white-space:nowrap}
.mhead .nt-mh+.gs-mh{margin-left:6px}
.mhead .nt-mh:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.mhead .nt-mh .nt-n{top:-6px;right:-7px}
/* bannière quand l’application est ouverte */
#nt-ban{position:fixed;left:50%;top:calc(10px + env(safe-area-inset-top,0px));transform:translate(-50%,-140%);z-index:2147482000;display:flex;align-items:stretch;width:min(440px,calc(100% - 24px));background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:transform .25s ease;overflow:hidden}
#nt-ban.on{transform:translate(-50%,0)}
#nt-ban .nt-bb{all:unset;box-sizing:border-box;flex:1;min-width:0;display:flex;gap:10px;align-items:center;padding:10px 12px;cursor:pointer}
#nt-ban .nt-bb>span{display:flex;flex-direction:column;min-width:0}
#nt-ban .nt-bb b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nt-ban .nt-bb>span>span{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#nt-ban .nt-bx{all:unset;cursor:pointer;width:40px;display:grid;place-items:center;font-size:20px;color:var(--muted)}
#nt-ban button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
/* pastilles par catégorie */
.nt-ic{flex:none;width:34px;height:34px;border-radius:10px;background:var(--sunk);position:relative}
.nt-ic::after{content:'';position:absolute;inset:9px;border-radius:50%;background:currentColor;opacity:.9}
.nt-ic.c-msg{color:#2f6fe4}.nt-ic.c-ia{color:#8e4ec6}.nt-ic.c-mis{color:#30a46c}.nt-ic.c-cln{color:#12a594}.nt-ic.c-edl{color:#0797b9}
.nt-ic.c-inc{color:#e5484d}.nt-ic.c-res{color:#f2811d}.nt-ic.c-req{color:#a07553}.nt-ic.c-fb{color:#e2b203}.nt-ic.c-prm{color:#d6409f}
/* centre */
.nt37{display:flex;flex-direction:column;gap:2px;min-width:0}
.nt37 .nt-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin:-4px 0 6px}
.nt37 .nt-empty{color:var(--muted);margin:18px 0;text-align:center}
.nt37 .nt-day{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:12px 0 4px}
.nt37 .nt-it{all:unset;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 8px;border-radius:10px;cursor:pointer;position:relative}
.nt37 .nt-it:hover{background:var(--sunk)}
.nt37 .nt-it:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.nt37 .nt-tx{display:flex;flex-direction:column;min-width:0}
.nt37 .nt-tx b{font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nt37 .nt-it.un .nt-tx b{font-weight:700}
.nt37 .nt-tx span{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.nt37 time{font-size:12px;color:var(--muted);align-self:start;padding-top:2px}
.nt37 .nt-dot{position:absolute;right:8px;bottom:12px;width:8px;height:8px;border-radius:50%;background:#2f6fe4}
.nt37 .nt-it.urg .nt-tx b::before{content:'Urgent · ';color:#e5484d}
/* réglages */
.nts37 .nt-dev{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px;border-radius:12px;background:var(--sunk);margin-bottom:12px}
.nts37 .nt-dev>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:200px;flex:1}
.nts37 .nt-dev span{font-size:13px;color:var(--muted)}
.nts37 .nt-dev.s-on b::after{content:' · activées';color:#30a46c;font-weight:600}
.nts37 .nt-db{display:flex;gap:8px;flex-wrap:wrap}
.nts37 .nt-blk{border-bottom:1px solid var(--line);padding:6px 0 10px;margin-bottom:6px}
.nts37 .nt-row{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}
.nts37 .nt-row>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.nts37 .nt-row>span>span{font-size:13px;color:var(--muted)}
.nts37 .nt-q{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:8px}
.nts37 .nt-q.off{display:none}
.nts37 .nt-q label{display:flex;align-items:center;gap:6px;font-size:14px}
.nts37 .nt-q input[type=time]{width:auto;min-width:96px}
.nts37 .nt-ck input{width:auto;min-height:0}
.nts37 .nt-cols{display:grid;grid-template-columns:minmax(0,1fr) 76px 92px;gap:8px;font-size:12px;color:var(--muted);text-align:center;position:sticky;top:-1px;background:var(--surface);padding:6px 0;z-index:1}
.nts37 .nt-cat{border:0;margin:0 0 8px;padding:0;min-width:0}
.nts37 .nt-cat legend{font-weight:700;font-size:15px;padding:8px 0 4px}
.nts37 .nt-ty{display:grid;grid-template-columns:minmax(0,1fr) 76px 92px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.nts37 .nt-ty>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.nts37 .nt-ty>span>b{font-weight:500;font-size:14px}
.nts37 .nt-ty>span>span{font-size:12.5px;color:var(--muted)}
.nts37 .nt-c{display:flex;justify-content:center}
.nts37 .nt-foot{margin:10px 0 0}
.nt-sw{appearance:none;-webkit-appearance:none;width:46px;height:28px;min-height:0;border:0;border-radius:99px;background:#c6ccd1;position:relative;cursor:pointer;flex:none;padding:0;margin:0;transition:background .2s}
.nt-sw::before{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}
.nt-sw:checked{background:#30a46c}
.nt-sw:checked::before{transform:translateX(18px)}
.nt-sw:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media (max-width:520px){.nts37 .nt-cols,.nts37 .nt-ty{grid-template-columns:minmax(0,1fr) 54px 62px}.nts37 .nt-cols span{font-size:11px;line-height:1.2}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .nt-sw:not(:checked){background:#4a545c}}
:root[data-theme="dark"] .nt-sw:not(:checked){background:#4a545c}
/* en-tête du téléphone : tout tient sur une ligne, même sur petit écran */
.mhead{gap:6px}
@media (max-width:400px){.mhead>span{display:none}}
@media (max-width:350px){.mhead{gap:4px}.mhead b{font-size:19px}.mhead .chipbtn{font-size:10.5px;padding:3px 7px}.mhead .nt-mh,.mhead .gs-mh{width:30px;height:30px}.mhead .nt-mh+.gs-mh{margin-left:4px}.mhead .syncpill{margin-left:2px}}

/* V37 : application web installable */
.pwa-bar{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.pwa-bar>i{flex:none;width:40px;height:40px;border-radius:10px;background:#15212b url("icons/icon-192.png") center/cover no-repeat}
.pwa-bar>span{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.pwa-bar>span>span{font-size:13px;color:var(--muted)}
.pwa-x{all:unset;cursor:pointer;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:20px;color:var(--muted);flex:none}
.pwa-x:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
#pwa-up{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%,160%);z-index:2147481000;display:flex;align-items:center;gap:10px;width:min(480px,calc(100% - 24px));padding:10px 12px;border-radius:14px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.2);transition:transform .25s ease}
#pwa-up.on{transform:translate(-50%,0)}
#pwa-up>span{display:flex;flex-direction:column;flex:1;min-width:0}
#pwa-up>span>span{font-size:13px;color:var(--muted)}
.ios #pwa-up{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
.pwa-ios{margin:4px 0 0;padding-left:20px;display:grid;gap:6px}
.pwa-sh{display:inline-block;width:14px;height:16px;vertical-align:-2px;border:2px solid currentColor;border-top:0;border-radius:2px;position:relative;margin:0 2px}
.pwa-sh::before{content:'';position:absolute;left:50%;top:-8px;width:2px;height:11px;margin-left:-1px;background:currentColor}
@media (max-width:520px){.pwa-bar{flex-wrap:wrap}.pwa-bar>span{min-width:calc(100% - 100px)}}

/* V38 : terrain — listes en lignes (style iOS) */
.f38{display:flex;flex-direction:column;gap:0;margin:4px 0 18px;min-width:0}
.f38-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;border-radius:10px;background:color-mix(in srgb,var(--ink) 8%,transparent);margin:0 0 6px}
.f38-seg button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:4px 6px;border-radius:8px;font-size:14px;font-weight:500;color:var(--ink);text-align:center;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .18s}
.f38-seg button.on{background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04);font-weight:600}
.f38-seg button i{font-style:normal;font-size:12px;font-weight:600;min-width:18px;height:18px;line-height:18px;border-radius:9px;padding:0 5px;background:var(--accent);color:var(--accent-ink)}
.f38-seg button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.f38-day{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;color:var(--muted);margin:16px 4px 6px}
.f38-day:first-letter{text-transform:uppercase}
.f38-day.late{color:var(--bad)}
.f38-list{background:var(--surface);border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.f38-r{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:9px 12px 9px 12px;position:relative;-webkit-tap-highlight-color:transparent}
.f38-r+.f38-r::before{content:'';position:absolute;top:0;left:58px;right:0;border-top:1px solid var(--line)}
.f38-r:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}
.f38-r:active{background:color-mix(in srgb,var(--ink) 9%,transparent)}
.f38-r:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:12px}
.f38-ic{flex:none;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;background:#8e8e93}
.f38-ic svg{width:19px;height:19px}
.k38-menage{background:#30a46c}.k38-edl{background:#0a84ff}.k38-cles{background:#ff9f0a}.k38-travaux{background:#e5484d}.k38-visite{background:#8e4ec6}.k38-autre{background:#8e8e93}
.f38-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.f38-tx b{font-size:15.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f38-tx span{font-size:13.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f38-st{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;padding:3px 8px;border-radius:99px;white-space:nowrap;max-width:42%;overflow:hidden;text-overflow:ellipsis}
.f38-st svg{width:12px;height:12px}
.s38-todo{background:color-mix(in srgb,#ff9f0a 20%,transparent);color:color-mix(in srgb,#ff9f0a 45%,var(--ink))}
.s38-run{background:color-mix(in srgb,#0a84ff 16%,transparent);color:color-mix(in srgb,#0a84ff 80%,var(--ink))}
.s38-done{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--muted)}
.f38-ch{flex:none;color:color-mix(in srgb,var(--muted) 70%,transparent);display:grid;place-items:center}
.f38-ch svg{width:16px;height:16px}
.f38-r.done .f38-tx b{color:var(--muted);font-weight:500}
.f38-r.late .f38-tx span{color:var(--bad)}
.f38-empty{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;padding:26px 14px;margin-top:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.f38-empty b{font-size:16px}
.f38-empty span{font-size:14px;color:var(--muted)}
.f38-more{margin-top:16px}
.f38-sh{margin:0}
/* fiche mission : ⓘ et écrire à l’équipe bien visibles */
.f38-inf{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.f38-inf>svg{width:22px;height:22px;color:#0a84ff;flex:none}
.f38-inf:hover{background:var(--sunk)}
.f38-inf:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.f38-it{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.f38-it b{font-size:14.5px;font-weight:600}
.f38-it span{font-size:12.5px;color:var(--muted)}
.pm-chat{background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.f38-note{margin:10px 0 0}
.f38-ib{max-height:min(60vh,520px);overflow:auto;text-align:left;margin:4px 0 2px;display:flex;flex-direction:column;gap:10px}
.f38-ib .pf17{margin:0}
.f38-hi{all:unset;box-sizing:border-box;cursor:pointer;width:32px;height:32px;border-radius:50%;display:inline-grid;place-items:center;color:var(--i-blue,#0a84ff);margin-right:6px}
.f38-hi svg{width:24px;height:24px}
.f38-hi:focus-visible{outline:2px solid currentColor;outline-offset:1px}
.cap-hr{display:inline-flex;align-items:center}
@media (max-width:380px){.f38-st{max-width:36%}.f38-tx b{font-size:15px}}

/* V38 : état des lieux — Wi-Fi, débit, compteurs non trouvés */
.cap .w38.need,.cap .m38 .w38-need{scroll-margin:90px}
.cap .w38.need{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--i-orange,#ff9f0a) 70%,transparent)}
.cap .w38-need{margin:8px 2px 0;font-size:13.5px;font-weight:600;color:var(--i-orange,#ff9f0a)}
.cap .w38-pw{all:unset;cursor:pointer;color:var(--i-blue,#0a84ff);font-weight:600}
.cap .w38-pw:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:4px}
.w38-pv{font-size:22px;text-align:center;margin:6px 0 2px;word-break:break-all;user-select:all;-webkit-user-select:all}
.cap .w38-sp{margin:10px 0 2px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--i-blue,#0a84ff) 10%,transparent);display:flex;flex-direction:column;gap:10px}
.cap .w38-sp.has{background:color-mix(in srgb,var(--i-green,#30d158) 12%,transparent)}
.cap .w38-hint{margin:0;font-size:13.5px;color:var(--i-gr,#8d8d93)}
.cap .w38-g{display:flex;flex-direction:column;gap:8px}
.cap .w38-ph{font-size:13px;font-weight:600;color:var(--i-blue,#0a84ff)}
.cap .w38-bar{height:6px;border-radius:3px;background:color-mix(in srgb,var(--i-fg,#000) 10%,transparent);overflow:hidden}
.cap .w38-bar i{display:block;height:100%;border-radius:3px;background:var(--i-blue,#0a84ff);transition:width .5s ease}
.cap .w38-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cap .w38-n span{display:flex;flex-direction:column;gap:1px;min-width:0}
.cap .w38-n small{font-size:11.5px;color:var(--i-gr,#8d8d93);text-transform:uppercase;letter-spacing:.02em}
.cap .w38-n b{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.cap .w38-n b i{font-style:normal;font-size:12px;font-weight:600;color:var(--i-gr,#8d8d93)}
.cap .w38-at{font-size:12.5px;color:var(--i-gr,#8d8d93)}
.cap .w38-go{width:100%;justify-content:center}
.cap .m38.nf{opacity:.96}
.cap .m38 .cap-chips{margin:10px 0 4px}
@media (max-width:360px){.cap .w38-n b{font-size:18px}}

/* V38 : signatures (verrou, lien à distance, page du locataire) */
.cap .sg38-lock{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.cap .sg38-li{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--i-orange,#ff9f0a) 18%,transparent);color:var(--i-orange,#ff9f0a)}
.cap .sg38-li svg{width:20px;height:20px}
.cap .sg38-lock ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px;color:var(--i-gr,#8d8d93);font-size:14.5px}
.cap .sg38-lock .cap-btn{margin-top:6px}
.cap .sg38-b{width:100%;justify-content:center;gap:8px;margin:2px 0 4px}
.cap .sg38-b svg{width:18px;height:18px}
.cap .sg38-or{margin:4px 0 0}
.cap .sg38-st{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--i-blue,#0a84ff) 12%,transparent);margin:2px 0 8px}
.cap .sg38-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--i-blue,#0a84ff);margin-top:6px;animation:sg38p 1.6s ease-in-out infinite}
@keyframes sg38p{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.cap .sg38-dot{animation:none}}
.cap .sg38-tx{display:flex;flex-direction:column;gap:1px;min-width:0}
.cap .sg38-tx b{font-size:14.5px}
.cap .sg38-tx span{font-size:13px;color:var(--i-gr,#8d8d93)}
.cap .sg38-bs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.cap .sg38-bs .cap-btn{flex:1 1 auto;min-width:0}
.cap .sg38-v{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--i-green,#30d158);margin:6px 0 8px}
.cap .sg38-v svg{width:16px;height:16px;flex:none;margin-top:2px}
.sg38-f{display:flex;flex-direction:column;gap:10px;margin-top:4px;text-align:left}
.sg38-seg{display:grid;grid-template-columns:1fr 1fr;padding:2px;border-radius:9px;background:rgba(120,120,128,.16)}
.sg38-seg button{all:unset;cursor:pointer;text-align:center;padding:7px 0;border-radius:7px;font-size:14px;font-weight:500}
.sg38-seg button.on{background:var(--surface,#fff);box-shadow:0 1px 3px rgba(0,0,0,.12);font-weight:600}
.sg38-n{margin:0;font-size:13px;color:var(--muted)}
.sg38-url{word-break:break-all;font-size:12.5px;background:var(--sunk);border-radius:8px;padding:8px;margin:8px 0 0;text-align:left}
.sg38-w{margin:10px 0 0}
/* page du locataire */
.sg38{position:fixed;inset:0;z-index:2147482500;background:var(--i-bg2,#f2f2f7);color:var(--i-fg,#000);font-family:var(--i-font);display:flex;flex-direction:column;overflow:hidden}
.sg38-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;background:var(--i-glass,rgba(255,255,255,.74));-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--i-sep)}
.sg38-h b{font-size:17px}
.sg38-x{all:unset;cursor:pointer;color:var(--i-blue,#007aff);font-size:16px}
.sg38-b{flex:1;overflow:auto;padding:14px 16px calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px;max-width:640px;width:100%;margin:0 auto;box-sizing:border-box}
.sg38-c{background:var(--i-card,#fff);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}
.sg38-c h2{font-family:var(--i-font);font-size:22px;margin:0}
.sg38-c h3{font-family:var(--i-font);font-size:17px;margin:0}
.sg38-c p{margin:0;font-size:15px;color:var(--i-gr)}
.sg38-k{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--i-blue,#007aff)}
.sg38-kv{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:15px}
.sg38-kv span{color:var(--i-gr)}
.sg38-an summary{cursor:pointer;color:var(--i-blue,#007aff);font-size:15px}
.sg38-an ul{margin:8px 0 0;padding-left:18px;font-size:14px;display:flex;flex-direction:column;gap:4px}
.sg38-btn{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;padding:13px 16px;border-radius:12px;background:var(--i-blue,#007aff);color:#fff;font-size:16px;font-weight:600}
.sg38-btn.sec{background:rgba(120,120,128,.16);color:var(--i-blue,#007aff)}
.sg38-btn:focus-visible,.sg38-lnk:focus-visible,.sg38-x:focus-visible{outline:2px solid var(--i-blue,#007aff);outline-offset:2px}
.sg38-lnk{all:unset;cursor:pointer;color:var(--i-blue,#007aff);font-size:15px;align-self:center}
.sg38-in{box-sizing:border-box;width:100%;font:inherit;font-size:17px;padding:12px;border-radius:10px;border:1px solid var(--i-sep);background:var(--i-bg,#fff);color:inherit}
#sg38-code{font-size:26px;letter-spacing:.3em;text-align:center}
.sg38-l{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--i-gr)}
.sg38-pad{position:relative;height:180px;border-radius:12px;background:#fff;border:1px solid var(--i-sep);touch-action:none}
.sg38-pad canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}
.sg38-ph{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:14px;color:#8a8a8e;pointer-events:none;border-top:1px dashed #c7c7cc;margin:0 18px;padding-top:6px}
.sg38-pad.on .sg38-ph{opacity:.4}
.sg38-ck{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.sg38-ck input{width:22px;height:22px;flex:none;margin:0}
.sg38-demo{background:color-mix(in srgb,var(--i-orange,#ff9500) 16%,transparent);color:var(--i-fg);border-radius:12px;padding:10px 12px;margin:0;font-size:14px}
.sg38-demo.top{margin-bottom:-2px}
.sg38-foot{font-size:12.5px;color:var(--i-gr);text-align:center;margin:4px 0 0}
.sg38-end{align-items:center;text-align:center;padding:28px 16px}
.sg38-ok{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--i-green,#34c759);color:#fff}
.sg38-ok svg{width:30px;height:30px}

/* V38 : ménage — photos validées, photos complémentaires */
#cln .cl38-note{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin:0 0 10px;border-radius:12px;background:color-mix(in srgb,var(--i-blue,#0a84ff) 12%,transparent);font-size:14px;line-height:1.35}
#cln .cl38-note svg{width:18px;height:18px;flex:none;color:var(--i-blue,#0a84ff);margin-top:1px}
#cln .cl38-done{display:flex;gap:12px;align-items:center;padding:12px 14px;margin:0 0 10px;border-radius:14px;background:color-mix(in srgb,var(--i-green,#30d158) 14%,transparent)}
#cln .cl38-done svg{width:22px;height:22px;flex:none;color:var(--i-green,#30d158)}
#cln .cl38-done span{display:flex;flex-direction:column;gap:1px;font-size:13.5px;color:var(--i-gr,#8d8d93)}
#cln .cl38-done b{font-size:15px;color:var(--i-fg)}
#cln .cl38-ro .cap-card{opacity:.97}
#cln .cl38-x{border:1.5px dashed color-mix(in srgb,var(--i-fg,#000) 18%,transparent)}

/* V38 : incidents archivés et supprimés */
.inc38-f{margin:0 0 10px;align-self:flex-start;display:inline-flex}
.inc38-f b{font-weight:600;margin-left:4px;opacity:.75}
.il38{display:flex;flex-direction:column}
.ir38{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;width:100%;padding:11px 8px;border-radius:10px;position:relative}
.ir38+.ir38::before{content:'';position:absolute;top:0;left:22px;right:0;border-top:1px solid var(--line)}
.ir38:hover{background:var(--sunk)}
.ir38:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ir38-bar{flex:none;width:4px;align-self:stretch;border-radius:2px;background:color-mix(in srgb,var(--muted) 45%,transparent)}
.ir38-bar.dl{background:var(--bad)}
.ir38-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ir38-t b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ir38-t .s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inc38-v .kv{margin-top:2px}

/* V38 : lecteur de PDF intégré */
html.pdf38-on,html.pdf38-on body{overflow:hidden}
.pdf38{position:fixed;inset:0;z-index:2147482600;display:flex;flex-direction:column;background:#525659;color:#fff;font-family:var(--i-font,-apple-system,system-ui,sans-serif)}
.pdf38-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top,0px)) 10px 8px;background:rgba(28,28,30,.86);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid rgba(255,255,255,.12)}
.pdf38-t{font-size:16px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdf38-a{display:flex;gap:4px;justify-content:flex-end}
.pdf38-b{all:unset;box-sizing:border-box;cursor:pointer;min-width:40px;height:40px;padding:0 8px;border-radius:10px;display:inline-grid;place-items:center;color:#0a84ff;font-size:17px;font-weight:500}
.pdf38-b.txt{padding:0 6px}
.pdf38-b svg{width:24px;height:24px}
.pdf38-b:hover{background:rgba(255,255,255,.08)}
.pdf38-b:focus-visible{outline:2px solid #0a84ff;outline-offset:1px}
.pdf38-sc{flex:1;overflow:auto;padding:14px 12px 76px;display:flex;flex-direction:column;align-items:center;gap:14px;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}
.pdf38-p{background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.35);border-radius:2px;flex:none;max-width:none}
.pdf38-p canvas{display:block}
.pdf38-ld{margin:auto;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;max-width:320px;padding:30px 10px;color:rgba(255,255,255,.85)}
.pdf38-ld b{font-size:17px;color:#fff}
.pdf38-ld .spin{width:26px;height:26px}
.pdf38-z{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:14px;background:rgba(28,28,30,.86);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:14px;font-variant-numeric:tabular-nums;box-shadow:0 4px 18px rgba(0,0,0,.3)}
.pdf38-z .pdf38-b{font-size:22px;color:#fff;min-width:36px;height:36px}
.pdf38-pg{margin-left:6px;padding-left:10px;border-left:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.75)}
#pdf38-print{display:none}
@media print{
  html.pdf38-printing body>*:not(#pdf38-print){display:none!important}
  html.pdf38-printing #pdf38-print{display:block!important}
  html.pdf38-printing #pdf38-print img{display:block;width:100%;height:auto;break-after:page;page-break-after:always}
  html.pdf38-printing #pdf38-print img:last-child{break-after:auto;page-break-after:auto}
  @page{margin:0}
}

/* V38 : livret — tutoriels vidéo, départ avec preuves */
.tu38,.dep38e{display:flex;flex-direction:column;gap:12px;margin:4px 0 18px}
.tu38-hd p{margin:4px 0 0}
.tu38-c{border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--surface)}
.tu38-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tu38-h b{font-size:16px;margin-right:auto}
.tu38-x{flex:none}
.tu38-sens{margin:0;color:var(--warn)}
.tu38-v{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.tu38-v video{width:100%;max-height:300px;border-radius:12px;background:#000}
.tu38-none{width:100%;padding:18px;border-radius:12px;border:1.5px dashed var(--line);text-align:center;color:var(--muted);font-size:14px}
.tu38-up{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:14px;padding:10px 0}
.tu38-vb{position:relative;overflow:hidden;cursor:pointer}
.tu38-vb input{position:absolute;inset:0;opacity:0;cursor:pointer}
.tu38-tr{display:flex;flex-direction:column;gap:6px}
.tu38-trh{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.tu38-st{font-size:12.5px;font-weight:600;padding:3px 9px;border-radius:99px}
.tu38-st.s-ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.tu38-st.s-draft{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}
.tu38-st.s-none{background:var(--sunk);color:var(--muted)}
.tu38-tr textarea{width:100%;min-height:120px;font:inherit;font-size:14.5px;line-height:1.45}
.tu38-a{display:flex;gap:8px;flex-wrap:wrap}
.tu38-n{margin:0;font-size:12.5px}
.tu38-e{margin:0}
.tu38-add{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tu38-add select{width:auto;flex:1 1 200px}
.dep38-l{display:flex;flex-direction:column;gap:8px}
.dep38-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,170px) auto;gap:8px;align-items:center}
@media (max-width:560px){.dep38-r{grid-template-columns:minmax(0,1fr) auto}.dep38-r select{grid-column:1/2;grid-row:2}}
.dep38-sum .dep38-sl{display:flex;flex-direction:column;gap:4px;margin:6px 0 8px;font-weight:400}
.dep38-sum .dep38-sl span{font-size:14px}
.dep38-sum .btn{align-self:flex-start}
/* livret du voyageur */
.bk38-tu summary{display:flex;align-items:center;gap:8px}
.bk38-vt{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:99px;background:color-mix(in srgb,var(--bc,#1f5fbf) 14%,transparent);color:var(--bc,#1f5fbf);margin-left:auto;margin-right:6px}
.bk38-tb{display:flex;flex-direction:column;gap:10px;padding:4px 0 10px}
.bk38-tb video{width:100%;max-height:340px;border-radius:12px;background:#000}
.bk38-tx{font-size:15px;line-height:1.5}
.bk38-l{display:flex;flex-direction:column;gap:8px}
.bk38-t{border-radius:12px;background:color-mix(in srgb,var(--ink,#000) 4%,transparent);padding:4px 4px 8px}
.bk38-t.on{background:color-mix(in srgb,#30a46c 12%,transparent)}
.bk38-ck{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:10px;align-items:flex-start;width:100%;padding:8px}
.bk38-ck i{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid color-mix(in srgb,var(--ink,#000) 30%,transparent);display:grid;place-items:center;color:transparent;margin-top:1px}
.bk38-ck i svg{width:15px;height:15px}
.bk38-t.on .bk38-ck i{background:#30a46c;border-color:#30a46c;color:#fff}
.bk38-ck span{display:flex;flex-direction:column;gap:2px;min-width:0}
.bk38-ck b{font-weight:500;font-size:15px}
.bk38-t.on .bk38-ck b{text-decoration:line-through;opacity:.75}
.bk38-ck small{font-size:12.5px;opacity:.75}
.bk38-ck:focus-visible{outline:2px solid currentColor;outline-offset:-2px;border-radius:10px}
.bk38-ck[disabled]{cursor:default}
.bk38-m{display:flex;gap:6px;flex-wrap:wrap;padding:0 8px 6px 42px}
.bk38-pbs{display:flex;gap:8px;padding:0 8px 0 42px;flex-wrap:wrap}
.bk38-pb{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;background:color-mix(in srgb,var(--bc,#1f5fbf) 12%,transparent);color:var(--bc,#1f5fbf);font-size:14px;font-weight:600;cursor:pointer;overflow:hidden}
.bk38-pb svg{width:17px;height:17px}
.bk38-pb input{position:absolute;inset:0;opacity:0;cursor:pointer}
.bk38-pb.dis{opacity:.55;cursor:default}
.bk38-side{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.bk38-side h3{margin:0 0 4px}

/* V38 : médiathèque — comparer un élément sur plusieurs dates */
.sheet.cmp38-sh{width:min(1180px,calc(100% - 24px))}
.cmp38{display:flex;flex-direction:column;gap:12px;min-width:0}
.cmp38-f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px}
@media (max-width:640px){.cmp38-f{grid-template-columns:minmax(0,1fr)}}
.cmp38-pick{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cmp38-chip{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:1px;padding:7px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);min-width:0}
.cmp38-chip b{font-size:13.5px}
.cmp38-chip span{font-size:12px;color:var(--muted)}
.cmp38-chip.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.cmp38-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cmp38-cols{display:grid;grid-template-columns:repeat(var(--n),minmax(240px,1fr));gap:12px;overflow-x:auto;padding-bottom:4px}
@media (max-width:760px){.cmp38-cols{grid-template-columns:minmax(0,1fr)}}
.cmp38-col{border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0;background:var(--surface)}
.cmp38-col header{display:flex;flex-direction:column;gap:3px}
.cmp38-col header .mt-tag{align-self:flex-start}
.cmp38-st{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px}
.cmp38-n{margin:0}
.cmp38-m{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}
.cmp38-m .mt{width:100%;height:auto;aspect-ratio:1}
.cmp38-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.mt-head .cmp38-b{margin-left:auto}

/* V38 : comptes et accès */
.acc38-l{display:flex;flex-direction:column}
.acc38-r{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 2px;border-top:1px solid var(--line)}
.acc38-r:first-child{border-top:0}
.acc38-t{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:1px}
.acc38-t b{font-weight:600}
.acc38-t .s{overflow-wrap:anywhere}
.acc38-a{display:flex;gap:6px;flex-wrap:wrap}
.acc38-f{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.acc38-n{margin:10px 0 0}
.acc38-pw{display:flex;gap:6px;align-items:center}
.acc38-pw .sg38-in{flex:1;min-width:0}
.acc38-eye{all:unset;cursor:pointer;color:var(--i-blue,#007aff);font-size:14px;padding:6px}
.acc38-eye:focus-visible{outline:2px solid currentColor;border-radius:6px}
.acc38-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:13.5px;color:var(--i-gr,#8a8a8e)}
.acc38-rules li::before{content:'○ ';color:var(--i-gr,#8a8a8e)}
.acc38-rules li.ok{color:var(--i-green,#34c759)}
.acc38-rules li.ok::before{content:'✓ ';color:var(--i-green,#34c759)}
.acc38-me .kv{margin:0 0 6px}
.acc38-ch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 0;padding:12px 14px;border-radius:14px;border:1px dashed var(--line)}
.acc38-org{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin:8px 0 12px;padding:10px 12px;border-radius:12px;background:var(--sunk)}

/* V38 : messagerie — glisser, appui long, survol, épingler, sourdine, étiquettes d’e-mails */
.ml35-it,.wa-it{touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}

/* glisser une ligne */
.sw38{position:relative;overflow:hidden;isolation:isolate}
.sw38>.ml35-it,.sw38>.wa-it{position:relative;z-index:1;background:var(--surface);transition:transform .3s cubic-bezier(.2,.85,.25,1)}
.sw38>.ml35-it.on,.sw38>.wa-it.on{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.sw38.drag>.ml35-it,.sw38.drag>.wa-it{transition:none}
.sw38-l{position:absolute;inset:0;z-index:0;display:flex;align-items:center;padding-left:20px;background:#0062cc;color:#fff}
.sw38-l span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12.5px;font-weight:600;transition:transform .18s}
.sw38.go-l .sw38-l span{transform:scale(1.12)}
.sw38-r{position:absolute;top:0;bottom:0;right:0;z-index:0;width:var(--sw,var(--rw,152px));display:flex}
.sw38.neg .sw38-l{display:none}
.sw38:not(.neg) .sw38-r{visibility:hidden}
.sw38-b{all:unset;box-sizing:border-box;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;transition:flex-grow .2s}
.sw38-b:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.sw38-l svg,.sw38-b svg{width:22px;height:22px}
.sw38-b.more{background:#636366}
.sw38-b.arch{background:#7a3db8}
.sw38-b.del{background:#c42b2b}
.sw38.go-r .sw38-b.more{flex-grow:0;padding:0;overflow:hidden}
.sw38.go-r .sw38-b.arch{flex-grow:9}
@media (prefers-reduced-motion:reduce){.sw38>.ml35-it,.sw38>.wa-it,.sw38-b,.sw38-l span{transition:none}}

/* actions au survol (souris) */
.hv38{display:none}
@media (hover:hover) and (pointer:fine){
  .wa-it{position:relative}
  .ml35-it .hv38,.wa-it .hv38{position:absolute;right:10px;top:8px;display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--surface);border:1px solid var(--line);box-shadow:0 2px 10px rgba(0,0,0,.12);opacity:0;pointer-events:none;transition:opacity .12s}
  .ml35-it:hover .hv38,.wa-it:hover .hv38{opacity:1;pointer-events:auto}
  .hv38-b{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;border-radius:7px;color:var(--muted);cursor:pointer}
  .hv38-b:hover{background:var(--sunk);color:var(--ink)}
  .hv38-b svg{width:17px;height:17px}
}

/* épingle, sourdine */
.pin38,.mute38{display:inline-flex;align-items:center;color:var(--muted);flex:none}
.pin38 svg,.mute38 svg{width:13px;height:13px}
.ml35-itn .pin38{margin-left:auto}
.ml35-itn .pin38+time{margin-left:0}
.thr38-ic{display:inline-flex;gap:4px;align-items:center;margin-left:auto}
.wa-itn .thr38-ic+time{margin-left:6px}

/* filtres des conversations : Non lues, Épinglées */
.thr38-sep{flex:none;width:1px;align-self:stretch;margin:4px 2px;background:var(--line)}

/* étiquettes d’e-mails */
.tg38{display:inline-flex;align-items:center;font-size:11px;font-weight:650;line-height:1.65;padding:0 8px;border-radius:99px;white-space:nowrap;color:color-mix(in srgb,var(--tc) 60%,var(--ink));background:color-mix(in srgb,var(--tc) 14%,var(--surface))}
.tg38-p{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.tg38-none{font-size:11px;font-weight:600;line-height:1.65;padding:0 8px;border-radius:99px;background:var(--sunk);color:var(--muted)}
.tg38-bar{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:6px 0 2px;font-size:13px;min-width:0}
.tg38-bar>b{font-weight:600}
.tg38-bar>span:not(.tg38):not(.tg38-why):not(.tg38-none){color:var(--ink)}
.tg38-why{flex-basis:100%;font-size:12px;color:var(--muted)}
.tg38-ed{all:unset;cursor:pointer;color:var(--accent);font-weight:600;font-size:12.5px;padding:2px 6px;border-radius:7px}
.tg38-ed:hover{background:var(--sunk)}
.tg38-ed:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.tg38-flt{display:flex;gap:6px;overflow-x:auto;padding:0 10px 8px;scrollbar-width:none;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.tg38-flt::-webkit-scrollbar{display:none}
.tg38-flt select{flex:none;max-width:200px;font:inherit;font-size:12.5px;padding:4px 8px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.tg38-d{display:inline-block;width:8px;height:8px;border-radius:99px;background:var(--c);flex:none}
.tg38-f{display:flex;flex-direction:column;gap:10px;margin:4px 0 10px;text-align:left}
.tg38-l{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--ink)}
.tg38-l select,.tg38-l input{font:inherit;font-weight:400;font-size:14px;padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);min-width:0;width:100%;box-sizing:border-box}
.tg38-ia{margin:0;min-height:1em;font-size:12.5px}
.tg38-ia:empty{display:none}

/* V39 : juridique — visionneuse des textes, acceptation, suivi par pays */
.lg38{z-index:2147482600}
.lg38-b{max-width:760px}
.lg38-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:none;padding-bottom:2px}
.lg38-nav::-webkit-scrollbar{display:none}
.lg38-nav button{all:unset;box-sizing:border-box;cursor:pointer;flex:none;padding:8px 12px;border-radius:99px;font-size:14px;font-weight:600;background:var(--i-card,#fff);color:var(--i-fg,#000)}
.lg38-nav button[aria-selected="true"]{background:var(--accent);color:var(--accent-ink)}
.lg38-nav button:focus-visible,.lg38-lnk:focus-visible,.lg38-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lg38-cc{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.lg38-cc select{font:inherit;font-weight:400;padding:7px 10px;border-radius:10px;border:1px solid var(--line);background:var(--i-card,#fff);color:var(--i-fg,#000);width:auto;min-height:0}
.lg38-doc h2{margin:0;font-size:22px}
.lg38-doc h3{margin:14px 0 4px;font-size:15.5px}
.lg38-doc p{margin:0 0 6px;font-size:15px;line-height:1.5}
.lg38-doc .lg38-v{color:var(--i-fg2,var(--muted));font-size:13px}
.lg38-act{display:flex;gap:8px;flex-wrap:wrap}
.lg38-act .sg38-btn{flex:1 1 160px}
.lg38-foot{display:flex;gap:4px 16px;flex-wrap:wrap;justify-content:center;margin:14px 0 0}
.lg38-lnk{all:unset;cursor:pointer;color:var(--accent);font-weight:600;font-size:13.5px;text-decoration:underline;text-underline-offset:2px}
.lg38-bk{margin-bottom:0}
.lg38-ck{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;text-align:left}
.lg38-ck input{width:20px;height:20px;min-height:0;flex:none;margin:1px 0 0}
.lg38-p{display:flex;flex-direction:column;gap:10px}
.lg38-p h2,.lg38-p p{margin:0}
.lg38-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.lg38-row{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 10px;padding:11px 14px;background:var(--surface)}
.lg38-row+.lg38-row{border-top:1px solid var(--line)}
.lg38-row:hover{background:var(--sunk)}
.lg38-row b{font-size:15px}.lg38-row .s{grid-column:1;font-size:13px}
.lg38-go{grid-column:2;grid-row:1/3;align-self:center;color:var(--muted);font-size:20px}
.lg38-tbl{display:flex;flex-direction:column}
.lg38-tr{display:grid;grid-template-columns:minmax(0,1.6fr) auto minmax(0,1.4fr);gap:8px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.lg38-tr:first-child{border-top:0}
.lg38-tr>span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.lg38-tr>span:first-child b{display:inline}
.lg38-ta{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:760px){.lg38-tr{grid-template-columns:minmax(0,1fr) auto}.lg38-ta{grid-column:1/-1;justify-content:flex-start}}

/* V39 : fiche logement — déjà rempli : conserver ou remplacer */
.org39{display:flex;flex-direction:column;gap:10px;text-align:left}
.org39 p{margin:0}
.org39-r{border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--surface)}
.org39-v{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;font-size:14px}
.org39-v span{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}
.org39-v b{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.org39-c{display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--fill,var(--sunk))}
.org39-c button{all:unset;box-sizing:border-box;cursor:pointer;flex:1;text-align:center;padding:7px 8px;border-radius:8px;font-size:14px;font-weight:600}
.org39-c button[aria-checked="true"]{background:var(--seg-on,var(--surface));box-shadow:0 1px 3px rgba(0,0,0,.12)}
.org39-c button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
@media (max-width:520px){.org39-v{grid-template-columns:minmax(0,1fr)}}

/* =====================================================================
   V38 — DESIGN « iOS » SUR TOUTE L’APPLICATION
   Police du système (SF Pro sur iPhone, iPad et Mac), fonds groupés gris
   clair, barres en verre dépoli, contrôles segmentés, coins arrondis,
   retours tactiles discrets. L’orange White Door Concierge reste la couleur d’accent.
   Thèmes clair et sombre ; animations coupées si l’appareil le demande.
   ===================================================================== */
:root{
  --bg:#f2f2f7; --surface:#ffffff; --sunk:#ececf1; --ink:#1c1c1e; --muted:#636366; --line:#dedee3;
  --nav:rgba(248,248,250,.84); --nav-ink:#1c1c1e; --nav-muted:#636366;
  --ok:#1f7a3a; --warn:#985f00; --bad:#c9221a; --info:#0a63c9;
  --f-display:-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter',system-ui,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --f-body:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter',system-ui,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --f-mono:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter',system-ui,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --shadow:0 20px 60px rgba(0,0,0,.16),0 2px 8px rgba(0,0,0,.06);
  --fill:rgba(120,120,128,.12); --fill2:rgba(120,120,128,.2); --sep:rgba(60,60,67,.16); --seg-on:#ffffff;
  --glass:saturate(180%) blur(20px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#000000; --surface:#1c1c1e; --sunk:#2c2c2e; --ink:#f5f5f7; --muted:#a1a1a6; --line:#38383a;
    --nav:rgba(28,28,30,.82); --nav-ink:#f5f5f7; --nav-muted:#a1a1a6;
    --ok:#3ccf6e; --warn:#ffb340; --bad:#ff6961; --info:#5ab4ff;
    --shadow:0 20px 60px rgba(0,0,0,.6);
    --fill:rgba(120,120,128,.24); --fill2:rgba(120,120,128,.34); --sep:rgba(84,84,88,.5); --seg-on:#48484a;
  }
}
:root[data-theme="dark"]{
  --bg:#000000; --surface:#1c1c1e; --sunk:#2c2c2e; --ink:#f5f5f7; --muted:#a1a1a6; --line:#38383a;
  --nav:rgba(28,28,30,.82); --nav-ink:#f5f5f7; --nav-muted:#a1a1a6;
  --ok:#3ccf6e; --warn:#ffb340; --bad:#ff6961; --info:#5ab4ff;
  --shadow:0 20px 60px rgba(0,0,0,.6);
  --fill:rgba(120,120,128,.24); --fill2:rgba(120,120,128,.34); --sep:rgba(84,84,88,.5); --seg-on:#48484a;
}

/* texte */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.011em;text-rendering:optimizeLegibility}
h1,h2,h3{font-weight:700;letter-spacing:-.022em}
.head h1{font-size:clamp(28px,4vw,34px);font-weight:700;letter-spacing:-.026em}
.tag{font-family:var(--f-body);font-weight:600;letter-spacing:.02em;font-size:11.5px}
.mono,.nav .badge,.day .n,.cal .dow{font-variant-numeric:tabular-nums}
::selection{background:color-mix(in srgb,var(--accent) 26%,transparent)}
:focus-visible{outline-offset:2px}
button,a,[data-a]{-webkit-tap-highlight-color:transparent}
input[type="checkbox"],input[type="radio"],input[type="range"],progress{accent-color:var(--accent)}

/* barre latérale (ordinateur, iPad) : verre clair ou sombre, sélection teintée */
.nav{background:var(--nav);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-right:.5px solid var(--sep)}
.nav button{border-radius:10px;color:var(--nav-ink);font-weight:500;transition:background-color .15s,color .15s}
.nav li>button svg{color:var(--accent)}
.nav button:hover{background:var(--fill);color:var(--nav-ink)}
.nav button[aria-current="page"]{background:var(--accent);color:var(--accent-ink);box-shadow:none}
.nav button[aria-current="page"] svg{color:inherit}
.nav button[aria-current="page"] .badge{background:var(--accent-ink);color:var(--accent)}
.nav .badge{font-family:var(--f-body);font-weight:700}
.brand b{letter-spacing:-.03em}
.brand span{font-family:var(--f-body);font-weight:600;letter-spacing:.06em}
.rolebox{background:var(--fill);border-radius:12px}
.nav .rolebox.imp{background:rgba(109,40,217,.18)}
.nav .syncpill,.nav .gs-nb,.nav .nt-nb{background:var(--fill);border-color:transparent;color:var(--nav-muted)}
.nav .gs-nb:hover,.nav .nt-nb:hover{background:var(--fill2);color:var(--nav-ink)}
.nav .gs-nb kbd{background:var(--surface);border-color:var(--line);color:var(--muted)}

/* barre d’onglets (téléphone) : verre, icône teintée, pas de pastille */
@media (max-width:860px){
  .nav{border-right:0;border-top:.5px solid var(--sep);box-shadow:none;background:color-mix(in srgb,var(--nav) 70%,var(--surface))}
  .nav button{color:var(--nav-muted);background:none;font-weight:600;font-size:10.5px;letter-spacing:0}
  .nav button svg,.nav li>button svg{color:inherit}
  .nav button:hover{background:none;color:var(--nav-ink)}
  .nav button[aria-current="page"]{background:none;color:var(--accent);box-shadow:none}
  .nav button[aria-current="page"] .badge{background:var(--accent);color:var(--accent-ink)}
  .nav button:active svg{transform:scale(.88)}
  .nav button svg{transition:transform .12s}
  .mhead b{letter-spacing:-.03em}
}

/* boutons : remplis, arrondis, un léger enfoncement au toucher */
.btn{border:0;background:var(--fill);color:var(--ink);border-radius:12px;font-weight:600;letter-spacing:-.01em;transition:transform .12s ease,background-color .15s,filter .15s}
.btn:hover{border-color:transparent;background:var(--fill2)}
.btn:active{transform:scale(.97)}
.btn.primary{background:var(--accent);color:var(--accent-ink)}
.btn.primary:hover{background:var(--accent);filter:brightness(1.07)}
.btn.danger{color:var(--bad)}
.btn.ghost,.btn.quiet{background:transparent}
.btn.ghost:hover,.btn.quiet:hover{background:var(--fill)}
.btn.small{border-radius:10px}
.btn[disabled],.btn[aria-disabled="true"]{transform:none}
.chipbtn{border:0;background:var(--fill);font-weight:600}
@media (prefers-reduced-motion:reduce){.btn,.nav button svg{transition:none}.btn:active,.nav button:active svg{transform:none}}

/* champs */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select,textarea{border-radius:11px;border-color:var(--line);transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}
label.f{font-weight:600}

/* surfaces : cartes arrondies sur fond groupé */
.panel,.stat,.room,.cal,.scroll,.rolecard{border-radius:16px;border-color:var(--line)}
.panel{box-shadow:0 1px 2px rgba(0,0,0,.03)}
.banner{border-radius:12px}
.empty{border:0;background:color-mix(in srgb,var(--sunk) 65%,transparent);border-radius:16px}

/* onglets : contrôle segmenté */
.tabs{display:flex;width:max-content;max-width:100%;gap:2px;padding:3px;border:0;border-radius:12px;background:var(--fill)}
.tabs button{border:0;margin:0;padding:7px 14px;border-radius:9px;font-size:14px;color:var(--ink);transition:background-color .15s,box-shadow .15s}
.tabs button:hover{background:color-mix(in srgb,var(--surface) 40%,transparent)}
.tabs button[aria-selected="true"]{background:var(--seg-on);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04)}

/* fenêtres : grands coins, montée douce ; sur téléphone, feuille avec poignée */
.back{background:rgba(0,0,0,.38);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.sheet{border-radius:22px}
#modal.on:not(.ios38-keep) .sheet:not(.drawer){animation:ios38up .26s cubic-bezier(.2,.9,.25,1)}
#modal.ios38-keep .sheet{animation:none}
@keyframes ios38up{from{transform:translateY(18px);opacity:.4}to{transform:none;opacity:1}}
@media (max-width:860px){
  .sheet{border-radius:14px 14px 0 0;padding-top:24px}
  .sheet:not(.drawer)::before{content:"";position:absolute;top:7px;left:50%;width:36px;height:5px;margin-left:-18px;border-radius:99px;background:var(--fill2)}
  #modal.on:not(.ios38-keep) .sheet:not(.drawer){animation:ios38sheet .32s cubic-bezier(.2,.9,.25,1)}
  @keyframes ios38sheet{from{transform:translateY(40%)}to{transform:none}}
}
.glayer .gbox{animation:ios38pop .2s cubic-bezier(.2,.9,.25,1)}
@keyframes ios38pop{from{transform:scale(1.06);opacity:0}to{transform:none;opacity:1}}

/* message éphémère : capsule en verre */
#toast{background:color-mix(in srgb,var(--ink) 90%,transparent);color:var(--bg);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-radius:16px;font-weight:600;padding:11px 18px}

/* listes : pression visible comme sur iPhone */
.wa-it:active,.ml35-it:active,.item:active,.rolecard:active{background:var(--sunk)}
.rolecard{transition:transform .12s ease}
.rolecard:active{transform:scale(.985)}
@media (prefers-reduced-motion:reduce){#modal.on .sheet,#modal.on .sheet:not(.drawer),.glayer .gbox{animation:none}.rolecard:active{transform:none}}

/* barres de défilement fines (ordinateur) */
@media (hover:hover) and (pointer:fine){
  *{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent}
}

/* V40 (lot 1) : promesses en lignes, mission, couleurs, boîte e-mail */
.pr-r.pr40{flex-wrap:nowrap;gap:10px;padding:6px 10px;margin-top:6px;border-radius:10px}
.pr40 .pr-t{flex:1 1 0;flex-direction:row;align-items:baseline;gap:8px;min-width:0}
.pr40 .pr-t b{flex:none;max-width:42%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr40 .pr-t .s{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr40 .pr-b{flex:none;flex-wrap:nowrap;gap:4px}
.pr40 .pr-b .btn{padding:4px 9px;min-height:30px;font-size:12.5px;white-space:nowrap;border:1px solid var(--line)}
.pr40 .pr-b .btn.primary{border-color:transparent}
.pr40-by{flex:none;font-size:12px;color:var(--muted);white-space:nowrap}
.pr40-seg{margin-left:auto}
.pr25 .hc-h{flex-wrap:wrap;gap:8px}
@media (max-width:900px){.pr-r.pr40{flex-wrap:wrap}.pr40 .pr-t{flex:1 1 60%}.pr40 .pr-b{flex:1 1 100%;flex-wrap:wrap}.pr40 .pr-b .btn{flex:1 1 auto;text-align:center;justify-content:center}}
/* mission */
.m40-acc{border-top:.5px solid var(--i-sep,var(--line));margin-top:2px}
.m40-acc>summary{cursor:pointer;list-style:none;padding:9px 0 7px;font-size:14px;font-weight:600;color:var(--accent);display:flex;align-items:center;gap:6px}
.m40-acc>summary::-webkit-details-marker{display:none}
.m40-acc>summary::after{content:"›";font-size:17px;transition:transform .15s}
.m40-acc[open]>summary::after{transform:rotate(90deg)}
.m40-acc>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
.m40-acc .i-acc,.m40-acc #propinfo{font-size:13px}
.iform .it.m40-ro{color:var(--i-fg2,var(--muted));font-size:14.5px}
.iform .it,.iform .it:focus,.isheet input.it:focus,.isheet textarea.it:focus{border-radius:0;box-shadow:none;border-color:transparent;outline:none}
.iform .it:focus-visible{box-shadow:inset 0 -2px 0 var(--accent)}
/* couleurs */
.tpal-c.tk{opacity:.42;cursor:not-allowed}
.col40{display:flex;flex-direction:column;gap:8px}.col40 h2,.col40 p{margin:0}
.col40-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}
.col40-r{all:unset;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
button.col40-r{cursor:pointer}button.col40-r:hover{background:var(--sunk)}button.col40-r:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.col40-r i{grid-row:1/3;width:22px;height:22px;border-radius:7px;background:var(--c)}
.col40-r b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col40-r .s{font-size:12.5px}
/* e-mails */
.ml40-box{display:flex;flex-direction:column;gap:4px;padding:10px 10px 4px}
.ml40-box select{font:inherit;font-size:14px;font-weight:600;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);width:100%;min-height:0}
/* nom de l’auteur dans une conversation : lisible quelle que soit sa couleur d’équipe */
.wa-who{color:color-mix(in srgb,var(--c,var(--accent)) 72%,#000)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .wa-who{color:color-mix(in srgb,var(--c,var(--accent)) 45%,#fff)}}
:root[data-theme="dark"] .wa-who{color:color-mix(in srgb,var(--c,var(--accent)) 45%,#fff)}

/* V40 (lot 2a) : incidents — listes, accord du propriétaire */
.inc40-add{display:flex;gap:8px;margin-top:8px}.inc40-add input{flex:1;min-width:0}
.inc40-emp{cursor:pointer}
.acc40{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--sunk) 45%,var(--surface))}
.acc40>span:first-child{font-weight:600}
.acc40-l{display:flex;flex-direction:column;gap:6px}
.acc40-r{display:flex;flex-direction:column;gap:4px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-top:8px}
.acc40-l .acc40-r{margin-top:0}
.acc40-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.acc40-h b{flex:1 1 160px;min-width:0;overflow-wrap:anywhere}.acc40-h .mono{font-weight:700}
.acc40-new{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--line)}
.acc40-at{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.acc40-file{cursor:pointer}
.acc40-th{margin:2px 0}
.acc40-ans{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.acc40-ans input{flex:1 1 200px;min-width:0}
.acc40-own{display:flex;flex-direction:column;gap:6px}.acc40-own h2{margin:0}

/* V40 (lot 2b) : réservations en lecture seule, demandes en lignes */
.res40{display:flex;flex-direction:column;gap:12px}
.res40-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.res40-h b{font-size:20px;letter-spacing:-.02em}
.res40-kv{grid-template-columns:auto minmax(0,1fr);gap:6px 16px}.res40-kv b{font-weight:600;overflow-wrap:anywhere}.res40-kv a{color:var(--accent)}
.res40-n{margin:0}
.res40-bk{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--line);border-radius:14px}
.res40 .foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.res40 .foot .grow{flex:1}
.rq40-f input[type="date"]{width:auto;min-height:36px}
.rq40-l{padding:4px 12px}
.rq40-r+.rq40-r{border-top:1px solid var(--line)}
.rq40-m{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;width:100%;padding:9px 2px}
.rq40-m:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
.rq40-dt{flex:none;font-size:12.5px;color:var(--muted);min-width:86px}
.rq40-t{flex:1 1 0;min-width:0;display:flex;align-items:baseline;gap:8px}
.rq40-t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.rq40-t .s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.rq40-p{flex:none;display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.rq40-ch{flex:none;color:var(--muted);font-size:18px;transition:transform .15s}.rq40-r.on .rq40-ch{transform:rotate(90deg)}
.rq40-d{display:flex;flex-direction:column;gap:8px;padding:4px 2px 14px 98px}
.rq40-st{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.rq40-st select{width:auto;min-height:36px}
.rq40-nf,.rq40-bf{display:flex;gap:8px;flex-wrap:wrap}.rq40-nf input{flex:1;min-width:0}.rq40-bf input{flex:1 1 140px;min-width:0}.rq40-bf input[type="number"]{flex:0 1 120px}
.rq40-bill{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid var(--line)}
@media (max-width:760px){.rq40-m{flex-wrap:wrap;gap:4px 10px}.rq40-t{flex:1 1 60%;flex-direction:column;gap:0}.rq40-t b{max-width:100%}.rq40-p{flex:1 1 100%;justify-content:flex-start;padding-left:0}.rq40-d{padding-left:2px}.rq40-dt{min-width:0}}

/* V40 (lot 3a) : prestataires — demandes de mission, rapport d’intervention */
.pr40-l{padding:4px 14px}
.pr40-r{display:flex;flex-direction:column;gap:8px;padding:12px 0}.pr40-r+.pr40-r{border-top:1px solid var(--line)}
.pr40-m{display:flex;align-items:center;gap:10px;min-width:0}.pr40-t{display:flex;flex-direction:column;min-width:0}.pr40-t b{overflow-wrap:anywhere}
.pr40-a{display:flex;gap:8px;flex-wrap:wrap}.pr40-a .btn{flex:1 1 auto;justify-content:center;text-align:center}
.pr40-w{margin:0}
.pr40-ban{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:2px;width:100%;padding:12px 14px;margin:0 0 12px;border-radius:14px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}
.pr40-ban span{font-size:13px;color:var(--muted)}.pr40-ban:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pr40-s .pr-t .s b{font-weight:600;color:var(--ink)}
.pr40-pi{align-items:center;gap:10px}.pr40-n{flex:none;width:26px;height:26px;border-radius:99px;background:var(--fill,var(--sunk));display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.rp40{display:flex;flex-direction:column;gap:12px}.rp40 p{margin:0}
.rp40-big{min-height:56px;font-size:17px;justify-content:center}
.rp40-ln{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.rp40-ln.extra{border-color:color-mix(in srgb,var(--warn) 45%,var(--line))}
.rp40-lh{display:flex;align-items:center;justify-content:space-between}
.rp40-st{display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--fill,var(--sunk))}
.rp40-st button{all:unset;box-sizing:border-box;cursor:pointer;flex:1;text-align:center;padding:8px;border-radius:8px;font-size:14px;font-weight:600}
.rp40-st button[aria-checked="true"]{background:var(--seg-on,var(--surface));box-shadow:0 1px 3px rgba(0,0,0,.12)}
.rp40-st button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.rp40-ph{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.rp40-ph .thumbs{margin-top:4px;display:flex;flex-wrap:wrap;gap:6px}
.rp40-add{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:12px;border:1.5px dashed var(--line);font-size:26px;color:var(--muted);cursor:pointer}
.rp40-add:focus-within{outline:2px solid var(--accent)}
.rp40-more{display:flex;gap:8px;flex-wrap:wrap}
.rp40-rd{display:flex;flex-direction:column;gap:6px;padding:12px;margin:10px 0 0;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--sunk) 45%,var(--surface))}
.rp40-rl{display:flex;flex-direction:column;gap:4px;padding-top:6px;border-top:1px solid var(--line)}
.rp40-rp{display:flex;gap:14px;flex-wrap:wrap}
@media (max-width:520px){.rp40-ph{grid-template-columns:minmax(0,1fr)}}
.rp40 .thumb,.rp40-rd .thumb{width:64px!important;height:64px!important;aspect-ratio:auto!important;flex:none;border-radius:12px}
.rp40 .mt,.rp40-rd .mt{width:64px;height:64px;flex:none;border-radius:12px}

/* V40 (lot 3b) */
.pi40-m{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.pi40-m .mt,.pi40-m .thumb{width:64px;height:64px;flex:none;border-radius:12px}
.pi40-t{position:relative;display:inline-flex}
.pi40-x{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:99px;background:var(--ink);color:var(--bg);font-size:14px;line-height:22px;text-align:center}
.pi40-x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pi40-add{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:10px;border:1.5px dashed var(--line);font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer}
.pi40-add:focus-within{outline:2px solid var(--accent)}
.bk40-e{margin:8px 0 2px}.bk40-e .tag{flex-basis:100%}
.bk40-m{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}.bk40-m .mt,.bk40-m .thumb{width:96px;height:96px;flex:none;border-radius:12px}
.own40{display:flex;flex-direction:column;gap:6px}
.own40-h{font-size:15px;margin:14px 0 2px;padding-top:10px;border-top:1px solid var(--line)}.own40-h:first-child{border-top:0;margin-top:0;padding-top:0}
.own40-r{display:grid;grid-template-columns:minmax(110px,32%) minmax(0,1fr);gap:10px;font-size:14.5px}.own40-r span{color:var(--muted)}.own40-r p,.own40-p{margin:0;overflow-wrap:anywhere}
.own40-ul{margin:0;padding-left:18px;font-size:14.5px}.own40-ul li{margin:3px 0;overflow-wrap:anywhere}
.own40-n{margin:14px 0 0}
.ai40-l{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;font-size:14.5px}
.tf40{display:flex;flex-direction:column;gap:6px;padding:12px;margin:10px 0;border-radius:14px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);text-align:left}
.tf40 p{margin:0;font-size:14px}
.pm40-d{border-top:1px solid var(--line);padding:10px 0}.pm40-d summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;min-height:32px}
.pm40-d .tag{display:block;margin:10px 0 4px}
.pm40-g{display:flex;flex-wrap:wrap;gap:6px 16px;margin:6px 0}
.pm40-c{display:inline-flex;align-items:center;gap:7px;min-height:34px;font-size:14.5px;cursor:pointer}.pm40-c input{width:18px;height:18px}
.fi40-l{padding:2px 14px}
.fi40-r{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 0}
.fi40-r+.fi40-r{border-top:1px solid var(--line)}.fi40-r.done{opacity:.7}.fi40-r:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
.fi40-t{display:flex;flex-direction:column;min-width:0}.fi40-t b{overflow-wrap:anywhere}.fi40-p{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;flex:none;max-width:48%}
.fi40{display:flex;flex-direction:column;gap:10px}.fi40 p{margin:0}
.fi40-b p{margin:2px 0 0;overflow-wrap:anywhere}.fi40-f{margin:4px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14.5px}
.fi40-n{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.fi40-ft{flex-wrap:wrap}.fi40-ft .btn{flex:1 1 auto;justify-content:center}
.acc40e{display:flex;flex-direction:column;gap:8px;text-align:left}
.acc40-hist{margin-top:6px;font-size:13.5px}.acc40-hist summary{cursor:pointer;color:var(--muted);min-height:28px}.acc40-hist ul{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
.acc40-up{display:block;color:var(--warn);font-weight:600}
.acc40-th{display:flex;flex-wrap:wrap;gap:8px}.acc40-th .mt,.acc40-th .thumb{width:96px;height:96px;flex:none;border-radius:12px}
.sect40-r{margin:10px 0;padding:12px;border-radius:12px;background:var(--fill,var(--sunk))}.sect40-r p{margin:4px 0 0;font-size:14.5px}
.sect40-l{margin:2px 0 10px}
/* zones tactiles : au moins 32 px sur écran tactile */
@media (pointer:coarse){
  [data-a="home-go"]{min-height:36px;display:inline-flex;align-items:center}
  [data-a="team-color"]{min-width:34px;min-height:34px}
  [data-a="addr-open"]{display:inline-flex;align-items:center;min-height:32px}
  #app .item a[href^="mailto:"],#app .item a[href^="tel:"]{display:inline-block;padding:7px 0}
}

/* V44 : pièces jointes des accords, barre « Plus » pour tous les espaces */
.acc40-doc{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:56px;max-width:260px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.acc40-doc:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.acc40-dic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:40px;border-radius:7px;background:var(--bad);color:#fff;font-size:11px;font-weight:800;letter-spacing:.03em}
.acc40-dn{display:flex;flex-direction:column;min-width:0}.acc40-dn b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.acc40-dn small{color:var(--muted);font-size:12px}
.acc40-dr{margin:0 0 4px}
.gbox.acc40v-box{width:min(920px,100%);max-height:92dvh}
.acc40v{display:flex;flex-direction:column;gap:10px;align-items:center;min-height:120px;overflow:auto;border-radius:12px;background:var(--sunk);padding:8px}
.acc40v-im{width:100%;display:flex;justify-content:center}.acc40v-im img,.acc40v-im video{max-width:100%;max-height:68dvh;height:auto;width:auto;border-radius:8px;object-fit:contain}
.acc40v-im .mup,.acc40v-im span{display:none}
.acc40v-pg{width:100%;height:auto;border-radius:6px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.acc40v-i{margin:0;text-align:center}
/* la page ne dépasse jamais la largeur du téléphone */
@media (max-width:860px){html,body{max-width:100%;overflow-x:clip}.nav{max-width:100vw}#app{min-width:0;max-width:100vw}}
.pt40-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.pt40-nav b{flex:1 1 auto;min-width:0;text-align:center;font-size:15px}
.pt40-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.pt40-sum>div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}.pt40-sum b{font-size:20px;font-variant-numeric:tabular-nums}
.pt40-d{padding:12px 14px}.pt40-dh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px}
.pt40-r{padding:10px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.pt40-w{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.pt40-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 14px;font-size:14.5px}.pt40-kv>span{color:var(--muted)}.pt40-kv b{font-weight:600;overflow-wrap:anywhere}
/* fiche de l’appartement : crayon par ligne */
.own40-r{grid-template-columns:minmax(96px,30%) minmax(0,1fr) 40px;align-items:start}
.own40-v{min-width:0}.own40-v p{margin:0;overflow-wrap:anywhere}
.own40-pd{margin-top:4px!important;font-size:13.5px}
.own40-pen{all:unset;box-sizing:border-box;cursor:pointer;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;background:var(--fill,var(--sunk));color:var(--accent);margin-top:-8px}
.own40-pen svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.own40-pen:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.own40-r.lock>span:first-child::after{content:" 🔒";font-size:11px;opacity:.6}
.own40-lk{width:40px}
.own40-add{margin-top:14px}
.rq40f{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}
.rq40f-c{padding:10px 12px;border-radius:12px;background:var(--fill,var(--sunk))}.rq40f-c p{margin:2px 0 0;overflow-wrap:anywhere}
.rq40f-c.neu{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}
.rq40f-a{display:flex;gap:8px;flex-wrap:wrap}.rq40f-a .btn{flex:1 1 auto;justify-content:center}
/* espace propriétaire : lignes */
.own40-qa{margin:0 0 12px}
.own40-rl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:8px}
.own40-fl{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.own40-fl select{flex:1 1 140px;min-width:0;width:auto}
.own40-ad .acc40-r{border:0;padding:0;background:none}
.own40-ad .acc40-h{display:none}
.own40-r.lock{background:none!important;padding:0!important;border-radius:0!important;border:0!important}
.own40-r{min-height:40px;align-items:center}.own40-pen{margin-top:0}
.own40-ql .rq40-t{min-width:0;flex:1 1 0}.own40-ql .rq40-t b,.own40-ql .rq40-t .s{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.glayer .gbox.acc40v-box{width:min(920px,100%)!important;max-width:none!important}

/* V45 : espace propriétaire — compte, lignes déroulantes */
.own40b .mhead [data-a="chooser"],.own40b .nav .rolebtn,.own40b .nav [data-a="chooser"]{display:none!important}
.ow-l{padding:2px 14px}
.ow-r+.ow-r{border-top:1px solid var(--line)}
.ow-m{all:unset;box-sizing:border-box;cursor:pointer;display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:10px;width:100%;padding:12px 0;min-height:56px}
.ow-m:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}
.ow-t{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:1px}
.ow-t b{font-size:15.5px;overflow-wrap:anywhere}.ow-t .s{font-size:13px;overflow-wrap:anywhere}
.ow-p{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:3px;max-width:42%}
.ow-ch{flex:none;width:28px;height:28px;border-radius:99px;background:var(--fill,var(--sunk));display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:transform .2s ease}
.ow-ch svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ow-r.on .ow-ch{transform:rotate(180deg);color:var(--accent)}
.ow-d{padding:0 0 14px!important;display:flex;flex-direction:column;gap:8px;animation:ow40in .18s ease}
@keyframes ow40in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ow-ch{transition:none}.ow-d{animation:none}}
.ow-ic{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:7px 10px;margin-bottom:5px;border-radius:9px;background:color-mix(in srgb,currentColor 10%,transparent);font-size:13.5px}
.ow-ic span:first-child{min-width:0;overflow-wrap:anywhere}.ow-ic:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.ct40{display:flex;flex-direction:column;gap:8px}.ct40 h2{margin:0}
.ct40-top{display:flex;align-items:center;gap:14px}
.ct40-av{flex:none;width:76px;height:76px;border-radius:99px;overflow:hidden;background:var(--accent);color:var(--accent-ink);display:inline-flex;align-items:center;justify-content:center;font-size:26px;font-weight:700}
.ct40-av img{width:100%;height:100%;object-fit:cover}
.ct40-id{display:flex;flex-direction:column;gap:2px;min-width:0}.ct40-id b{font-size:18px;overflow-wrap:anywhere}.ct40-pa{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.ct40-r{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:4px 0;border-top:1px solid var(--line)}.ct40 h2+.ct40-r{border-top:0}
.ct40-v{display:flex;flex-direction:column;min-width:0}.ct40-v b{overflow-wrap:anywhere}.ct40-pd{color:var(--warn)}
.out40-n{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:var(--fill,var(--sunk))}

/* V46 : terrain — barre simple, missions terminées, rapport pas à pas */
.fld40-bk{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;min-height:40px;padding:0 4px;margin-bottom:4px;color:var(--accent);font-weight:600}
.fld40-bk:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
.fld40-md{margin:12px 0 0}
.rp40-sp{list-style:none;display:flex;gap:6px;margin:0;padding:0;font-size:12.5px;font-weight:600;color:var(--muted)}
.rp40-sp li{flex:1;text-align:center;padding:6px 4px;border-radius:9px;background:var(--fill,var(--sunk))}
.rp40-sp li.cur{background:var(--accent);color:var(--accent-ink)}.rp40-sp li.dn{color:var(--ok)}
.rp40-ln.dn{background:color-mix(in srgb,var(--ok) 6%,var(--surface))}
.rp40-sum{margin:0;overflow-wrap:anywhere}
.rp40-le:empty{display:none}
.rp40-ln .btn.primary{justify-content:center}
.f38-seg{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}
.f38-seg button{padding-left:2px!important;padding-right:2px!important;font-size:13px!important;white-space:nowrap;min-width:0;justify-content:center}
.f38-seg button i{margin-left:3px}
@media (max-width:860px){.nav li>button>span:first-of-type{white-space:nowrap}.out40 .mhead [data-a="chooser"]{display:none}}
.loc40-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;font-size:15px}.loc40-kv>span{color:var(--muted)}.loc40-kv b{font-weight:600;overflow-wrap:anywhere}

/* V48 : pointage manuel, écran stable */
.pt40-man{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.pt40-mh{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.pt40-mh h2{margin:0}
.pt40-live{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px;border-radius:14px;background:color-mix(in srgb,var(--ok) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--ok) 30%,transparent);text-align:center}
.pt40-live.paused{background:color-mix(in srgb,var(--warn) 10%,var(--surface));border-color:color-mix(in srgb,var(--warn) 35%,transparent)}
.pt40-pl{display:flex;flex-direction:column}
.pt40-ch{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-top:4px}
.pt40-acts{display:flex;gap:8px;flex-wrap:wrap}.pt40-acts .btn{flex:1 1 auto;justify-content:center;min-height:48px}
.res40-np{flex-basis:100%}
html,body{overscroll-behavior-x:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (pointer:coarse){
  html,body{touch-action:pan-x pan-y}
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),select,textarea{font-size:16px!important}
}
.pt40-nav{flex-wrap:nowrap}.pt40-nav b{flex:1 1 0;min-width:0;font-size:14px;overflow-wrap:anywhere}.pt40-nav .btn{flex:none}

/* V49 — pointage manuel dans la page, lignes de pointage, photos complémentaires */
.pt40o{display:flex;flex-direction:column;gap:14px;margin-bottom:14px;padding:16px;border-radius:20px}
.pt40o svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pt40o-hd{display:flex;align-items:center;gap:12px;min-width:0}
.pt40o-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}
.pt40o-ht{flex:1 1 auto;min-width:0}.pt40o-ht h2{margin:0;font-size:17px;line-height:1.25}.pt40o-ht p{margin:2px 0 0;font-size:13.5px;color:var(--muted);line-height:1.35;overflow-wrap:anywhere}
.pt40o-x{flex:none;border:0;background:none;color:var(--accent);font:inherit;font-size:15px;font-weight:600;min-height:44px;padding:0 4px;cursor:pointer}
.pt40o-acts{display:flex;gap:10px}.pt40o-acts.col{flex-direction:column}.pt40o-acts.col .btn{flex:none;width:100%}
.pt40o-acts .btn{flex:1 1 0;justify-content:center;min-height:50px;border-radius:14px;font-size:16px;font-weight:600}
.pt40o-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}
.pt40o-pl{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 14px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.pt40o-pl+.pt40o-pl{border-top:1px solid var(--line)}.pt40o-pl:active{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.pt40o-pin{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}
.pt40o-pt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.pt40o-pt b{font-size:16px;overflow-wrap:anywhere}.pt40o-pt span{font-size:13.5px;color:var(--muted);overflow-wrap:anywhere}
.pt40o-cv{flex:none;color:var(--muted);display:grid;place-items:center;transition:transform .18s}.pt40o-cv svg{width:16px;height:16px}
.pt40o-conf,.pt40o-live{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:18px 14px;border-radius:16px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));border:1px solid var(--line)}
.pt40o-conf b{font-size:18px;margin-top:6px;overflow-wrap:anywhere}.pt40o-conf .s{overflow-wrap:anywhere}
.pt40o-live{background:color-mix(in srgb,var(--ok) 9%,var(--surface));border-color:color-mix(in srgb,var(--ok) 30%,transparent)}
.pt40o-live.paused{background:color-mix(in srgb,var(--warn) 11%,var(--surface));border-color:color-mix(in srgb,var(--warn) 35%,transparent)}
.pt40o-ch{font-size:38px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.15;margin:4px 0 2px}
.pt40o-k{font-size:13.5px;color:var(--muted)}
.pt40o-n{margin:0;font-size:14px;color:var(--muted);text-align:center}
.pt40o-st{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.pt40o-st li{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;font-size:11px;line-height:1.2;color:var(--muted);position:relative;min-width:0}
.pt40o-st li span{overflow-wrap:anywhere}
.pt40o-st i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:700;background:var(--surface);border:1.5px solid var(--line);color:var(--muted);position:relative;z-index:1}
.pt40o-st i svg{width:14px;height:14px;stroke-width:2.6}
.pt40o-st li+li::before{content:"";position:absolute;top:13px;right:50%;width:100%;height:1.5px;background:var(--line)}
.pt40o-st li.ok i{background:var(--ok);border-color:var(--ok);color:#fff}.pt40o-st li.ok+li::before{background:var(--ok)}
.pt40o-st li.on{color:var(--text,inherit);font-weight:600}.pt40o-st li.on i{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
/* résumé et lignes */
.pt40o-sum{display:flex;flex-wrap:wrap;gap:6px 16px;grid-template-columns:none;font-size:14px;color:var(--muted);margin:0 2px 12px}
.pt40o-sum>span{background:none;border:0;padding:0;display:inline}.pt40o-sum b{font-size:15px;color:var(--text,inherit)}
.pt40o-d{padding:6px 14px 4px}.pt40o-d .pt40-dh{margin:8px 0;font-size:14px;color:var(--muted)}.pt40o-d .pt40-dh b{color:var(--text,inherit)}
.pt40o-r{padding:0;display:block}
.pt40o-r>summary,.pt40o-s{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 0;list-style:none;cursor:default}
.pt40o-r>summary{cursor:pointer}.pt40o-r>summary::-webkit-details-marker{display:none}
.pt40o-w{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.pt40o-w>b{font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pt40o-w>span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.pt40o-t{flex:none;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.pt40o-r .pt40o-cv svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(90deg)}
.pt40o-r[open] .pt40o-cv{transform:rotate(180deg)}
.pt40o-p{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;padding:0 0 12px;font-size:14px}.pt40o-p span{color:var(--muted)}.pt40o-p b{font-weight:600}
/* ménage : complémentaires prises pendant le ménage */
.cl40o-x1{margin:8px 0 4px;font-size:13px;color:var(--muted)}
.cl40o-x2{margin:10px 0;padding:10px 12px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--warn) 55%,transparent);background:color-mix(in srgb,var(--warn) 8%,transparent);display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.cl40o-m{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.cl40o-m small{font-size:11px;color:var(--muted)}

/* V50 — barre latérale, accueil, réservations, missions supprimées, boîtes e-mail */
@media (min-width:861px){
  .nav{gap:8px;padding:16px 12px 12px;overflow:hidden}
  .nav>.brand{order:0;margin-bottom:4px}.nav>.gs-nb{order:1}
  .nav>ul{order:2;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;margin:4px -4px 0;padding:0 4px 6px}
  .nav>ul>li{order:0!important;flex:none}
  .nav>.navsync{order:3}.nav>.nt-nb{order:4}.nav>.rolebox{order:5}
  .nav>.foot{order:6;margin-top:0;font-size:10.5px;line-height:1.3;opacity:.8}
  .nav>.navsync,.nav>.nt-nb,.nav>.rolebox{margin:0}
  .nav>.navsync{padding:0}.nav>.navsync .syncpill,.nav>.nt-nb{width:100%;box-sizing:border-box;margin:0}
  .nav>ul>li>button{padding-top:7px;padding-bottom:7px}
  .nav>.foot{display:none}
  .nav>.navsync .syncpill,.nav>.nt-nb{min-height:36px;padding-top:6px;padding-bottom:6px}
  .nav>.rolebox{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:6px 6px 6px 12px}
  .nav>.rolebox .tag{display:none}.nav>.rolebox b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nav>.rolebox .rolebtn{width:auto;flex:none;padding:6px 10px;margin:0}
  .nav ul.nv40-ed>li{display:flex;align-items:center;gap:2px}.nav ul.nv40-ed>li>button:first-child{flex:1 1 auto;min-width:0;width:auto}
  .nav .nv40-mv{display:flex;gap:2px;flex:none}
  .nav .nv40-b{width:28px;height:30px;padding:0;justify-content:center;border-radius:8px;font-size:15px;background:rgba(128,128,128,.14);color:var(--nav-ink)}
  .nav .nv40-b[disabled]{opacity:.3;cursor:default}
  .nav .nv40-org{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(128,128,128,.22)}
  .nav .nv40-t{width:auto;flex:1 1 auto;justify-content:center;padding:7px 8px;font-size:12.5px;border-radius:8px;color:var(--nav-muted);background:rgba(128,128,128,.1)}
  .nav .nv40-t.on{background:var(--accent);color:var(--accent-ink)}
}
@media (max-width:860px){.nav .nv40-org,.nav .nv40-mv{display:none}}
/* accueil : plus de trous entre les cartes */
@media (min-width:900px){
  .hg19{display:block;columns:2;column-gap:14px}
  .hg19>*{break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 14px;width:100%;box-sizing:border-box}
  .hg19>.wide,.hg19>.rdy23,.hg19>.pr25,.hg19>:not(.wide):first-child:has(+.wide),.hg19>.wide+:not(.wide):has(+.wide){column-span:all}
}
/* demandes : la flèche à droite */
@media (max-width:760px){
  .rq40-m{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:3px;align-items:center}
  .rq40-m>.rq40-dt,.rq40-m>.rq40-t,.rq40-m>.rq40-p{grid-column:1}
  .rq40-m>.rq40-ch{grid-column:2;grid-row:1/span 3;align-self:center;font-size:22px;padding:0 4px}
}
/* réservations : lignes compactes */
.rr40{display:block;padding:0}
.rr40 .rr-main{display:flex;align-items:center;gap:12px;width:100%;padding:5px 2px;min-height:44px}
.rr40-d{flex:none;min-width:118px;font-size:13px;color:var(--muted);white-space:nowrap}
.rr40 .rr-t{flex:1 1 auto;min-width:0;flex-direction:row;align-items:baseline;gap:10px}.rr40 .rr-t b{flex:0 1 auto}.rr40 .rr-t .s{flex:1 1 0;min-width:0}.rr40 .rr-t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rr40 .rr-t .s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr40 .rr-p{flex:none;flex-wrap:nowrap}.rr40-cv{flex:none;color:var(--muted);font-size:18px}
@media (max-width:760px){
  .rr40 .rr-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:8px;row-gap:1px;padding:7px 2px}
  .rr40 .rr-t{display:contents}
  .rr40 .rr-t b{grid-column:1/3;grid-row:1}
  .rr40-d{grid-column:1;grid-row:2;min-width:0;font-size:12.5px}
  .rr40 .rr-t .s{grid-column:2;grid-row:2;font-size:12.5px;min-width:0}
  .rr40 .rr-p{grid-column:3;grid-row:1/span 2;justify-content:flex-end}.rr40 .rr-p .pill+.pill{display:none}
  .rr40-cv{grid-column:4;grid-row:1/span 2}
}
/* missions supprimées */
.mis40-b{position:relative}.mis40-b svg{width:18px;height:18px}
.mis40-n{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--accent);color:var(--accent-ink);font:600 10px/16px var(--f-mono,monospace);font-style:normal;text-align:center}
.mis40-l{display:flex;flex-direction:column}
.mis40-r{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.mis40-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.mis40-t b{overflow-wrap:anywhere}.mis40-t span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.mis40-d{font-size:12px!important}
.mis40-r .btn{flex:none;min-height:40px}
/* boîtes e-mail */
.ml40-sw{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none;margin:0 0 10px;padding:2px}
.ml40-sw::-webkit-scrollbar{display:none}
.ml40-sw.one{flex-wrap:wrap;gap:4px 12px}
.ml40-b{all:unset;box-sizing:border-box;cursor:pointer;flex:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);max-width:260px}
.ml40-b.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:inset 0 0 0 1px var(--accent)}
.ml40-b:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ml40-t{display:flex;flex-direction:column;min-width:0}.ml40-t b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml40-t span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ml40-b i{font-style:normal;flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--accent);color:var(--accent-ink);font-size:11.5px;font-weight:600;line-height:20px;text-align:center}
.ml40-rm{flex:none;white-space:nowrap}
/* réservations du jour : trois blocs distincts */
.rg40{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.rg40+.rg40{margin-top:14px}
.rg40-h{display:flex;align-items:center;gap:8px;margin:0;padding:9px 12px;font-size:14px;background:color-mix(in srgb,var(--rg,var(--muted)) 11%,var(--surface));border-bottom:1px solid var(--line)}
.rg40-h i{width:9px;height:9px;border-radius:50%;background:var(--rg,var(--muted));flex:none}
.rg40-h span{margin-left:auto;font-weight:600;color:var(--muted)}
.rg40-arr{--rg:var(--ok)}.rg40-dep{--rg:var(--warn)}.rg40-in{--rg:var(--accent)}
.rg40>.rl19,.rg40>.hc-e{padding:2px 12px}.rg40>.hc-e{margin:0;padding:10px 12px}
.rg40 .rr19:first-child{border-top:0}

/* V51 */
/* fenêtres : l’arrière-plan reste visible, légèrement flou */
.back{background:rgba(127,127,135,.10)!important;-webkit-backdrop-filter:blur(4px) saturate(1.05)!important;backdrop-filter:blur(4px) saturate(1.05)!important}
.glayer .gbox,#modal .sheet{box-shadow:0 18px 60px rgba(0,0,0,.22),0 0 0 1px rgba(127,127,135,.18)}
.glayer.wide40 .gbox{max-width:min(720px,calc(100vw - 32px));width:100%}
/* filtres déroulants */
.fl40{position:relative;padding:6px 12px 8px}
.fl40-wa{padding:6px 12px 8px}
.fl40-s{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:38px;max-width:100%;padding:6px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:500;color:inherit}
.fl40-s>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fl40-s.has{border-color:var(--accent);color:var(--accent)}
.fl40-s i{font-style:normal;flex:none;min-width:18px;height:18px;border-radius:99px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:600;line-height:18px;text-align:center}
.fl40-s svg{flex:none}.fl40-s.open svg:last-child{transform:rotate(180deg)}
.fl40-s:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fl40-p{position:absolute;z-index:30;margin:2px 12px 0;min-width:240px;max-width:min(340px,calc(100vw - 40px));max-height:min(60vh,420px);overflow-y:auto;overflow-x:hidden;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.18);padding:6px;display:flex!important;flex-direction:column;gap:2px;-webkit-mask-image:none!important;mask-image:none!important}
.fl40 .fl40-p{left:0;top:100%;margin-top:-4px}
.fl40-p.fl40-hid{display:none!important}
.fl40-p .ml35-flt,.fl40-p .tg38-flt{display:flex;flex-direction:column;gap:2px;padding:0;margin:0;border:0;overflow:visible;-webkit-mask-image:none;mask-image:none}
.fl40-p .tg38-flt{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}
.fl40-p .wa-acc{box-sizing:border-box;width:100%;min-height:40px;justify-content:flex-start;border-radius:10px;background:none;border:0;padding:8px 10px;text-align:left;flex:none;white-space:normal}
.fl40-p .wa-acc b{margin-left:auto}
.fl40-p .wa-acc.on{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:600}
.fl40-p .wa-acc.on::after{content:"✓";margin-left:8px;font-weight:700}
.fl40-p .thr38-sep{display:block;width:100%;height:1px;min-height:1px;background:var(--line);margin:4px 0;flex:none}
.fl40-p select{width:100%;margin-top:4px;min-height:40px}
/* annuler un rangement */
#toast.un40{display:flex;align-items:center;gap:14px;pointer-events:auto}
.un40-b{all:unset;cursor:pointer;font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:4px 2px}
.un40-b:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:4px}
/* glisser un e-mail */
.ml35-it[draggable]{-webkit-user-drag:element}
body.dg40 .ml35-fb[data-fo]{outline:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:-2px;border-radius:10px}
.ml35-fb.dg40-on{background:color-mix(in srgb,var(--accent) 18%,transparent)!important;outline:2px solid var(--accent)!important}
/* messagerie en grand sur ordinateur */
@media (min-width:861px){
  body[data-v40="messages"] .wrap{max-width:none}
  body[data-v40="messages"] main{padding-block:18px 14px}
  body[data-v40="messages"] .wa-sub{display:none}
  #ml35.q40-fit{min-height:0;grid-template-columns:220px minmax(300px,400px) minmax(0,1fr)}
  #ml35.q40-fit>*{min-height:0;max-height:100%;overflow-y:auto}
  #wa-inbox.q40-fit{min-height:0}
  #wa-inbox.q40-fit>*{height:100%!important;max-height:100%!important;min-height:0}
}
/* réservations passées */
.rs40-p{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}
.rs40-p select,.rs40-p input{min-height:40px}
.rs40-d{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}
/* supprimés */
.tr40-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex:none;max-width:52%}
.pa40{display:flex;flex-direction:column;text-align:left}
.pa40-r{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line)}
.pa40-t{flex:1 1 180px;min-width:0;display:flex;flex-direction:column}.pa40-t span{font-size:13px;color:var(--muted)}
.pa40-mv{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.pa40-mv select{min-height:38px;max-width:200px}
.pa40-n{flex:1 1 160px}
/* type de location */
.ls40-c{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:8px 0;border-top:1px solid var(--line);cursor:pointer}
.ls40-c input{width:20px;height:20px;flex:none;margin-top:1px}
.ls40-h{margin-top:8px;font-size:13.5px}.ls40-h summary{cursor:pointer;color:var(--muted);padding:6px 0}
.ls40-r{display:flex;flex-direction:column;padding:6px 0;border-top:1px solid var(--line)}.ls40-r span{color:var(--muted);font-size:12.5px}
/* import dans la fiche */
.imp40{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;margin:0 0 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.imp40-t{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:2px}.imp40-t span{font-size:13.5px;color:var(--muted)}
.imp40 .btn{flex:none}
/* logements : la colonne du prochain état des lieux n’existe plus */
.lt-props .lth,.lt-props .lrow{grid-template-columns:minmax(0,2.4fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,.7fr) 14px}
/* barre latérale : profil et compte */
@media (min-width:861px){
  .nav>.rolebox{padding:4px 4px 4px 4px}
  .nav .rb40{flex:1 1 auto;min-width:0;width:auto;display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px}
  .nav .rb40 b{color:var(--nav-ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nav .rb40 span{font-size:11.5px;color:var(--nav-muted)}
  .nav .rb40.on{background:var(--accent)}.nav .rb40.on b,.nav .rb40.on span{color:var(--accent-ink)}
}
/* incidents : une ligne nette par incident */
.il19 .ir19{border-top:1px solid var(--line);padding:2px 0}
.il19 .ir19:last-child{border-bottom:1px solid var(--line)}

/* V52 — mission : clés, lits ; demandes : accord de prix */
.mq40-note{white-space:pre-line;color:var(--muted)}.mq40-none{color:var(--muted);font-size:14px}
.mq40-dh b{font-size:14px}
.mq40-st{display:inline-flex;align-items:center;gap:10px;flex:none}
.mq40-st button{all:unset;box-sizing:border-box;cursor:pointer;width:34px;height:34px;border-radius:50%;background:rgba(120,120,128,.16);display:grid;place-items:center;font-size:20px;font-weight:500;line-height:1}
.mq40-st button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mq40-st b{min-width:22px;text-align:center;font-variant-numeric:tabular-nums}
.mq40-bl{display:flex;flex-direction:column;min-width:0}.mq40-bl small{font-size:12.5px;color:var(--muted);font-weight:400}
#mq40 .irow input.it.r{text-align:right;min-width:0;flex:1 1 55%}
.mq40w{margin:10px 0;display:flex;flex-direction:column;gap:10px}
.mq40v{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:var(--surface);display:flex;flex-direction:column;gap:8px}
.mq40v-t{font-size:15px}
.mq40v-r{display:flex;flex-direction:column;gap:5px;align-items:flex-start;padding-top:8px;border-top:1px solid var(--line);overflow-wrap:anywhere}
.mq40v-t+.mq40v-r{border-top:0;padding-top:0}
.mq40v-p{margin:2px 0}.mq40v-p .mt{width:64px;height:64px}
.mq40v-b{cursor:pointer;min-height:42px}
/* accord de prix */
.qt40{margin-top:10px;padding:12px;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 4%,var(--surface));display:flex;flex-direction:column;gap:8px}
.qt40.ok{border-color:color-mix(in srgb,var(--ok) 45%,var(--line));background:color-mix(in srgb,var(--ok) 7%,var(--surface))}
.qt40.no{border-color:color-mix(in srgb,var(--bad,#c0392b) 40%,var(--line))}
.qt40 p{margin:0;overflow-wrap:anywhere}
.qt40-a{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.qt40-a label.btn{cursor:pointer}
.qt40-am{display:flex;flex-direction:column;gap:2px}.qt40-am b{font-size:24px;font-variant-numeric:tabular-nums}
.qt40.own .qt40-a .btn{flex:1 1 140px;justify-content:center;min-height:46px}
.rq40-att{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.rq40-att label.btn{cursor:pointer}

/* V53 */
.tr40-g{border-top:1px solid var(--line)}
.tr40-h{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:8px 2px}
.tr40-h b{flex:none;min-width:170px}.tr40-h .s{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tr40-cv{flex:none;color:var(--muted);font-size:18px;transition:transform .15s}.tr40-g.on .tr40-cv{transform:rotate(90deg)}
.tr40-h:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
.tr40-b{padding:2px 0 12px}.tr40-add{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.tr40-add select{min-height:40px;max-width:260px}
@media (max-width:760px){.tr40-h{flex-wrap:wrap;gap:2px 10px}.tr40-h b{min-width:0;flex:1 1 60%}.tr40-h .s{flex:1 1 100%;order:3;white-space:normal}}
.pm40-bar{position:sticky;bottom:8px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-top:12px;padding:10px 12px;border-radius:14px;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));font-weight:600}
.pm40-bar[hidden]{display:none}.pm40-ba{display:flex;gap:8px}
.pm40-hint{margin:8px 0 0}
.pm40-hist{margin-top:10px;font-size:14px}.pm40-hist summary{cursor:pointer;color:var(--muted);padding:6px 0}
.pm40-hr{display:flex;flex-wrap:wrap;gap:2px 10px;padding:7px 0;border-top:1px solid var(--line)}.pm40-hr b{flex:none}.pm40-hr .s{flex:1 1 100%;font-size:12.5px}
.ag40 .tag{display:block;margin:14px 0 2px}
.ag40-r{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
.ag40-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.ag40-t span{font-size:13px;color:var(--muted)}
.ag40-r select{flex:none;width:auto;min-height:38px;max-width:52%}
.mem40{display:flex;flex-direction:column;text-align:left}
.mem40-r{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--line);cursor:pointer}
.mem40-r input{width:20px;height:20px;flex:none;margin-top:2px}.mem40-r>span{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.mem40-r>span>span{font-size:13.5px;color:var(--muted)}
.mem40-a{margin-top:10px}.mem40-a summary{cursor:pointer;color:var(--muted);padding:6px 0}
.sb40-q{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.sb40-l{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto;padding:2px;margin-bottom:10px}
.sb40-m{align-self:flex-start;max-width:86%;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:14px;background:var(--sunk);overflow-wrap:anywhere}
.sb40-m.me{align-self:flex-end;background:color-mix(in srgb,var(--accent) 14%,var(--surface))}
.sb40-w{font-size:12px;color:var(--muted)}
.sb40-f{display:flex;gap:8px;align-items:flex-end}.sb40-f textarea{flex:1 1 auto;min-height:46px}.sb40-f .btn{flex:none;min-height:46px}
/* recherche en haut de la page, notifications à côté du compte (ordinateur) */
@media (min-width:861px){
  #top40{max-width:1040px;margin:0 auto 14px;display:flex}
  #top40[hidden]{display:none}
  body[data-v40="messages"] #top40{max-width:none}
  #top40 .gs-nb{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;width:100%;max-width:560px;min-height:42px;padding:8px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:15px}
  #top40 .gs-nb span{flex:1 1 auto}
  #top40 .gs-nb kbd{font:500 11px var(--f-mono,monospace);padding:2px 6px;border-radius:6px;border:1px solid var(--line);color:var(--muted)}
  #top40 .gs-nb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  #top40 .gs-nb svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
  .nav>.rolebox{display:flex;flex-direction:row;align-items:center;gap:4px}
  .nav .nt-nb.ico40{flex:none;width:40px;height:40px;min-height:0;padding:0;margin:0;justify-content:center;border-radius:10px;position:relative}
  .nav .nt-nb.ico40>span{display:none}
  .nav .nt-nb.ico40 .nt-n{position:absolute;top:2px;right:2px}
}

/* V54 — services */
.sv40-bar{margin:12px 0}
.sv40-l,.sv40-cat{padding:2px 14px}
.sv40-r,.sv40-c{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:8px 0}
.sv40-r+.sv40-r,.sv40-c+.sv40-c{border-top:1px solid var(--line)}
.sv40-r:focus-visible,.sv40-c:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
.sv40-d{flex:none;min-width:92px;display:flex;flex-direction:column;font-size:13px;color:var(--muted)}.sv40-d small{font-size:12px}
.sv40-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.sv40-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv40-t span{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sv40-p{flex:none;display:flex;gap:6px;align-items:center}.sv40-pr{flex:none;font-weight:600;font-variant-numeric:tabular-nums}
.sv40-cv{flex:none;color:var(--muted);font-size:18px}
.sv40-n{margin-top:10px}
.sv40-dt{display:flex;flex-direction:column;gap:12px}
.sv40-kv{grid-template-columns:minmax(110px,auto) minmax(0,1fr)}.sv40-kv b{overflow-wrap:anywhere;font-weight:600}
.sv40-a{flex-wrap:wrap}.sv40-h summary{cursor:pointer;color:var(--muted)}
.sv40-ok{text-align:left;display:flex;flex-direction:column;gap:10px}
.sv40-ir{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 90px auto;gap:6px;align-items:center;margin-bottom:6px}
.sv40-off{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--muted);white-space:nowrap}
.sv40-ban{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;margin:0 8px 6px;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));font-size:14px}
@media (max-width:760px){
  .sv40-r{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:8px;row-gap:1px}
  .sv40-r .sv40-t{grid-column:1;grid-row:1}.sv40-r .sv40-d{grid-column:1;grid-row:2;flex-direction:row;gap:6px;min-width:0}
  .sv40-r .sv40-p{grid-column:2;grid-row:1/span 2;flex-direction:column;align-items:flex-end;gap:3px}.sv40-r .sv40-cv{grid-column:3;grid-row:1/span 2}
  .sv40-ir{grid-template-columns:minmax(0,1fr) 90px}.sv40-ir select,.sv40-off{grid-column:1/-1}
}

/* V55 — clés, compteurs, consommables */
.ks40{display:flex;flex-direction:column;gap:10px}
.ks40-h{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 12px}.ks40-h h3{margin:0}.ks40-h p{margin:2px 0 0}
.ks40-s{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:var(--surface)}
.ks40-s.arch{opacity:.75;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}
.ks40-t{display:flex;flex-direction:column;min-width:0}.ks40-t span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.ks40-k{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.ks40-k li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.ks40-k b{font-weight:600}
.ks40-m{font:500 12.5px var(--f-mono,monospace);padding:1px 7px;border-radius:6px;border:1px solid var(--line);background:var(--sunk)}
.ks40-a{display:flex;gap:6px;flex-wrap:wrap}
.ks40-n{display:flex;gap:8px;flex-wrap:wrap}.ks40-n input{flex:1 1 220px;min-width:0;min-height:40px}
.ks40-d summary{cursor:pointer;color:var(--muted);padding:6px 0;font-size:14px}
.ks40-l{margin:6px 0 0;font-size:13.5px;overflow-wrap:anywhere}.ks40-l span{display:block;font-size:12px;color:var(--muted)}
.ks40-f,.ks40-off{margin:0}
.ks40-f1{display:flex;flex-direction:column;gap:10px;text-align:left}
.ks40-r{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 64px 36px;gap:6px;margin-bottom:6px;align-items:center}
.ks40-r input{min-width:0;min-height:40px}
.sp40-l{display:flex;flex-direction:column;gap:6px}
.sp40-r{display:grid;grid-template-columns:minmax(0,1fr) 84px 36px;gap:6px;align-items:center}.sp40-r input{min-width:0;min-height:40px}
@media (max-width:600px){.ks40-r{grid-template-columns:minmax(0,1fr) 64px 36px}.ks40-r [data-ks="m"]{grid-column:1/-1;grid-row:2}}

/* V56 — carte d’action de l’assistant */
.ai40a{margin-top:8px;padding:12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--surface));display:flex;flex-direction:column;gap:8px;font-size:14px}
.ai40a.done{border-color:color-mix(in srgb,var(--ok) 45%,var(--line));background:color-mix(in srgb,var(--ok) 7%,var(--surface))}
.ai40a.no{border-color:var(--line);background:var(--sunk);opacity:.85}
.ai40a-t{font-size:15px}
.ai40a-kv{display:grid;grid-template-columns:minmax(84px,auto) minmax(0,1fr);gap:4px 12px}.ai40a-kv span{color:var(--muted)}.ai40a-kv b{font-weight:600;overflow-wrap:anywhere;white-space:pre-line}
.ai40a-s,.ai40a-w,.ai40a-e{margin:0;font-size:13px}.ai40a-s{color:var(--muted)}.ai40a-s.ok{color:var(--ok);font-weight:600}
.ai40a-w{color:var(--warn);font-weight:500}.ai40a-e{color:var(--bad,#c0392b);font-weight:600}
.ai40a-b{display:flex;gap:8px;flex-wrap:wrap}.ai40a-b .btn{flex:1 1 120px;justify-content:center;min-height:42px}

/* V54 — super admin */
.imp40 b{font-weight:600;user-select:all}
.vr40-l{display:grid;gap:10px}
.vr40-r{display:grid;grid-template-columns:minmax(150px,1.2fr) 110px minmax(160px,2fr) auto;gap:10px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:12px}
.vr40-r .f{margin:0}
@media(max-width:760px){.vr40-r{grid-template-columns:1fr 1fr}.vr40-r .f:nth-child(3){grid-column:1/-1}.vr40-r .btn{grid-column:1/-1;justify-self:start}}
.inv40-tabs{margin:0 0 12px}
.inv40-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:14px;align-items:start}
.inv40-g>div{display:grid;gap:14px;min-width:0}
.inv40-pv{position:sticky;top:12px;min-width:0}
.inv40-sh{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 14px}
@media(max-width:980px){.inv40-g{grid-template-columns:1fr}.inv40-pv{position:static}}
.inv40-f input[type=color]{height:38px;padding:3px;min-width:64px}
.inv.inv40 .inv-t thead th{background:var(--inv);color:#fff}
.inv.inv40.rt .inv-top{flex-direction:row-reverse}
.inv.inv40.rt .inv-top>div:first-child{text-align:right}
.inv.inv40.rt .inv-no{text-align:left;align-items:flex-start}
.inv-intro{margin:0;overflow-wrap:anywhere}
.inv-foot{border-top:1px solid var(--line);padding-top:8px}
.af40-f{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:10px}
.af40-s{display:grid;gap:3px;min-width:140px;flex:1 1 140px;max-width:260px}
.af40-s select{width:100%}
.af40-r{align-items:flex-start}
.af40-k{font-size:11.5px;font-weight:600;padding:1px 7px;border-radius:99px;background:var(--sunk);color:var(--muted)}
.af40-t{overflow-wrap:anywhere}
.dun40-c{padding:10px 0;border-top:1px solid var(--sep)}
.dun40-c:first-of-type{border-top:0}
.dun40-c textarea{min-height:64px}
.pr40-g{display:flex;gap:8px;align-items:center}
.pr40-g input{flex:1 1 auto;min-width:0;text-transform:uppercase}
.pr40-c{font-weight:700;letter-spacing:.02em}
.pr40-i{flex-wrap:wrap;gap:8px}
.pr40-b .pr40-g{max-width:420px}
.onb40{display:grid;gap:12px}
.onb40-p{display:flex;align-items:center;gap:10px}
.onb40-bar{flex:1 1 auto;height:8px;border-radius:99px;background:var(--sunk);overflow:hidden;min-width:60px}
.onb40-bar i{display:block;height:100%;background:var(--ok,#2c7a4b);border-radius:99px}
.onb40-n{font-variant-numeric:tabular-nums;white-space:nowrap}
.onb40-l{display:grid}
.onb40-s{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--sep)}
.onb40-s:first-child{border-top:0}
.onb40-ck{flex:0 0 22px;height:22px;border-radius:99px;border:1.5px solid var(--line);display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff}
.onb40-s.ok .onb40-ck{background:var(--ok,#2c7a4b);border-color:var(--ok,#2c7a4b)}
.onb40 .list .item{flex-wrap:wrap;gap:8px}
.onb40-g{display:grid}
.onb40-r{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid var(--sep);cursor:pointer;width:100%}
.onb40-r:first-child{border-top:0}
.onb40-r:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
.onb40-pp{display:flex;align-items:center;gap:8px;flex:0 0 38%;min-width:120px}
.onb40-go{color:var(--muted);font-size:20px}
@media(max-width:640px){.onb40-r{flex-wrap:wrap}.onb40-pp{flex:1 1 100%;order:3}}
.dec40{margin-top:12px}
.dec40-l{list-style:none;margin:0 0 8px;padding:0;display:grid}
.dec40-l li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--sep);overflow-wrap:anywhere}
.dec40-l li:first-child{border-top:0}
.dec40-k{flex:0 0 auto;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--sunk);color:var(--muted)}

/* V55 — communication : plein écran (téléphone), deux volets (tablette), langue et traduction */
@media (max-width:860px){
  body.cx40{overflow:hidden;overscroll-behavior:none}
  body.cx40 .mhead,body.cx40 #app>.banner,body.cx40 #app>.wa-sub,body.cx40 #app>p.s,body.cx40 #app>.sv40-n{display:none!important}
  body.cx40 main{height:100dvh;min-height:0;overflow:hidden;padding-bottom:0!important}
  body.cx40 #app{display:flex;flex-direction:column;gap:8px;height:var(--cx40-h,100dvh);min-height:0;overflow:hidden;padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:8px;margin:0;box-sizing:border-box}
  body.cx40 #app>*{flex:0 0 auto;margin-top:0!important;margin-bottom:0!important}
  body.cx40 #app>.head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;position:relative}
  body.cx40 #app>.head h1{font-size:24px;line-height:1.15;margin:0}
  body.cx40 #app>.head .actions{display:flex;flex-wrap:nowrap;gap:8px;margin:0;width:auto}
  body.cx40 .cx40-plus,body.cx40 .cx40-more{all:unset;box-sizing:border-box;width:38px;height:38px;border-radius:99px;display:grid;place-items:center;cursor:pointer;flex:none}
  body.cx40 .cx40-plus{background:var(--accent);color:#fff}
  body.cx40 .cx40-more{background:var(--sunk);color:var(--ink)}
  body.cx40 .cx40-plus svg,body.cx40 .cx40-more svg{width:20px;height:20px}
  body.cx40 .cx40-plus:focus-visible,body.cx40 .cx40-more:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  body.cx40 .cx40-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:230px;display:grid;padding:6px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 34px rgba(0,0,0,.18)}
  body.cx40 .cx40-menu[hidden]{display:none}
  body.cx40 .cx40-menu .btn{all:unset;box-sizing:border-box;padding:11px 12px;border-radius:9px;font-size:15px;cursor:pointer}
  body.cx40 .cx40-menu .btn:active{background:var(--sunk)}
  body.cx40 #app>.tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  body.cx40 #app>.tabs::-webkit-scrollbar{display:none}
  /* la zone de messagerie prend tout le reste : c’est elle qui défile */
  body.cx40 #app>#wa-inbox,body.cx40 #app>.ml35w{flex:1 1 auto;min-height:0;height:auto!important;overflow:hidden}
  body.cx40 .ml35w>#ml35{height:100%!important;min-height:0}
  body.cx40 #wa-inbox .wa-list,body.cx40 #ml35 .ml35-l{height:100%;display:flex;flex-direction:column;min-height:0;box-sizing:border-box}
  body.cx40 #wa-inbox .wa-list>*,body.cx40 #ml35 .ml35-l>*{flex:0 0 auto}
  body.cx40 #wa-inbox .wa-items,body.cx40 #ml35 .ml35-items{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  body.cx40 #ml35 .ml35-c{height:100%;overflow-y:auto;box-sizing:border-box}
  .wa-pane.full.cx40-drag,.ml35-r.full.cx40-drag{transition:none;box-shadow:-18px 0 40px rgba(0,0,0,.18)}
  .wa-pane.full,.ml35-r.full{transition:transform .16s ease-out;will-change:transform}
}
/* tablette en portrait : la liste à gauche, la conversation ou l’e-mail à droite */
@media (min-width:700px) and (max-width:860px){
  body.cx40 #wa-inbox{display:grid;grid-template-columns:minmax(260px,310px) minmax(0,1fr);border:1px solid var(--line);border-radius:14px;background:var(--surface)}
  body.cx40 #wa-inbox .wa-list{border:0;border-right:1px solid var(--line);border-radius:0;display:flex}
  body.cx40 #wa-inbox.open .wa-list{display:flex}
  body.cx40 #wa-inbox .wa-ph{display:flex}
  body.cx40 #wa-inbox .wa-pane{min-height:0;height:100%}
  body.cx40 #ml35{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);border:1px solid var(--line);border-radius:14px;background:var(--surface)}
  body.cx40 #ml35.ctc{grid-template-columns:minmax(0,1fr)}
  body.cx40 #ml35 .ml35-l{border:0;border-right:1px solid var(--line);border-radius:0;display:flex}
  body.cx40 #ml35.open .ml35-l{display:flex}
  body.cx40 #ml35 .ml35-ph{display:flex}
  body.cx40 #ml35 .ml35-r{min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column}
  body.cx40 #ml35 .ml35-r .ml35-ms{flex:1 1 auto;min-height:0;overflow-y:auto}
}
@media (prefers-reduced-motion:reduce){.wa-pane.full,.ml35-r.full{transition:none}}
/* langue et traduction */
.tr40{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);font-size:12.5px}
.tr40-l{color:var(--muted);font-weight:600}
.tr40-b{all:unset;cursor:pointer;color:color-mix(in srgb,var(--accent) 82%,var(--ink));font-weight:600;padding:2px 0}
.tr40-b:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.tr40-w{color:var(--muted);font-style:italic}
.tr40-ml{margin-top:10px}
.tr40-x{margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--sunk);overflow-wrap:anywhere}
.tr40-g{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;padding:9px 12px;font-size:13.5px;line-height:1.35;background:color-mix(in srgb,var(--warn,#a96d0c) 12%,var(--surface));border-top:1px solid var(--line)}
.tr40-g.ok{background:color-mix(in srgb,var(--ok,#2c7a4b) 10%,var(--surface))}
.tr40-g>span:first-child{flex:1 1 220px;min-width:0}

/* V56 — services : chauffeur privé, grille, demandes sans suivi */
.sv41-f{display:grid;gap:10px}
.sv41-f .tag{margin-top:4px}
.sv41-tr{display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(140px,1.6fr) minmax(110px,1fr) 96px auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--sep)}
.sv41-tr:first-child{border-top:0}
.sv41-tr input,.sv41-tr select{min-width:0;width:100%}
@media(max-width:700px){.sv41-tr{grid-template-columns:1fr 1fr}.sv41-tr input[name^="tl_"]{grid-column:1/-1}}
.sv41-o{margin-bottom:12px}
.sv41-or{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--sep);flex-wrap:wrap}
.sv41-or .grow{flex:1 1 260px;min-width:0;overflow-wrap:anywhere}
.sv41-or .t{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.sv41-oa{display:flex;gap:6px;flex-wrap:wrap}
.sv41-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 12px;border-top:1px solid var(--line);font-size:13px;background:var(--surface)}
.sv41-d{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 8px;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.sv41-d.warn{background:color-mix(in srgb,var(--bad,#bb3524) 10%,var(--surface))}
.sv41-m{margin-left:auto;display:flex;gap:12px}
.sv41-l{all:unset;cursor:pointer;font-weight:600;color:color-mix(in srgb,var(--accent) 82%,var(--ink));padding:4px 0}
.sv41-l:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}

/* V56 — retouches */
.qt40-d{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.qt40-d>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;font-weight:600;font-size:14.5px}
.qt40-d>summary::-webkit-details-marker{display:none}
.qt40-d>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:12px}
.qt40-cv{font-size:20px;line-height:1;color:var(--muted);transition:transform .15s}
.qt40-d[open] .qt40-cv{transform:rotate(90deg)}
.qt40-d>.qt40{border:0;border-top:1px solid var(--line);border-radius:0;margin:0}
.qt40-d>.qt40>.tag:first-child{display:none}
.mr-ok.mz40-w{border-style:dashed;opacity:.55;cursor:default;pointer-events:none}
.mz40-n{color:var(--muted);font-size:14px;cursor:default}
/* liste des logements : deux lignes nettes sur petit écran */
@media (max-width:860px){
  .ltable.lt-props .lrow{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"main lease" "edl next"!important;gap:8px 10px!important;align-items:center;padding:14px 14px;height:auto;min-height:0;text-align:left}
  .ltable.lt-props .lrow>.lc-main{grid-area:main!important;min-width:0;display:flex;align-items:center;gap:10px}
  .ltable.lt-props .lrow>.lc-lease{grid-area:lease!important;justify-self:end;white-space:nowrap}
  .ltable.lt-props .lrow>.lc-edl{grid-area:edl!important;min-width:0;display:flex;align-items:center;gap:8px;padding-left:0;margin:0}
  .ltable.lt-props .lrow>.lc-next{grid-area:next!important;justify-self:end;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;padding-left:0;margin:0}
  .ltable.lt-props .lrow>.lc-owner,.ltable.lt-props .lrow>.lc-go{display:none!important}
  .ltable.lt-props .lc-t{min-width:0;flex:1 1 auto;display:flex;flex-direction:column}
  .ltable.lt-props .lc-t b,.ltable.lt-props .lc-t .s,.ltable.lt-props .lc-edl>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
  .ltable.lt-props .lc-t b{font-size:16px}
}

/* V56 — style appris */
.st41-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.st41-c{padding:12px;border:1px solid var(--line);border-radius:12px;min-width:0}
.st41-c h3{margin:0 0 6px;font-size:15px}
.st41-l{margin:0 0 6px;padding-left:18px;line-height:1.55}

/* V56 — dossier d’un état des lieux */
.dz41-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.dz41-ref{font-weight:700;font-size:13px;padding:4px 9px;border-radius:8px;background:var(--sunk)}
.dz41-r{font-size:11.5px;letter-spacing:.01em}
.dz41{display:grid;gap:12px}
.dz41-i{flex-wrap:wrap;gap:8px}
.dz41-u{font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin-top:2px}
.dz41-pv{display:grid;gap:10px}
.dz41-ph{display:grid;gap:2px;padding:12px;border-radius:12px;background:var(--sunk)}
.dz41-h{margin:8px 0 0;font-size:15px}
.dz41-it{display:grid;gap:6px;padding:8px 0;border-top:1px solid var(--sep)}

/* V57 — import de demandes de service */
.im42{display:grid;gap:10px}
.im42-l{display:grid;max-height:min(56vh,560px);overflow-y:auto;border:1px solid var(--line);border-radius:12px}
.im42-r{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-top:1px solid var(--sep)}
.im42-r:first-child{border-top:0}
.im42-r.warn{background:color-mix(in srgb,var(--warn,#a96d0c) 8%,var(--surface))}
.im42-ck{padding-top:8px}
.im42-ck input{width:20px;height:20px}
.im42-f{flex:1;min-width:0;display:grid;grid-template-columns:minmax(110px,1fr) 140px 104px minmax(120px,1.4fr) 92px minmax(130px,1fr);gap:6px}
.im42-f input,.im42-f select{min-width:0;width:100%}
.im42-x{grid-column:1/-1;overflow-wrap:anywhere}
.im42-w{color:var(--warn,#a96d0c)}
@media(max-width:860px){.im42-f{grid-template-columns:1fr 1fr}.im42-f input[data-im42="name"]{grid-column:1/-1}}
.im42-h{margin-top:12px}

/* V57 — suivi par logement */
.mi43-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.mi43-ch{margin-bottom:10px;flex-wrap:wrap}
.mi43-l{display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mi43-r{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--sep);flex-wrap:wrap}
.mi43-r:first-child{border-top:0}
.mi43-d{flex:0 0 92px;font-size:13px;display:flex;flex-direction:column}
.mi43-d small{color:var(--muted)}
.mi43-t{flex:1 1 180px;min-width:0;display:flex;flex-direction:column}
.mi43-t b,.mi43-t .s{overflow-wrap:anywhere}
.mi43-a{display:flex;gap:6px;margin-left:auto}
@media(max-width:560px){.mi43-d{flex-basis:100%;flex-direction:row;gap:8px}.mi43-a{margin-left:0}}

/* V58 — données partagées par l’assistant et l’agent */
.kb44-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.kb44-c{padding:12px;border:1px solid var(--line);border-radius:12px;min-width:0}
.kb44-c ul{margin:6px 0 0;padding-left:18px;line-height:1.55}
.kb44-pdf{margin-left:auto;margin-right:8px}

/* V58 — services : grille unique, envoi, calendrier */
.sv45-g{display:grid;gap:8px;padding:10px 0;border-top:1px solid var(--sep);border-bottom:1px solid var(--sep);margin:6px 0}
.sv45{display:grid;gap:8px}
.sv45-p{display:grid;gap:2px;max-height:180px;overflow-y:auto;padding:6px 8px;border:1px solid var(--line);border-radius:10px}
.sv45 textarea{width:100%;font:inherit;min-height:150px}
.sv45-s{display:grid;gap:2px}
.ad.ad45{border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 16%,var(--surface));color:var(--ink);font-weight:600}
.ad.ad45.dn{opacity:.6}

/* V58 — facturation à tiers */
.bl46-l{padding:0;overflow:hidden}
.bl46-r{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--sep);cursor:pointer;width:100%;flex-wrap:wrap}
.bl46-r:first-child{border-top:0}
.bl46-r:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.bl46-d{flex:0 0 96px;font-size:13px}
.bl46-t{flex:1 1 220px;min-width:0;display:flex;flex-direction:column}
.bl46-t b,.bl46-t .s{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl46-n{display:flex;gap:14px;font-variant-numeric:tabular-nums;font-weight:600;font-size:14px}
.bl46-n span{display:flex;flex-direction:column;align-items:flex-end;min-width:74px}
.bl46-n small{font-weight:500;font-size:11px;color:var(--muted)}
.bl46-w{margin-top:8px}
@media(max-width:700px){.bl46-d{flex-basis:100%}.bl46-n{flex:1 1 100%;justify-content:space-between}.bl46-n span{align-items:flex-start;min-width:0}}