/* Compatibilite avec les fonctions existantes, sans changer le style valide. */
.v2-demandes-filtres{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0;color:#66758b;font-size:13px}.v2-demandes-filtres .filters{margin:0}.v2-demandes-biens{display:grid;gap:12px}.v2-demande-bien{display:grid;grid-template-columns:156px minmax(0,1fr) 125px auto;align-items:center;gap:24px;padding:20px;background:white;border:1px solid #e4e8ee;border-radius:16px}.v2-demande-photo{display:block;width:156px;height:106px;object-fit:cover;border-radius:10px;background:#edf1f6}.v2-demande-sans-photo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#76879d;font-size:11px;text-align:center}.v2-demande-sans-photo .svg{width:28px;height:28px}.v2-demande-bien-texte h2{font-size:17px;margin:0 0 7px}.v2-demande-bien-texte a{color:inherit;text-decoration:none}.v2-demande-bien-texte a:hover{text-decoration:underline}.v2-demande-bien-texte p{font-size:13px;color:#66758b;margin:3px 0;overflow-wrap:anywhere}.v2-demande-compteur{display:flex;flex-direction:column;text-align:center;font-size:13px;color:#64748a;gap:3px}.v2-demande-compteur strong{font-size:28px;font-weight:450;line-height:1.2;color:#245dcc}.v2-demande-compteur small{font-size:11px}.v2-reception-options{margin-top:28px;border-top:1px solid #dfe5ed;padding:18px 0;color:#66758b;font-size:13px}.v2-reception-options>summary{cursor:pointer;min-height:32px}.v2-reception-options>summary span{margin-left:12px;font-size:12px}.v2-reception-contenu{margin-top:16px}.v2-reception-contenu .carte{margin-bottom:12px}.v2-reception-alerte{font-size:13px;color:#93612c;background:#fff5e7;border-radius:8px;padding:10px 14px;margin-bottom:16px}.v2-demandes-entete{margin-top:18px}.v2-demande-contexte{display:flex;align-items:center;gap:18px;margin-bottom:24px;font-size:13px;color:#64748a}.v2-demande-contexte .v2-demande-photo{width:108px;height:76px}.v2-demande-bien .btn{white-space:nowrap}.v2-demande-image-lien:focus-visible,.v2-demande-bien-texte a:focus-visible{outline:3px solid #245dcc;outline-offset:4px}
@media(max-width:1100px){.v2-demande-bien{grid-template-columns:120px minmax(0,1fr) 100px;gap:16px}.v2-demande-bien .v2-demande-photo{width:120px;height:90px}.v2-demande-bien>.btn{grid-column:2 / 4;justify-self:start}}
@media(max-width:600px){.v2-demandes-filtres{align-items:flex-start;flex-direction:column;gap:8px}.v2-demande-bien{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:16px}.v2-demande-bien .v2-demande-photo{width:96px;height:82px}.v2-demande-bien-texte h2{font-size:16px}.v2-demande-bien-texte p{font-size:12px}.v2-demande-compteur{grid-column:1;text-align:left}.v2-demande-bien>.btn{grid-column:2;justify-self:stretch;white-space:normal;text-align:center}.v2-reception-options>summary span{display:block;margin:6px 0 0 16px}}
:root{--color-text:#1c2533;--color-bg:#f5f6f8;--color-divider:#e4e8ee;--font-heading:Figtree,system-ui,sans-serif}
body.v2-app{font:15px/1.5 Figtree,-apple-system,BlinkMacSystemFont,Arial,sans-serif;background:#f5f6f8;color:#1c2533}
.v2-app h1,.v2-app h2,.v2-app h3{font-family:Figtree,system-ui,sans-serif}
.v2-app h1{font-size:36px;font-weight:550;letter-spacing:-1.2px;line-height:1.15}
.v2-app h2{font-size:20px;font-weight:600;letter-spacing:-.4px}
#barre-haut{gap:0;backdrop-filter:none;overflow-y:auto;display:flex}
#barre-haut[hidden]{display:none}
.brand{color:inherit;text-decoration:none;flex-shrink:0}
#menu-principal{display:flex;flex-direction:column;align-items:stretch;flex:1;min-height:min-content;gap:0;background:none;padding:0;border-radius:0;position:static;box-shadow:none}
#menu-principal .nav a{display:flex;align-items:center;gap:12px;color:#647084;border-radius:10px;font-size:14px;font-weight:400;padding:12px 15px;min-height:44px;text-decoration:none;white-space:normal}
#menu-principal .nav a.actif{background:#edf3ff;color:#245dcc;font-weight:600}
#menu-principal .nav a:hover{background:#f6f8fc;transform:none}
#menu-principal .nav-bottom{margin-top:auto}
.prototype,.topbar,footer{margin-left:218px}
.prototype>a{font-size:11px;text-decoration:none;color:#365883;white-space:nowrap}
.topbar{position:relative;z-index:25;min-height:74px}
#contenu{width:calc(100% - 218px);padding:35px 36px 50px;margin:0 0 0 218px;max-width:none;min-height:calc(100vh - 164px)}
#zone-recherche{display:flex;align-items:center;gap:10px;position:relative;flex:initial;margin:0;width:310px;max-width:36vw;order:0}
.v2-search-icon{display:flex;color:#8b94a3;pointer-events:none}
.v2-search-icon .svg{width:16px;height:16px}
#recherche-globale{font-size:12px;border:0;background:transparent;border-radius:4px;padding:8px 0;min-height:36px;width:100%;box-shadow:none}
#zone-recherche kbd{margin-left:0;white-space:nowrap;color:#8b94a3}
#avatar{width:31px;min-width:31px;height:31px;min-height:31px;background:#203046;font-size:10px}
#resultats-recherche{top:42px;min-width:300px;right:0;z-index:30}
#btn-menu{display:none;order:initial;border-radius:8px;background:white;border:1px solid #e2e8ef;width:40px;height:40px;box-shadow:none}
.assistant-btn{display:inline-flex;align-items:center;white-space:nowrap}
.assistant-btn span{line-height:1}
.stat,.card,.btn,.tag,.avatar,.link-btn{box-shadow:none}
a.stat{color:inherit;text-decoration:none}
.stat .svg{width:19px;height:19px}
.stat-icon.green{background:#eaf3ee;color:#508367}
.stat-icon.amber{background:#fcf4e7;color:#b18b42}
.card{margin:0;min-width:0}.card.feature{padding:0}
.task-text strong{display:block}.task-text p{overflow-wrap:anywhere}
.v2-due{font-size:11px;color:#64748a}
.v2-feature-photo{height:150px;width:100%;object-fit:cover;display:block}
.v2-feature-placeholder{height:150px;background:linear-gradient(135deg,#e3edf3,#f1f6f6);display:flex;align-items:center;justify-content:center;color:#8099b2}
.v2-feature-placeholder .svg{width:70px;height:70px}
.ai-note>.link-btn{white-space:nowrap;margin-left:auto}
.v2-assistant-state{display:flex;align-items:center;gap:14px;margin:20px 0}
.v2-assistant-state .connection-icon{flex-shrink:0}
.v2-head h1{font-size:36px}.v2-head p{font-size:13px;color:#64748a}
.v2-card{border-color:#e4e8ee}.v2-facts dt{color:#64748a;font-size:12px}.v2-facts dd{font-size:14px;overflow-wrap:anywhere}
.v2-action{font-size:12px;min-height:40px;color:#1c2533;font-weight:500}
.v2-action.primary{background:#285fdb;border-color:#285fdb;color:white}
.v2-avatar{background:#eee7f5;color:#85639e}
.v2-note{background:#f4f7fb;color:#64748a}.v2-note.warning{background:#fff7e9;color:#886d3e}
#modale{font-size:14px}#modale h2{font-size:22px}#modale .btn{width:auto}
body:has(#barre-haut[hidden]) .prototype,body:has(#barre-haut[hidden]) .topbar,body:has(#barre-haut[hidden]) footer{display:none}
@media(max-width:1150px){.prototype,.topbar,footer{margin-left:190px}#contenu{margin-left:190px;width:calc(100% - 190px);padding:28px 24px}#zone-recherche{width:180px}#zone-recherche kbd{display:none}}
@media(max-width:760px){#barre-haut{display:none;width:218px}body.menu-ouvert #barre-haut{display:flex}.prototype,.topbar,footer{margin-left:0}#contenu{width:100%;margin:0;padding:25px 18px 35px}#btn-menu{display:block;font-size:18px}.topbar{padding:13px 18px;gap:10px}.top-actions{gap:12px;margin-left:auto}.breadcrumb{display:none}.prototype{padding:8px 18px;font-size:9px}.proto-detail{display:none}#zone-recherche{width:36px;max-width:none}#recherche-globale{position:absolute;inset:0;opacity:0;cursor:text}.v2-search-icon{width:36px;justify-content:center}#zone-recherche:focus-within{position:absolute;left:68px;right:18px;width:auto;background:#fafbfd;z-index:35}#zone-recherche:focus-within #recherche-globale{opacity:1;position:static;padding-left:5px}#resultats-recherche{min-width:0;width:100%}.v2-head h1{font-size:29px}.v2-head>.v2-action{max-width:120px}#voile{z-index:29}#barre-haut{z-index:30}#menu-principal .nav a{padding:10px 15px}.v2-app h1{font-size:29px}.v2-facts{grid-template-columns:1fr 1fr}.assistant-btn{min-height:40px}}
@media print{.prototype,.topbar,footer{display:none!important}#contenu{width:100%;margin:0;padding:0}}
/* Cartes de reception sur petit ecran : aucune action hors champ. */
@media (max-width:640px){
  .v2-transfers.table-wrap{border:0;background:transparent;overflow:visible}
  .v2-transfers table,.v2-transfers tbody{display:block;width:100%;min-width:0}
  .v2-transfers thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
  .v2-transfers tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:white;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px}
  .v2-transfers tbody td{display:block;min-width:0;border:0;padding:5px 0;white-space:normal}
  .v2-transfers tbody td:first-child{grid-column:1/-1;font-weight:600}
  .v2-transfers tbody td:nth-child(4),.v2-transfers tbody td:last-child{grid-column:1/-1}
}
.v2-brouillons-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.v2-brouillons-grid > .card{margin:0}
@media(max-width:640px){.v2-brouillons-grid{grid-template-columns:1fr}}

/* Aperçu du dossier et choix des documents dans la palette Wayne V2. */
.v2-app .btn.btn-primaire { background: var(--color-accent); color: #fff; border-color: var(--color-accent); }
.v2-app .btn.btn-primaire:hover { background: var(--color-accent-600); border-color: var(--color-accent-600); }
.v2-app .origine-photo, .v2-app .etiquette-projet { background: var(--color-neutral-800); color: #fff; }
.v2-app .vignette-projet { outline-color: var(--color-neutral-400); }
.v2-app .doc-projet { border-left-color: var(--color-neutral-400); }
.v2-app .compteur-projet { background: var(--color-neutral-200); color: var(--color-neutral-700); }
.v2-app .groupe-vide { opacity: 1; }
.v2-app .depot-vide { display: block; width: 100%; white-space: normal; background: var(--color-neutral-100); color: var(--color-neutral-700); border: 1.5px dashed var(--color-neutral-400); }
.v2-app .depot-vide:hover { background: var(--color-accent-100); border-color: var(--color-accent); color: var(--color-accent-700); }
/* Valeurs lisibles et commentaires internes dans le suivi vendeur. */
.v2-valeur{font-size:24px;font-weight:450;line-height:1.4;margin:12px 0;overflow-wrap:anywhere}.v2-texte-suivi{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0;color:#526780}.v2-grid>div:last-child>.v2-card:first-child{margin-top:0}
.v2-suivi-raccourcis{display:none}#v2-valeur-dossier,#v2-prochaine-action{scroll-margin-top:20px}@media(max-width:1100px){.v2-suivi-raccourcis{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}}
.connection-card .v2-outlook-etat{margin:-4px 0 14px}.connection-card .v2-outlook-etat p{min-height:0;margin:0 0 3px;font-size:11px}.connection-card .v2-outlook-etat .note{margin-top:8px;overflow-wrap:anywhere}
/* Production : rien du chantier V2 n'est visible des courtiers (bandeau, note, pied de page, lien projet). */
.v2-prod .prototype,.v2-prod footer,.v2-prod .side-note,.v2-prod [data-v2-projet]{display:none!important}
.assistant-btn[hidden]{display:none}
/* Une seule typographie : les anciens ecrans quittent la police machine a ecrire et les majuscules espacees. */
:root{--font-mono:Figtree,system-ui,sans-serif;--color-accent:#285fdb;--color-accent-600:#2050bd;--color-accent-700:#1c46a6}
.v2-app .sous-titre{text-transform:none;letter-spacing:0;font-size:13px;color:#7c8797}
.v2-app .fil,.v2-app .compteur{text-transform:none;letter-spacing:0;font-size:12px}
.v2-app .ref-mono,.v2-app .agenda-evt .heure,.v2-app .valeur-barre{font-variant-numeric:tabular-nums}
/* Un seul bouton principal, le meme sur tous les ecrans. */
.v2-app .btn-primaire,.v2-app .btn.primary,.v2-app .v2-action.primary{background:#285fdb;border-color:#285fdb;color:#fff;font-size:13px;font-weight:500;border-radius:8px;min-height:40px;box-shadow:none}
.v2-app .btn-primaire:hover,.v2-app .btn.primary:hover,.v2-app .v2-action.primary:hover{background:#2050bd;border-color:#2050bd;color:#fff;transform:none;filter:none}
.v2-app .btn-primaire{padding:10px 16px}

/* Honoraires : trois chiffres qui s'ouvrent sur leur detail (01.11.2026). */
.grille-ca-trois{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.carte-ca-ouvrable{display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;border:1px solid var(--color-divider);transition:border-color .15s,box-shadow .15s}
.carte-ca-ouvrable:hover{border-color:var(--color-accent)}
.carte-ca-ouvrable:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.carte-ca-ouverte{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}
.carte-ca-ouvrable .ca-pied span:last-child{color:var(--color-accent-700);font-weight:500}
.resume-ca{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.lien-bouton{background:none;border:0;padding:0;min-height:0;font:inherit;color:var(--color-accent-700);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.alertes-ca{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}
.pastille-alerte{border:1px solid #f0c36d;background:#fff8e6;color:#7a5200;border-radius:999px;padding:6px 14px;min-height:36px;font:inherit;font-size:13px;font-weight:500;cursor:pointer}
.pastille-alerte:hover{background:#fff1cc}
#detail-ca:not(:empty){margin:8px 0 24px;padding:16px;border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-surface)}
.tete-detail-ca{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}
.tete-detail-ca h2{margin:0 0 4px}
.groupe-doublon{margin-bottom:12px}
.groupe-doublon ul{margin:4px 0 0;padding-left:18px;line-height:1.7}

/* Encaisse mois par mois (01.11.2026) : une seule serie, la couleur d'accent. */
.graphe-encaisse{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end;height:150px;margin:8px 0 16px;padding-bottom:4px;border-bottom:1px solid var(--color-divider)}
.colonne-encaisse{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:6px;text-decoration:none;color:var(--color-text);border-radius:6px;padding:4px 2px 0}
.colonne-encaisse:not(.colonne-vide):hover{background:var(--color-bg)}
.colonne-encaisse:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.colonne-vide{pointer-events:none}
.barre-encaisse{display:block;width:min(100%,28px);background:var(--color-accent);border-radius:4px 4px 0 0}
.mois-encaisse{font-size:11px;color:#6b778c;white-space:nowrap}
.tableau-encaisse .ligne-mois th{background:var(--color-bg);text-align:left;font-weight:500;font-size:13px;text-transform:none;letter-spacing:0;color:var(--color-text);padding:10px 12px;scroll-margin-top:90px}
.tableau-encaisse .ligne-mois th span{margin-right:12px}
.tableau-encaisse .nom-mois{text-transform:capitalize;font-weight:600}

/* Equipe et profil d'un collaborateur (01.11.2026). */
.grille-equipe{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.carte-membre{display:block;text-decoration:none;color:var(--color-text);padding:18px;border:1px solid var(--color-divider);transition:border-color .15s}
.carte-membre:hover{border-color:var(--color-accent)}
.tete-membre{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;font-size:16px}
.chiffres-membre{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.chiffres-membre>div{display:flex;flex-direction:column;gap:2px}
.valeur-membre{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}
.grille-ca-quatre{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.etat-conges{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500;background:#eef1f6;color:#3b4a63}
.etat-validee{background:#e5f4ea;color:#1f6b3a}
.etat-en_attente{background:#fff3d6;color:#7a5200}
.etat-refusee{background:#fde8e8;color:#9b2c2c}

/* Listes d'honoraires : montants sur une ligne, bouton Modifier discret (01.11.2026). */
.tableau-honoraires td[data-label="Prix affiché"],.tableau-honoraires td[data-label="Honoraires"],.tableau-encaisse td[data-label="Prix de vente"],.tableau-encaisse td[data-label="Honoraires"]{white-space:nowrap}
.resume-ca{display:block}
.bloc-vente-rapide{border:1px solid var(--color-divider);border-radius:10px;padding:12px 14px;margin:8px 0 4px}
.bloc-vente-rapide legend{padding:0 6px;font-weight:600;font-size:13px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Groupes par projet, comme le suivi d'Antony (01.11.2026). */
.ligne-groupe{cursor:pointer}
.ligne-groupe th{background:var(--color-bg);text-align:left;text-transform:none;letter-spacing:0;font-size:14px;color:var(--color-text);padding:12px 14px}
.ligne-groupe:hover th{background:#eef2f8}
.ligne-groupe:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}
.ligne-groupe th>span{margin-right:12px}
.nom-groupe{font-weight:600}
.total-groupe{float:right}
.chevron-groupe{display:inline-block;transition:transform .15s;color:#6b778c}
.ligne-groupe[aria-expanded="true"] .chevron-groupe{transform:rotate(90deg)}
.bloc-groupes>.lien-bouton{display:block;margin:0 0 8px auto}
.segments{display:inline-flex;border:1px solid var(--color-divider);border-radius:9px;padding:2px;margin:0 0 12px;background:var(--color-bg)}
.segment{border:0;background:transparent;border-radius:7px;padding:6px 14px;min-height:32px;font:inherit;font-size:13px;color:#4b5b72;cursor:pointer}
.segment.actif{background:#fff;color:var(--color-text);font-weight:500;box-shadow:0 1px 2px #1c25331f}

/* Mode cartes : seule la ligne d'en-tete se masque, jamais la premiere ligne de
   donnees d'un tbody (test utilisateur du 01.11.2026 : la premiere demande de
   vacances disparaissait sur mobile). */
@media (max-width: 900px) {
  .tableau-cartes tr:first-child { display: block; }
  .tableau-cartes thead tr, .tableau-cartes tr:first-child:not(:has(td)):not(.ligne-groupe):not(.ligne-mois) { display: none; }
  .tableau-cartes tr[hidden] { display: none; }
}
/* Performance : une seule couleur, le graphique n'a qu'une serie. */
.colonne-barre:nth-child(even) .barre { background: var(--color-accent); }
/* Estimations et taches sur petit ecran : des cartes, aucune colonne hors champ. */
@media (max-width:640px){
  .v2-cartes.table-wrap{border:0;background:transparent;overflow:visible}
  .v2-cartes table,.v2-cartes tbody{display:block;width:100%;min-width:0}
  .v2-cartes thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
  .v2-cartes tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:white;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px}
  .v2-cartes tbody td{display:block;min-width:0;border:0;padding:5px 0;white-space:normal}
  .v2-cartes tbody td:first-child,.v2-cartes tbody td:last-child{grid-column:1/-1}
  #liste-taches .conteneur-tableau{background:transparent;overflow:visible}
  #liste-taches .tableau,#liste-taches .tableau tbody{display:block}
  #liste-taches .tableau tr:first-child{display:none}
  #liste-taches .tableau tr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;background:var(--color-neutral-100,#fff);border-radius:13px;padding:14px;margin-bottom:10px}
  #liste-taches .tableau td{display:block;border:0;padding:2px 0;min-width:0;grid-column:2}
  #liste-taches .tableau td:first-child{grid-column:1;grid-row:1/span 6}
  #liste-taches .tableau td:empty{display:none}
}

/* Parcours du 02.11.2026 : sur telephone, les boutons d'en-tete passent sous le titre au lieu de sortir de l'ecran (Estimations : trois boutons). */
@media(max-width:650px){.page-heading{flex-wrap:wrap;gap:10px}.page-heading>div:first-child{flex:1 1 100%}}

/* Constat 224 : priorites et to-do de l'equipe */
.p-prio-urgent{background:#fde8e7;color:#8c1d16}
.p-prio-moyen{background:#fff4d6;color:#6b4800}
.todo-colonnes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;align-items:start}
.todo-colonne h2{margin:0 0 12px}
.todo-groupe{margin-bottom:16px}
.todo-groupe h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:13px}
.todo-liste{list-style:none;margin:0;padding:0}
.todo-ligne{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:7px 0;border-bottom:1px solid var(--gris-clair)}
.todo-ligne label{display:flex;gap:8px;align-items:flex-start;margin:0;font-weight:400;cursor:pointer;min-width:0}
.todo-ligne input[type=checkbox]{width:auto;margin-top:3px;flex:none}
.todo-titre{overflow-wrap:anywhere}
.todo-details{grid-column:1;padding-left:24px}
.todo-modifier{grid-row:1;grid-column:2;align-self:start;opacity:.55}
.todo-ligne:hover .todo-modifier,.todo-modifier:focus-visible{opacity:1}
.todo-faite .todo-titre{text-decoration:line-through;color:var(--gris)}
.todo-ajout input{margin-top:6px;border-style:dashed;background:transparent}

/* Constat 225 : notes et FAQ d'une promotion ou d'un bien */
.notes-tete{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.notes-tete h2{margin:0}
.notes-filtre{margin:4px 0 12px}
.notes-groupe{font-size:14px;margin:16px 0 6px}
.bloc-note{border:1px solid var(--gris-clair);border-radius:var(--radius-sm);margin:8px 0;background:var(--color-bg, #fff)}
.bloc-note>summary{cursor:pointer;padding:10px 14px;font-weight:600;list-style-position:inside}
.bloc-note[open]>summary{border-bottom:1px solid var(--gris-clair)}
.bloc-note-texte{padding:4px 14px;overflow-wrap:anywhere}
.bloc-note-texte p,.bloc-note-texte ul{margin:8px 0}
.bloc-note-texte ul{padding-left:20px}
.bloc-note-texte h4{margin:12px 0 4px}
.bloc-note-pied{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 14px 10px}
.bloc-note-actions{display:flex;gap:6px;flex-wrap:wrap}

/* Les tableaux restent contenus dans leur colonne, y compris quand une équipe
   comporte plusieurs actions ou adresses longues. */
.deux-colonnes > *, .perf > * { min-width: 0; }
.histogramme { overflow-x: auto; }
.histogramme .colonne-barre { min-width: 2.2em; }
.barre-docs, .barre-docs .actions-selection { flex-wrap: wrap; min-width: 0; max-width: 100%; }
#fermer-menu { display: none; }

.v2-app .table-wrap th, .v2-app .empty, .v2-app .muted-tiny,
.v2-app .table-wrap td small { color: #50647a; }
.v2-app .journey span:not(.current) { color: #50647a; }
.v2-titre-estimations { align-items: center; flex-wrap: wrap; gap: 12px; }
.v2-actions-estimations { display: flex; flex-wrap: wrap; gap: 8px; }
.v2-etat-liste { margin: 8px 0 12px; color: #50647a; font-size: 13px; }

@media (max-width: 760px) {
  body.menu-ouvert { overflow: hidden; }
  #fermer-menu { display: block; margin: 8px 0; align-self: flex-start; }
  #modale { scroll-padding-bottom: 7rem; }
  #modale #form-bien > .modale-actions,
  #modale #v2-form-estimation > .modale-actions,
  #modale #form-reponse-demande > .v2-composition-actions {
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: white;
    padding: 8px 0 max(8px, env(safe-area-inset-bottom));
    border-top: 1px solid #d4dde8;
  }
  #modale #v2-form-estimation .modale-actions > .primary { grid-column: 1 / -1; }
  .v2-table-estimations { background: transparent; border: 0; overflow: visible; }
  .v2-table-estimations table, .v2-table-estimations tbody { display: block; width: 100%; }
  .v2-table-estimations thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .v2-table-estimations tr { display: grid; gap: 4px; background: white; border: 1px solid #dfe5ed; border-radius: 10px; padding: 12px; margin-bottom: 8px; }
  .v2-table-estimations td { display: block; padding: 3px; border: 0; overflow-wrap: anywhere; }
  .v2-table-estimations td[data-label]::before { content: attr(data-label); display: block; font-size: 12px; color: #50647a; }
}

/* Constat 237 : fiche pour l'IA */
.fiche-ia-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.fiche-ia-actions .v2-joindre{display:flex;align-items:center;gap:6px;font-size:13px;margin:0}

/* Titre de page : le focus posé après un clic dans le menu (lecteurs d'écran) ne dessine plus de cadre */
.v2-app h1[tabindex="-1"]:focus,.v2-app h1[tabindex="-1"]:focus-visible,.v2-app #contenu[tabindex="-1"]:focus,.v2-app #contenu[tabindex="-1"]:focus-visible{outline:none}

/* Aujourd'hui : « Toutes mes tâches » décollé de la dernière ligne et de la section suivante */
.home-columns .card>.task-row+.btn{margin-top:16px}
.home-columns .card>.btn+h3{margin-top:28px}

/* Accueil de l'agence. Les indicateurs reprennent la disposition d'Insight Cards. */
.accueil-wayne { max-width: 1440px; margin-inline: auto; }
.accueil-entete {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-height: 150px; padding: 28px 32px; border-radius: 15px;
  background: linear-gradient(90deg, #182938 0%, #1a2f42e8 31%, #1d31495c 69%, #1e304226),
    url('/v2-assets/neuchatel.jpg') center 58% / cover;
  background-color: #24384a; color: white;
}
.accueil-entete time { font-size: 13px; color: #e5edf3; }
.accueil-entete time::first-letter { text-transform: uppercase; }
.accueil-entete time { display: inline-block; }
.accueil-wayne .accueil-entete h1 { color: white; font-size: clamp(28px, 3.2vw, 44px); line-height: 1.12; margin: 7px 0 0; }
.accueil-entete .btn.primary { background: #fff; color: #203447; border-color: #fff; flex-shrink: 0; }
.accueil-entete .btn.primary:hover { background: #eaf0f5; }
.accueil-wayne .accueil-indicateurs { gap: 14px; margin: 18px 0 22px; }
.accueil-indicateurs .stat {
  display: grid; grid-template-rows: auto 1fr auto; gap: 8px; padding: 16px 18px 12px;
  background: white; align-items: start; min-width: 0; border-color: #dce3e9;
}
.accueil-stat-titre { display: flex; align-items: center; gap: 9px; color: #43566b; font-size: 14px; font-weight: 550; }
.accueil-stat-titre .stat-icon { display: inline-flex; height: 29px; width: 29px; border-radius: 8px; }
.accueil-stat-titre .svg { width: 16px; height: 16px; }
.accueil-indicateurs .stat-num { font-size: 35px; line-height: 1.15; color: #23364b; font-weight: 600; font-variant-numeric: tabular-nums; }
.accueil-stat-detail {
  display: flex; gap: 8px; align-items: center; justify-content: space-between;
  border-top: 1px solid #e2e8ed; padding-top: 9px; color: #526479; font-size: 12px;
}
.accueil-stat-detail .svg, .accueil-fleche .svg { flex-shrink: 0; width: 15px; height: 15px; }
.accueil-wayne .home-columns { gap: 20px; }
.accueil-wayne .card { border-color: #dce3e9; }
.accueil-wayne .home-columns h2 { font-size: 20px; line-height: 1.2; }
.accueil-wayne .title-row { margin-bottom: 13px; }
.accueil-section { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 12px; margin-top: 22px; padding-bottom: 8px; border-bottom: 1px solid #dce3e9; }
.accueil-section h3 { font-size: 14px; font-weight: 650; }
.accueil-section a, .accueil-wayne .link-btn { font-size: 12px; color: #355a78; font-weight: 550; }
.accueil-action {
  display: flex; gap: 10px; align-items: center; padding: 12px 3px; color: #23364b;
  border-bottom: 1px solid #edf0f3; text-decoration: none;
}
.accueil-action:last-child { border-bottom: 0; }
.accueil-action:hover, .accueil-agenda li a:hover { background: #f2f6f9; color: #23364b; }
.accueil-action-icone { width: 30px; height: 30px; border-radius: 8px; background: #f0f4f7; color: #51687a; display: grid; place-items: center; flex: none; }
.accueil-action-icone .svg { height: 16px; width: 16px; }
.accueil-action-texte { flex: 1; min-width: 0; }
.accueil-action strong, .accueil-agenda strong { font-size: 14px; font-weight: 600; }
.accueil-action strong, .accueil-action small, .accueil-agenda small { display: block; overflow-wrap: anywhere; }
.accueil-action small, .accueil-agenda small { margin-top: 3px; font-size: 12px; line-height: 1.45; color: #56697d; }
.accueil-fleche { display: inline-flex; color: #5e748a; }
.accueil-retard { font-size: 11px; font-weight: 600; background: #f9ece0; color: #85470e; padding: 3px 7px; border-radius: 5px; }
.accueil-agenda ol { list-style: none; padding: 0; margin: 0; }
.accueil-agenda li { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 12px; align-items: baseline; padding: 12px 0; }
.accueil-agenda li + li { border-top: 1px solid #edf0f3; }
.accueil-agenda li a { display: block; border-left: 3px solid #a1c6ba; padding-left: 12px; color: #23364b; overflow-wrap: anywhere; }
.accueil-agenda small:empty { display: none; }
.accueil-heure { font-variant-numeric: tabular-nums; font-size: 14px; font-weight: 600; color: #375f59; }
.accueil-wayne .section-intro { margin: 12px 0; }
.accueil-bien .feature-body > p { color: #56697d; font-size: 13px; }
.accueil-prix { font-size: 20px; font-weight: 600; margin: 12px 0; }
.accueil-wayne a:focus-visible, .accueil-wayne button:focus-visible { outline: 3px solid #3371aa; outline-offset: 2px; }
@media (max-width: 650px) {
  .accueil-entete { min-height: 110px; padding: 17px; background-position: center 57%; }
  .accueil-entete time { font-size: 12px; }
  .accueil-wayne .accueil-indicateurs { grid-template-columns: 1fr; gap: 0; border: 1px solid #dce3e9; border-radius: 12px; overflow: hidden; }
  .accueil-indicateurs .stat { grid-template-columns: 1fr auto; grid-template-rows: auto auto; align-items: center; gap: 1px 10px; padding: 10px 14px; border: 0; border-radius: 0; }
  .accueil-indicateurs .stat + .stat { border-top: 1px solid #e2e8ed; }
  .accueil-indicateurs .stat:focus-visible { outline-offset: -3px; }
  .accueil-indicateurs .stat-num { grid-column: 2; grid-row: 1 / 3; align-self: center; font-size: 25px; }
  .accueil-stat-detail { border: 0; padding: 0 0 0 38px; }
  .accueil-stat-detail .svg { display: none; }
  .accueil-retard { font-size: 10px; }
  .accueil-action { gap: 7px; }
}

/* Suivi vendeur adapté du composant Leads Data Table de 21st.dev. */
.estimations-page { max-width: 1440px; margin-inline: auto; }
.estimations-titre, .estimations-recherche, .estimations-recherche label, .estimation-personne, .estimation-ouvrir {
  display: flex; align-items: center; gap: 10px;
}
.estimations-titre > span {
  display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px;
  background: #e4f0eb; color: #356952;
}
.estimations-titre .svg { width: 23px; height: 23px; }
.estimations-page .v2-titre-estimations { margin-bottom: 22px; }
.estimations-etapes { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 8px; margin-bottom: 20px; }
.estimations-etapes .estimation-etape {
  display: flex; flex-direction: column; align-items: start; justify-content: space-between; gap: 8px;
  padding: 13px 14px; min-width: 0; border: 1px solid #dce3e9; border-radius: 10px;
  background: #fff; color: #405367; font-size: 13px; text-align: left; box-shadow: none; line-height: 1.3;
}
.estimation-etape strong { font-size: 23px; line-height: 1; font-variant-numeric: tabular-nums; }
.estimations-etapes .estimation-etape:hover { background: #f0f6f4; }
.estimations-etapes .estimation-etape[aria-pressed=true] { background: #233d41; color: #fff; border-color: #233d41; }
.estimations-registre { border: 1px solid #dce3e9; border-radius: 14px; background: white; }
.estimations-barre, .estimations-reception { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.estimations-barre { padding: 19px 20px; }
.estimations-barre h2 { margin: 0; font-size: 20px; }
.estimations-barre p, .estimations-reception { color: #546579; font-size: 13px; }
.estimations-barre p { margin: 3px 0 0; }
.estimations-recherche { flex-wrap: wrap; width: min(100%, 440px); gap: 8px; }
.estimations-recherche label {
  flex: 1 1 150px; width: auto; min-width: 0; margin: 0; padding: 0 9px; background: #f8fafb;
  border: 1px solid #d6dfe6; border-radius: 8px; color: #526879;
}
.estimations-recherche label:focus-within { outline: 2px solid #32719b; }
.estimations-recherche .svg, .estimation-ouvrir .svg { flex-shrink: 0; width: 16px; height: 16px; }
.estimations-recherche input { width: 100%; min-width: 0; padding: 8px 0; background: transparent; border: 0; box-shadow: none; outline: none; }
.estimations-registre .v2-table-estimations { border: 0; border-radius: 0 0 14px 14px; margin: 0; }
.estimations-registre .v2-table-estimations th { background: #f3f6f7; color: #4f6372; font-size: 12px; }
.estimations-registre .v2-table-estimations td { font-size: 13px; overflow-wrap: anywhere; }
.estimations-registre td small { display: block; color: #596a7b; margin-top: 4px; }
.estimations-registre td strong, .estimation-personne a { font-weight: 600; }
.estimation-personne a { color: #244b54; }
.estimation-initiales {
  flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%;
  background: #e7f0ed; color: #395c51; font-size: 12px; font-weight: 600;
}
.estimation-statut {
  display: inline-block; border-radius: 5px; padding: 3px 7px;
  background: #edf1f4; color: #415466; font-weight: 550; font-size: 12px;
}
.estimation-statut[data-etape=a_contacter] { color: #7c4b15; background: #fbefd9; }
.estimation-statut[data-etape=rdv_prevu] { color: #365c8a; background: #e7effa; }
.estimation-statut[data-etape=estimee] { color: #38624f; background: #e5f1e9; }
.estimation-statut[data-etape=mandat_a_preparer] { color: #654f80; background: #efeaf6; }
.estimation-ouvrir { justify-content: flex-end; color: #2d5865; min-height: 36px; }
.estimations-registre .v2-pager { margin: 0; padding: 12px 18px; }
.estimations-reception { align-items: baseline; margin-top: 16px; padding-inline: 4px; }
.estimations-reception summary { cursor: pointer; font-weight: 550; }
.estimations-reception details { max-width: 660px; }
.estimations-reception p { margin-top: 8px; }
@media (max-width: 1050px) {
  .estimations-etapes { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .estimations-etapes { gap: 5px; margin-bottom: 14px; }
  .estimations-etapes .estimation-etape { padding: 9px 7px; font-size: 12px; }
  .estimation-etape strong { font-size: 19px; }
  .estimations-barre { padding: 14px; }
  .estimations-registre .v2-table-estimations { padding: 0 10px 4px; }
  .estimations-registre td[data-label]::before { font-weight: 550; }
  .estimation-ouvrir { justify-content: flex-start; }
}

.portefeuille-biens { --bord-biens:#dce3e8; --encre-biens:#20364a; color:var(--encre-biens); }
.portefeuille-biens .portefeuille-entete { margin-bottom:22px; align-items:center; }
.portefeuille-entete h1 { margin:0; }
.portefeuille-entete p { margin:3px 0 0; color:#576a7b; font-size:14px; }
.portefeuille-actions,.portefeuille-options,.portefeuille-vues { display:flex; align-items:center; gap:10px; }
.portefeuille-filtres { border:1px solid var(--bord-biens); border-radius:14px; background:white; padding:16px 18px 12px; }
.portefeuille-champs { display:grid; grid-template-columns:minmax(210px,1.65fr) repeat(3,minmax(0,1fr)); gap:12px; }
.portefeuille-champs label { display:grid; gap:5px; font-size:12px; font-weight:650; color:#475d6e; }
.portefeuille-champs input,.portefeuille-champs select { width:100%; min-width:0; min-height:40px; font-size:14px; }
.portefeuille-recherche { position:relative; }
.portefeuille-recherche .svg { width:17px; height:17px; position:absolute; top:50%; left:11px; transform:translateY(-50%); pointer-events:none; }
.portefeuille-champs .portefeuille-recherche input { padding-left:36px; }
.portefeuille-options { flex-wrap:wrap; gap:6px 22px; margin:10px 0; }
.portefeuille-options label { display:flex; align-items:center; gap:7px; min-height:26px; font-size:13px; }
.portefeuille-options input { width:16px; height:16px; margin:0; }
.portefeuille-biens .filtres-statuts { padding-top:10px; border-top:1px solid var(--bord-biens); gap:6px; margin:0; }
.portefeuille-biens #aide-tri-biens { font-size:12px; color:#5c6a78; margin:8px 0 0; }
.portefeuille-biens #aide-tri-biens:empty { display:none; }
.portefeuille-resultats { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:20px 0 12px; }
.portefeuille-resultats h2 { margin:0; font-size:20px; }
.portefeuille-vues { padding:3px; gap:1px; background:#eaf0f3; border-radius:10px; }
.portefeuille-vues button { border:0; font:inherit; font-size:13px; font-weight:600; padding:7px 12px; border-radius:7px; color:#495f70; background:transparent; cursor:pointer; }
.portefeuille-vues button[aria-pressed=true] { color:var(--encre-biens); background:white; box-shadow:0 1px 4px #21394f24; }
.portefeuille-grille { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,286px),1fr)); gap:16px; }
.portefeuille-carte { position:relative; min-width:0; overflow:hidden; border:1px solid var(--bord-biens); background:white; border-radius:14px; display:flex; flex-direction:column; box-shadow:0 2px 4px #1b334707; }
.portefeuille-carte:hover,.portefeuille-carte:focus-within { border-color:#8ba6b5; box-shadow:0 3px 12px #1d344915; }
.portefeuille-photo { position:relative; aspect-ratio:2.1; background:#e6edef; color:#617681; display:grid; place-items:center; }
.portefeuille-photo img { position:absolute; width:100%; height:100%; inset:0; object-fit:cover; }
.portefeuille-photo .pastille { position:absolute; top:10px; left:10px; box-shadow:0 1px 4px #10293820; }
.portefeuille-sans-photo { display:grid; justify-items:center; gap:6px; font-size:12px; }
.portefeuille-sans-photo .svg { width:32px; height:32px; }
.portefeuille-corps { padding:14px 16px; display:flex; flex:1; flex-direction:column; overflow-wrap:anywhere; }
.portefeuille-lieu { color:#536c7a; font-size:12px; font-weight:650; }
.portefeuille-carte h3 { font-size:18px; line-height:1.2; margin:5px 0; }
.portefeuille-carte h3 .lien { color:var(--encre-biens); text-decoration:none; }
.portefeuille-carte h3 a::after { content:""; position:absolute; inset:0; }
.portefeuille-carte h3 a:focus-visible::after { outline:3px solid #1b5b85; outline-offset:-3px; border-radius:14px; }
.portefeuille-specs,.portefeuille-manques { color:#526475; font-size:13px; margin:0 0 10px; }
.portefeuille-specs:empty { display:none; }
.portefeuille-prix { margin-top:auto; color:#174e50; font-size:17px; font-weight:700; }
.portefeuille-portails,.portefeuille-manques { font-size:12px; margin:6px 0 0; }
.portefeuille-portails a { position:relative; z-index:1; }
.portefeuille-meta { display:flex; justify-content:space-between; gap:10px; align-items:center; flex-wrap:wrap; border-top:1px solid #e6ecef; padding:8px 16px; font-size:12px; color:#536777; overflow-wrap:anywhere; }
.portefeuille-vide { text-align:center; padding:36px 15px; border:1px dashed #bfccd4; border-radius:14px; background:white; }
.portefeuille-vide p { color:#526475; margin:5px 0 0; }
@media(max-width:1050px) {
  .portefeuille-champs { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:650px) {
  .portefeuille-biens .portefeuille-entete { align-items:stretch; gap:12px; margin-bottom:12px; }
  .portefeuille-filtres { padding:12px; }
  .portefeuille-champs { gap:8px; }
  .portefeuille-champs label:first-child { grid-column:1/-1; }
  .portefeuille-champs label:last-child { grid-column:1/-1; }
  .portefeuille-options { gap:3px 12px; }
  .portefeuille-biens .filtres-statuts { gap:5px; }
  .portefeuille-resultats { margin-top:14px; }
}
.portefeuille-affiner { margin-top:10px; }
.portefeuille-affiner summary { display:list-item; cursor:pointer; font-size:13px; font-weight:650; color:#435c6e; }

.promo-portefeuille {color:#21374b; --promo-bord:#dce4eb; --promo-secondaire:#50677a;}
.promo-entete,.promo-registre-titre {display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.promo-entete h1,.promo-registre-titre h2 {margin:0;}
.promo-entete {margin-bottom:20px;}
.promo-filtres {display:grid;grid-template-columns:minmax(160px,1.6fr) minmax(150px,1fr) auto;align-items:end;gap:14px;padding:14px 18px;border-radius:12px;border:1px solid var(--promo-bord);background:#fff;}
.promo-filtres label {display:grid;gap:5px;font-size:12px;font-weight:650;color:var(--promo-secondaire);}
.promo-filtres input,.promo-filtres select {min-width:0;width:100%;min-height:40px;}
.promo-filtres button {min-height:40px;}
.promo-recherche {position:relative;}
.promo-recherche .svg {position:absolute;top:50%;left:12px;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;}
.promo-recherche input {padding-left:38px;}
.promo-totaux {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--promo-bord);border:1px solid var(--promo-bord);border-radius:12px;overflow:hidden;margin:16px 0 24px;}
.promo-totaux div {background:#fff;padding:15px 20px;}
.promo-totaux dt {font-size:13px;font-weight:600;color:var(--promo-secondaire);}
.promo-totaux dd {margin:3px 0 0;font-size:28px;line-height:1.15;font-weight:700;font-variant-numeric:tabular-nums;}
.promo-totaux div:first-child {background:#203e53;}
.promo-totaux div:first-child dt,.promo-totaux div:first-child dd {color:#fff;}
.promo-registre-titre {margin-bottom:10px;}
.promo-registre-titre h2 {font-size:20px;}
.promo-registre-titre label {display:flex;align-items:center;gap:8px;font-size:12px;color:var(--promo-secondaire);}
.promo-registre-titre select {min-width:0;width:auto;font-size:13px;}
.promo-portefeuille #liste-promotions {display:grid;border:1px solid var(--promo-bord);border-radius:14px;background:#fff;}
.promo-portefeuille .promo-ligne {display:grid;grid-template-columns:minmax(210px,1.35fr) minmax(140px,1fr) minmax(135px,.8fr) 22px;gap:20px;padding:16px 18px;border:0;border-radius:0;background:transparent;color:inherit;text-decoration:none;min-width:0;}
.promo-portefeuille .promo-ligne + .promo-ligne {border-top:1px solid var(--promo-bord);}
.promo-portefeuille .promo-ligne:first-child {border-radius:14px 14px 0 0;}
.promo-portefeuille .promo-ligne:last-child {border-radius:0 0 14px 14px;}
.promo-portefeuille .promo-ligne:hover,.promo-portefeuille .promo-ligne:focus-visible {background:#f3f7fa;}
.promo-identite {display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;}
.promo-identite img,.promo-photo-vide {width:76px;height:76px;object-fit:cover;border-radius:9px;}
.promo-photo-vide {display:grid;place-items:center;background:#e7edf1;color:#526c7c;}
.promo-photo-vide .svg {width:28px;height:28px;}
.promo-localite,.promo-mandat,.promo-repartition,.promo-ventes-titre span {font-size:12px;color:var(--promo-secondaire);}
.promo-identite h3 {margin:3px 0 6px;font-size:17px;line-height:1.2;}
.promo-identite,.promo-mandat {overflow-wrap:anywhere;}
.promo-ventes-titre {display:flex;align-items:baseline;gap:6px;}
.promo-ventes-titre strong {font-size:16px;}
.promo-ventes progress {display:block;width:100%;height:6px;border:0;border-radius:9px;overflow:hidden;background:#e2eaf0;margin:8px 0;appearance:none;}
.promo-ventes progress::-webkit-progress-bar {background:#e2eaf0;}
.promo-ventes progress::-webkit-progress-value {background:#34816f;border-radius:9px;}
.promo-ventes progress::-moz-progress-bar {background:#34816f;}
.promo-repartition {display:flex;flex-wrap:wrap;gap:2px 10px;}
.promo-mandat {display:grid;gap:3px;}
.promo-mandat strong {color:#253d50;font-size:14px;}
.promo-publication,.promo-ouvrir {display:inline-flex;align-items:center;gap:5px;}
.promo-publication {margin-top:3px;}
.promo-publication .svg {width:14px;height:14px;}
.promo-ouvrir {color:#375f7c;}
.promo-ouvrir>span {position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;}
.promo-ouvrir .svg {width:18px;height:18px;}
.promo-vide {padding:28px;text-align:center;}
.promo-vide p {margin:4px 0 0;color:var(--promo-secondaire);}
@media(max-width:1000px){
  .promo-portefeuille .promo-ligne {grid-template-columns:minmax(170px,1.15fr) minmax(120px,.85fr) minmax(120px,.8fr) 15px;gap:14px;padding:14px;}
  .promo-identite {grid-template-columns:58px minmax(0,1fr);gap:10px;}
  .promo-identite img,.promo-photo-vide {width:58px;height:66px;}
}
@media(max-width:700px){
  .promo-filtres {grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:12px;}
  .promo-filtres label:first-child {grid-column:1/-1;}
  .promo-totaux {grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 16px;}
  .promo-totaux div {padding:8px 14px;}
  .promo-totaux div:first-child {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;}
  .promo-totaux dd {font-size:23px;}
  .promo-portefeuille .promo-ligne {grid-template-columns:minmax(0,1fr) 18px;gap:10px;}
  .promo-identite {grid-column:1;grid-row:1;grid-template-columns:65px minmax(0,1fr);}
  .promo-identite img,.promo-photo-vide {width:65px;height:65px;}
  .promo-ventes,.promo-mandat {grid-column:1/-1;}
  .promo-mandat {border-top:1px solid #e4eaef;padding-top:8px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;}
  .promo-publication {margin:0;}
  .promo-ouvrir {grid-column:2;grid-row:1;}
}

.annuaire { --annuaire-bord:#dce4eb; --annuaire-encre:#21374b; --annuaire-detail:#526879; color:var(--annuaire-encre); }
.annuaire-entete,.annuaire-actions,.annuaire-registre,.annuaire-suivi {display:flex;align-items:center;gap:10px;}
.annuaire-entete,.annuaire-registre,.annuaire-suivi {justify-content:space-between;}
.annuaire-entete {margin-bottom:20px;flex-wrap:wrap;}
.annuaire-entete h1,.annuaire-registre h2 {margin:0;}
.annuaire-outils {display:grid;grid-template-columns:minmax(210px,1.4fr) minmax(0,3fr);gap:12px 14px;background:#fff;border:1px solid var(--annuaire-bord);border-radius:13px;padding:15px 18px 10px;}
.annuaire-filtres {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.annuaire-filtres label,.annuaire-recherche {display:grid;gap:5px;font-weight:650;color:var(--annuaire-detail);font-size:12px;}
.annuaire-outils select,.annuaire-recherche input {width:100%;min-width:0;min-height:40px;font-size:14px;}
.annuaire-suivi {grid-column:1/-1;border-top:1px solid var(--annuaire-bord);padding-top:9px;flex-wrap:wrap;}
.annuaire-non-lus {display:inline-flex;align-items:center;gap:8px;cursor:pointer;border-radius:7px;padding:5px 9px;background:#eef3f7;color:#354f63;font-size:13px;font-weight:600;}
.annuaire-non-lus:has(:checked) {background:#deebfa;color:#153e73;}
.annuaire-non-lus input {width:16px;height:16px;margin:0;}
.annuaire-non-lus strong {border-radius:5px;background:white;padding:1px 5px;color:#315477;font-variant-numeric:tabular-nums;}
.annuaire-lecture {display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.annuaire-registre {margin:19px 0 10px;flex-wrap:wrap;}
.annuaire-registre h2 {font-size:20px;}
.annuaire-registre label {display:flex;align-items:center;gap:8px;color:var(--annuaire-detail);font-size:12px;}
.annuaire-registre select {width:auto;max-width:100%;min-width:0;font-size:13px;}
.annuaire-table-wrap,.annuaire #liste-contacts>.vide {border:1px solid var(--annuaire-bord);border-radius:13px;background:white;overflow:hidden;}
.annuaire-table {width:100%;border-collapse:collapse;table-layout:fixed;color:var(--annuaire-encre);font-size:14px;line-height:1.35;}
.annuaire-table th {text-align:left;background:#edf3f7;color:#496174;font-size:12px;padding:11px 15px;font-weight:650;}
.annuaire-table th:first-child {width:30%;}
.annuaire-table th:nth-child(2) {width:27%;}
.annuaire-table th:nth-child(3) {width:18%;}
.annuaire-table td {padding:13px 15px;border-top:1px solid #e4eaf0;vertical-align:middle;overflow-wrap:anywhere;}
.annuaire-table tr.cliquable:hover,.annuaire-table tr.cliquable:focus-visible {background:#f4f8fb;}
.annuaire-identite {display:flex;align-items:center;gap:10px;}
.annuaire-initiales {flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e2edf4;color:#365b73;font-size:13px;font-weight:700;}
.annuaire-table tr:nth-child(3n+2) .annuaire-initiales {background:#e3efea;color:#315c50;}
.annuaire-table tr:nth-child(3n) .annuaire-initiales {background:#ede9f4;color:#625076;}
.annuaire-identite .lien {color:var(--annuaire-encre);font-weight:700;text-decoration:none;font-size:15px;}
.annuaire-identite .lien:hover,.annuaire-coord a:hover {text-decoration:underline;}
.annuaire-table small {display:block;color:var(--annuaire-detail);font-size:12px;line-height:1.4;}
.annuaire-identite small,.annuaire-table td>.pastille+small {margin-top:3px;}
.annuaire-coord,.annuaire-affectation {display:grid;justify-items:start;gap:3px;}
.annuaire-coord a {color:#325874;text-decoration:none;font-size:13px;}
.annuaire-affectation strong {font-weight:600;}
.annuaire-signal {display:inline-flex;border-radius:5px;background:#e3eefc;color:#204b7e;font-size:11px;font-weight:650;padding:2px 6px;}
@media(max-width:1120px) and (min-width:761px){
  .annuaire-outils {grid-template-columns:1fr;}
  .annuaire-table td,.annuaire-table th {padding-left:11px;padding-right:11px;}
}
@media(max-width:760px){
  .annuaire-outils {display:block;padding:12px;}
  .annuaire-premiere-ligne {display:flex;gap:8px;align-items:end;}
  .annuaire-recherche {flex:1;min-width:0;}
  .annuaire .bouton-filtres {min-height:40px;}
  .annuaire-filtres {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;}
  .annuaire-filtres label:last-child {grid-column:1/-1;}
  .annuaire-outils:not(.filtres-ouverts) .annuaire-filtres {display:none;}
  .annuaire-suivi {margin-top:10px;gap:6px;}
  .annuaire-registre {margin:14px 0 8px;}
  .annuaire-registre h2 {font-size:18px;}
  .annuaire-table-wrap {border:0;background:transparent;overflow:visible;}
  .annuaire-table,.annuaire-table tbody {display:block;width:100%;}
  .annuaire-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
  .annuaire-table tr.cliquable {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;margin-bottom:8px;padding:12px;background:#fff;border:1px solid var(--annuaire-bord);border-radius:11px;}
  .annuaire-table td {display:block;padding:0;border:0;}
  .annuaire-table td[data-label="Nom"] {grid-row:1;grid-column:1;}
  .annuaire-table td[data-label="Statut"] {grid-row:1;grid-column:2;align-self:center;max-width:105px;}
  .annuaire-table td[data-label="Coordonnées"] {grid-column:1/-1;}
  .annuaire-table td[data-label="Suivi"] {grid-column:1/-1;border-top:1px solid #e6ebee;padding-top:8px;}
  .annuaire-affectation {display:flex;align-items:center;gap:4px 8px;flex-wrap:wrap;font-size:13px;}
}

/* Agenda : sélection du jour et liste chronologique. */
.planning {--plan-encre:#20394c;--plan-detail:#516679;--plan-bord:#d8e2e8;color:var(--plan-encre);}
.planning h1,.planning h2,.planning h3 {margin:0;}
.planning h2 {font-size:19px;line-height:1.25;letter-spacing:-.025em;}
.planning-entete,.planning-periode,.planning-liste-titre,.planning-actions,.planning-nav,.planning-retard-titre {display:flex;align-items:center;gap:10px;}
.planning-entete,.planning-periode,.planning-liste-titre {justify-content:space-between;flex-wrap:wrap;}
.planning-entete {margin-bottom:12px;}
.planning-actions select,.planning-actions button {width:auto;min-height:40px;}
.planning .navigation-activite {margin-bottom:18px;}
.planning-colonnes {display:grid;grid-template-columns:minmax(0,2.6fr) minmax(220px,1fr);align-items:start;gap:18px;}
.planning-cadre,.planning-retard {overflow:hidden;border:1px solid var(--plan-bord);border-radius:16px;background:#fff;}
.planning-calendrier {padding:20px;background:#edf3f5;border-bottom:1px solid var(--plan-bord);}
.planning-periode h2 {font-size:22px;}
.planning-nav {gap:4px;}
.planning-nav button {display:grid;place-items:center;background:#fff;border:1px solid #cfdae0;border-radius:8px;min-height:34px;padding:5px 9px;color:var(--plan-encre);font-size:12px;}
.planning .svg {display:inline-block;width:17px;height:17px;}
.planning #sem-prec .svg {transform:rotate(180deg);}
.planning-jours {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:16px;}
.planning-jours button {min-width:0;display:grid;justify-items:center;gap:3px;padding:8px 1px;border:1px solid #d9e3e8;border-radius:10px;background:white;color:var(--plan-encre);line-height:1.15;}
.planning-jours span {font-size:12px;}
.planning-jours b {font-size:22px;font-variant-numeric:tabular-nums;}
.planning-jours small {min-width:19px;padding:2px 4px;border-radius:8px;background:#eef3f5;color:#486071;font-size:10px;font-weight:650;}
.planning-jours button[aria-current=date] {border-color:#376880;box-shadow:inset 0 0 0 1px #376880;}
.planning-jours button[aria-pressed=true] {background:#254a60;color:white;border-color:#254a60;}
.planning-jours button[aria-pressed=true] :is(span,b) {color:#fff;}
.planning-jours button:hover,.planning-nav button:hover {border-color:#52798c;}
.planning-liste-titre {padding:17px 20px 12px;}
.planning #planning-semaine {font-size:12px;border-radius:7px;padding:6px 9px;color:#385970;background:white;border:1px solid var(--plan-bord);}
.planning #planning-semaine[aria-pressed=true] {background:#eaf1f5;color:#244c65;}
.planning-groupe {padding:0 20px 8px;}
.planning-groupe h3 {padding:10px 0 6px;font-size:13px;color:var(--plan-detail);border-bottom:1px solid #e3e9ed;}
.planning-rdv,.planning-rappel {width:100%;border:0;border-radius:0;box-shadow:none;background:white;text-align:left;color:var(--plan-encre);white-space:normal;overflow-wrap:anywhere;}
.planning-rdv {display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid #eef1f3;}
.planning-rdv:last-child {border-bottom:0;}
.planning-rdv:hover,.planning-rappel:hover {background:#f5f8fa;}
.planning-heure {font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;}
.planning-fiche {--ac:#668197;display:grid;gap:2px;padding-left:12px;border-left:3px solid var(--ac);}
.planning-fiche[data-type=rdv] {--ac:#477da2;}
.planning-fiche[data-type=visite] {--ac:#478774;}
.planning-fiche[data-type=relance] {--ac:#ad713c;}
.planning-fiche[data-type=admin] {--ac:#8d70a9;}
.planning-fiche strong,.planning-rappel strong {font-size:15px;font-weight:650;line-height:1.35;}
.planning-nature,.planning-fiche small,.planning-rappel span {font-size:12px;color:var(--plan-detail);line-height:1.35;font-weight:450;}
.planning-nature {font-weight:650;}
.planning-retard-titre {background:#fbf4eb;border-bottom:1px solid #e9dbca;padding:17px 16px;}
.planning-retard-titre .svg {color:#875b36;}
.planning-rappel {display:grid;gap:4px;padding:14px 16px;border-bottom:1px solid #e6ebee;}
.planning-rappel small {font-size:12px;color:#82562f;}
.planning-retard>a {display:flex;align-items:center;justify-content:space-between;padding:14px 16px;color:#34596f;font-weight:600;font-size:13px;}
.planning-vide {padding:15px 20px 22px;margin:0;color:var(--plan-detail);}
@media(max-width:1100px) {
  .planning-colonnes {grid-template-columns:minmax(0,2.4fr) minmax(195px,1fr);gap:12px;}
  .planning-periode {gap:8px;}
}
@media(max-width:900px) {
  .planning-colonnes {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:600px) {
  .planning-entete {gap:8px;}
  .planning-actions {flex-wrap:wrap;gap:6px;}
  .planning .navigation-activite a {flex:1;padding:10px 3px;text-align:center;font-size:12px;}
  .planning .navigation-activite {gap:3px;}
  .planning-calendrier,.planning-liste-titre {padding:13px 10px;}
  .planning-periode h2 {font-size:18px;}
  .planning-jours {gap:3px;margin-top:11px;}
  .planning-jours button {border-radius:7px;}
  .planning-jours b {font-size:19px;}
  .planning-liste-titre h2 {font-size:16px;}
  .planning-groupe {padding:0 10px 6px;}
  .planning-rdv {grid-template-columns:52px minmax(0,1fr);gap:6px;}
}

.suivi-ventes {--vente-encre:#233c50;--vente-detail:#506677;--vente-bord:#d7e2e9;color:var(--vente-encre);}
.ventes-entete {display:flex;align-items:baseline;gap:14px;margin-bottom:18px;}
.ventes-entete h1 {margin:0;}
#ventes-total {font-size:14px;font-weight:600;color:var(--vente-detail);}
.ventes-outils {display:grid;grid-template-columns:minmax(170px,1.6fr) minmax(120px,1fr) minmax(135px,1fr) auto;align-items:end;gap:14px;padding:14px 16px;background:white;border:1px solid var(--vente-bord);border-radius:13px;}
.ventes-outils label {display:grid;gap:5px;font-size:12px;font-weight:650;color:var(--vente-detail);margin:0;}
.ventes-outils :is(input[type=search],select) {width:100%;min-width:0;height:40px;font-weight:450;font-size:14px;}
.ventes-outils label.ventes-lots {display:flex;align-items:center;gap:7px;min-height:40px;color:var(--vente-encre);font-size:13px;}
.ventes-lots input {width:16px;height:16px;margin:0;}
.ventes-aide {margin:12px 2px 16px;color:var(--vente-detail);font-size:13px;}
.ventes-tableau {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;}
.ventes-colonne {--etape:#697d94;--fond:#f0f3f6;border:1px solid var(--vente-bord);border-top:3px solid var(--etape);border-radius:13px;background:var(--fond);overflow:hidden;}
.ventes-colonne[data-statut=mandat] {--etape:#766e9b;--fond:#f4f2f7;}
.ventes-colonne[data-statut=en_vente] {--etape:#477da2;--fond:#edf3f7;}
.ventes-colonne[data-statut=reserve] {--etape:#ae7941;--fond:#f8f4ee;}
.ventes-colonne[data-statut=vendu] {--etape:#4d8570;--fond:#eff5f2;}
.ventes-colonne[data-statut=perdu] {--etape:#956e72;--fond:#f6f1f2;}
.ventes-colonne.survol {outline:2px dashed #355f80;outline-offset:-3px;}
.ventes-colonne h2 {display:flex;align-items:center;justify-content:space-between;margin:0;padding:11px 12px 9px;font-size:17px;letter-spacing:-.02em;}
.ventes-colonne h2 span {min-width:25px;padding:2px 6px;background:white;border:1px solid var(--vente-bord);border-radius:8px;text-align:center;font-size:12px;letter-spacing:0;}
.ventes-cartes {display:grid;gap:7px;padding:2px 9px 10px;max-height:405px;overflow:auto;}
.vente-carte {display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px 11px;padding:10px;border:1px solid #d8e1e6;border-radius:10px;background:#fff;color:var(--vente-encre);text-decoration:none;overflow-wrap:anywhere;}
.vente-carte:hover,.vente-carte:focus-visible {border-color:var(--etape);color:var(--vente-encre);box-shadow:0 2px 8px #17344815;text-decoration:none;}
.vente-photo {display:grid;place-items:center;width:76px;height:76px;border-radius:7px;background:#e8eef0;color:#597283;overflow:hidden;}
.vente-photo img {width:100%;height:100%;object-fit:cover;}
.vente-photo .svg {width:25px;height:25px;}
.vente-infos {display:grid;align-content:start;gap:3px;}
.vente-infos small,.vente-attribution {font-size:12px;color:var(--vente-detail);line-height:1.3;}
.vente-infos strong {font-size:15px;line-height:1.23;font-weight:680;}
.vente-infos b {font-size:13px;line-height:1.35;font-weight:650;}
.vente-attribution {grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;padding-top:7px;border-top:1px solid #e8edef;}
.ventes-vide {margin:0;padding:18px 10px;border:1px dashed #bfcdd6;border-radius:8px;text-align:center;font-size:13px;color:var(--vente-detail);}
.ventes-une-etape {grid-template-columns:minmax(0,1fr);}
.ventes-une-etape .ventes-cartes {grid-template-columns:repeat(auto-fill,minmax(min(100%,255px),1fr));max-height:none;}
@media(max-width:1170px) {
  .ventes-outils {grid-template-columns:1.5fr 1fr 1fr;}
  .ventes-outils label.ventes-lots {grid-column:1/-1;min-height:24px;}
  .ventes-tableau:not(.ventes-une-etape) {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px) {
  .ventes-entete {flex-wrap:wrap;gap:5px 10px;margin-bottom:12px;}
  .ventes-outils {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;}
  .ventes-outils label:first-child {grid-column:1/-1;}
  .ventes-aide {font-size:12px;margin:9px 2px 12px;}
  .ventes-tableau:not(.ventes-une-etape) {grid-template-columns:minmax(0,1fr);gap:10px;}
  .ventes-cartes {max-height:none;}
}

.honoraires-page {--hon-encre:#243c4e;--hon-detail:#506574;--hon-bord:#d6e1e6;--hon-vert:#266756;color:var(--hon-encre);}
.hon-entete,.hon-commandes,.hon-exercice,.hon-graphe-tete {display:flex;align-items:center;gap:8px;}
.hon-entete,.hon-graphe-tete {justify-content:space-between;}
.hon-entete {margin-bottom:19px;flex-wrap:wrap;}
.hon-entete h1,.hon-analyse h2 {margin:0;}
.hon-commandes {flex-wrap:wrap;}
.hon-exercice {background:#fff;border:1px solid var(--hon-bord);border-radius:9px;gap:0;white-space:nowrap;}
.hon-exercice strong {font-size:13px;padding-inline:4px;}
.hon-exercice button {font-size:20px;line-height:1;min-width:32px;height:36px;border:0;background:transparent;padding:4px;}
.hon-commandes select,.hon-commandes #btn-nouvelle-facture {width:auto;min-height:38px;}
.honoraires-page .grille-ca {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;}
.honoraires-page .carte-ca {display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-width:0;gap:12px;padding:16px;border:1px solid var(--hon-bord);border-radius:13px;background:white;color:var(--hon-encre);text-align:left;}
.honoraires-page .carte-ca[data-vue-ca=encaisse] {background:#e6f2ed;border-color:#bdd8cb;}
.honoraires-page .carte-ca[data-vue-ca=attente] {background:#fbf6ed;border-color:#e7d9c2;}
.honoraires-page .carte-ca[aria-expanded=true],.honoraires-page .carte-ca:hover {box-shadow:inset 0 0 0 1px #718b97;}
.honoraires-page .ca-tete {display:grid;gap:3px;}
.honoraires-page .ca-tete h3 {font-size:16px;color:var(--hon-encre);margin:0;}
.honoraires-page .ca-tete .detail {color:var(--hon-detail);font-size:12px;}
.honoraires-page .ca-montant {font-weight:650;color:var(--hon-encre);font-size:clamp(20px,2vw,30px);line-height:1.1;margin:0;overflow-wrap:anywhere;}
.honoraires-page .carte-ca-realise .ca-montant {color:#1f624e;}
.honoraires-page .ca-pied {display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;font-size:12px;color:var(--hon-detail);margin:0;}
.hon-analyse {display:grid;grid-template-columns:minmax(0,2.2fr) minmax(215px,1fr);gap:12px;margin:14px 0;}
.hon-graphe,.hon-prevision {padding:18px;border:1px solid var(--hon-bord);border-radius:13px;background:white;min-width:0;}
.hon-analyse h2 {font-size:18px;line-height:1.2;}
.hon-graphe-tete span,.hon-analyse p {color:var(--hon-detail);font-size:12px;}
.hon-graphe-tete span {white-space:nowrap;}
.hon-mois {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;margin-top:24px;}
.hon-mois button {display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:0;padding:0;min-width:0;border:0;background:transparent;text-align:center;color:var(--hon-detail);border-radius:4px;font-size:11px;}
.hon-mois button:disabled {opacity:1;cursor:default;}
.hon-trace {display:flex;align-items:flex-end;justify-content:center;height:93px;width:100%;border-bottom:1px solid #cbdad6;background:repeating-linear-gradient(to top,transparent 0 30px,#edf2f0 30px 31px);}
.hon-barre {display:block;position:relative;width:68%;max-width:32px;background:#337e68;border-radius:4px 4px 0 0;}
.hon-barre span {position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;font-weight:600;color:#254c40;padding-bottom:2px;}
.hon-mois-nom {display:block;margin-top:5px;}
.hon-mois button:enabled:hover .hon-barre,.hon-mois button:focus-visible .hon-barre {background:#174f40;}
.hon-graphe p {margin:13px 0 0;}
.hon-prevision {display:flex;flex-direction:column;background:#eef3f6;}
.hon-prev-total {font-size:clamp(20px,2vw,29px);margin-top:12px;line-height:1.1;}
.hon-prevision p {margin:5px 0 16px;}
.hon-prevision button.hon-mandats {display:flex;justify-content:space-between;gap:8px;align-items:center;background:white;text-align:left;color:var(--hon-encre);margin-top:auto;padding:10px;border:1px solid var(--hon-bord);font-size:12px;}
.hon-mandats small {display:block;color:var(--hon-detail);}
.hon-mandats strong {white-space:nowrap;}
@media(max-width:1040px) {
  .hon-analyse {grid-template-columns:minmax(0,1fr);}
  .hon-prevision {display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;}
  .hon-prevision .hon-prev-total {margin:0;}
  .hon-prevision p {margin:0;}
  .hon-prevision button.hon-mandats {margin:0;}
}
@media(max-width:700px) {
  .hon-entete {margin-bottom:12px;}
  .honoraires-page .grille-ca {grid-template-columns:minmax(0,1fr);gap:6px;}
  .honoraires-page .carte-ca {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;align-items:center;padding:10px 12px;}
  .honoraires-page .ca-pied {grid-column:1/-1;}
  .hon-graphe,.hon-prevision {padding:13px;}
  .hon-mois {grid-template-columns:repeat(6,minmax(0,1fr));row-gap:16px;}
  .hon-trace {height:55px;}
  .hon-prevision {display:flex;align-items:stretch;}
  .hon-prevision button.hon-mandats {margin-top:9px;}
  .hon-graphe-tete {align-items:baseline;}
}

.performance-page {--perf-encre:#203c50;--perf-detail:#506675;--perf-bord:#d6e2e7;--perf-bleu:#396c87;--perf-ocre:#b77232;color:var(--perf-encre);}
.performance-page .entete {margin-bottom:15px;}
.performance-page .entete>.champ {display:grid;gap:4px;align-self:center;margin:0;}
.performance-page .entete h1 {margin:0;}
.performance-page .perf-dates {font-size:14px;font-weight:600;margin-top:3px;}
.performance-page .entete .aide {margin:4px 0;color:var(--perf-detail);}
.performance-page .grille-ca-quatre {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px;}
.performance-page .carte-ca {display:flex;flex-direction:column;gap:10px;border:1px solid var(--perf-bord);border-radius:12px;background:#fff;padding:15px;min-width:0;}
.performance-page .carte-ca-realise {background:#eaf3f7;border-color:#bfd3df;}
.performance-page .ca-tete {display:grid;gap:3px;}
.performance-page .ca-tete h3 {font-size:15px;margin:0;color:var(--perf-encre);}
.performance-page .ca-tete .detail,.performance-page .ca-pied {font-size:12px;line-height:1.4;color:var(--perf-detail);}
.performance-page .ca-montant {margin:auto 0 0;font-size:clamp(18px,1.9vw,29px);font-weight:650;color:var(--perf-encre);line-height:1.2;overflow-wrap:anywhere;}
.performance-page .ca-pied {margin:0;}
.performance-page .perf-section {border:1px solid var(--perf-bord);border-radius:14px;padding:18px;margin-bottom:14px;}
.performance-page .perf-section h2 {font-size:19px;}
.analyse-corps {display:grid;grid-template-columns:minmax(0,3fr) minmax(210px,1fr);gap:20px;align-items:stretch;}
.analyse-graphique {min-width:0;}
.analyse-legende {display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--perf-detail);margin-bottom:14px;}
.analyse-legende span {display:flex;align-items:center;gap:5px;}
.analyse-legende i {width:10px;height:10px;border-radius:3px;background:var(--perf-bleu);}
.analyse-legende i.barre-cout,.analyse-barres i.barre-cout {background:var(--perf-ocre);}
.analyse-legende small {margin-left:auto;font-size:11px;}
.analyse-trace {display:flex;gap:8px;}
.analyse-axe {display:flex;flex-direction:column;justify-content:space-between;text-align:right;height:156px;font-size:11px;color:var(--perf-detail);line-height:1;}
.analyse-colonnes {position:relative;flex:1;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;isolation:isolate;min-width:0;}
.analyse-colonnes::before {content:"";position:absolute;inset:0 0 auto;height:156px;z-index:-1;border-top:1px solid #e2e9ed;background:repeating-linear-gradient(to top,#d9e3e7 0 1px,transparent 1px calc(100% / var(--graduations)));}
.analyse-colonnes button {display:grid;grid-template-rows:156px auto;grid-template-columns:minmax(0,1fr);place-items:stretch;justify-content:stretch;min-width:0;padding:0 1px;border:0;border-radius:5px;color:var(--perf-detail);background:transparent;font-size:11px;}
.analyse-colonnes button:is(:hover,[aria-pressed=true]) {background:#dbeaf080;color:#17445a;}
.analyse-colonnes button[aria-pressed=true] .analyse-lib {font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.analyse-barres {height:100%;width:100%;min-height:0;display:flex;align-items:flex-end;justify-content:center;gap:2px;}
.analyse-barres i {width:29%;max-width:25px;background:var(--perf-bleu);border-radius:3px 3px 0 0;}
.analyse-barres i.barre-ventes {width:50%;max-width:36px;}
.analyse-lib {padding-top:5px;white-space:nowrap;}
.analyse-graphique p {margin:10px 0 0;}
.analyse-detail {display:flex;flex-direction:column;padding:14px;background:#eff4f6;border:1px solid #dce6eb;border-radius:11px;}
.analyse-detail h3 {margin:0;font-size:16px;color:var(--perf-encre);}
.analyse-detail dl {margin:6px 0 12px;}
.analyse-detail dl div {display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 0;border-bottom:1px solid #dce5ea;font-size:12px;}
.analyse-detail dt {color:var(--perf-detail);}
.analyse-detail dd {margin:0;font-weight:650;text-align:right;white-space:nowrap;}
.analyse-detail button {margin-top:auto;align-self:start;font-size:12px;}
.performance-page #perf-portee button {margin:0 6px 8px 0;font-size:12px;}
.performance-page .perf-origine-nom {background:none;border:0;padding:0;min-height:0;font:inherit;font-weight:650;color:#235fd3;cursor:pointer;text-align:left;}
.performance-page .perf-origine-nom::after {content:" ↓";font-weight:400;opacity:0;transition:opacity .15s;}
.performance-page .perf-origine-nom:hover,.performance-page .perf-origine-nom:focus-visible {text-decoration:underline;text-underline-offset:2px;}
.performance-page .perf-origine-nom:hover::after,.performance-page .perf-origine-nom[aria-pressed="true"]::after {opacity:1;}
.performance-page .perf-origine-nom[aria-pressed="true"] {color:var(--perf-encre);}
.performance-page .perf-taux {color:var(--perf-detail);font-size:12px;}
.performance-page .perf-origine-fiche {margin-left:auto;font-size:12px;}
.performance-page .perf-piste i {background:var(--perf-bleu);}
.performance-page .perf-piste-couts i {background:var(--perf-ocre);}
.performance-page .perf-carte {border:1px solid var(--perf-bord);padding:18px;border-radius:12px;}
@media(max-width:1050px) {
  .performance-page .grille-ca-quatre {grid-template-columns:repeat(2,minmax(0,1fr));}
  .analyse-corps {grid-template-columns:minmax(0,1fr);}
  .analyse-detail dl {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;}
}
@media(max-width:600px) {
  .performance-page .entete {align-items:start;}
  .performance-page .grille-ca-quatre {gap:6px;}
  .performance-page .carte-ca {padding:10px;gap:6px;}
  .performance-page .perf-section {padding:12px;}
  .performance-page .perf-section-tete {gap:8px;}
  .analyse-corps {gap:12px;}
  .analyse-axe {height:110px;}
  .analyse-colonnes::before {height:110px;}
  .analyse-colonnes button {grid-template-rows:110px 29px;}
  .analyse-lib {font-size:10px;align-self:start;line-height:1;}
  .analyse-colonnes:has(button:nth-child(8)) button:nth-child(even) .analyse-lib {padding-top:16px;}
  .analyse-detail dl {display:block;margin-bottom:9px;}
  .performance-page .perf-outils {width:100%;flex-wrap:wrap;}
  .performance-page #perf-recherche {min-width:0;width:auto;flex:1 1 150px;}
}

.eq-annuaire { --eq-encre: #19364b; --eq-texte: #516778; --eq-bord: #d5e1e7; color: var(--eq-encre); }
.eq-entete, .eq-outils, .eq-pied, .eq-profil-rubrique, .eq-profil-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.eq-entete, .eq-pied, .eq-profil-rubrique { justify-content: space-between; }
.eq-entete { margin-bottom: 20px; }
.eq-entete h1, .eq-entete p { margin: 0; }
.eq-entete p { margin-top: 4px; color: var(--eq-texte); }
.eq-entete #eq-attente { display: inline-flex; align-items: center; gap: 9px; }
#eq-attente strong, .eq-attente { background: #fbefdb; color: #78511c; border-radius: 8px; padding: 2px 8px; }
#eq-attente[aria-pressed=true] { border-color: #926526; background: #fff5e6; color: #694715; }
.eq-outils { margin: 0 0 14px; }
.eq-outils #eq-recherche { width: min(100%, 310px); }
.eq-outils #eq-role { width: auto; max-width: 100%; }
.eq-compte { margin-left: auto; color: var(--eq-texte); font-size: 13px; }
.eq-grille { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.eq-carte { min-width: 0; border: 1px solid var(--eq-bord); border-radius: 14px; color: var(--eq-encre); background: #fff; text-decoration: none; overflow: hidden; }
.eq-carte:is(:hover,:focus-visible) { border-color: #527b93; }
.eq-carte:focus-visible { outline: 2px solid #2455ad; outline-offset: 2px; }
.eq-identite { display: flex; align-items: center; gap: 14px; padding: 19px 19px 0; }
.eq-avatar { width: 48px; height: 48px; flex: none; display: grid; place-items: center; border-radius: 14px; color: #265576; background: #e6eff5; font-size: 18px; font-weight: 650; }
.eq-identite h2 { font-size: 19px; line-height: 1.2; margin: 0; color: var(--eq-encre); overflow-wrap: anywhere; }
.eq-role, .eq-chiffres dt, .eq-chiffres .eq-precision { color: var(--eq-texte); font-size: 13px; }
.eq-chiffres { display: grid; grid-template-columns: 1.12fr 1fr; margin: 18px 19px; gap: 12px; }
.eq-chiffres > div + div { padding-left: 14px; border-left: 1px solid var(--eq-bord); }
.eq-chiffres dd { margin: 3px 0 0; font-size: clamp(18px,2vw,25px); font-weight: 620; line-height: 1.25; }
.eq-chiffres .eq-precision { font-weight: 400; }
.eq-pied { border-top: 1px solid var(--eq-bord); background: #f4f8fa; padding: 10px 19px; color: #255570; font-size: 13px; font-weight: 600; min-height: 42px; }
.eq-attente { font-size: 12px; }
.eq-vide { grid-column: 1 / -1; padding: 20px; text-align: center; border: 1px solid var(--eq-bord); border-radius: 12px; }
.eq-profil-actions { justify-content: flex-end; }
.eq-profil-rubrique h2 { margin: 0; }
#eq-vacances { scroll-margin-top: 20px; }
@media (max-width: 780px) {
  .eq-grille { grid-template-columns: 1fr; }
  .eq-profil-actions { justify-content: flex-start; }
  .eq-profil-entete { flex-wrap: wrap; }
}
@media (max-width: 520px) {
  .eq-outils #eq-recherche { width: 100%; }
  .eq-identite { padding: 15px 14px 0; }
  .eq-chiffres { margin: 16px 14px; }
  .eq-pied { padding: 9px 14px; }
}

.cx-page { --cx-encre: #19384b; --cx-detail: #516777; --cx-bord: #d4e0e6; color: var(--cx-encre); }
.cx-entete h1, .cx-entete p, .cx-service h2, .cx-usage p, .cx-regles h2, .cx-regles p { margin: 0; }
.cx-entete p { margin-top: 4px; color: var(--cx-detail); }
.cx-barre, .cx-filtres, .cx-identite, .cx-actions, .cx-regles, .cx-detail-identite { display: flex; align-items: center; gap: 12px; }
.cx-barre { justify-content: space-between; gap: 8px; margin: 20px 0 12px; }
.cx-filtres { flex-wrap: wrap; gap: 3px; padding: 3px; border-radius: 10px; background: #e8eef2; }
.cx-filtres button { background: transparent; color: #445c6b; padding: 7px 11px; border: 1px solid transparent; border-radius: 7px; }
.cx-filtres button[aria-pressed=true] { font-weight: 650; color: #1b4663; background: white; border-color: #c2d1d9; }
#cx-compte { color: var(--cx-detail); font-size: 13px; white-space: nowrap; }
.cx-liste { border: 1px solid var(--cx-bord); background: white; border-radius: 14px; overflow: hidden; }
.cx-service { display: grid; grid-template-columns: minmax(180px,1fr) minmax(200px,1.55fr) auto; gap: 20px; align-items: start; padding: 20px; border-bottom: 1px solid var(--cx-bord); }
.cx-service:last-of-type, .cx-service:not(:has(~ .cx-service:not([hidden]))) { border-bottom: 0; }
.cx-service[hidden] { display: none; }
.cx-identite { align-items: center; min-width: 0; }
.cx-identite h2 { font-size: 17px; line-height: 1.28; }
.cx-identite small { color: var(--cx-detail); overflow-wrap: anywhere; }
.cx-icone { width: 40px; height: 40px; flex: none; display: grid; place-items: center; border-radius: 11px; background: #e9f1f7; color: #34627d; }
.cx-icone svg { width: 21px; height: 21px; }
.cx-service[data-v2-carte=whatsapp] .cx-icone { color: #376956; background: #e8f3ed; }
.cx-service[data-v2-carte=agent] .cx-icone { color: #655783; background: #efebf6; }
.cx-service[data-v2-carte=estimations] .cx-icone { color: #856040; background: #f6efe5; }
.cx-usage p { color: #445b6a; line-height: 1.5; font-size: 14px; }
.cx-usage .v2-outlook-etat { border-left: 2px solid #c8dbe6; padding-left: 10px; margin-top: 9px; }
.cx-usage .v2-outlook-etat p { font-size: 12px; line-height: 1.55; }
.cx-actions { gap: 8px; flex-wrap: wrap; justify-content: flex-end; align-self: start; }
.cx-actions .v2-tag, .cx-detail-identite .v2-tag { white-space: normal; }
.cx-regles { margin-top: 16px; padding: 16px 20px; border: 1px solid var(--cx-bord); border-radius: 12px; background: #edf4f7; justify-content: space-between; }
.cx-regles h2 { font-size: 16px; }
.cx-regles p { margin-top: 3px; font-size: 13px; color: var(--cx-detail); }
.cx-regles a { white-space: nowrap; font-weight: 600; }
.cx-detail-identite { flex-wrap: wrap; margin: 12px 0; overflow-wrap: anywhere; }
@media(max-width:1080px) {
  .cx-service { grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
  .cx-usage { grid-column: 1 / -1; grid-row: 2; }
  .cx-actions { grid-column: 2; grid-row: 1; }
}
@media(max-width:600px) {
  .cx-service { padding: 14px; grid-template-columns: minmax(0,1fr); }
  .cx-actions { grid-column: 1; grid-row: 3; justify-content: space-between; }
  .cx-regles { flex-direction: column; align-items: flex-start; }
  .cx-barre { flex-wrap: wrap; }
}

/* Publications : une ligne par bien, une action par portail. */
.pub-page { color:#19384b; --pub-bord:#d5e0e6; container-type:inline-size; }
.pub-entete { margin-bottom:24px; }
.pub-page .pub-entete h1 { margin:6px 0; }
.pub-entete p,.pub-note { color:#526879; }
.pub-entete p { margin:0; }
.pub-rubrique { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.11em; color:#426575; }
.pub-rubrique span { width:21px; height:2px; background:#578190; }
.pub-registre { background:white; border:1px solid var(--pub-bord); border-radius:14px; overflow:hidden; }
.pub-barre { padding:20px; }
.pub-titre,.pub-outils,.pub-note,.pub-pages,.pub-detail-head { display:flex; align-items:center; gap:12px; }
.pub-titre h2 { margin:0; font-size:19px; }
#pub-compte { font-size:12px; font-weight:650; border:1px solid var(--pub-bord); border-radius:20px; padding:2px 8px; color:#4c6575; }
.pub-outils { flex-wrap:wrap; margin-top:16px; gap:8px; }
.pub-onglets { display:flex; padding:3px; border-radius:9px; background:#edf2f5; margin-right:auto; }
.pub-onglets button { background:transparent; color:#445d6e; padding:6px 11px; border:1px solid transparent; border-radius:7px; }
.pub-onglets button[aria-pressed=true] { background:white; border-color:#c4d3dc; color:#19384b; font-weight:650; }
.pub-cherche { position:relative; flex:0 1 240px; margin:0; }
.pub-cherche .svg { width:16px; height:16px; position:absolute; left:10px; top:50%; transform:translateY(-50%); color:#587384; pointer-events:none; }
.pub-cherche input,.pub-outils select { min-height:36px; border:1px solid #c4d3dc; background-color:white; border-radius:8px; font-size:13px; }
.pub-cherche input { width:100%; padding-left:34px; }
.pub-outils select { width:auto; padding:6px 9px; }
.pub-table-wrap { overflow-x:auto; }
.pub-table { width:100%; border-collapse:collapse; }
.pub-table thead th { font-size:12px; color:#526879; background:#f2f6f8; }
.pub-table th,.pub-table td { padding:13px 12px; text-align:left; vertical-align:middle; border:0; border-top:1px solid var(--pub-bord); }
.pub-table th:first-child,.pub-table .pub-detail td { padding-left:20px; }
.pub-table tbody th { min-width:135px; max-width:310px; }
.pub-table th a { color:#1a435b; text-decoration:none; font-weight:650; white-space:normal; }
.pub-table th a:hover { text-decoration:underline; }
.pub-table small { display:block; font-size:12px; font-weight:400; color:#536c7c; margin-top:3px; }
.pub-mobile { display:none; }
.pub-table .pub-badge { color:#536574; background:#edf1f3; border:1px solid transparent; border-radius:20px; padding:5px 9px; font-size:12px; font-weight:600; line-height:1.25; display:inline-flex; align-items:center; gap:6px; text-align:left; white-space:normal; }
.pub-badge i { width:6px; height:6px; border-radius:50%; background:currentColor; flex:none; }
.pub-table .pub-badge:hover,.pub-table .pub-badge[aria-expanded=true] { border-color:currentColor; }
.pub-table .pub-enligne { background:#e4f2e9; color:#295c45; }
.pub-table .pub-attente { background:#fff0d6; color:#78501c; }
.pub-table .pub-alerte { background:#fce8e5; color:#953f32; }
.pub-table .pub-depot { background:#e3eff6; color:#295877; }
.pub-table .pub-detail td { background:#f3f7fa; padding:14px 20px; white-space:normal; }
.pub-detail-head,.pub-pages { justify-content:space-between; }
.pub-detail .diffusion-portail { background:white; margin-top:10px; padding:14px; }
.pub-vide { padding:28px 20px; text-align:center; border-top:1px solid var(--pub-bord); }
.pub-vide p { margin:5px 0 12px; }
.pub-note { font-size:13px; align-items:flex-start; margin:14px 2px 22px; gap:8px; }
.pub-note svg { width:16px; height:16px; flex:none; }
.pub-config { padding:12px 16px; border:1px solid var(--pub-bord); border-radius:10px; }
.pub-config summary { font-weight:600; cursor:pointer; }
.pub-config p { margin:10px 0; }
.pub-pages { font-size:13px; padding:12px 20px; border-top:1px solid var(--pub-bord); }
@container(max-width:585px) {
  .pub-onglets { flex-basis:auto; }
  .pub-cherche { flex:1 1 140px; }
  .pub-barre { padding:15px; }
  .pub-table,.pub-table tbody,.pub-table tr,.pub-table tbody th { display:block; }
  .pub-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .pub-table tr { padding:13px 15px; border-top:1px solid var(--pub-bord); }
  .pub-table tbody th,.pub-table td,.pub-table th:first-child { border:0; padding:4px 0; max-width:none; }
  .pub-table td { display:flex; align-items:center; justify-content:space-between; gap:10px; }
  .pub-mobile { display:inline; color:#526879; font-size:13px; }
  .pub-table .pub-detail { background:#f3f7fa; }
  .pub-table .pub-detail td { display:block; padding:0; }
}
@container(max-width:480px) {
  .pub-onglets { margin:0 100% 2px 0; flex:none; }
  .pub-outils select { max-width:50%; }
}

.pub-table tbody th { text-transform:none; letter-spacing:normal; font-size:14px; background:transparent; }
.pub-table .pub-sans-incident { font-size:12px; color:#576f7f; }
@container(min-width:586px) and (max-width:820px) {
  .pub-table th,.pub-table td { padding:10px 5px; }
  .pub-table th:first-child { padding-left:14px; }
  .pub-table tbody th { min-width:120px; }
  .pub-table .pub-badge { padding:5px 6px; font-size:11px; }
}

.rg-page { --rg-encre:#193b4c; --rg-second:#506575; --rg-bord:#d1dfe5; color:var(--rg-encre); max-width:1060px; container-type:inline-size; }
.rg-entete { margin-bottom:20px; }
.rg-entete small { display:flex; align-items:center; gap:8px; color:#466675; text-transform:uppercase; font-size:11px; font-weight:700; letter-spacing:.12em; }
.rg-entete small::before { content:""; width:22px; height:2px; background:#558299; }
.rg-page h1 { margin:5px 0; }
.rg-entete p,.rg-intro { margin:0; color:var(--rg-second); }
.rg-tabs { display:flex; flex-wrap:wrap; gap:4px; margin:0 0 14px; padding:4px; width:fit-content; max-width:100%; box-sizing:border-box; background:#eaf0f3; border:1px solid #d9e3e8; border-radius:12px; }
.rg-tabs button { display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:550; padding:8px 11px; color:#435d6e; border:1px solid transparent; background:transparent; border-radius:8px; }
.rg-tabs button[aria-selected=true] { background:white; color:#164463; border-color:#c0d1da; box-shadow:0 1px 3px #193b4c0e; }
.rg-tabs .svg { width:16px; height:16px; }
.rg-panneau { background:white; border:1px solid var(--rg-bord); border-radius:14px; }
.rg-page [hidden] { display:none; }
.rg-identite,.rg-team-entete,.rg-personne,.rg-actions { display:flex; align-items:center; gap:12px; }
.rg-identite { padding:20px 24px; border-radius:14px 14px 0 0; background:#edf5f6; }
.rg-avatar { flex:none; display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:#d5e7ea; color:#285767; font-weight:650; }
.rg-identite strong,.rg-identite small { display:block; }
.rg-identite strong { font-size:19px; }
.rg-identite small,.rg-personne small { font-size:12px; color:var(--rg-second); }
.rg-role { margin-left:auto; padding:4px 10px; border-radius:20px; color:#285767; border:1px solid #c4dadd; font-size:12px; }
.rg-bloc { padding:22px 24px; }
.rg-bloc + .rg-bloc,.rg-identite + .rg-bloc { border-top:1px solid var(--rg-bord); }
.rg-bloc h2 { font-size:19px; margin:0 0 4px; color:var(--rg-encre); }
.rg-bloc p { line-height:1.5; overflow-wrap:anywhere; }
.rg-bloc form { max-width:760px; margin:14px 0 0; }
.rg-bloc .grille-2 { gap:0 16px; }
.rg-bloc label { color:#314b5d; }
.rg-bloc input,.rg-bloc textarea { max-width:100%; min-width:0; box-sizing:border-box; }
.rg-bloc .detail,.rg-intro { color:var(--rg-second); font-size:13px; }
.rg-bloc .champ .detail { margin:4px 0 0; }
.rg-mdp { display:flex; flex-wrap:wrap; align-items:end; gap:10px; }
.rg-mdp label { flex:1 1 190px; }
.rg-mdp input { display:block; width:100%; margin-top:5px; }
.rg-team-entete { justify-content:space-between; }
.rg-membres { margin-top:16px; }
.rg-membre { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:7px 14px; padding:14px 0; border-top:1px solid var(--rg-bord); }
.rg-membre h3 { margin:0; font-size:15px; }
.rg-membre details { grid-column:1 / -1; }
.rg-membre summary { width:fit-content; cursor:pointer; color:#325e77; font-size:13px; }
.rg-actions { flex-wrap:wrap; gap:6px; }
.rg-contact { font-size:13px; overflow-wrap:anywhere; align-self:center; }
@container(max-width:580px) {
  .rg-bloc,.rg-identite { padding:16px; }
  .rg-tabs button { gap:5px; padding:7px 9px; }
  .rg-membre { grid-template-columns:1fr; }
  .rg-bloc .grille-2 { grid-template-columns:1fr; }
  .rg-mdp { display:grid; }
  #form-codes-secours { flex-wrap:wrap; }
  .rg-identite { flex-wrap:wrap; }
}

.fb-apercu { --fb-bord:#d5e0e6; --fb-encre:#193c50; max-width:1120px; margin:0 auto 22px; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(275px,1fr); align-items:start; gap:16px; color:var(--fb-encre); }
.fb-apercu:has(> :only-child) {grid-template-columns:1fr;}
.fb-galerie,.fb-apercu .resume-diffusion {background:white; border:1px solid var(--fb-bord); border-radius:14px; min-width:0; overflow:hidden;}
.fb-galerie header,.fb-actions-galerie,.fb-apercu .resume-diffusion-entete {display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; padding:14px 16px; margin:0;}
.fb-apercu h2 {margin:0; font-size:18px; letter-spacing:-.02em;}
.fb-position {font-size:13px; color:#526a78; font-variant-numeric:tabular-nums;}
.fb-photo {display:block; position:relative; background:#e6ecee;}
.fb-photo img {display:block; width:100%; height:clamp(185px,22vw,320px); object-fit:cover; background:#e9edef;}
.fb-legende {position:absolute; bottom:10px; left:12px; padding:4px 8px; max-width:calc(100% - 24px); overflow-wrap:anywhere; color:white; background:#152b38d9; border-radius:5px; font-size:12px;}
.fb-vignettes {display:flex; gap:7px; padding:10px 16px; overflow:auto;}
.fb-vignettes button {border-radius:7px; padding:2px; background:white; border:2px solid transparent; flex:none; cursor:pointer;}
.fb-vignettes button[aria-pressed=true] {border-color:#276683;}
.fb-vignettes img {display:block; width:60px; height:42px; object-fit:cover; border-radius:3px;}
.fb-actions-galerie {justify-content:flex-start; padding:10px 16px; border-top:1px solid var(--fb-bord); color:inherit; background:white;}
.fb-vide {margin:0; padding:24px 16px; color:#576b77; background:#f4f7f8;}
.fb-apercu .resume-diffusion {margin:0; padding:0; width:100%; box-sizing:border-box;}
.fb-apercu .resume-diffusion-entete {flex-direction:row;}
.fb-apercu .resume-diffusion-grille {display:block;}
.fb-apercu .resume-portail {display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:3px 8px; padding:11px 16px; border:0; border-top:1px solid var(--fb-bord); border-radius:0; background:white;}
.fb-nom-portail {min-width:0; overflow-wrap:anywhere;}
.fb-nom-portail .resume-portail-destination {display:block; margin:2px 0 0;}
.fb-apercu .statut-diffusion {border-radius:16px; font-size:11px; justify-self:end;}
.statut-diffusion-depot {background:#e2eff8; color:#305d7a;}
.fb-trace {grid-column:1 / -1;}
.fb-trace summary {cursor:pointer; font-size:12px; color:#426478; width:fit-content;}
.fb-trace small,.fb-trace a {display:block; margin-top:4px;}
.fb-lecteur {position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%);}
.fb-apercu .resume-diffusion > .aide {margin:0; padding:12px 16px; background:#f3f7f9; color:#4e6573; font-size:12px;}
.fb-filtres-docs {display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:12px 0;}
.fb-filtres-docs input,.fb-filtres-docs select {width:auto; max-width:100%; min-width:0;}
#fb-resultats-docs {font-size:13px; color:#526879;}
.medias-lot [hidden] {display:none!important;}
#titre-docs-lot,#titre-photos-lot {scroll-margin-top:90px;}
@media(max-width:980px) {
  .fb-apercu {grid-template-columns:minmax(0,1fr) minmax(235px,.88fr); gap:10px;}
}
@media(max-width:760px) {
  .fb-apercu {grid-template-columns:minmax(0,1fr);}
  .fb-photo img {height:auto; aspect-ratio:16/10;}
}

/* Fiche promotion, inventaire des lots. */
.fp-projet {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,30%); align-items:stretch;
  border:1px solid #d4e0e6; border-radius:14px; overflow:hidden; background:#f0f6f7;
}
.fp-identite {grid-row:1; grid-column:1; align-self:center; padding:20px 26px; color:#193d50;}
.fp-identite h1 {margin:8px 0 5px; line-height:1.13; font-size:clamp(24px,3vw,38px); overflow-wrap:anywhere;}
.fp-identite p {margin:4px 0; color:#425e6f; font-size:14px;}
.fp-identite strong {font-weight:600; margin-right:5px;}
.fp-photo {grid-column:2; grid-row:1; position:relative; min-height:144px; margin:0; background:#dce7e9; justify-content:center; align-items:center;}
.fp-photo > img {position:absolute; inset:0; width:100%; height:100%; border-radius:0; object-fit:cover; object-position:50% 58%; }
.fp-photo > button {position:relative; margin:8px; z-index:1; font-size:12px; align-self:flex-end; min-height:34px; background:#fff; color:#234656; border-color:#ced9df;}
.fp-projet:has(.fp-photo button:disabled) {grid-template-columns:1fr;}
.fp-photo:has(button:disabled) {display:none;}
.fp-actions {display:flex; gap:7px; align-items:center; flex-wrap:wrap; margin:12px 0 20px;}
.fp-actions > button,.fp-actions > details summary {min-height:36px; padding:7px 12px; font-size:13px;}
.fp-inventaire.carte {min-width:0; margin-bottom:18px; padding:clamp(14px,2vw,24px); border-color:#d5dfe4;}
.fp-inventaire h2 {font-size:22px; color:#193d50; margin:0 0 14px;}
.fp-disponibilites {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0 0 16px;}
.fp-disponibilites button {
  --accent:#365c79; text-align:left; min-height:67px; padding:9px 14px; border:1px solid #d5e0e6;
  display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:2px;
  border-radius:9px; background:#fff; color:#28495c;
}
.fp-disponibilites button[data-filtre-lots="en_vente"] {--accent:#23744e;}
.fp-disponibilites button[data-filtre-lots="reserve"] {--accent:#a56a19;}
.fp-disponibilites button[data-filtre-lots="vendu"] {--accent:#68758b;}
.fp-disponibilites button span {display:flex; align-items:center; gap:7px; font-size:12px; font-weight:550;}
.fp-disponibilites button span::before {content:""; background:var(--accent); width:8px; height:8px; border-radius:50%;}
.fp-disponibilites button strong {font-size:25px; font-weight:600; line-height:1.15; color:var(--accent); font-variant-numeric:tabular-nums;}
.fp-disponibilites button[aria-pressed=true] {border-color:var(--accent); box-shadow:inset 0 -3px var(--accent); background:#f1f6f8;}
.fp-outils {display:grid; grid-template-columns:minmax(130px,1.4fr) repeat(2,minmax(135px,1fr)); gap:10px;}
.fp-outils label {display:grid; gap:4px; font-size:12px; font-weight:600; color:#425d6b; margin:0;}
.fp-outils input,.fp-outils select {width:100%; min-width:0; min-height:40px; padding:8px 10px; margin:0; background:white; font-size:14px;}
#fp-effacer {margin-top:10px;}
#fp-effacer[hidden] {display:none;}
.fp-inventaire .resultat-lots {margin:14px 0 8px; color:#456170; font-size:13px;}
.fp-inventaire .tableau-lots {min-width:650px;}
.fp-inventaire .tableau-lots td,.fp-inventaire .tableau-lots thead th {padding:8px 10px;}
.fp-inventaire .tableau-lots .champ-lot {width:64px; min-height:32px; padding:3px 5px; background:transparent; border:1px solid #d5dee1;}
.fp-inventaire .champ-lot[data-champ="prix"] {width:90px;}
.fp-inventaire .champ-lot[data-champ="etage"] {width:82px;}
.fp-inventaire .tableau-lots .groupe-etage th {padding:7px 10px; background:#edf3f5; color:#365667;}
.fp-reference,.fp-attente {display:block; font-size:11px; line-height:1.45;}
.fp-reference {color:#526776; overflow-wrap:anywhere;}
.fp-diffusion {display:grid; grid-template-columns:1fr auto; align-items:center; gap:2px 5px; min-height:34px; padding:3px 6px; text-align:left; background:white; border:1px solid #d6e0e4; border-radius:7px;}
.fp-diffusion::after {content:"›"; grid-column:2; grid-row:1; color:#526b79; font-size:16px;}
.fp-attente {color:#825813; grid-column:1;}
.fp-portails > p {color:#4a6574; font-size:14px;}
.fp-portail {display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid #dce5e8;}
@media(max-width:760px) {
  .fp-inventaire .tableau-lots {min-width:0;}
  .fp-inventaire .tableau-lots td[data-label="Lot"] {display:flex; gap:6px;}
  .fp-disponibilites {grid-template-columns:repeat(2,minmax(0,1fr));}
  .fp-disponibilites button {min-height:48px; flex-direction:row; align-items:center; justify-content:space-between; padding:8px 10px;}
  .fp-outils {grid-template-columns:repeat(2,minmax(0,1fr));}
  .fp-outils label:first-child {grid-column:1/-1;}
  .fp-inventaire .tableau-lots td {padding:6px 8px;}
  .fp-projet {grid-template-columns:minmax(0,1fr) 31%;}
  .fp-identite {padding:14px;}
  .fp-photo {min-height:120px;}
  .fp-photo button {padding:4px; margin:5px; line-height:1.2;}
}

/* Fiche contact */
.fc-identite {background:#f0f6f7; color:#193d50; border:1px solid #d2e0e4; border-radius:15px; padding:20px 24px;}
.fc-nom {display:flex; align-items:center; gap:13px;}
.fc-nom h1 {font-size:clamp(25px,3vw,38px); line-height:1.15; margin:0; overflow-wrap:anywhere;}
.fc-nom .meta-contact {margin-top:6px;}
.fc-initiales {display:grid; place-items:center; flex:none; width:56px; height:56px; border-radius:15px; background:#254f61; color:white; font-size:21px; font-weight:600;}
.fc-coordonnees {display:flex; flex-wrap:wrap; gap:12px 30px; border-top:1px solid #d4e2e6; margin:16px 0 0; padding-top:12px;}
.fc-coordonnees dt,.fc-filtre {color:#526775; font-weight:600; font-size:12px;}
.fc-coordonnees dd {margin:3px 0 0; color:#203e50; font-size:14px; overflow-wrap:anywhere;}
.fc-coordonnees a,.fc-coordonnees button.fc-email {color:#215979; background:transparent; padding:0; min-height:0; border:0; border-radius:0; font:inherit; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; text-align:left;}
.fc-commandes {margin:10px 0 18px;}
.fc-commandes .actions-contact {justify-content:flex-start; max-width:none;}
.fc-commandes .actions-contact > * {width:auto; flex:none;}
.fc-dossiers {display:grid; grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr); gap:16px; align-items:start; margin-bottom:20px;}
.fc-dossiers > .carte {padding:clamp(15px,1.65vw,23px); margin:0; min-width:0; border:1px solid #d8e2e7; border-radius:14px;}
.fc-titre-section {display:flex; align-items:center; gap:9px; margin:0 0 15px;}
.fc-titre-section h2 {margin:0; font-size:21px; color:#193d50;}
.fc-icone {display:grid; place-items:center; flex:none; width:32px; height:32px; color:#38677c; background:#edf4f6; border-radius:9px;}
.fc-icone svg {width:18px; height:18px;}
.fc-filtre {display:grid; gap:4px; margin:0;}
.fc-filtre select {background:#fff; min-height:40px; width:100%; margin:0; color:#233c4c;}
.fc-dossiers .profil-demande {background:#fff;}
.fc-dossiers .profil-demande:hover {background:#f6f9fb;}
.fc-dossiers .profil-demande-texte small {color:#516775;}
.fc-saisie {margin:10px 0; border-bottom:1px solid #d6e0e5;}
.fc-saisie summary {padding:8px 0; font-size:13px; color:#275970; cursor:pointer; font-weight:600;}
.fc-saisie .composer {margin-top:6px;}
.fc-dossiers .fil-suivi {border-top:0;}
.fc-jour {display:flex; align-items:center; gap:9px; margin:12px 0 7px; font-size:12px; color:#466172; font-weight:650; font-variant-numeric:tabular-nums;}
.fc-jour::after {content:""; height:1px; background:#dce6e9; flex:1;}
.fc-evenement {position:relative; margin-left:5px; padding:3px 0 8px 16px; border-left:1px solid #cbdde3; min-width:0;}
.fc-evenement::before {content:""; width:9px; height:9px; border-radius:50%; background:#728499; border:2px solid white; position:absolute; top:13px; left:-5px; box-sizing:border-box;}
.fc-evenement[data-type="entrant"]::before {background:#15856f;}
.fc-evenement[data-type="sortant"]::before {background:#3a71b0;}
.fc-evenement .msg,.fc-evenement .suivi-evt,.fc-evenement .msg-auto {margin:0; max-width:100%; width:100%; padding:10px 12px; border:1px solid #dbe4e8; border-radius:9px; box-sizing:border-box;}
.fc-evenement .msg-entrant {background:#eff7f4;}
.fc-evenement .msg-sortant {background:#f1f5fb;}
.fc-evenement .suivi-evt::before,.fc-evenement .msg-auto::before {display:none;}
.fc-evenement .msg-tete {flex-wrap:wrap; gap:2px 10px;}
.fc-evenement .msg-tete strong {overflow-wrap:anywhere;}
.fc-complements {display:grid; grid-template-columns:repeat(auto-fit,minmax(min(235px,100%),1fr)); gap:20px; align-items:start;}
.fc-complements .panneau-section {padding:0; margin:0; border:0;}
.fc-raccourcis {display:none;}
.fc-dossiers #demandes-contact,.fc-dossiers #titre-suivi {scroll-margin-top:16px;}
@media(max-width:960px){
  .fc-dossiers {grid-template-columns:minmax(0,1fr);}
  .fc-raccourcis {display:flex; gap:8px; margin-bottom:12px;}
  .fc-raccourcis button {font-size:13px; padding:6px 12px;}
  .fc-dossiers .suivi {grid-row:1;}
}
@media(max-width:600px){
  .fc-identite {padding:15px;}
  .fc-coordonnees {display:grid; gap:10px; grid-template-columns:repeat(2,minmax(0,1fr));}
  .fc-coordonnees > div:has(.fc-email),.fc-coordonnees > div:last-child {grid-column:1/-1;}
  .fc-commandes .actions-contact {display:flex; gap:5px; flex-wrap:wrap;}
  .fc-commandes .actions-contact > button,.fc-commandes summary {min-height:36px; padding:7px 10px; font-size:12px;}
  .fc-evenement {padding-left:11px;}
}

/* Fiche d’estimation */
.fe-dossier {max-width:1280px;margin:auto;color:#233944}
.fe-entete {margin-bottom:22px}
.fe-entete>a {display:inline-block;color:#496577;font-size:13px;margin-bottom:14px;text-decoration:none}
.fe-entete>a:hover,.fe-classer:hover {text-decoration:underline}
.fe-entete>div {display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.fe-entete h1 {margin:0;font-size:clamp(26px,3vw,37px);line-height:1.14}
.fe-entete p,.fe-dossier .v2-source {color:#556b77}
.fe-entete p {margin:8px 0 0}
.fe-grille {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"bien valeur" "details rail";gap:18px;align-items:start}
.fe-bien {grid-area:bien}
.fe-valeur {grid-area:valeur}
.fe-rail {grid-area:rail}
.fe-details {grid-area:details}
.fe-dossier .v2-card {margin:0;min-width:0;border-radius:14px;padding:clamp(17px,2vw,26px);overflow-wrap:anywhere}
.fe-dossier h2 {font-size:19px;line-height:1.25;margin:0 0 14px;color:inherit}
.fe-bien h2,.fe-valeur h2 {display:flex;align-items:center;gap:9px}
.fe-bien,.fe-valeur {align-self:stretch}
.fe-icone,.fe-valeur h2 svg {display:inline-flex;width:23px;height:23px;flex:none}
.fe-icone {color:#4c746e}
.fe-adresse {font-size:17px}
.fe-caracteristiques {display:flex;gap:clamp(12px,2vw,32px);flex-wrap:wrap;margin:18px 0;border-block:1px solid #dce4e7;padding:14px 0}
.fe-caracteristiques dt {font-size:12px;color:#526974}
.fe-caracteristiques dd {margin:4px 0 0;font-variant-numeric:tabular-nums;font-size:21px;font-weight:600}
.fe-formulaire summary {cursor:pointer;font-weight:550;font-size:14px}
.fe-formulaire dl {margin-top:14px}
.fe-dossier .fe-valeur {background:#16453f;color:white;border-color:#16453f}
.fe-valeur h2 {font-size:16px;color:#e1f2ea}
.fe-valeur .fe-montant {margin:14px 0 4px;font-size:clamp(24px,2.6vw,38px);line-height:1.15;letter-spacing:-.045em;color:white;font-weight:550}
.fe-montant span {display:inline-block}
.fe-valeur p,.fe-valeur small {font-size:14px;color:#e5f2ed}
.fe-valeur small {display:block;font-size:12px;margin-top:12px}
.fe-valeur .v2-action {background:#f4faf7;color:#18433d;border-color:#bfd8cc}
.fe-commentaire {white-space:pre-line;margin-top:10px}
.fe-vendeur-valeur {border-top:1px solid #55746d;margin-top:14px;padding-top:10px}
.fe-dossier .v2-action {min-height:36px}
.fe-bien>.v2-action,.fe-valeur>.v2-action,.fe-gestion .v2-action,.fe-details form>.v2-action,.fe-bien>.v2-source {margin-top:12px}
.fe-details,.fe-rail,.fe-gestion {display:grid;gap:18px;min-width:0}
.fe-nom {font-size:18px;font-weight:550;margin:6px 0 14px}
.fe-parcours {list-style:none;margin:0;padding:0}
.fe-parcours li {position:relative;display:flex;gap:12px;padding-bottom:15px;align-items:start}
.fe-parcours li:last-child {padding-bottom:0}
.fe-parcours li:not(:last-child)::before {content:"";position:absolute;left:12px;top:25px;bottom:0;width:2px;background:#d4dedb}
.fe-parcours .passee:not(:last-child)::before {background:#88afa0}
.fe-position {box-sizing:border-box;display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:50%;background:white;border:1px solid #aebdb8;font-size:12px;color:#54695e}
.fe-position svg {width:15px;height:15px}
.fe-parcours .passee .fe-position {background:#e6f2ec;color:#28654e;border-color:#aecbbd}
.fe-parcours .actuelle .fe-position {background:#205d4b;color:white;border-color:#205d4b}
.fe-parcours strong,.fe-parcours small {display:block;font-size:14px}
.fe-parcours small {font-size:12px;color:#596d74;margin-top:2px}
.fe-parcours .actuelle strong {color:#205d4b}
.fe-suite {margin-top:18px;padding-top:14px;border-top:1px solid #dce4e7}
.fe-suite h3 {font-size:13px;margin:0 0 8px}
.fe-suite .v2-action {margin:0 6px 6px 0}
.fe-classer {display:block;background:none;border:0;padding:0;min-height:34px;color:#596d74;font-size:12px}
.fe-gestion .v2-source {margin-top:8px}
@media(max-width:850px){
  .fe-grille {grid-template-columns:minmax(0,1fr);grid-template-areas:"bien" "valeur" "suivi" "details" "gestion"}
  .fe-rail {display:contents}
  .fe-suivi {grid-area:suivi}
  .fe-gestion {grid-area:gestion}
}
.fe-raccourcis {display:none}
@media(max-width:850px){
  .fe-raccourcis {display:flex;flex-wrap:wrap;gap:5px 16px;margin-top:10px}
  .fe-raccourcis a {display:inline-flex;align-items:center;min-height:32px;font-size:13px;color:#275a50}
  .fe-valeur,.fe-suivi {scroll-margin-top:12px}
}

/* Détail d’une activité de l’agenda. */
#modale:has(.fa-activite) {width:min(620px,100%);padding:0;overflow:hidden}
#modale:has(.fa-activite) .fermer-modale {z-index:1;background:#fff;color:#294b53;border-color:#cbdadc}
.fa-activite {color:#213642;overflow-wrap:anywhere}
.fa-entete {padding:24px;background:#e8f2ef;border-bottom:1px solid #d2e4dd}
.fa-type,.fa-horaire,.fa-horaire span,.fa-lien-entete,.fa-suivi-entete,.fa-actions {display:flex;align-items:center}
.fa-type,.fa-horaire span,.fa-lien-entete {gap:8px}
.fa-type {font-size:13px;font-weight:600;color:#276457;margin-right:40px}
.fa-activite svg {width:17px;height:17px;flex:none}
#modale .fa-entete h2 {margin:10px 30px 14px 0;font-size:clamp(23px,3vw,31px);line-height:1.15;color:#193d36}
.fa-horaire {color:#274d44;gap:10px 22px;flex-wrap:wrap;font-size:15px;font-variant-numeric:tabular-nums}
.fa-liens {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 24px}
.fa-lien {min-width:0;display:grid;align-content:start;gap:5px;padding:14px;border:1px solid #d8e1e3;border-radius:11px;text-decoration:none;color:inherit}
a.fa-lien:hover {background:#f2f7f5;border-color:#93b9a8}
.fa-lien strong {font-size:16px;line-height:1.35}
.fa-lien small,.fa-attribution dt {color:#546a72;font-size:12px}
.fa-lien-entete {font-size:12px;color:#4a655c;margin-bottom:4px}
.fa-lien-entete svg:last-child:not(:first-child) {margin-left:auto;width:15px}
.fa-suivi {margin:0 24px 18px}
.fa-suivi-entete {gap:12px}
#modale .fa-suivi h3 {margin:0;font-size:18px}
.fa-statut {font-size:12px;font-weight:600;padding:3px 9px;border-radius:20px;color:#375879;background:#ecf2fa}
.fa-statut.retard {background:#fff1dc;color:#875113}
.fa-statut.terminee {background:#e4f2e8;color:#24563d}
.fa-attribution {display:flex;flex-wrap:wrap;gap:12px 26px;margin:12px 0}
.fa-attribution dd {margin:3px 0 0;font-weight:550}
.fa-note {background:#f4f6f7;padding:12px 14px;border-radius:8px;white-space:pre-wrap;line-height:1.55;margin:0}
.fa-actions {border-top:1px solid #d8e1e3;padding:14px 24px;gap:8px;align-items:start;flex-wrap:wrap;justify-content:flex-end}
.fa-report {margin-right:auto}
.fa-report summary {padding:10px 2px;cursor:pointer;color:#405968;font-size:14px}
.fa-report>div {display:grid;gap:6px}
@media(max-width:540px){
  .fa-entete {padding:20px 16px}
  .fa-liens {grid-template-columns:1fr;margin:16px;gap:8px}
  .fa-lien {padding:10px 12px}
  .fa-suivi {margin:0 16px 16px}
  .fa-actions {padding:12px 16px}
  .fa-report[open] {flex-basis:100%}
}

/* Dossier de vente, chronologie adaptée du composant Milestone Timeline de 21st.dev. */
.fv-dossier {max-width:1180px;margin:0 auto;color:#243e38;overflow-wrap:anywhere}
.fv-retour {display:inline-block;color:#46685c;margin:0 0 14px;text-decoration:none;font-size:14px}
.fv-retour:hover,.fv-prix a:hover,.fv-parties a:hover {text-decoration:underline}
.fv-hero {display:grid;grid-template-columns:3fr 2fr;overflow:hidden;border-radius:16px;background:#eaf1e9;border:1px solid #cedbd2}
.fv-resume {padding:clamp(20px,3vw,38px);min-width:0}
.fv-sur {font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:650;color:#496652;margin:0 0 12px}
.fv-dossier .fv-hero h1 {font-size:clamp(27px,3vw,43px);line-height:1.08;letter-spacing:-.03em;color:#1c4336;margin:0 0 10px}
.fv-adresse,.fv-carac {font-size:15px;margin:5px 0;color:#3a554a}
.fv-prix {margin-top:20px;border-top:1px solid #c5d4c8;padding-top:13px;display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fv-prix small,.fv-parties small,.fv-jalon small {display:block;color:#556a61;font-size:13px;line-height:1.45}
.fv-prix strong {font-size:24px;line-height:1.3;color:#203d31;font-variant-numeric:tabular-nums}
.fv-prix a,.fv-titre button {font:inherit;font-weight:600;font-size:13px;color:#285944;border:1px solid #9faf9f;border-radius:8px;padding:7px 12px;background:#ffffffb8;text-decoration:none;cursor:pointer}
.fv-visuel {position:relative;min-height:150px;background:#d8e4d8;display:grid;place-items:center}
.fv-visuel img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fv-visuel svg {width:50px;height:50px;color:#618679}
.fv-visuel>span {position:absolute;bottom:14px;left:16px;background:#fff;color:#2d503d;font-size:13px;font-weight:650;border-radius:20px;padding:5px 12px;box-shadow:0 1px 5px #0002}
.fv-colonnes {display:grid;grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr);gap:18px;margin-top:18px;align-items:start}
.fv-panneau {padding:20px 24px;background:white;border:1px solid #d8e1dc;border-radius:15px}
.fv-titre {display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:36px;margin-bottom:12px}
.fv-dossier .fv-titre h2 {font-size:22px;line-height:1.2;letter-spacing:-.02em;margin:0;color:#263f34}
.fv-parties,.fv-parcours,.fv-gestion {list-style:none;padding:0;margin:0}
.fv-parties li,.fv-gestion li {display:flex;align-items:center;gap:13px;padding:10px 0;border-top:1px solid #e4ebe5}
.fv-role {display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:9px;font-weight:600;background:#eef2eb;color:#46654e;font-size:14px}
.fv-parties a,.fv-parties strong {display:block;color:#234a39;font-size:15px;font-weight:600}
.fv-parties a {text-decoration:underline;text-decoration-color:#a8bcb0;text-underline-offset:3px}
.fv-manque {color:#617267}
.fv-jalon {position:relative;display:flex;align-items:flex-start;gap:13px;min-height:48px;padding:4px 0 7px}
.fv-jalon:not(:last-child)::before {content:'';position:absolute;top:24px;bottom:-7px;left:12px;width:2px;background:#d1dfd4}
.fv-point {z-index:1;flex:0 0 26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:13px;line-height:1;background:#e2efe6;color:#2e6045;border:1px solid #bbd0bf}
.fv-actuel .fv-point {background:#315a43;color:#fff;border-color:#315a43}
.fv-ouvert .fv-point {background:#fff;color:#627267;border:1px dashed #8b9e8f}
.fv-jalon strong {font-size:15px;color:#2e483a}
.fv-badge {margin-left:auto;border-radius:20px;background:#e7efe5;color:#34563e;padding:3px 8px;font-size:12px;font-weight:650}
.fv-gestion {margin:12px 0}.fv-gestion button {margin-left:auto}
@media(max-width:800px){.fv-colonnes {grid-template-columns:1fr}.fv-hero{grid-template-columns:3fr 2fr}.fv-panneau{padding:17px}}
@media(max-width:560px){.fv-hero {grid-template-columns:1fr}.fv-visuel {grid-row:1;height:140px;min-height:0}.fv-resume{padding:18px}.fv-badge{max-width:110px}.fv-colonnes{gap:12px;margin-top:12px}}

/* Honoraires d'une vente. Barre proportionnelle adaptée de Partition Bar, 8starlabs sur 21st.dev. */
.fh-detail {max-width:1160px;margin:0 auto;color:#213e37;overflow-wrap:anywhere}
.fh-detail nav,.fh-liens {display:flex;gap:10px;flex-wrap:wrap}
.fh-detail nav {margin-bottom:16px;justify-content:space-between}
.fh-detail nav a {color:#386354;font-size:14px;text-decoration:none}
.fh-detail nav a:hover {text-decoration:underline}
.fh-bandeau {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:clamp(20px,3vw,36px);border-radius:16px;background:#1e443c;color:#fff}
.fh-bandeau p {font-size:13px;font-weight:600;color:#d3e7da;margin:0 0 10px}
.fh-detail .fh-bandeau h1 {color:white;font-size:clamp(27px,3vw,40px);line-height:1.1;letter-spacing:-.03em;margin:0 0 12px}
.fh-bandeau small,.fh-bandeau span {display:block;color:#dfede5;line-height:1.5}
.fh-bandeau small {margin-top:3px}
.fh-total {border-left:1px solid #68887a;padding-left:clamp(18px,2.5vw,34px)}
.fh-total strong {display:block;font-size:clamp(26px,3vw,40px);color:#fff;line-height:1.3;letter-spacing:-.035em}
.fh-panneaux {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}
.fh-panneaux section {border:1px solid #d7e2dd;border-radius:15px;padding:clamp(16px,2.3vw,28px);background:#fff;min-width:0}
.fh-detail .fh-panneaux h2 {font-size:22px;color:#203f35;margin:0 0 12px;line-height:1.2}
.fh-panneaux p {color:#51695f;font-size:14px;margin:0 0 16px}
.fh-calcul,.fh-panneaux ul {padding:0;margin:0;list-style:none}
.fh-calcul>div {display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid #e4ebe6}
.fh-calcul dt {color:#486054;font-size:14px}.fh-calcul dd {margin:0;text-align:right;font-weight:600}
.fh-calcul .fh-resultat {background:#e9f1eb;border:0;border-radius:8px;margin-top:14px;padding:12px}
.fh-resultat dt,.fh-resultat dd {color:#204b39;font-weight:650}
.fh-detail dd,.fh-detail b,.fh-total {font-variant-numeric:tabular-nums}
.fh-barre {display:flex;gap:3px;height:15px;border-radius:5px;overflow:hidden;margin:18px 0 12px}
.fh-apporteur {background:#316b5b}.fh-pilote {background:#6386a5}.fh-vendeur {background:#c58a4a}
.fh-panneaux li {display:grid;grid-template-columns:9px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #e4ebe6}
.fh-panneaux li:last-child {border-bottom:0}.fh-panneaux li i {width:9px;height:9px;border-radius:50%}
.fh-panneaux li small {display:block;color:#54685f;font-size:13px;margin-top:3px}.fh-panneaux li span {font-size:13px;color:#54685f}.fh-panneaux li b {min-width:76px;text-align:right}
@media(max-width:880px){.fh-panneaux{grid-template-columns:1fr}}
@media(max-width:650px){.fh-bandeau{grid-template-columns:1fr;gap:16px}.fh-total{padding:14px 0 0;border-left:0;border-top:1px solid #68887a}.fh-panneaux{gap:12px}.fh-panneaux li{gap:7px}}

.pc-detail {max-width:1190px;margin:0 auto;color:#253f49}
.pc-detail nav,.pc-cadre,.pc-entete,.pc-acces,.pc-annee,.pc-entete dl {display:flex;align-items:center;gap:14px}
.pc-acces {flex-wrap:wrap}.pc-acces .champ {margin:0}
.pc-detail nav,.pc-cadre,.pc-entete {justify-content:space-between}
.pc-detail nav {margin-bottom:15px}.pc-detail nav a,.pc-detail td a {color:#285d73;text-underline-offset:3px}
.pc-entete {padding:clamp(18px,2.5vw,32px);border:1px solid #cbdde1;border-radius:15px;background:#eaf2f3;flex-wrap:wrap}
.pc-entete p,.pc-entete dt {margin:0;color:#41616d;font-size:14px}
.pc-detail .pc-entete h1 {margin:4px 0 12px;font-size:clamp(26px,3vw,38px);color:#173e50;letter-spacing:-.035em}
.pc-annee {gap:8px;font-size:13px}.pc-annee a {font-size:20px;line-height:1;border:1px solid #b4c8ce;border-radius:6px;padding:2px 8px;background:#fff;color:#244c5e;text-decoration:none}
.pc-entete dl {gap:clamp(16px,3vw,44px);margin:0}.pc-entete dl>div {border-left:1px solid #b9cdd1;padding-left:clamp(14px,2vw,26px)}
.pc-entete dd {font-size:clamp(23px,2.7vw,36px);margin:3px 0 0;letter-spacing:-.035em;font-weight:650;color:#163e50}
.pc-note,.pc-vide {padding:12px;background:#f1f5f6;border-radius:8px}
.pc-carte {background:#fff;border:1px solid #d6e0e4;border-radius:14px;margin-top:16px;padding:clamp(15px,2vw,24px)}
.pc-detail .pc-cadre h2 {font-size:21px;color:#233f4c;margin:0}.pc-cadre {flex-wrap:wrap;gap:8px}
.pc-cadre span,#pc-portee,.pc-carte small {font-size:13px;color:#506975}
.pc-graphique {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.pc-colonne {background:#f5f8f9;color:#254757;border:1px solid transparent;border-radius:8px;display:flex;align-items:center;flex-direction:column;gap:2px;padding:9px 4px;cursor:pointer;font:inherit}
.pc-colonne:hover,.pc-colonne[aria-pressed=true] {background:#e3eef2;border-color:#4b7a91}
.pc-colonne strong {font-size:14px;font-variant-numeric:tabular-nums}.pc-piste {height:66px;width:100%;display:flex;align-items:end;justify-content:center;border-bottom:1px solid #c4d3d9;margin:5px 0}
.pc-piste i {width:36%;max-width:66px;border-radius:4px 4px 0 0;background:#517e91}.pc-colonne[aria-pressed=true] i {background:#1e536b}
.pc-carte td {font-variant-numeric:tabular-nums}.pc-carte td small {display:block;margin-top:2px}
.pc-carte table {margin:0}.pc-tout {font-size:13px;color:#285d73;background:white;border:1px solid #b7cdd3;border-radius:7px;padding:5px 9px}
@media(max-width:650px){.pc-entete dl {width:100%;border-top:1px solid #c1d4d9;padding-top:12px}.pc-entete dl>div:first-child {padding:0;border:0}.pc-detail nav{font-size:13px}.pc-colonne strong{font-size:12px}.pc-colonne small{font-size:11px}.pc-graphique{gap:4px}.pc-carte td small{line-height:1.3}}

.fm-profil {max-width:1180px;margin:0 auto;color:#1d3245}
.fm-nav,.fm-exercice,.fm-identite,.fm-rubrique {display:flex;align-items:center;gap:12px}
.fm-nav,.fm-rubrique {justify-content:space-between;flex-wrap:wrap}
.fm-nav a,.fm-rubrique a {font-weight:600;color:#355a79}
.fm-exercice {padding:3px;border:1px solid #d9e2e8;border-radius:10px;background:white;font-size:13px}
.fm-exercice button {min-width:34px;min-height:32px;padding:3px 8px;border:0;background:transparent}
.fm-identite {gap:18px;margin:22px 0 24px}
.fm-avatar {display:grid;place-items:center;flex:none;width:74px;height:74px;border-radius:22px;font-size:26px;font-weight:650;letter-spacing:-1px;color:#254764;background:#dce8ef}
.fm-identite h1 {margin:3px 0;font-size:clamp(28px,3.4vw,43px);line-height:1.08;letter-spacing:-.035em}
.fm-identite p {margin:0;color:#526677;overflow-wrap:anywhere}
.fm-role {display:inline-block;font-size:13px;font-weight:650;color:#375b74}
.fm-bilan {display:grid;grid-template-columns:1.18fr 1fr;gap:16px}
.fm-carte {min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:clamp(18px,2.3vw,30px);border-radius:18px}
.fm-argent {color:white;background:#1c3650}
.fm-conge {color:#173f36;background:#e9f2ed;border:1px solid #d0e3d7}
.fm-profil .fm-carte h2 {margin:0;color:inherit;font-size:18px;font-weight:600}
.fm-montant {font-size:clamp(28px,3.6vw,48px);font-variant-numeric:tabular-nums;letter-spacing:-.045em;line-height:1.12;margin:10px 0 3px}
.fm-carte p {font-size:14px;margin:0}
.fm-argent p,.fm-argent dt {color:#d4e0eb}
.fm-carte dl {display:grid;gap:12px;margin:24px 0 20px}
.fm-trimestres {grid-template-columns:repeat(4,minmax(0,1fr))}
.fm-jours {grid-template-columns:repeat(2,minmax(0,1fr))}
.fm-carte dt {font-size:12px}
.fm-carte dd {margin:5px 0 0;font-weight:650;font-size:14px}
.fm-jours dd {font-size:18px}
.fm-trimestres progress {display:block;appearance:none;width:100%;height:4px;border:0;background:#475e72;border-radius:4px;margin-top:9px;color:#aacbde;overflow:hidden}
.fm-trimestres progress::-webkit-progress-bar {background:#475e72}
.fm-trimestres progress::-webkit-progress-value {background:#aacbde}
.fm-trimestres progress::-moz-progress-bar {background:#aacbde}
.fm-carte button.fm-lien {margin-top:auto;border:0;border-top:1px solid #ffffff42;border-radius:0;background:none;box-shadow:none;padding:14px 0 0;align-self:stretch;text-align:left;color:inherit;font-size:14px;font-weight:650}
.fm-conge button.fm-lien {border-color:#c2d7cc}
.fm-carte button.fm-lien:hover {text-decoration:underline}
.fm-rubrique {margin:30px 0 9px}
.fm-rubrique h2 {margin:0;scroll-margin-top:25px}
@media(max-width:900px) {
  .fm-bilan {grid-template-columns:repeat(2,minmax(0,1fr))}
  .fm-trimestres {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px) {
  .fm-bilan {grid-template-columns:1fr}
  .fm-avatar {width:57px;height:57px;font-size:21px;border-radius:16px}
  .fm-identite {gap:13px}
  .fm-carte dl {margin:17px 0}
}

.ol-page {max-width:1020px;margin:auto;color:#1b3448}
.ol-page nav,.ol-entete,.ol-dossiers li {display:flex;align-items:center;gap:14px}
.ol-page nav {justify-content:space-between;margin-bottom:20px}
.ol-page nav a {font-weight:600;color:#335974}
.ol-entete {padding:22px 26px;background:#193c57;color:white;border-radius:16px 16px 0 0}
.ol-icone {display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#30566e}
.ol-icone svg {width:28px;height:28px}
.ol-entete h1,.ol-entete p,.ol-synthese h2,.ol-synthese p,.ol-dossiers p {margin:0}
.ol-entete h1 {color:inherit;font-size:32px;letter-spacing:-.035em}
.ol-entete p {color:#d0e1ec;overflow-wrap:anywhere}
.ol-statut,.ol-incident {font-size:12px;font-weight:650;border-radius:18px;padding:5px 11px}
.ol-statut {margin-left:auto}
.ol-attention,.ol-incident {color:#724510;background:#ffebc5}
.ol-actif {color:#124c3a;background:#d7efe0}
.ol-synthese {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #d2dfe6;background:white;border-radius:0 0 16px 16px;overflow:hidden}
.ol-synthese section {padding:20px 24px}
.ol-synthese section+section {border-left:1px solid #dce5e9}
.ol-synthese h2 {font-size:14px;color:#486173}
.ol-synthese strong {display:block;margin:7px 0 4px;font-size:clamp(23px,3vw,35px);line-height:1.1;letter-spacing:-.045em;color:#183c52}
.ol-synthese p,.ol-dossiers p,.ol-note {font-size:13px;color:#516878}
.ol-section,.ol-incidents,.ol-inactif {margin:16px 0 0;padding:18px 24px;background:white;border:1px solid #d4e0e7;border-radius:14px}
.ol-incidents {border-color:#e9cf9e;background:#fff7e9;color:#684514}
.ol-incidents h2,.ol-section h2 {margin:0;font-size:19px;color:inherit}
.ol-incidents ul,.ol-options ul {margin:6px 0 0;padding-left:18px}
.ol-dossiers {margin:9px 0 0;padding:0;list-style:none}
.ol-dossiers li {padding:14px 0;border-top:1px solid #e1e9ee;flex-wrap:wrap;row-gap:6px}
.ol-dossiers li:before {content:'';width:8px;height:8px;background:#7897ab;border-radius:50%}
.ol-dossiers li>span {margin-left:auto;font-size:14px}
.ol-dossiers p {margin-top:3px}
.ol-note {margin:5px 0 0}
.ol-options summary {cursor:pointer;font-weight:600}
.ol-options p {margin:10px 0 0}
@media(max-width:690px){
 .ol-synthese {grid-template-columns:1fr}
 .ol-synthese section+section {border-left:0;border-top:1px solid #dce5e9}
 .ol-synthese section {padding:13px 18px}
 .ol-entete,.ol-section,.ol-incidents {padding:16px}
 .ol-entete {flex-wrap:wrap}
 .ol-dossiers .ol-incident {margin-left:22px}
}

.dp-page {max-width:1000px;margin:0 auto;color:#20394c}
.dp-retour,.dp-identite a {font-weight:600;color:#315c77}
.dp-titre {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0}
.dp-titre h1 {margin:0;letter-spacing:-.035em}
.dp-titre .statut-diffusion {border-radius:20px;padding:7px 13px}
.dp-bien {display:flex;align-items:stretch;background:#eef4f7;border:1px solid #d1dfe6;border-radius:16px;overflow:hidden}
.dp-photo {width:41%;object-fit:cover;min-height:180px;max-height:260px}
.dp-identite {padding:clamp(18px,3vw,32px);align-self:center;min-width:0;overflow-wrap:anywhere}
.dp-identite p,.dp-destinations {margin:0;color:#495f70;font-size:14px}
.dp-identite h2 {margin:6px 0 8px;font-size:clamp(22px,2.5vw,32px);line-height:1.12}
.dp-identite strong,.dp-identite a {display:block;margin-top:12px}
.dp-identite a {font-size:14px}
.dp-suivi,.dp-alerte {margin-top:18px;border:1px solid #d6e0e7;background:white;border-radius:14px;padding:20px 24px;overflow-wrap:anywhere}
.dp-alerte {background:#fff6e7;color:#694312;border-color:#e8cfa6;border-left:4px solid #bd802d}
.dp-suivi h2,.dp-alerte h2 {margin:0;font-size:20px;color:inherit}
.dp-alerte p,.dp-suivi p {margin:6px 0 0}
.dp-suivi dl {margin:14px 0 0}
.dp-suivi dl>div {border-top:1px solid #dce5e9;display:grid;grid-template-columns:minmax(140px,1fr) 1.4fr;gap:12px;padding:11px 0}
.dp-suivi dt {color:#506777}
.dp-suivi dd {font-weight:600;margin:0}
.dp-suivi small {display:block;color:#536979;font-weight:400}
@media(max-width:600px){
 .dp-bien {display:block}
 .dp-photo {display:block;width:100%;height:160px;min-height:0}
 .dp-suivi,.dp-alerte {padding:15px}
 .dp-suivi dl>div {grid-template-columns:1fr;gap:2px}
}

.rc-page { max-width:1100px; }
.rc-page .rc-retour,.rc-lien { color:#24586a; font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.rc-lien { width:fit-content; font-size:13px; }
.rc-retour { display:inline-block; margin:0 0 15px; font-size:14px; }
.rc-identite { display:flex; align-items:center; gap:20px; padding:26px 30px; border:1px solid #c9dddf; border-radius:14px; background:#ebf4f3; overflow-wrap:anywhere; }
.rc-initiales { flex:none; width:64px; height:64px; display:grid; place-items:center; border-radius:18px; background:#254d54; color:white; font-size:24px; font-weight:650; }
.rc-identite p { color:#42636b; font-size:13px; margin:0; }
.rc-identite h1 { margin:2px 0 4px; line-height:1.12; font-size:clamp(25px,3vw,36px); }
.rc-identite h1 + span { color:#435965; font-size:14px; }
.rc-statut { margin-left:auto; }
.rc-etat { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; background:#f0f2f4; border:1px solid #cbd5da; color:#46555f; border-radius:20px; padding:4px 10px; font-size:12px; font-weight:650; }
.rc-etat::before { content:''; width:7px; height:7px; border-radius:50%; background:currentColor; }
.rc-oui { background:#e4f2eb; border-color:#bbd9cb; color:#276448; }
.rc-colonnes { display:grid; grid-template-columns:1.15fr 1fr; gap:18px; margin-top:18px; }
.rc-carte { min-width:0; padding:23px; background:white; border:1px solid var(--rg-bord); border-radius:14px; }
.rc-carte h2 { display:flex; align-items:center; gap:10px; margin:0 0 8px; font-size:19px; }
.rc-carte h2 svg { width:20px; height:20px; flex:none; color:#476c74; }
.rc-carte dl,.rc-carte dd { margin:0; }
.rc-ligne,.rc-copie { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.rc-ligne { padding:15px 0; }
.rc-ligne + .rc-ligne,.rc-adresses > div { border-top:1px solid #e1e8ea; }
.rc-ligne:last-child { padding-bottom:0; }
.rc-ligne strong,.rc-copie h3 { font-size:14px; }
.rc-ligne small,.rc-explication,.rc-adresses dt { display:block; font-size:13px; color:var(--rg-second); line-height:1.45; }
.rc-ligne dd { font-size:13px; text-align:right; font-weight:600; }
.rc-copie { padding-top:15px; }
.rc-copie h3 { margin:0; }
.rc-explication { margin:6px 0 14px; }
.rc-adresses > div { padding:12px 0; }
.rc-adresses dd { margin-top:3px; font-size:14px; font-weight:550; overflow-wrap:anywhere; }
.rc-suspendu { margin:14px 0 0; color:#724c17; }
@container (max-width: 780px) { .rc-colonnes { grid-template-columns:1fr; } }
@container (max-width: 490px) {
  .rc-identite { gap:12px; flex-wrap:wrap; padding:18px; }
  .rc-initiales { width:44px; height:44px; font-size:18px; border-radius:12px; }
  .rc-statut { margin-left:0; }
  .rc-carte { padding:16px; }
}
/* Constat 278 : bandeau de surveillance, en tete de toutes les pages. Reprend la teinte du bandeau de reception des demandes. */
/* Le bandeau suit le decalage du contenu a droite du menu : memes seuils que .topbar et #contenu. */
#bandeau-surveillance{margin:16px 34px 0 252px}#bandeau-surveillance .v2-reception-alerte{margin:0 0 8px;font-size:14px;line-height:1.5}#bandeau-surveillance .v2-reception-alerte:last-child{margin-bottom:0}
@media(max-width:1150px){#bandeau-surveillance{margin:16px 24px 0 214px}}
@media(max-width:760px){#bandeau-surveillance{margin:12px 16px 0}}