/* =====================================================================
   Pro Eco Conseil : feuille de style du SITE PRIVÉ (espace équipe)
   Écriture alignée sur les applications Vérification RGE et Simulateur CEE :
   police système (Segoe UI), texte courant 14 px, cartes blanches sur fond gris clair.
   1. Jetons et base  2. Barre, onglets, composants  3. Devis et factures, outils
   4. Module Copropriétés (carte, fiches, syndics, veille DPE)
   ===================================================================== */

/* Mise en page : barre du site + bandeau collaborateur + onglets façon menu principal ; mêmes jetons que le site public */
:root{
  --ink:#12263D; --ink-2:#3C4E63; --blue:#1C5C9C; --blue-soft:#E7F0F9;
  --leaf:#2F8A4A; --sun:#E0822A; --paper:#FFFFFF; --wash:#F3F6F9; --line:#D6DEE7;
  --todo:#FFF3C4; --todo-ink:#6B5200; --red:#D7221F; --amber:#F0B40F; --amber-ink:#3a2800;
  --c-navy:#12263D; --c-orange:#E0822A; --c-leaf:#2F8A4A; --c-blue:#1C5C9C; --c-brown:#8A5A3C; --c-teal:#1F7A8C;
  --dpe-a:#009C6D; --dpe-b:#52B153; --dpe-c:#A5CC74; --dpe-d:#F4E70F; --dpe-e:#F0B40F; --dpe-f:#EB8235; --dpe-g:#D7221F;
  --mpr-bleu:#1F5FBF; --mpr-jaune:#E8C21A; --mpr-violet:#7B4FB8; --mpr-rose:#D9579A;
  --radius-s:6px; --radius-l:14px;
  --display:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --text:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ink:#E8EEF5; --ink-2:#AEBBCA; --blue:#6FA8E0; --blue-soft:#17304A;
    --leaf:#5FBF7A; --sun:#F0A45A; --paper:#0E1A28; --wash:#132436; --line:#27415B;
    --todo:#4A3D0A; --todo-ink:#FFE08A; --c-navy:#8FA9C6; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --ink:#E8EEF5; --ink-2:#AEBBCA; --blue:#6FA8E0; --blue-soft:#17304A;
  --leaf:#5FBF7A; --sun:#F0A45A; --paper:#0E1A28; --wash:#132436; --line:#27415B;
  --todo:#4A3D0A; --todo-ink:#FFE08A; --c-navy:#8FA9C6; color-scheme:dark;
}
[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 var(--text)}
a{color:var(--blue)}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px;border-radius:4px}
.wrap{max-width:1240px;margin:0 auto;padding-inline:24px}
h1,h2,h3{font-family:var(--display);font-stretch:85%;line-height:1.1;margin:0 0 .45em;letter-spacing:-.01em;text-wrap:balance}
h2{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:750}
h3{font-size:1.12rem;font-weight:700;font-stretch:90%}
p{margin:0 0 .9em;max-width:70ch}
.small{font-size:.88rem;color:var(--ink-2)}
.todo{background:var(--todo);color:var(--todo-ink);padding:0 .3em;border-radius:3px;font-weight:600}
.note{margin:0;padding:9px 24px;font-size:.84rem;background:var(--todo);color:var(--todo-ink);display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:center}
.note button{font-weight:700;font-size:.78rem;padding:3px 10px;border-radius:999px;border:1.5px solid var(--todo-ink);background:transparent;color:var(--todo-ink)}
.note button[aria-pressed="true"]{background:var(--todo-ink);color:var(--todo)}

/* Barre haute */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}
.top-in{max-width:1440px;margin:0 auto;padding-inline:24px;display:flex;align-items:center;gap:16px;min-height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--display);font-weight:800;font-size:1.25rem;font-stretch:85%}
.brand img{width:38px;height:38px;display:block}
.brand small{display:block;font-family:var(--text);font-stretch:100%;font-weight:600;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--c-leaf)}
.top-r{margin-left:auto;display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.7em 1.15em;border-radius:var(--radius-s);font-weight:600;text-decoration:none;border:2px solid transparent;font-size:.95rem;background:none;color:var(--ink)}
.btn-main{background:#1C5C9C;color:#fff}
.btn-main:hover{background:#174D84}
.btn-line{border-color:var(--line)}
.btn-line:hover{border-color:var(--ink)}
.btn-sm{padding:.45em .85em;font-size:.86rem}
.me{display:flex;align-items:center;gap:10px}
.av{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--pc,#1C5C9C);color:#fff;font-weight:700;font-size:.9rem;flex:none}
.me b{display:block;font-size:.92rem;line-height:1.2}
.me span{font-size:.78rem;color:var(--ink-2)}
@media (max-width:640px){.me div,.top-r .site{display:none}.brand{font-size:1.05rem}.brand small{font-size:.65rem}}

/* Bandeau collaborateur */
.hello{padding-block:28px 0;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 10%,var(--paper)),var(--paper));border-bottom:1px solid var(--line)}
.hello-row{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 32px}
.hello h1{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;font-stretch:78%;margin:0}
.hello .kick{font-size:.85rem;font-weight:600;color:var(--ink-2);margin:0 0 6px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:22px 0 0;border-top:1px solid var(--line)}
.kpis li{padding:14px 16px 16px 0}
.kpis li+li{padding-left:16px;border-left:1px solid var(--line)}
.kpis b{display:block;font-family:var(--display);font-stretch:80%;font-size:2rem;line-height:1;font-variant-numeric:tabular-nums}
.kpis span{font-size:.85rem;color:var(--ink-2)}
.kpis .warn b{color:var(--red)}
@media (max-width:760px){.kpis{grid-template-columns:1fr 1fr}.kpis li:nth-child(3){padding-left:0;border-left:0}.kpis li:nth-child(n+3){border-top:1px solid var(--line)}}

/* Onglets */
.tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;margin-top:18px}
.tabs::-webkit-scrollbar{display:none}
.tabs button{--c:var(--blue);flex:none;display:flex;align-items:center;gap:8px;padding:12px 14px;border:0;border-bottom:3px solid transparent;background:none;color:var(--ink);font-weight:600;font-size:.95rem;white-space:nowrap}
.tabs button::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
.tabs button:hover{color:var(--c)}
.tabs button[aria-selected="true"]{color:var(--c);border-bottom-color:var(--c)}
.tabs .badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--red);color:#fff;font-size:.72rem;font-weight:700}
.panel{padding-block:36px 64px}
.sec{margin-bottom:44px}
.sec-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:10px 24px;margin-bottom:14px}
.sec-head p{margin:0;color:var(--ink-2)}

/* Grilles */
.two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:start}
.two>*{min-width:0}
@media (max-width:960px){.two{grid-template-columns:1fr}}
.box{border:1px solid var(--line);border-radius:var(--radius-l);padding:20px 22px;background:var(--paper)}
.box.wash{background:var(--wash)}

/* Listes d'actions */
.acts{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}
.acts li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.acts li.done b{text-decoration:line-through;color:var(--ink-2)}
.acts p{margin:2px 0 0;font-size:.88rem;color:var(--ink-2)}
.chk{width:22px;height:22px;accent-color:var(--leaf)}
.st{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.76rem;font-weight:700;white-space:nowrap;text-align:center}
.st.yes{background:var(--red);color:#fff}
.st.cond{background:var(--amber);color:var(--amber-ink)}
.st.ok{background:color-mix(in srgb,var(--leaf) 18%,var(--paper));color:var(--ink)}
.st.no{background:var(--wash);color:var(--ink-2);border:1px solid var(--line)}
.st.info{background:color-mix(in srgb,var(--blue) 16%,var(--paper));color:var(--ink)}
.agenda{list-style:none;padding:0;margin:0}
.agenda li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.agenda time{font-family:var(--display);font-stretch:80%;font-weight:800;line-height:1}
.agenda time b{display:block;font-size:1.6rem;color:var(--pc)}
.agenda time span{font-size:.82rem;color:var(--ink-2)}
.agenda p{margin:2px 0 0;font-size:.88rem;color:var(--ink-2)}

/* Tableaux */
.scroll{overflow-x:auto}
table.t{width:100%;border-collapse:collapse;font-size:.93rem;min-width:640px}
.t th,.t td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.t thead th{font-family:var(--display);font-stretch:90%;font-weight:700;border-bottom:2px solid var(--ink);white-space:nowrap}
.t td small{display:block;font-size:.82rem;color:var(--ink-2)}
.t .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.t tfoot td{font-weight:700;border-top:2px solid var(--ink)}
.ref{font-variant-numeric:tabular-nums;font-size:.84rem;color:var(--ink-2);white-space:nowrap}

/* Filtres */
.filters{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 6px}
.filters button{font-weight:600;font-size:.86rem;padding:6px 13px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink)}
.filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--c);margin-right:7px;vertical-align:1px}

/* Actualités */
.news{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}
.news>li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:6px 22px;padding:20px 0;border-bottom:1px solid var(--line)}
.news time{font-family:var(--display);font-stretch:80%;font-weight:750;line-height:1}
.news time b{display:block;font-size:2rem;color:var(--c)}
.news time span{font-size:.9rem}
.news h3{margin:6px 0 4px;font-size:1.15rem;line-height:1.25}
.news p{margin:0;color:var(--ink-2);font-size:.94rem}
.news .meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.82rem;color:var(--ink-2)}
.cat{display:inline-block;padding:2px 9px;border-radius:5px;font-weight:700;font-size:.78rem;background:var(--c);color:#fff}
.cat.dk{color:#1b1206}
.news .acts-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
@media (max-width:640px){.news>li{grid-template-columns:1fr}.news time b{display:inline;font-size:1.4rem}.news time span{margin-left:6px}}

/* Formulaires */
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.fgrid .full{grid-column:1/-1}
@media (max-width:640px){.fgrid{grid-template-columns:1fr}}
.fld label,.fld .lbl{display:block;font-weight:600;font-size:.9rem;margin-bottom:5px}
.fld label small{font-weight:400;color:var(--ink-2)}
.fld input,.fld select,.fld textarea{width:100%;font:inherit;font-size:.97rem;color:var(--ink);background:var(--paper);border:1.5px solid color-mix(in srgb,var(--ink) 22%,var(--line));border-radius:var(--radius-s);padding:.6em .75em}
.fld textarea{min-height:110px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:3px solid color-mix(in srgb,var(--blue) 35%,transparent);border-color:var(--blue)}
.fld .hint{font-size:.82rem;color:var(--ink-2);margin:5px 0 0}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg label{position:relative}
.seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.seg span{display:block;padding:7px 12px;border:1.5px solid var(--line);border-radius:8px;background:var(--paper);font-size:.88rem;font-weight:600}
.seg input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.seg input:focus-visible+span{outline:3px solid var(--sun);outline-offset:2px}
.flash{padding:12px 16px;border-radius:10px;background:color-mix(in srgb,var(--leaf) 12%,var(--paper));border-left:4px solid var(--leaf);font-size:.92rem;margin-top:14px}

/* Outils */
/* Catalogue d'outils : liste latérale groupée + recherche, pensée pour des dizaines d'outils */
.tools-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:32px;align-items:start}
.tools-layout>*{min-width:0}
.tool-side{position:sticky;top:calc(env(safe-area-inset-top,0px) + 84px);max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:thin;padding-bottom:8px}
.tl summary{list-style:none;cursor:pointer;display:none}
.tl summary::-webkit-details-marker{display:none}
.tl-search{margin-bottom:14px}
.tl-group{margin-bottom:16px}
.tl-group h3{font-family:var(--text);font-stretch:100%;font-size:.74rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);margin:0 0 6px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.tl-group ul{list-style:none;padding:0;margin:0}
.tl-item{--c:var(--blue);display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:2px 10px;align-items:start;width:100%;text-align:left;padding:9px 10px;border:0;border-radius:8px;background:none;color:var(--ink)}
.tl-item::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c);margin-top:.45em}
.tl-item b{font-size:.94rem;line-height:1.3}
.tl-item span{grid-column:2;font-size:.8rem;color:var(--ink-2);line-height:1.3}
.tl-item em{grid-row:1;grid-column:3;font-style:normal;font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--wash);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap}
.tl-item em.new{background:var(--leaf);color:#fff;border-color:var(--leaf)}
.tl-item:hover{background:var(--wash)}
.tl-item[aria-current="true"]{background:color-mix(in srgb,var(--c) 13%,var(--paper));box-shadow:inset 3px 0 0 var(--c)}
.tl-links a{display:block;padding:7px 10px 7px 30px;font-size:.88rem;font-weight:600;text-decoration:none;color:var(--ink)}
.tl-links a:hover{text-decoration:underline}
.tl-links small{display:block;font-weight:400;color:var(--ink-2)}
@media (max-width:900px){
  .tools-layout{grid-template-columns:1fr;gap:18px}
  .tool-side{position:static;max-height:none;overflow:visible}
  .tl{border:1.5px solid var(--line);border-radius:12px;padding:0 14px}
  .tl summary{display:flex;flex-direction:column;padding:12px 28px 12px 0;position:relative}
  .tl summary::after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}
  .tl[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
  .tl[open] summary{border-bottom:1px solid var(--line);margin-bottom:12px}
}
.tool{border:2px solid var(--c);border-radius:var(--radius-l);overflow:hidden}
.tool-q{padding:22px;background:color-mix(in srgb,var(--c) 8%,var(--paper))}
.tool-r{padding:20px 22px}
.tool h2{font-size:1.5rem}
.verdict{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.chip{display:grid;place-items:center;min-width:64px;height:64px;padding:0 12px;border-radius:12px;color:#fff;font-family:var(--display);font-weight:800;font-size:1.6rem;font-stretch:80%}
.verdict b{display:block;font-family:var(--display);font-stretch:85%;font-size:1.35rem}
.verdict p{margin:2px 0 0;color:var(--ink-2);font-size:.92rem}
.scale{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:18px}
.scale div{padding:10px;border-radius:8px;border:1.5px solid var(--line);font-size:.82rem}
.scale div b{display:block;font-size:.95rem;font-variant-numeric:tabular-nums}
.scale div.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.scale i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:0}
@media (max-width:640px){.scale{grid-template-columns:1fr 1fr}}
.dpe-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:4px}
.dpe-cmp>div{padding:16px;border-radius:12px;background:var(--wash);border:1px solid var(--line)}
.dpe-cmp h3{font-size:.95rem;margin-bottom:10px}
.lab{display:flex;align-items:center;gap:14px}
.lab .chip{min-width:56px;height:56px;font-size:1.8rem}
.lab dl{margin:0;display:grid;grid-template-columns:auto auto;gap:2px 12px;font-size:.88rem}
.lab dt{color:var(--ink-2)}
.lab dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
@media (max-width:640px){.dpe-cmp{grid-template-columns:1fr}}
.pieces{list-style:none;padding:0;margin:0}
.pieces li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--line)}
.pieces li label{flex:1;min-width:0}
.pieces small{display:block;color:var(--ink-2);font-size:.82rem}
.out{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.86rem;background:var(--wash);border:1px solid var(--line);border-radius:8px;padding:12px 14px;white-space:pre-wrap;word-break:break-word;margin:0}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.apps li{padding:16px;border-radius:12px;border:1px solid var(--line);background:var(--wash)}
.apps b{display:block}
.apps p{margin:4px 0 0;font-size:.86rem;color:var(--ink-2)}
@media (max-width:820px){.apps{grid-template-columns:1fr}}

/* Chauffage et ventilation */
.big{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.big b{font-family:var(--display);font-stretch:78%;font-weight:800;font-size:clamp(2.6rem,6vw,3.6rem);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.big span{color:var(--ink-2)}
.big strong{color:var(--ink)}
.stack{display:flex;height:16px;border-radius:8px;overflow:hidden;background:var(--wash);margin:16px 0 8px}
.stack i{display:block;height:100%}
.stack .s1{background:var(--dpe-f)}.stack .s2{background:var(--c-teal)}.stack .s3{background:color-mix(in srgb,var(--ink) 25%,var(--paper))}
.leg{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:.84rem;color:var(--ink-2);margin-bottom:6px}
.leg i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.t.calc{min-width:0}
.t.calc td:first-child small{font-variant-numeric:tabular-nums}
.tb-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:6px}
.tb-line output{font-family:var(--display);font-stretch:85%;font-weight:800;font-size:1.3rem}
.hints{list-style:none;padding:0;margin:16px 0 0}
.hints li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;padding:11px 0;border-top:1px solid var(--line);font-size:.9rem}
.hints li p{margin:0;color:var(--ink-2)}
.t.occ{min-width:520px}
.t.occ td,.t.occ th{vertical-align:middle;padding:7px 8px}
.t.occ th small{display:block;font-weight:400;font-family:var(--text);font-stretch:100%}
.t.occ input{width:78px;font:inherit;font-weight:600;text-align:right;padding:.4em .5em;border:1.5px solid color-mix(in srgb,var(--ink) 22%,var(--line));border-radius:6px;background:var(--paper);color:var(--ink)}
.fgrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:760px){.fgrid.three{grid-template-columns:1fr 1fr}}
/* Équipe */
.team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
.team li{display:flex;gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px}
.team .av{width:46px;height:46px}
.team b{display:block}
.team span{display:block;font-size:.86rem;color:var(--ink-2)}
@media (max-width:900px){.team{grid-template-columns:1fr}}

/* Administration */
.lock{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--red) 12%,var(--paper));color:var(--ink);font:700 .76rem var(--text);letter-spacing:0}
.lock::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--red)}
.asbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:14px;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--sun) 16%,var(--paper));border:1px solid color-mix(in srgb,var(--sun) 45%,var(--line));font-size:.92rem}
.adm-k{margin:0 0 28px}
.adm-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:start}
.adm-grid>*{min-width:0}
@media (max-width:1060px){.adm-grid{grid-template-columns:1fr}}
.h2s{font-size:1.35rem;margin:0}
.st-t{min-width:600px}
.st-row{cursor:pointer}
.st-row:hover td{background:var(--wash)}
.st-row.sel td{background:color-mix(in srgb,var(--blue) 10%,var(--paper))}
.st-row.sel td:first-child{box-shadow:inset 3px 0 0 var(--blue)}
.who-c{display:flex;align-items:center;gap:10px}
.who-c small{display:block;font-size:.78rem;color:var(--ink-2)}
.av.sm{width:32px;height:32px;font-size:.78rem}
.fi-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:14px}
.fi-head h3{font-size:1.35rem;margin:0}
.fset{border:0;padding:0;margin:0 0 20px;min-width:0}
.fset legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0;margin-bottom:10px;font-family:var(--display);font-stretch:88%;font-weight:750;font-size:1.05rem}
.fset.priv{padding:14px;border-radius:10px;border:1.5px dashed color-mix(in srgb,var(--red) 40%,var(--line))}
.fset.priv legend{padding:0 6px}
.fld .err{display:none;font-size:.82rem;font-weight:600;color:var(--red);margin:5px 0 0}
.fld.bad input{border-color:var(--red)}
.fld.bad .seg span{border-color:var(--red)}
.fld.bad .err{display:block}
.err-l{color:var(--red);font-weight:600;font-size:.9rem;margin:12px 0 0}
.pw-row{display:flex;gap:8px}
.pw-row input{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em}
.chk-l{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}
.chk-l input{width:18px;height:18px;accent-color:var(--blue)}
.pwbox{padding:16px;border-radius:10px;border:2px solid var(--leaf);background:color-mix(in srgb,var(--leaf) 9%,var(--paper));margin-bottom:18px}
.pwbox dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;margin:10px 0 0}
.pwbox dt{color:var(--ink-2);font-size:.88rem}
.pwbox dd{margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;font-size:1.02rem;word-break:break-all}
.pw-t{margin:0;font-weight:600}
.btn.danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 45%,var(--line))}
.btn-danger{background:var(--red);color:#fff}
.confirm{margin-top:12px;padding:14px;border-radius:10px;background:color-mix(in srgb,var(--red) 8%,var(--paper));border:1px solid color-mix(in srgb,var(--red) 35%,var(--line))}
.confirm p{margin:0 0 4px;font-size:.92rem}
.fi-more{padding-top:14px;margin-top:14px;border-top:1px solid var(--line)}
.rights{min-width:620px}
.rights .c{text-align:center;width:120px}
.rights td:first-child{font-weight:600}
.log{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}
.log li{display:grid;grid-template-columns:132px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.9rem}
.log time{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.84rem}
@media (max-width:560px){.log li{grid-template-columns:1fr;gap:2px}}
/* Circuit des dossiers */
.rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));list-style:none;padding:0;margin:0 0 10px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.rail li{min-width:0}
.rail button{width:100%;height:100%;text-align:left;padding:10px 12px;border:0;border-right:1px solid var(--line);background:var(--paper);color:var(--ink)}
.rail li:last-child button{border-right:0}
.rail button i{display:block;height:4px;border-radius:2px;margin-bottom:8px;background:var(--own)}
.rail button b{display:block;font-family:var(--display);font-stretch:80%;font-size:1.6rem;line-height:1;font-variant-numeric:tabular-nums}
.rail button span{display:block;font-size:.78rem;color:var(--ink-2);line-height:1.25;margin-top:4px}
.rail button[aria-pressed="true"]{background:color-mix(in srgb,var(--own) 13%,var(--paper));box-shadow:inset 0 -3px 0 var(--own)}
.own-adm{--own:var(--c-brown)}.own-be{--own:var(--c-teal)}
.rail-leg{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.82rem;color:var(--ink-2);margin:0 0 16px}
.rail-leg i{display:inline-block;width:16px;height:4px;border-radius:2px;margin-right:6px;vertical-align:middle;background:var(--own)}
@media (max-width:900px){.rail{grid-template-columns:repeat(4,minmax(0,1fr))}.rail li:nth-child(4) button{border-right:0}.rail li:nth-child(-n+4) button{border-bottom:1px solid var(--line)}}
.dos-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start}
.dos-grid>*{min-width:0}
@media (max-width:1060px){.dos-grid{grid-template-columns:1fr}}
.d-t{min-width:620px}
.d-row{cursor:pointer}
.d-row:hover td{background:var(--wash)}
.d-row.sel td{background:color-mix(in srgb,var(--blue) 10%,var(--paper))}
.d-row.sel td:first-child{box-shadow:inset 3px 0 0 var(--blue)}
.typ{display:inline-block;padding:1px 8px;border-radius:5px;font-size:.74rem;font-weight:700;background:var(--wash);border:1px solid var(--line);color:var(--ink);margin-top:4px;white-space:nowrap}
.own{display:inline-flex;align-items:center;gap:6px;font-size:.86rem;white-space:nowrap}
.own .av{width:24px;height:24px;font-size:.64rem}
.seg8{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;margin:14px 0 6px}
.seg8 i{height:8px;border-radius:4px;background:var(--line)}
.seg8 i.adm{background:var(--c-brown)}.seg8 i.be{background:var(--c-teal)}
.next-box{padding:16px;border-radius:12px;border:2px solid var(--own,var(--blue));background:color-mix(in srgb,var(--own,var(--blue)) 8%,var(--paper));margin:14px 0 18px}
.next-box.wait{border-style:dashed;background:var(--wash)}
.next-box.fin{--own:var(--leaf)}
.who-t{font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:0 0 4px}
.next-box h4{font-family:var(--display);font-stretch:85%;font-size:1.2rem;margin:0 0 10px}
.next-box .fgrid{margin-bottom:10px}
.dl2{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 14px;margin:0 0 18px;font-size:.92rem}
.dl2 dt{color:var(--ink-2)}.dl2 dd{margin:0;font-weight:600;min-width:0}
.hist{list-style:none;padding:0;margin:0;font-size:.86rem}
.hist li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;padding:7px 0;border-top:1px solid var(--line)}
.hist time{color:var(--ink-2);font-variant-numeric:tabular-nums}
.busy{font-size:.86rem;margin:0 0 12px;color:var(--ink-2)}
.busy b.bad{color:var(--red)}
.gdot{display:inline-block;width:11px;height:11px;border-radius:3px;background:var(--g);margin-right:6px;vertical-align:-1px}
.d-sub{margin:0;color:var(--ink-2);font-size:.92rem}
.pc-list{list-style:none;padding:0;margin:0 0 18px}
.pc-list li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.pc-list label{flex:1;min-width:0}
.pc-list small{display:block;color:var(--ink-2);font-size:.8rem}
.empty-box{padding:28px 20px;text-align:center;color:var(--ink-2)}
.kpis[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.kpis[data-n="2"] li:nth-child(2){padding-left:16px;border-left:1px solid var(--line);border-top:0}
/* Couleurs Google Agenda */
.gcs{display:flex;flex-wrap:wrap;gap:6px}
.gcs label{position:relative}
.gcs input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.gcs span{display:block;width:32px;height:32px;border-radius:50%;background:var(--g);border:3px solid var(--paper);box-shadow:0 0 0 1.5px var(--line)}
.gcs input:checked+span{box-shadow:0 0 0 2.5px var(--ink)}
.gcs input:focus-visible+span{outline:3px solid var(--sun);outline-offset:2px}
/* Planning */
.plan-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:14px}
.wk{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.wk b{font-family:var(--display);font-stretch:85%;font-size:1.2rem;min-width:210px;text-align:center}
.pp{display:flex;flex-wrap:wrap;gap:6px}
.pp button{display:inline-flex;align-items:center;gap:7px;padding:4px 11px 4px 5px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);font-weight:600;font-size:.84rem}
.pp button i{width:16px;height:16px;border-radius:50%;background:var(--g)}
.pp button[aria-pressed="true"]{border-color:var(--g)}
.pp button[aria-pressed="false"]{opacity:.5}
.pp button[aria-pressed="false"] i{background:transparent;box-shadow:inset 0 0 0 2px var(--g)}
.cal-w{display:grid;grid-template-columns:52px repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:760px}
.cal-h{padding:8px 10px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:700;font-size:.88rem;background:var(--wash)}
.cal-h.first{border-left:0}
.cal-h.today{color:var(--blue);box-shadow:inset 0 -3px 0 var(--blue)}
.cal-t{position:relative}
.cal-t span{position:absolute;right:6px;font-size:.72rem;color:var(--ink-2);transform:translateY(-50%);font-variant-numeric:tabular-nums}
.cal-d{position:relative;border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 48px)}
.cal-d.today{background-color:color-mix(in srgb,var(--blue) 4%,var(--paper))}
.ev{position:absolute;padding:4px 6px;border-radius:6px;background:var(--g);color:#fff;font-size:.75rem;line-height:1.25;overflow:hidden;border:1px solid var(--paper)}
.ev b{display:block;font-weight:700}
.ev.dk{color:#2b2400}
.ev.dos{cursor:pointer;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.ev.dos:hover,.ev.dos:focus-visible{filter:brightness(1.08)}
.cal-list{display:none}
.cl-day{margin-bottom:16px}
.cl-day h3{font-size:1rem;margin:0 0 6px;padding-bottom:6px;border-bottom:2px solid var(--ink)}
.cl-day ul{list-style:none;padding:0;margin:0}
.cl-day li{display:grid;grid-template-columns:14px 92px minmax(0,1fr);gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid var(--line);font-size:.9rem}
.cl-day li i{width:12px;height:12px;border-radius:3px;background:var(--g);margin-top:4px}
.cl-day li small{display:block;color:var(--ink-2)}
@media (max-width:760px){.cal-wrap{display:none}.cal-list{display:block}}
/* Copropriétés et syndics */
.linkb{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--blue);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.subnav{display:inline-flex;border:1.5px solid var(--line);border-radius:10px;overflow:hidden}
.subnav button{border:0;background:var(--paper);color:var(--ink);font-weight:700;font-size:.92rem;padding:8px 16px}
.subnav button+button{border-left:1.5px solid var(--line)}
.subnav button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.copro-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:28px;align-items:start}
.copro-grid>*{min-width:0}
@media (max-width:1060px){.copro-grid{grid-template-columns:1fr}}
.cq{margin:18px 0 12px;max-width:680px}
.cq-n{font-size:.84rem;color:var(--ink-2);margin:0 0 8px}
.clist{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}
.clist button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;width:100%;text-align:left;padding:10px 8px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink)}
.clist button:hover{background:var(--wash)}
.clist button[aria-current="true"]{background:color-mix(in srgb,var(--blue) 10%,var(--paper));box-shadow:inset 3px 0 0 var(--blue)}
.clist b{font-size:.94rem;line-height:1.3}
.clist small{grid-column:1;font-size:.8rem;color:var(--ink-2)}
.obd{grid-row:1/3;grid-column:2;align-self:center;display:flex;gap:3px}
.sq{display:inline-block;width:11px;height:11px;border-radius:3px;background:var(--o)}
.sq.dash{background:transparent;box-shadow:inset 0 0 0 2px var(--o)}
.more{margin-top:12px}
.src{display:inline-block;padding:1px 7px;border-radius:5px;font-size:.7rem;font-weight:700;border:1px solid var(--line);color:var(--ink-2);background:var(--paper);white-space:nowrap;vertical-align:1px}
.src.pec{border-color:var(--blue);color:var(--blue)}
.src.syn{border-color:var(--sun);color:var(--ink)}
.src.reg{border-style:dashed}
.ecart{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:5px;font-size:.72rem;font-weight:700;background:color-mix(in srgb,var(--sun) 24%,var(--paper));color:var(--ink);white-space:nowrap}
.notice{padding:12px 16px;border-radius:10px;border-left:4px solid var(--sun);background:color-mix(in srgb,var(--sun) 11%,var(--paper));margin:14px 0;font-size:.92rem}
.notice b{display:block;margin-bottom:2px}
.notice .row{margin-top:8px}
.t.id3{min-width:560px}
.t.id3 td.keep{font-weight:700}
.t.id3 td.dim{color:var(--ink-2)}
.st.ver{background:var(--paper);color:var(--ink);border:1.5px dashed #C99A0A}
.st.req{background:color-mix(in srgb,#E0822A 18%,var(--paper));color:var(--ink)}
.st.ext{background:color-mix(in srgb,var(--leaf) 10%,var(--paper));color:var(--ink);border:1px solid color-mix(in srgb,var(--leaf) 45%,var(--line))}
.t.ob-t{min-width:560px}
.t.ob-t .st{min-width:128px}
.anom{list-style:none;padding:0;margin:6px 0 18px;display:flex;flex-wrap:wrap;gap:6px}
.anom li{padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:600;border:1.5px dashed #C99A0A;background:var(--paper)}
.dv{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px}
.dv-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}
.dv ol{list-style:none;padding:0;margin:8px 0 0;font-size:.88rem}
.dv li{display:grid;grid-template-columns:42px 100px minmax(0,1fr) auto;gap:8px;padding:5px 0;border-top:1px solid var(--line);align-items:baseline}
.dv li .num{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.dv form{margin-top:10px}
.syn-list{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}
.syn-list button{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;width:100%;text-align:left;padding:12px 8px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink)}
.syn-list button:hover{background:var(--wash)}
.syn-list button[aria-current="true"]{background:color-mix(in srgb,var(--blue) 10%,var(--paper));box-shadow:inset 3px 0 0 var(--blue)}
.syn-list small{display:block;width:100%;font-size:.8rem;color:var(--ink-2)}
.obbars{display:grid;gap:10px;margin:8px 0 22px}
.obbar{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:center;font-size:.88rem}
.obbar .bar2{display:flex;height:18px;border-radius:5px;overflow:hidden;background:var(--wash)}
.obbar .bar2 i{display:block;height:100%;background:var(--o)}
.obbar .bar2 i.dash{background:repeating-linear-gradient(135deg,var(--o) 0 4px,transparent 4px 8px)}
.oblg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.8rem;color:var(--ink-2);margin:-8px 0 20px}
.oblg span{display:inline-flex;align-items:center;gap:6px}
@media (max-width:560px){.obbar{grid-template-columns:1fr;gap:4px}}
.mat{min-width:760px}
.mat td.c,.mat th.c{text-align:center}
.mat tr[data-c]{cursor:pointer}
.mat tr[data-c]:hover td{background:var(--wash)}
.anbox{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:8px 0 22px}
.anbox div{padding:12px 14px;border-radius:10px;border:1.5px dashed #C99A0A;background:var(--paper)}
.anbox b{display:block;font-family:var(--display);font-stretch:80%;font-size:1.7rem;line-height:1;font-variant-numeric:tabular-nums}
.anbox span{font-size:.84rem;color:var(--ink-2)}
/* Aperçu du bilan : un document papier, même rendu dans les deux thèmes */
.modal{position:fixed;inset:0;z-index:60;background:rgba(8,16,28,.6);overflow:auto;padding:calc(env(safe-area-inset-top,0px) + 20px) 16px calc(env(safe-area-inset-bottom,0px) + 40px)}
.sheet-wrap{max-width:820px;margin:0 auto}
.sheet-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:12px;color:#fff}
.sheet-bar .btn-line{border-color:rgba(255,255,255,.6);color:#fff}
.sheet{--pk:#12263D;--pk2:#4A5B6E;--pl:#D6DEE7;background:#fff;color:var(--pk);border-radius:4px;box-shadow:0 30px 80px rgba(0,0,0,.45);padding:44px 48px;font-size:13px;line-height:1.5}
.sheet h1{font-size:26px;margin:0 0 2px;color:var(--pk)}
.sheet h2{font-size:16px;margin:26px 0 8px;color:var(--pk);border-bottom:2px solid var(--pk);padding-bottom:4px}
.sheet .sh-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:4px solid #1C5C9C;padding-bottom:14px;margin-bottom:18px}
.sheet .sh-top img{width:46px;height:46px}
.sheet .sh-org{display:flex;gap:10px;align-items:center;font-family:var(--display);font-weight:800;font-size:17px;font-stretch:85%}
.sheet .sh-org small{display:block;font-family:var(--text);font-weight:500;font-size:11px;color:var(--pk2);font-stretch:100%}
.sheet .sh-k{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--pl);border-radius:6px;margin:10px 0}
.sheet .sh-k div{padding:10px 12px}
.sheet .sh-k div+div{border-left:1px solid var(--pl)}
.sheet .sh-k b{display:block;font-family:var(--display);font-stretch:80%;font-size:24px;line-height:1}
.sheet table{width:100%;border-collapse:collapse;font-size:11.5px}
.sheet th,.sheet td{padding:6px 6px;border-bottom:1px solid var(--pl);text-align:left;vertical-align:top}
.sheet thead th{border-bottom:2px solid var(--pk);font-size:11px}
.sheet td.c,.sheet th.c{text-align:center}
.sheet .pill{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;white-space:nowrap}
.sheet .foot-n{margin-top:26px;padding-top:10px;border-top:1px solid var(--pl);font-size:10.5px;color:var(--pk2)}
.sheet ul{margin:0;padding-left:18px}
.sheet li{margin:3px 0}
.sheet-scroll{overflow-x:auto}
@media (max-width:640px){.sheet{padding:24px 18px}.sheet .sh-k{grid-template-columns:1fr 1fr}.sheet .sh-k div:nth-child(3){border-left:0}}
/* Connexion */
.login{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;padding-block:40px 72px;align-items:start}
.login>*{min-width:0}
@media (max-width:900px){.login{grid-template-columns:1fr}}
.who{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.who label{position:relative;display:block;cursor:pointer}
.who input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.who .card{display:flex;gap:10px;align-items:center;height:100%;padding:12px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper);font-weight:700;font-size:.92rem;line-height:1.2}
.who .card small{display:block;font-weight:500;font-size:.78rem;color:var(--ink-2)}
.who input:checked+.card{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.who input:focus-visible+.card{outline:3px solid var(--sun);outline-offset:2px}
@media (max-width:700px){.who{grid-template-columns:1fr}}
.foot{padding-block:28px;border-top:1px solid var(--line);font-size:.85rem;color:var(--ink-2)}
.foot .wrap{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}
@media (max-width:640px){.wrap,.top-in{padding-inline:16px}.tool-q,.tool-r{padding:16px}}
@media (prefers-reduced-motion:no-preference){.panel{animation:in .25s ease-out}@keyframes in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}}

/* ===================== Ajouts de l'espace en service ===================== */
.top-r{margin-left:auto}
.brand img{border-radius:8px}
.menu{position:relative}
.menu>button{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--ink);padding:4px 6px;border-radius:10px}
.menu>button:hover{background:var(--wash)}
.menu>button .me-t{display:flex;flex-direction:column;text-align:left;line-height:1.2}
.menu>button .me-t b{font-size:.92rem}.menu>button .me-t span{font-size:.78rem;color:var(--ink-2)}
.menu ul{position:absolute;right:0;top:calc(100% + 6px);min-width:250px;list-style:none;margin:0;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #0002;z-index:40}
.menu li button,.menu li a{display:block;width:100%;text-align:left;padding:10px 12px;border:0;background:none;color:var(--ink);font-weight:600;font-size:.93rem;border-radius:8px;text-decoration:none}
.menu li button:hover,.menu li a:hover{background:var(--wash)}
.menu li.sep{border-top:1px solid var(--line);margin:4px 0}
@media (max-width:700px){.menu>button .me-t{display:none}.top-r .site{display:none}}

.login-solo{max-width:460px;margin:0 auto;padding:48px 24px 80px}
.login-solo h1{font-size:clamp(1.9rem,4vw,2.5rem);font-stretch:78%}
.login-solo .fld{margin-bottom:14px}

.appcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:0 0 30px;padding:0;list-style:none}
.appcard{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 20px;border:1px solid var(--line);border-left:5px solid var(--c,var(--blue));border-radius:var(--radius-l);text-decoration:none;color:var(--ink);background:var(--paper);transition:box-shadow .15s,transform .15s}
.appcard:hover{box-shadow:0 8px 22px #0001;transform:translateY(-1px)}
.appcard b{font-family:var(--display);font-stretch:88%;font-size:1.15rem}
.appcard span{font-size:.9rem;color:var(--ink-2)}
.appcard em{font-style:normal;font-size:.8rem;font-weight:700;color:var(--c,var(--blue));margin-top:auto}
.appcards.big .appcard{padding:24px 26px}.appcards.big .appcard b{font-size:1.35rem}

.kpis.dv{grid-template-columns:repeat(4,minmax(0,1fr))}
.kpis.dv li span{font-size:.86rem;color:var(--ink-2)}
@media (max-width:760px){.kpis.dv{grid-template-columns:repeat(2,minmax(0,1fr))}}

.bar2{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:space-between;margin:18px 0 12px}
.bar2 .grow{flex:1 1 220px;max-width:340px}
.bar2 input[type=search]{width:100%;font:inherit;padding:.55em .8em;border:1.5px solid var(--line);border-radius:var(--radius-s);background:var(--paper);color:var(--ink)}
.t tr.cl{cursor:pointer}.t tr.cl:hover td{background:var(--wash)}
.t td.n,.t th.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.t .mut{color:var(--ink-2);font-size:.85rem}
.st.br{background:var(--wash);color:var(--ink-2);border:1px dashed var(--line)}
.st.en{background:color-mix(in srgb,var(--blue) 16%,var(--paper));color:var(--ink)}
.st.ac{background:color-mix(in srgb,var(--leaf) 22%,var(--paper));color:var(--ink)}
.st.re{background:color-mix(in srgb,var(--red) 14%,var(--paper));color:var(--ink)}
.st.la{background:var(--amber);color:var(--amber-ink)}

.ed-head{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;margin-bottom:18px}
.ed-head h2{margin:0}
.back{border:0;background:none;color:var(--blue);font-weight:700;padding:4px 0;margin-bottom:8px}
.ed-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
@media (max-width:980px){.ed-grid{grid-template-columns:1fr}}
.ed-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:12px}
.ed-side .box{padding:16px 18px}
.ed-side .btn{width:100%}
.ed-tot div{display:flex;justify-content:space-between;padding:4px 0;font-variant-numeric:tabular-nums}
.ed-tot .g{border-top:2px solid var(--ink);margin-top:6px;padding-top:8px;font-weight:800;font-size:1.1rem}
.cli-pick{position:relative}
.cli-sug{position:absolute;left:0;right:0;top:100%;z-index:20;list-style:none;margin:4px 0 0;padding:4px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 26px #0002;max-height:280px;overflow:auto}
.cli-sug button{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 10px;border-radius:7px;color:var(--ink)}
.cli-sug button:hover,.cli-sug button:focus{background:var(--wash)}
.cli-sug small{display:block;color:var(--ink-2)}
.cli-card{display:flex;justify-content:space-between;gap:12px;align-items:start;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--wash);font-size:.92rem}
.cli-card b{font-size:1rem}

.lg{width:100%;border-collapse:collapse;margin-top:6px}
.lg th{font-size:.82rem;text-align:left;color:var(--ink-2);padding:6px 6px;border-bottom:2px solid var(--ink)}
.lg td{padding:6px;border-bottom:1px solid var(--line);vertical-align:top}
.lg input,.lg select,.lg textarea{width:100%;font:inherit;font-size:.93rem;color:var(--ink);background:var(--paper);border:1.5px solid color-mix(in srgb,var(--ink) 18%,var(--line));border-radius:6px;padding:.45em .55em}
.lg textarea{margin-top:6px;min-height:52px;font-size:.86rem}
.lg .q{width:76px}.lg .u{width:92px}.lg .p{width:110px}.lg .tv{width:84px}.lg .m{width:110px;text-align:right;white-space:nowrap;padding-top:13px;font-variant-numeric:tabular-nums}
.lg .x{width:40px}
.lg .x button{border:0;background:none;color:var(--ink-2);font-size:1.2rem;line-height:1;padding:8px}
.lg .x button:hover{color:var(--red)}
.lg .dsc{border:0;background:none;color:var(--blue);font-size:.8rem;font-weight:600;padding:4px 0 0}
@media (max-width:760px){
  .lg thead{display:none}.lg tr{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:10px 0;border-bottom:1px solid var(--line)}
  .lg td{border:0;padding:0}.lg td:first-child{grid-column:1/-1}.lg .q,.lg .u,.lg .p,.lg .tv,.lg .m{width:auto}.lg .m{text-align:left;padding-top:8px}
}
.add-l{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.add-l select{font:inherit;padding:.55em .7em;border:1.5px solid var(--line);border-radius:var(--radius-s);background:var(--paper);color:var(--ink);max-width:100%}
.locked{padding:12px 14px;border-radius:10px;background:var(--wash);border-left:4px solid var(--ink-2);font-size:.92rem;margin-bottom:14px}

dialog.dlg{border:0;border-radius:16px;padding:0;max-width:640px;width:calc(100% - 32px);background:var(--paper);color:var(--ink);box-shadow:0 24px 60px #0004}
dialog.dlg::backdrop{background:#0b1a2a99}
.dlg form,.dlg .in{padding:24px 26px}
.dlg h2{font-size:1.45rem}
.dlg .row{justify-content:flex-end;margin-top:20px}
.dlg.wide{max-width:900px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:10px;font-weight:600;box-shadow:0 10px 30px #0004;max-width:calc(100% - 32px)}
.toast.err{background:var(--red);color:#fff}
.mono{font-family:ui-monospace,Consolas,monospace;font-size:1.05rem;letter-spacing:.04em}
.help{font-size:.86rem;color:var(--ink-2);margin:4px 0 0}
.ed-grid>*,.fgrid>*{min-width:0}
.kpis.dv li{display:block;padding:12px 16px 14px 0}
.kpis.dv b{font-size:1.7rem;white-space:nowrap;margin-bottom:6px}
.kpis.dv li span{display:block;line-height:1.35}
@media (max-width:760px){
  #ed .fgrid{grid-template-columns:1fr}
  .lg{table-layout:fixed}
  .lg tr{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ed-side{position:static}
}
/* v3 : bandeau d'onglets compact, copropriétés intégrées */
.hello.band{padding-top:6px;background:var(--paper)}
.hello.band .tabs{margin-top:0}
.copro-p{padding:0}
.copro-bar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;padding-block:12px}
#copro-f{display:block;width:100%;border:0;border-top:1px solid var(--line);height:70vh;background:var(--paper)}
.tot .aide,.ed-tot .aide{color:var(--leaf)}
#ed-objet{min-height:64px}

.pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:14px 0 4px}
.pager .small{margin:0 6px}

/* Filtres avancés des devis */
.bar3{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;margin:2px 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.bar3 label{display:flex;flex-direction:column;gap:3px;font-size:.78rem;font-weight:600;color:var(--mut,#3C4E63)}
.bar3 select,.bar3 input{height:36px;box-sizing:border-box;font:inherit;font-size:.88rem;font-weight:400;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);min-width:0}
.bar3 #fx-inter{width:200px}
.bar3 #fx-somme{margin-left:auto;align-self:center}
@media (max-width:640px){.bar3 label{flex:1 1 45%}.bar3 #fx-inter{width:100%}.bar3 #fx-somme{margin-left:0}}

/* Devis : conseil « devis copropriété » et liste des devis d'un partenaire */
.tip-copro{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--c-orange) 12%,var(--paper));border:1px solid color-mix(in srgb,var(--c-orange) 45%,var(--line));font-size:.9rem}
.par-dv{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:.9rem}
.par-dv li{padding:6px 10px;border:1px solid var(--line);border-radius:8px}

/* Titres : même police que le texte, comme dans les applications */
h1,h2,h3{font-stretch:100%;letter-spacing:0}
h2{font-size:clamp(1.3rem,2.2vw,1.6rem)}
h3{font-size:1rem}

/* =====================================================================
   4. MODULE COPROPRIÉTÉS
   ===================================================================== */
.copro-p{padding:0 0 60px}
.copro-bar{border-bottom:1px solid var(--line);margin-bottom:18px}
.cp-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:4px;border-radius:999px;background:var(--red);color:#fff;font-size:.72rem;font-weight:700}
.cp-load{padding:40px 24px;color:var(--ink-2)}
.lnk{border:0;background:none;padding:0;color:var(--blue);font:inherit;font-size:.9rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.mut{color:var(--ink-2)}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* Indicateurs */
.cp-kpis{grid-template-columns:repeat(6,minmax(0,1fr));margin:0 0 16px;border-top:0}
.cp-kpis b{font-size:1.7rem}
.cp-kpis span{font-size:.8rem}
@media (max-width:1100px){.cp-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-kpis li:nth-child(4){padding-left:0;border-left:0}.cp-kpis li:nth-child(n+4){border-top:1px solid var(--line)}}
@media (max-width:640px){.cp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-kpis li{padding-left:0!important;border-left:0!important;border-top:1px solid var(--line)}}

/* Recherche */
.cp-search{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end;margin-bottom:12px}
.cp-q{position:relative;flex:1 1 320px}
.cp-q input{width:100%;font:inherit;font-size:1rem;padding:.7em .9em;border:1.5px solid color-mix(in srgb,var(--ink) 22%,var(--line));border-radius:var(--radius-s);background:var(--paper);color:var(--ink)}
.cp-q input:focus{outline:3px solid color-mix(in srgb,var(--blue) 35%,transparent);border-color:var(--blue)}
.cp-sug{position:absolute;left:0;right:0;top:100%;z-index:1000;list-style:none;margin:4px 0 0;padding:4px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 26px #0002;max-height:340px;overflow:auto}
.cp-sug button{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 10px;border-radius:7px;color:var(--ink)}
.cp-sug button:hover,.cp-sug button:focus{background:var(--wash)}
.cp-sug small{display:block;color:var(--ink-2);font-size:.8rem}
.cp-col,.cf{display:flex;flex-direction:column;gap:4px;font-size:.8rem;font-weight:600;color:var(--ink-2)}
.cp-col select,.cf select,.cf input:not([type=checkbox]):not([type=range]),.cp-tools select{font:inherit;font-size:.9rem;font-weight:400;color:var(--ink);padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--paper);min-width:0}

/* Carte + filtres */
.cp-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.cp-mapbox{position:relative;border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden}
#cp-map{height:min(68vh,640px);min-height:380px;background:var(--wash)}
.cp-leg{display:flex;flex-wrap:wrap;gap:4px 12px;padding:8px 12px;font-size:.78rem;color:var(--ink-2);border-top:1px solid var(--line);background:var(--paper)}
.cp-leg span{display:inline-flex;align-items:center;gap:5px}
.cp-leg i{width:11px;height:11px;border-radius:50%;border:1px solid #12263D80;display:inline-block}
.cp-filt{border:1px solid var(--line);border-radius:var(--radius-l);padding:14px 16px;background:var(--paper);display:flex;flex-direction:column;gap:14px;max-height:calc(min(68vh,640px) + 38px);overflow:auto}
.cp-fh{display:flex;justify-content:space-between;align-items:baseline}
.cp-fh h3{margin:0}
.cf-2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.cp-chips{display:flex;flex-wrap:wrap;gap:5px}
.cp-chips button{--dc:var(--ink-2);font-size:.78rem;font-weight:600;padding:4px 9px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);display:inline-flex;align-items:center;gap:5px}
.cp-chips button[style]::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--dc);border:1px solid #12263D55}
.cp-chips button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.cf-checks{gap:6px;font-weight:400;color:var(--ink);font-size:.86rem}
.cf-checks label{display:flex;gap:7px;align-items:flex-start;line-height:1.3}
.cf input[type=range]{width:100%;accent-color:var(--sun)}
@media (max-width:980px){.cp-main{grid-template-columns:1fr}.cp-filt{max-height:none}#cp-map{height:56vh}}
.cp-tools{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.cp-zone{font-size:.86rem;display:flex;gap:6px;align-items:center}
.cp-t td small{display:block;font-size:.8rem;color:var(--ink-2)}
.cp-t tr.cl{cursor:pointer}
.cp-t tr.cl:hover td{background:var(--wash)}
.pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:14px 0}

/* Popups de la carte */
.leaflet-popup-content{margin:12px 14px;font:14px/1.4 var(--text)}
.cp-pop b{display:block;font-size:.98rem}
.cp-pop small{display:block;color:#3C4E63;margin:2px 0}
.cp-pop-r{display:flex;gap:8px;align-items:center;margin:6px 0;font-size:.86rem}
.cp-pop .btn{margin-top:8px;color:#fff}
.leaflet-container{font-family:var(--text)}

/* Étiquettes DPE et potentiel */
.etq{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 6px;border-radius:5px;font-weight:800;font-size:.85rem;color:#12263D;font-style:normal}
.etq.A{background:var(--dpe-a);color:#fff}.etq.B{background:var(--dpe-b);color:#fff}.etq.C{background:var(--dpe-c)}.etq.D{background:var(--dpe-d)}.etq.E{background:var(--dpe-e)}.etq.F{background:var(--dpe-f);color:#fff}.etq.G{background:var(--dpe-g);color:#fff}
.etq.big{min-width:44px;height:44px;font-size:1.5rem;border-radius:8px}
.lbls{display:flex;gap:4px;margin:4px 0 8px;flex-wrap:wrap}
.lbls .etq{min-width:30px}
.pot{--pcol:#9AA9B8;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 7px;border-radius:999px;font-weight:800;font-size:.84rem;background:color-mix(in srgb,var(--pcol) 24%,var(--paper));border:1.5px solid var(--pcol);color:var(--ink);font-variant-numeric:tabular-nums}
.pot.big{height:44px;min-width:64px;font-size:1.3rem;border-radius:10px}
.pot.big small{font-size:.7rem;font-weight:600;margin-left:2px;color:var(--ink-2)}

/* Fiche */
.fi-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.fi-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 24px;align-items:flex-start;margin-bottom:8px}
.fi-head h2{margin-bottom:4px}
.fi-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.fi-st{display:flex;flex-direction:column;font-size:.74rem;font-weight:700;color:var(--ink-2);gap:2px}
.fi-st select{--sc:#9AA9B8;font:inherit;font-size:.9rem;font-weight:700;padding:7px 10px;border-radius:8px;border:2px solid var(--sc);background:color-mix(in srgb,var(--sc) 14%,var(--paper));color:var(--ink)}
.fi-tabs{margin:10px 0 18px;border-bottom:1px solid var(--line)}
.fi-tabs .cnt{font-size:.74rem;font-weight:700;color:var(--ink-2);background:var(--wash);border-radius:999px;padding:1px 7px}
.fi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}
.fi-grid.two{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-top:16px}
.fi-grid:first-child{margin-top:0}
@media (max-width:520px){.fi-grid,.fi-grid.two{grid-template-columns:1fr}}
.fi-grid .box h3,.box h3{margin-bottom:10px}
.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:5px 14px;margin:0;font-size:.92rem}
.kv dt{color:var(--ink-2)}
.kv dd{margin:0;overflow-wrap:anywhere}
.fi-save{display:flex;justify-content:flex-end;margin-top:14px}
#fi-map{height:260px;border-radius:10px;overflow:hidden;background:var(--wash)}
.ob-mini{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px;font-size:.9rem}
.ind .ind-top{display:flex;gap:14px;align-items:center}
.ind .big{font-family:var(--display);font-stretch:80%;font-size:2.4rem;font-weight:800;line-height:1;color:var(--pcol)}
.ind .big small{font-size:1rem;color:var(--ink-2)}
.gauge{position:relative;display:grid;grid-template-columns:30fr 20fr 20fr 30fr;height:10px;border-radius:5px;overflow:hidden;margin:12px 0 4px}
.gauge span:nth-child(1){background:#9AA9B8}.gauge span:nth-child(2){background:#E8C21A}.gauge span:nth-child(3){background:#EB8235}.gauge span:nth-child(4){background:#D7221F}
.gauge .mk{position:absolute;top:-3px;width:4px;height:16px;background:var(--ink);border-radius:2px;transform:translateX(-2px)}
.cap{background:var(--wash);padding:6px 10px;border-radius:6px}
.fac{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:7px}
.fac li{display:grid;grid-template-columns:minmax(0,1fr) 70px 40px;gap:8px;align-items:center;font-size:.86rem}
.fac small{display:block;color:var(--ink-2);font-size:.78rem}
.fac .bar{height:7px;border-radius:4px;background:var(--wash);overflow:hidden}
.fac .bar i{display:block;height:100%;background:var(--pcol)}
.fac .pt{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}

/* Contacts */
.ct-t{min-width:720px;margin-bottom:8px}
.ct-t td{padding:4px 4px}
.ct-t input{width:100%;font:inherit;font-size:.9rem;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink)}
.ct-list{margin:0;padding-left:18px;font-size:.9rem}
.box .scroll{overflow-x:auto}

/* Obligations et documents */
.ob-t{min-width:980px}
.ob-t td small{display:block;font-size:.8rem;color:var(--ink-2);margin-top:3px;max-width:34ch}
.ob-t select,.ob-t input{font:inherit;font-size:.88rem;padding:5px 7px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);width:100%;min-width:90px}
.docs{list-style:none;padding:0;margin:6px 0;display:flex;flex-direction:column;gap:6px}
.docs li{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:.9rem;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.docs li small{color:var(--ink-2);font-size:.8rem}
.docs .doc-act{margin-left:auto;display:flex;gap:10px}
.docs.mini li{padding:3px 6px;font-size:.82rem}
.docs.mini .doc-act{display:none}
.doc-h{margin:16px 0 4px;font-size:.95rem}
.drop{border:2px dashed var(--line);border-radius:12px;padding:18px;text-align:center;background:var(--wash)}
.drop.on{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--paper))}
.drop p{margin:0 auto}

/* Potentiel travaux */
.tv-res{margin-top:16px}
.tv-gain{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:var(--wash);margin-bottom:10px}
.tv-gain b{font-family:var(--display);font-size:1.6rem;font-stretch:80%}
.tv-t td small{display:block;font-size:.78rem;color:var(--ink-2)}
.cp-chk{display:flex!important;gap:8px;align-items:flex-start;font-weight:400!important}
.abf-v{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;margin-bottom:8px}
.abf-v.oui{background:color-mix(in srgb,var(--sun) 20%,var(--paper));border:1.5px solid var(--sun)}
.abf-v.non{background:color-mix(in srgb,var(--leaf) 14%,var(--paper));border:1.5px solid var(--leaf)}
.abf-l{margin:0 0 8px;padding-left:18px;font-size:.9rem}
.fgrid.seven{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.fgrid.five{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
@media (max-width:640px){.fgrid.seven,.fgrid.five{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Veille */
.prog{height:8px;border-radius:4px;background:var(--wash);overflow:hidden;margin-top:6px;max-width:420px}
.prog i{display:block;height:100%;background:var(--sun);transition:width .3s}
code.cron{display:block;word-break:break-all;background:var(--wash);padding:6px 8px;border-radius:6px;font-size:.8rem;margin-top:4px}
.syn-bars{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.syn-bars li{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:10px}
.syn-bars li>div{flex:1}
.syn-bars .small{display:block}
.syn-bars .bar{height:7px;border-radius:4px;background:var(--wash);margin-top:6px;overflow:hidden}
.syn-bars .bar i{display:block;height:100%;background:var(--sun)}
.flash{padding:10px 14px;border-radius:8px;background:var(--wash)}
.flash.err{background:color-mix(in srgb,var(--red) 12%,var(--paper))}
.fld:has(#ed-copro-q){position:relative}
dialog#d-hyp{max-width:760px;width:calc(100% - 32px)}
dialog#d-hyp h3{margin:16px 0 8px;font-size:1rem}

.fld .cp-chk input{width:18px;height:18px;flex:none;margin-top:3px;accent-color:var(--sun)}
table.t.tv-t{width:100%;table-layout:fixed;min-width:0}
.tv-t td:nth-child(1){width:50%}
.tv-t td:nth-child(2){width:24%}
.tv-t td.num{white-space:normal}

/* ---------- Superposition : la liste de recherche passe au-dessus de la carte ---------- */
.cp-search{position:relative;z-index:1100}
.cp-q{z-index:1100}
.cp-sug{z-index:1100}
.cp-mapbox{isolation:isolate}
#fi-map{isolation:isolate}

/* ---------- Écriture du module, alignée sur les applications Vérification RGE et Simulateur CEE ---------- */
#p-copro{--cp-prim:#1C5C9C;--cp-acc:#2F8A4A;--cp-doux:#5a6878;--cp-ligne:#dde4ec;--cp-fond:#F3F6F9;
  font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;font-size:14px;line-height:1.45;background:var(--cp-fond);min-height:70vh}
#p-copro h1,#p-copro h2,#p-copro h3,#p-copro h4{font-family:inherit;font-stretch:100%;letter-spacing:0}
#p-copro h2{font-size:21px;font-weight:700;color:var(--ink)}
#p-copro h3{font-size:15px;font-weight:700;color:var(--cp-prim)}
#p-copro .small,#p-copro .help{font-size:12.5px;color:var(--cp-doux)}
#p-copro .copro-bar{background:#fff;max-width:none;border-bottom:1px solid var(--cp-ligne);padding-inline:max(24px,calc((100% - 1192px)/2));margin-bottom:16px}
#p-copro .subnav button{font-size:13px;padding:7px 14px}
#p-copro .box{background:#fff;border:1px solid var(--cp-ligne);border-radius:12px;padding:16px 20px}
#p-copro .btn{font-size:13px;border-radius:8px;padding:7px 14px;border-width:1px}
#p-copro .btn-sm{padding:5px 11px;font-size:12.5px}
#p-copro .btn-main{background:var(--cp-acc)}
#p-copro .btn-main:hover{background:#287a40}
#p-copro .btn-line{background:#fff;border-color:#b9cde3;color:var(--cp-prim)}
#p-copro .lnk{font-size:13px}
/* Indicateurs en cartes, comme les applications */
#p-copro .cp-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;border:0;margin:0 0 14px}
#p-copro .cp-kpis li{background:#fff;border:1px solid var(--cp-ligne)!important;border-radius:12px;padding:12px 14px!important;text-align:center}
#p-copro .cp-kpis b{font-family:inherit;font-stretch:100%;font-size:24px;font-weight:700;color:var(--cp-prim)}
#p-copro .cp-kpis .warn b{color:var(--red)}
#p-copro .cp-kpis span{font-size:12px;color:var(--cp-doux);display:block;margin-top:4px}
@media (max-width:1100px){#p-copro .cp-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){#p-copro .cp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Champs : libellé gris au-dessus, champ compact */
#p-copro .fld label,#p-copro .fld .lbl,#p-copro .cf,#p-copro .cp-col,#p-copro .fi-st{font-size:12.5px;font-weight:400;color:var(--cp-doux);margin-bottom:4px}
#p-copro .fld input,#p-copro .fld select,#p-copro .fld textarea,#p-copro .cf select,#p-copro .cf input:not([type=checkbox]):not([type=range]),#p-copro .cp-col select,#p-copro .cp-tools select,#p-copro .ct-t input,#p-copro .ob-t select,#p-copro .ob-t input{
  font:inherit;font-size:14px;padding:7px 9px;border:1px solid #c9d3d8;border-radius:7px;background:#fff;color:var(--ink)}
#p-copro .fld input:focus,#p-copro .fld select:focus,#p-copro .fld textarea:focus{outline:2px solid #a9c8e8;border-color:#2a6fb3}
#p-copro .fld textarea{min-height:80px}
#p-copro .fgrid{gap:10px 14px}
#p-copro .cp-q input{font-size:15px;padding:10px 12px;border:1px solid #c9d3d8;border-radius:8px}
#p-copro .cp-filt{border-radius:12px;border-color:var(--cp-ligne);gap:12px}
#p-copro .cp-filt h3{font-size:15px}
#p-copro .cp-chips button{font-size:12px;font-weight:600;padding:3px 9px;border-width:1px}
#p-copro .cf-checks{font-size:13px}
#p-copro .cp-mapbox{border-radius:12px;border-color:var(--cp-ligne);background:#fff}
/* Tableaux */
#p-copro table.t{font-size:13.5px;background:#fff}
#p-copro .t thead th{font-family:inherit;font-stretch:100%;font-size:12px;font-weight:600;color:var(--cp-doux);border-bottom:2px solid var(--cp-ligne);padding:8px}
#p-copro .t td{padding:9px 8px;border-bottom:1px solid var(--cp-ligne)}
#p-copro .t td small{font-size:12px;color:var(--cp-doux)}
#p-copro #cv-carte>.scroll,#p-copro #cv-syndics>.scroll,#p-copro #vl-l>.scroll{background:#fff;border:1px solid var(--cp-ligne);border-radius:12px;padding:4px 10px}
/* Fiche */
#p-copro .fi-tabs button{font-size:13.5px;padding:10px 12px}
#p-copro .kv{font-size:13.5px}
#p-copro .kv dt{color:var(--cp-doux)}
#p-copro .st{font-size:11.5px;padding:2px 8px}
#p-copro .filters button{font-size:12.5px;padding:5px 11px;border-width:1px}
#p-copro .ind .big{font-family:inherit;font-stretch:100%;font-size:30px}
#p-copro .fac li{font-size:13px}
#p-copro .tv-gain b{font-family:inherit;font-stretch:100%;font-size:22px}
#p-copro .flash{font-size:13.5px}

/* ---------- Logos des syndics (base des syndics) ---------- */
.sy-nom{display:flex;align-items:center;gap:10px}
.sy-nom > span{display:flex;flex-direction:column}
.sy-logo{width:36px;height:36px;flex:0 0 36px;border-radius:8px;object-fit:contain;background:#fff;border:1px solid var(--line,#DDE4EC)}
.sy-logo.neutre{display:inline-grid;place-items:center;background:#E8EDF2;color:#5A6878;font-weight:700;font-size:13px;letter-spacing:.02em}
.sy-logo.grand{width:72px;height:72px;flex-basis:72px;border-radius:12px;font-size:22px}
.sy-tete{display:flex;align-items:center;gap:16px}
.sy-logo-bloc{display:flex;flex-direction:column;align-items:center;gap:4px}
.sy-logo-act{font-size:12px;white-space:nowrap}
/* ---------- Comptes : applications et droits ---------- */
.droits-k{margin-top:10px}
.droits-k fieldset{border:1px solid var(--line,#DDE4EC);border-radius:8px;padding:8px 12px}
.droits-k legend{font-weight:600;font-size:13px;padding:0 4px}
.droits-k .cases{display:flex;flex-direction:column;gap:4px}
.droits-k .case{display:flex;gap:6px;align-items:center;font-weight:400;font-size:13.5px}
.menu-a{display:block;padding:8px 14px;color:inherit;text-decoration:none}
.menu-a:hover{background:#F3F6F9}
#l-cpt td.cpt-act{white-space:normal}
#l-cpt td.cpt-act .btn{margin:0 4px 4px 0}
.droits-k .case{justify-content:flex-start;text-align:left;margin:0}
.droits-k .case input{width:auto;flex:0 0 auto;margin:0;min-height:0;height:auto}

/* =====================================================================
   v11 : accueil en lanceur d'applications (recherche, favoris) et gestion de l'équipe
   ===================================================================== */
.home-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 32px;margin-bottom:10px}
.home-head h1{font-size:clamp(2rem,4vw,2.8rem);font-stretch:80%;margin:0}
.home-head .kick{font-size:.85rem;font-weight:600;color:var(--ink-2);margin:0 0 6px;text-transform:capitalize}
.home-q{flex:1 1 320px;max-width:460px}
.home-q input,.eq-bar input[type=search],.eq-bar select{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--paper);border:1.5px solid color-mix(in srgb,var(--ink) 22%,var(--line));border-radius:999px;padding:.7em 1.1em}
.home-q input:focus,.eq-bar input:focus,.eq-bar select:focus{outline:3px solid color-mix(in srgb,var(--blue) 35%,transparent);border-color:var(--blue)}
#app-aide{margin:0 0 18px}
.appcards.launch{margin-bottom:24px}
.launch-i{position:relative}
.launch-i .appcard{padding-right:54px}
.launch-i.fav .appcard{background:color-mix(in srgb,var(--c) 6%,var(--paper));border-color:color-mix(in srgb,var(--c) 35%,var(--line))}
.appcard.soon{opacity:.62;border-left-style:dashed}
.appcard.soon:hover{box-shadow:none;transform:none}
.star{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:color-mix(in srgb,var(--ink) 30%,transparent)}
.star svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.star:hover{background:var(--wash);color:#C99A06}
.star[aria-pressed="true"]{color:#E0A800}
.star[aria-pressed="true"] svg{fill:currentColor}
.launch-sep{grid-column:1/-1;display:flex;align-items:center;gap:12px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-top:4px}
.launch-sep::after{content:"";flex:1;height:1px;background:var(--line)}

.eq-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 24px;margin-bottom:18px}
.eq-head h1{font-size:clamp(1.8rem,3.4vw,2.4rem);font-stretch:80%;margin:0 0 4px}
.eq-head .small{margin:0}
.eq-bar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-bottom:16px}
.eq-bar input[type=search]{flex:1 1 300px;width:auto}
.eq-bar select{flex:0 1 220px;width:auto}
.eq-off{display:flex;gap:6px;align-items:center;font-size:.9rem}
.eq-list{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px}
.eq-i{display:grid;grid-template-columns:auto minmax(0,1.4fr) minmax(0,1.3fr) auto;gap:10px 18px;align-items:center;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--paper)}
.eq-i.off{opacity:.6;background:var(--wash)}
.eq-id{display:flex;flex-direction:column;gap:2px;min-width:0}
.eq-id b{font-size:1.02rem}
.eq-id .small{margin:0}
.eq-id .mono{font-size:.85rem;letter-spacing:0}
.eq-outils{display:flex;flex-wrap:wrap;gap:6px}
.tchip{--c:var(--blue);display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:600;background:color-mix(in srgb,var(--c) 11%,var(--paper));color:var(--ink);border:1px solid color-mix(in srgb,var(--c) 30%,var(--line))}
.tchip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}
.tchip.all{--c:var(--leaf)}
.eq-act{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.warn-t{color:var(--red);font-weight:600}
.eq-def summary{cursor:pointer}
.eq-def .t{margin-top:12px}
.eq-def .c{text-align:center}
.ok-dot{color:var(--leaf);font-size:1.1rem}
@media (max-width:980px){.eq-i{grid-template-columns:auto minmax(0,1fr)}.eq-outils,.eq-act{grid-column:2}.eq-act{justify-content:flex-start}}

.acces-k{border:1px solid var(--line);border-radius:10px;padding:10px 14px 14px;margin:16px 0 0}
.acces-k legend{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-weight:700;font-size:.95rem;padding:0 6px}
.acces-k legend .lnk{font-weight:400;font-size:.84rem}
.outils-k{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.outil-k{--c:var(--blue);display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border:1px solid var(--line);border-left:4px solid var(--c);border-radius:8px;cursor:pointer}
.outil-k:has(input:checked){background:color-mix(in srgb,var(--c) 8%,var(--paper));border-color:color-mix(in srgb,var(--c) 40%,var(--line));border-left-color:var(--c)}
.outil-k input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--c)}
.outil-k span{display:flex;flex-direction:column;gap:1px}
.outil-k small{font-size:.78rem;color:var(--ink-2)}
.acces-k .cases{display:flex;flex-direction:column;gap:6px}
.acces-k .case{display:flex;gap:8px;align-items:center;font-size:.92rem}
.acces-k .case input{width:auto;margin:0}
#d-sal .fld small.help{display:block;font-size:.8rem}
@media (max-width:640px){.star{top:6px;right:6px}}
.fld .outil-k,.fld .acces-k .case,.acces-k label.case{display:flex;margin-bottom:0;font-weight:400}
.fld .outil-k b{font-weight:650}

/* Bouton « voir le mot de passe » à droite des champs (espace/voir-mdp.js) */
.pw-wrap{position:relative;display:block}
.pw-wrap input{padding-right:46px}
.pw-eye{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:6px;background:none;color:var(--ink-2);cursor:pointer}
.pw-eye:hover{background:var(--wash);color:var(--ink)}
.pw-eye svg{width:20px;height:20px}
.pw-eye .eye-off,.pw-eye[aria-pressed="true"] .eye-on{display:none}
.pw-eye[aria-pressed="true"] .eye-off{display:block}

/* Partenaires (espace équipe, gérant) : logos et fiche */
.pt-av,.pt-logo{--pc:#3C4E63;display:grid;place-items:center;flex:none;border-radius:12px;background:var(--pc);color:#fff;font-weight:800;font-family:var(--display);overflow:hidden}
.pt-av{width:52px;height:52px;font-size:1.05rem}
.pt-logo{width:84px;height:84px;font-size:1.8rem}
.pt-av.img,.pt-logo.img{background:#fff;border:1px solid var(--line)}
.pt-av img,.pt-logo img{max-width:88%;max-height:88%;object-fit:contain}
.pt-tete{margin:4px 0 16px}
.pt-logo-zone{display:flex;gap:16px;align-items:center}
.pt-logo-zone .help{display:block;margin-top:6px}
.pt-syn{position:relative}
.pt-syn-l{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:5;list-style:none;margin:0;padding:4px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 28px #0002;max-height:280px;overflow:auto}
.pt-syn-l button{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 10px;border-radius:8px;color:var(--ink)}
.pt-syn-l button:hover,.pt-syn-l button:focus-visible{background:var(--wash)}
.pt-syn-l small{display:block;color:var(--ink-2);font-size:.82rem}
.pt-i{grid-template-columns:auto minmax(0,1.4fr) minmax(0,1.3fr) auto}

/* ---------- CGU et RGPD de l'espace en ligne (espace client / partenaire / équipe) ---------- */
.login-solo.cgu-solo{max-width:780px}
.cgu-t{font-size:1.15rem;margin:22px 0 8px}
.cgu-box{max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-l,10px);padding:6px 18px 10px;background:var(--paper,#fff);font-size:.93rem;line-height:1.55}
.cgu-box h3{font-size:1rem;margin:14px 0 4px}
.cgu-box p{margin:0 0 8px}
.cgu-case{display:flex;gap:10px;align-items:flex-start;margin:12px 0 4px;font-weight:600;cursor:pointer}
.cgu-case input{margin-top:4px;width:18px;height:18px;flex:none}
.cgu-solo .row{flex-wrap:wrap;gap:10px;margin-top:18px}
.cgu-ed textarea{width:100%;min-height:240px;font:14px/1.5 ui-monospace,Consolas,monospace;padding:10px;border:1.5px solid var(--line);border-radius:6px;resize:vertical}
.cgu-ed .cgu-box{max-height:none}
.cgu-etat{font-size:.85rem}
.cgu-etat.ok{color:var(--leaf,#2E8B3E)}.cgu-etat.ko{color:var(--red,#B3261E)}

/* ---------- Mes données (RGPD en libre-service) ---------- */
.ok-l{color:var(--leaf,#2E8B3E);font-weight:600;font-size:.9rem;margin:10px 0 0}
.md-dlg .md-s{border-top:1px solid var(--line);padding:14px 0 6px;margin-top:10px}
.md-dlg h3{font-size:1.05rem;margin:0 0 8px}
.md-dlg h3 small{font-weight:400;color:var(--ink-2)}
.md-dlg textarea{width:100%;font:inherit;padding:.5em .7em;border:1.5px solid var(--line);border-radius:6px}
.md-t td,.md-t th{font-size:.9rem}
.md-t tr.md-cour td{font-weight:600}
.md-danger h3{color:var(--red,#B3261E)}
.rgpd-dem{color:var(--red,#B3261E)}

/* ---------- fiche unique client / partenaire (espace équipe) ---------- */
.fiche-dlg{width:min(1180px,96vw);max-width:none}
.fiche-dlg .in{padding:22px 24px}
.fi-tete{display:flex;gap:16px;align-items:flex-start}
.fi-av{flex:none;width:64px;height:64px;border-radius:14px;display:grid;place-items:center;overflow:hidden;font-weight:800;font-size:1.4rem;color:#fff;background:var(--pc,#1C5C9C)}
.fi-av.av-txt{background:#1C5C9C}
.fi-av img{width:100%;height:100%;object-fit:contain;background:#fff}
.fi-id{flex:1;min-width:0}.fi-id h2{margin:0 0 6px;font-size:1.6rem}
.fi-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.fi-x{margin-left:auto}
.fi-act{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.fi-alerte{margin:8px 0;padding:10px 12px;border-radius:8px;background:#fdecea}
.fi-outil{margin:10px 0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--wash,#f5f8fb)}
.fi-outil .row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.fi-outil input[type=email],.fi-outil input[type=search]{flex:1;min-width:220px;font:inherit;padding:.45em .7em;border:1.5px solid var(--line);border-radius:6px}
.fi-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px;margin-top:10px}
.fi-s{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:14px;background:var(--paper,#fff)}
.fi-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.fi-h h3{margin:0 0 8px;font-size:1.02rem}
.fi-n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#e8eef5;font-size:.78rem;margin-left:4px}
.fi-l{display:grid;grid-template-columns:150px 1fr;gap:8px;padding:5px 0;border-bottom:1px solid #eef2f6;font-size:.92rem}
.fi-l span{color:var(--ink-2)}.fi-l b{font-weight:600}
.fi-liste{list-style:none;margin:0;padding:0}
.fi-liste li{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px solid #eef2f6;font-size:.92rem}
.fi-liste li small{display:block;color:var(--ink-2);font-size:.8rem}
.fi-liste li span{display:block}
.fi-histo{max-height:260px;overflow:auto}
.fi-note{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px}
.fi-note textarea{flex:1;font:inherit;padding:.45em .7em;border:1.5px solid var(--line);border-radius:6px}
.fi-t{width:100%;font-size:.88rem}.fi-t td{padding:6px 6px;vertical-align:top}.fi-t td.r{text-align:right;white-space:nowrap}
.fi-du{margin:0 0 8px;color:var(--red,#B3261E)}
@media (max-width:900px){.fi-g{grid-template-columns:1fr}.fi-l{grid-template-columns:1fr}}
.fiche-dlg .fi-note,.fiche-dlg .fi-outil,.fiche-dlg form.fi-outil{padding:0;margin:0 0 8px}
.fiche-dlg div.fi-outil,.fiche-dlg form.fi-outil{padding:12px 14px;margin:10px 0}
.fiche-dlg table.t.fi-t{min-width:0;width:100%}
.fiche-dlg .fi-t td{padding:6px 6px}
.fiche-dlg .fi-s{overflow-x:auto}

/* fiche en onglets */
.fi-onglets{display:flex;gap:4px;flex-wrap:wrap;border-bottom:2px solid var(--line);margin:12px 0 0}
.fi-o{border:0;background:none;padding:10px 14px;font:inherit;font-weight:600;color:var(--ink-2);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px}
.fi-o.actif{color:#1C5C9C;border-bottom-color:#1C5C9C}
.fi-o:hover{color:#1C5C9C}
.fi-warn{color:var(--red,#B3261E);font-weight:700}
.fi-volet{min-height:320px}
.fi-docs{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fi-doc{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--paper,#fff);display:flex;flex-direction:column;gap:8px}
.fi-doc-t{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.fi-doc .st{flex:none;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px}
.fi-doc .st-ok{background:#e3f4e8;color:#1f7a3a}.fi-doc .st-ko{background:#fdecea;color:#b3261e}
.fi-doc-l{list-style:none;margin:0;padding:0}
.fi-doc-l li{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;padding:4px 0;border-bottom:1px dashed #e3e9f0;font-size:.9rem}
.fi-doc-l li small{flex-basis:100%;color:var(--ink-2);font-size:.78rem}
.fi-doc-l .lnk{margin-left:auto}
.fi-doc-a{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:auto}
.fi-doc-a input[type=date]{font:inherit;font-size:.85rem;padding:3px 6px;border:1.5px solid var(--line);border-radius:6px}
.ok-t{color:var(--leaf,#2E8B3E);font-weight:600}
@media (max-width:900px){.fi-docs{grid-template-columns:1fr}}
.fiche-dlg .fi-adr{grid-template-columns:1fr 2fr;margin:8px 0}.fiche-dlg .fi-adr .full{grid-column:1/-1}.fiche-dlg .fi-adr input{width:100%}
.orange-t{color:#B26A00;font-weight:600}
.fiche-dlg .fi-outil select{width:100%;font:inherit;padding:.4em .5em;border:1.5px solid var(--line);border-radius:6px}
/* v20c : RGE, onglet Interlocuteurs, recherche d'interlocuteurs */
.fi-g1{grid-template-columns:1fr}
.fi-cq,.il-q{width:100%;font:inherit;padding:.55em .75em;border:1.5px solid var(--line);border-radius:8px;margin:0 0 10px;background:var(--paper);color:var(--ink)}
.fi-princ{background:var(--wash);border-radius:8px}
.fi-rge{margin-top:6px;font-weight:400}
.fi-rge summary{cursor:pointer;color:var(--ink-2);font-size:.85rem}
.fi-rge ul{margin:6px 0 0;padding-left:18px}
.fi-rge li{margin:4px 0}.fi-rge small{display:block;color:var(--ink-2);font-size:.8rem}
.il-l{list-style:none;margin:0 0 12px;padding:0;max-height:min(60vh,520px);overflow:auto}
.il-l li{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line)}
.il-l li>button{flex:1;min-width:0;text-align:left;border:0;background:none;padding:10px 8px;border-radius:8px;color:var(--ink);cursor:pointer;display:grid;gap:2px}
.il-l li>button:hover,.il-l li>button:focus-visible{background:var(--wash)}
.il-soc{font-size:.88rem;color:var(--ink-2)}
.il-l small{color:var(--ink-2);font-size:.82rem;overflow-wrap:anywhere}
.il-act{display:flex;gap:10px;font-size:.85rem;padding-right:6px;white-space:nowrap}
@media (max-width:560px){.il-l li{flex-wrap:wrap}.il-act{padding:0 8px 10px}}
.fi-rge-b{line-height:1.55}
/* contacts du cabinet (fiche syndic) : copropriétés où le contact figure, contacts repris des copropriétés */
.ct-t .ct-vu{display:block;font-size:.76rem;color:var(--muted,#5a6878);margin-top:3px;line-height:1.3}
.ct-t .ct-vu a{color:inherit}
.ct-t tr.ct-ext td{background:#f6faf7}
.ct-t td.nw{white-space:nowrap;vertical-align:middle}
.ct-ext-n{margin:4px 0 8px;color:var(--muted,#5a6878)}