/* Fransou · Service client v2 (18/10/2026) · Service client, Réclamations, Fidélité, Messagerie client. Même dosage que Mails v2 et que la Banque
   fond Encre, nuances d'Encre pour les cartes, une seule carte mise en avant, la casquette SOIE à la même place sur chaque page.
   Tout est sous .sc2 : rien ne touche aux autres pages. Rien sous 12 px, cibles de 44 px, un seul bouton plein par écran.
   Jetons à deux valeurs : sombre par défaut, clair au choix (data-sc-mode="clair"), contrastes mesurés dans chacun.
   Palette de données, pour les graphiques seulement : Brume, Sauge, Sable, Terre, Gris (contraste mesuré sur Encre et sur Blanc).
   Les polices sont celles que Devis et factures v2 sert déjà (/factures-v2/fonts/). */
@font-face{font-family:'Fransou Texte';src:url('/factures-v2/fonts/FransouTexte-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Fransou Texte';src:url('/factures-v2/fonts/FransouTexte-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Fransou Texte';src:url('/factures-v2/fonts/FransouTexte-Semibold.woff2') format('woff2');font-weight:600;font-display:swap}
.sc2{
  --coque:#0C181C; --page:#162125; --carte:#1D282C; --carte-n:#1A2428; --actif:#273135; --filet:#2E383C; --contour:#536066;
  --texte:#FFFFFF; --sec:#B9BFC1; --plein-fond:#FFFFFF; --plein-texte:#0C181C;
  --avant:#F3F4F3; --avant-texte:#0C181C; --avant-sec:#536066; --avant-filet:#D7DDDE; --avant-contour:#AAB5B8;
  --nuit:#0B121B; --nuit-sec:#A9B6C8;
  --d1:#7FB3C8; --d2:#9CC59A; --d3:#D8B47A; --d4:#C99AB8; --d5:#8E9BA0;
  --alerte:#F2A7A0; --soie-op:.045;
  --police:'Fransou Texte',system-ui,sans-serif; --r-pastille:4px; --r-champ:6px; --r-bouton:8px; --r-carte:12px;
  --courbe:cubic-bezier(.23,1,.32,1);
  position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;z-index:1;
  background:var(--page);color:var(--texte);font:400 15px/1.55 var(--police);font-synthesis:none;font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%;text-align:left;letter-spacing:normal
}
/* Le clair : les mêmes nuances, de l'autre côté (jetons des maquettes v4 du 18/10, commun-v4/v4.css). */
.sc2[data-sc-mode="clair"]{
  --coque:#F3F4F3; --page:#FFFFFF; --carte:#F6F7F6; --carte-n:#FAFBFA; --actif:#E5E8E8; --filet:#D7DDDE; --contour:#AAB5B8;
  --texte:#0C181C; --sec:#536066; --plein-fond:#0C181C; --plein-texte:#FFFFFF;
  --avant:#0C181C; --avant-texte:#FFFFFF; --avant-sec:#B9BFC1; --avant-filet:#2E383C; --avant-contour:#536066;
  --nuit:#EBF0F6; --nuit-sec:#4A5868;
  --d1:#3F6E8C; --d2:#4E7A5A; --d3:#8A6420; --d4:#875070; --d5:#5E6B70; --alerte:#A4362D; --soie-op:.04
}
.sc2 *,.sc2 *::before,.sc2 *::after{box-sizing:border-box}
.sc2 a{color:inherit;text-decoration:none}
.sc2 button,.sc2 input,.sc2 textarea,.sc2 select{font:inherit;color:inherit;letter-spacing:normal;margin:0}
.sc2 button{cursor:pointer;background:transparent;border:0;padding:0;text-align:inherit}
.sc2 button:disabled{cursor:default;opacity:.5}
.sc2 svg{width:20px;height:20px;flex:none}
.sc2 h1,.sc2 h2,.sc2 h3,.sc2 p,.sc2 ul,.sc2 ol{margin:0}
.sc2 ul,.sc2 ol{list-style:none;padding:0}
.sc2 :focus-visible{outline:2px solid var(--texte);outline-offset:3px;border-radius:6px}
.sc2 .sc2-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sc2 .sc2-chargement{padding:28px 40px;color:var(--sec)}
body:has(.sc2) #fi-conversations{display:none}

/* La casquette : même place sur chaque page, très effacée, elle recule au défilement */
.sc2 .sc2-casquette{position:absolute;left:38%;top:-150px;width:540px;pointer-events:none;z-index:0;opacity:var(--soie-op)}
.sc2 .sc2-casquette img{display:block;width:100%;height:auto}
.sc2 .sc2-entete{position:relative;overflow:hidden}
.sc2 .sc2-entete > *:not(.sc2-casquette){position:relative;z-index:1}
.sc2[data-sc-mode="clair"] .sc2-casquette img,.sc2[data-sc-mode="clair"] .sc2-sig img,.sc2[data-sc-mode="clair"] img.sc2-soie{filter:invert(1)}
.sc2 > header,.sc2 > .sc2-espaces,.sc2 > main{position:relative;z-index:1}

/* En-tête */
.sc2 .sc2-entete{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px;padding:0 40px;background:var(--coque);border-bottom:1px solid var(--coque)}
.sc2 .sc2-gauche{display:flex;align-items:center;gap:32px;min-width:0}
.sc2 .sc2-sig{display:inline-flex;align-items:center;min-height:44px}
.sc2 .sc2-sig img{height:20px;width:auto;display:block}
.sc2 .sc2-ariane{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--sec);white-space:nowrap;min-width:0;overflow:hidden}
.sc2 .sc2-ariane a:hover{color:var(--texte)}
.sc2 .sc2-ariane b{font-weight:500;color:var(--texte);overflow:hidden;text-overflow:ellipsis}
.sc2 .sc2-ariane i{font-style:normal}
.sc2 .sc2-droite{display:flex;align-items:center;gap:10px}
.sc2 .sc2-loupe-tel{display:none}

/* Les espaces */
.sc2 .sc2-espaces{display:flex;align-items:center;gap:6px;min-height:60px;padding:0 40px;background:var(--coque);border-bottom:1px solid var(--coque)}
.sc2 .sc2-nom-app{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sec);margin-right:10px}
.sc2 .sc2-espaces nav{display:flex;align-items:stretch;gap:2px;align-self:stretch}
.sc2 .sc2-espaces nav a{display:inline-flex;align-items:center;gap:9px;padding:0 12px;color:var(--sec);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color 160ms var(--courbe)}
.sc2 .sc2-espaces nav a svg{width:18px;height:18px}
.sc2 .sc2-espaces nav a:hover{color:var(--texte)}
.sc2 .sc2-espaces nav a.sc2-actif{color:var(--texte);border-bottom-color:var(--texte)}
.sc2 .sc2-n{min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border:1px solid var(--contour);border-radius:11px;font-size:12px;font-weight:600;color:var(--texte)}
.sc2 .sc2-outils-h{margin-left:auto;display:flex;align-items:center;gap:10px}
.sc2 .sc2-cherche-h{display:flex;align-items:center;gap:10px;width:260px;min-height:40px;padding:0 12px;border:1px solid var(--contour);border-radius:var(--r-champ);color:var(--sec);font-size:14px}
.sc2 .sc2-cherche-h input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:14px;color:var(--texte)}
.sc2 .sc2-cherche-h svg{width:16px;height:16px}
.sc2 .sc2-cherche-h:focus-within{border-color:var(--texte)}
.sc2 .sc2-barre-tel{display:none}

/* Boutons, liens, champs */
.sc2 .sc2-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:var(--r-bouton);border:1px solid var(--contour);color:var(--texte);font:500 15px/1.2 var(--police);white-space:nowrap;transition:background-color 160ms var(--courbe),border-color 160ms var(--courbe),transform 120ms var(--courbe)}
.sc2 .sc2-btn:hover:not(:disabled){border-color:var(--texte);background:var(--carte-n)}
.sc2 .sc2-btn:active:not(:disabled){transform:scale(.97)}
.sc2 .sc2-btn.sc2-plein{background:var(--plein-fond);border-color:var(--plein-fond);color:var(--plein-texte);font-weight:600;min-height:48px;padding:12px 22px}
.sc2 .sc2-btn.sc2-plein:hover:not(:disabled){background:var(--plein-fond);opacity:.92}
.sc2 .sc2-btn.sc2-petit{font-size:14px;padding:8px 14px;min-height:40px}
.sc2 .sc2-btn.sc2-nu{border-color:transparent}
.sc2 .sc2-btn.sc2-nu:hover:not(:disabled){border-color:var(--contour)}
.sc2 .sc2-btn[aria-pressed="true"]{border-color:var(--texte);background:var(--actif)}
.sc2 .sc2-btn.sc2-off{opacity:.5;pointer-events:none}
.sc2 .sc2-btn svg{width:18px;height:18px}
.sc2 .sc2-lien{display:inline-flex;align-items:center;gap:6px;min-height:36px;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;font-weight:500}
.sc2 .sc2-lien svg{width:16px;height:16px}
.sc2 .sc2-icone{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--contour);border-radius:var(--r-bouton);flex:none;transition:background-color 160ms var(--courbe),border-color 160ms var(--courbe),transform 120ms var(--courbe)}
.sc2 .sc2-icone:hover:not(:disabled){border-color:var(--texte);background:var(--carte-n)}
.sc2 .sc2-icone:active:not(:disabled){transform:scale(.94)}
.sc2 .sc2-icone[aria-expanded="true"]{border-color:var(--texte);background:var(--actif)}
.sc2 .sc2-icone svg{width:18px;height:18px}
.sc2 kbd{font:500 12px/1 var(--police);border:1px solid var(--contour);border-radius:var(--r-pastille);padding:3px 6px;color:var(--sec)}
.sc2 .sc2-choix{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 6px 0 12px;border:1px solid var(--contour);border-radius:var(--r-bouton);font-size:14px;white-space:nowrap}
.sc2 .sc2-choix span{color:var(--sec)}
.sc2 .sc2-choix select{border:0;background:transparent;font-weight:500;min-height:36px;max-width:240px}
.sc2 select option{background:var(--page);color:var(--texte)}
.sc2 .sc2-champ{display:flex;flex-direction:column;gap:6px;min-width:0}
.sc2 .sc2-champ > span{font-size:13px;color:var(--sec)}
.sc2 .sc2-champ input,.sc2 .sc2-champ select,.sc2 .sc2-champ textarea,.sc2 .sc2-ecrire textarea,.sc2 .sc2-quoi input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--contour);border-radius:var(--r-champ);background:var(--carte-n);color:var(--texte);font-size:15px;outline:none}
.sc2 .sc2-champ input:focus,.sc2 .sc2-champ select:focus,.sc2 textarea:focus,.sc2 .sc2-quoi input:focus{border-color:var(--texte)}
.sc2 textarea{resize:vertical;line-height:1.55}
.sc2 input[type=datetime-local]{color-scheme:dark}
.sc2[data-sc-mode="clair"] input[type=datetime-local]{color-scheme:light}
.sc2 .sc2-bascule{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--filet);cursor:pointer}
.sc2 .sc2-bascule input{width:20px;height:20px;margin-top:3px;accent-color:var(--texte);flex:none}
.sc2 .sc2-bascule b{display:block;font-weight:600}

/* Page */
.sc2 .sc2-page{max-width:1280px;margin:0 auto;padding:32px 40px 96px;animation:sc2-arrive .18s var(--courbe)}
@keyframes sc2-arrive{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sc2 .sc2-page{animation:none}.sc2 *{transition:none!important}}
.sc2 .sc2-surtitre{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sec);margin-bottom:10px;overflow-wrap:anywhere}
.sc2 .sc2-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}
.sc2 .sc2-texte{min-width:0}
.sc2 .sc2-tete-act{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}
.sc2 h1{font-size:34px;line-height:1.15;font-weight:600;letter-spacing:-.015em;overflow-wrap:anywhere}
.sc2 .sc2-sous{font-size:17px;color:var(--sec);margin-top:10px;max-width:760px}
.sc2 .sc2-note{font-size:13px;line-height:1.5;color:var(--sec)}
.sc2 .sc2-pied{margin-top:28px}
.sc2 .sc2-attention{color:var(--texte)}
.sc2 h2{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sec)}
.sc2 h2 b{color:var(--texte);margin-left:6px}
.sc2 h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;line-height:1.35;margin-bottom:12px}
.sc2 h3 svg{width:18px;height:18px}
.sc2 .sc2-gros{font-size:30px;line-height:1.1;font-weight:500;letter-spacing:-.015em;white-space:nowrap}
.sc2 .sc2-sous-onglets{display:flex;gap:26px;border-bottom:1px solid var(--filet);margin:-6px 0 26px;overflow-x:auto;scrollbar-width:none}
.sc2 .sc2-sous-onglets a{display:inline-flex;align-items:center;gap:8px;min-height:46px;color:var(--sec);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.sc2 .sc2-sous-onglets a b{font-weight:600;font-size:13px}
.sc2 .sc2-sous-onglets a.sc2-actif{color:var(--texte);border-bottom-color:var(--texte)}
.sc2 .sc2-carte{background:var(--carte);border:1px solid var(--carte);border-radius:var(--r-carte);padding:24px;min-width:0;display:flex;flex-direction:column;gap:10px}
.sc2 .sc2-avant{background:var(--avant);color:var(--avant-texte);border-color:var(--avant);--texte:var(--avant-texte);--sec:var(--avant-sec);--filet:var(--avant-filet);--contour:var(--avant-contour);--plein-fond:var(--avant-texte);--plein-texte:var(--avant);--carte-n:transparent;--actif:transparent}
.sc2 .sc2-avant select option{background:var(--avant);color:var(--avant-texte)}
.sc2 .sc2-deux{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;margin-bottom:28px}
.sc2 .sc2-colonne{display:flex;flex-direction:column;gap:16px;min-width:0}
.sc2 .sc2-grille2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:28px}
.sc2 .sc2-grille3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:12px}
.sc2 .sc2-carte > .sc2-btn,.sc2 .sc2-carte > .sc2-lien,.sc2 .sc2-carte > a.sc2-btn{align-self:flex-start}
.sc2 .sc2-kv{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-bottom:1px solid var(--filet);font-size:15px}
.sc2 .sc2-kv:last-child{border-bottom:0}
.sc2 .sc2-kv > span:first-child{color:var(--sec)}
.sc2 .sc2-kv > *:last-child{text-align:right}
.sc2 .sc2-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sc2 .sc2-pas{display:inline-flex;align-items:center;gap:6px;min-height:22px;padding:0 7px;border:1px solid var(--contour);border-radius:var(--r-pastille);font-size:12px;font-weight:500;white-space:nowrap;color:var(--texte)}
.sc2 .sc2-pas.sc2-fort{border-color:var(--texte);font-weight:600}
.sc2 .sc2-etat{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 9px 0 7px;border:1px solid var(--contour);border-radius:var(--r-pastille);font-size:13px;font-weight:500;white-space:nowrap}
.sc2 .sc2-etat svg{width:14px;height:14px}
.sc2 .sc2-etat.sc2-fort{border-color:var(--texte);font-weight:600}
.sc2 .sc2-etat.sc2-calme{color:var(--sec)}
.sc2 .sc2-av{width:36px;height:36px;border-radius:50%;border:1px solid var(--contour);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex:none}
.sc2 .sc2-av svg{width:16px;height:16px}
.sc2 .sc2-texte{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.sc2 .sc2-extrait{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;color:var(--sec)}
.sc2 .sc2-vide{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:40px 24px;border:1px dashed var(--contour);border-radius:var(--r-carte);margin:16px 0}
.sc2 .sc2-vide b{font-size:20px;font-weight:600}
.sc2 .sc2-squelette{display:flex;flex-direction:column;gap:12px;margin:12px 0}
.sc2 .sc2-squelette i{display:block;height:64px;border-radius:var(--r-carte);background:var(--carte);animation:sc2-pulse 1.2s ease-in-out infinite alternate}
@keyframes sc2-pulse{from{opacity:.55}to{opacity:1}}
.sc2 .sc2-erreur{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--alerte);border-radius:var(--r-carte);margin:0 0 20px}
.sc2 .sc2-erreur > div{flex:1;min-width:0}
.sc2 .sc2-erreur b{display:block}
.sc2 .sc2-bandeau{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--contour);border-radius:var(--r-carte);margin:0 0 20px;font-size:14px}
.sc2 .sc2-bandeau > span{flex:1;min-width:0}
.sc2 .sc2-annonce{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:6px 10px 6px 14px;border:1px dashed var(--sec);border-radius:var(--r-champ);margin:8px 0 16px;font-size:14px;animation:sc2-arrive .2s var(--courbe)}
.sc2 .sc2-annonce > span{display:flex;align-items:center;gap:10px;min-width:0}
.sc2 .sc2-annonce svg{width:16px;height:16px}
.sc2 .sc2-annonce-erreur{border-color:var(--alerte)}
.sc2 .sc2-confirmer{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--alerte);border-radius:var(--r-carte);margin:0 0 18px}

/* Barre d'actions */
.sc2 .sc2-barre{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.sc2 .sc2-barre-espace{flex:1}
.sc2 .sc2-filtre-t{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 10px;border:1px solid var(--contour);border-radius:var(--r-champ);color:var(--sec);min-width:240px}
.sc2 .sc2-filtre-t input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:14px;color:var(--texte)}
.sc2 .sc2-filtre-t svg{width:16px;height:16px}
.sc2 .sc2-selection{display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 12px;border:1px solid var(--texte);border-radius:var(--r-bouton);font-size:14px}


/* Listes et lignes : six colonnes par défaut, sept pour une demande (avec sa case) */
.sc2 .sc2-section{margin:0 0 28px}
.sc2 .sc2-section > header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 4px 10px;border-bottom:1px solid var(--filet);margin-bottom:6px}
.sc2 .sc2-liste{display:flex;flex-direction:column;margin-bottom:24px}
.sc2 .sc2-carte[data-sc2-satisfaction]{margin-bottom:24px}
.sc2 .sc2-ligne{position:relative;display:grid;grid-template-columns:36px minmax(140px,200px) minmax(0,1fr) minmax(0,230px) minmax(0,140px) auto;align-items:center;gap:14px;min-height:72px;padding:10px 8px;border-bottom:1px solid var(--filet);transition:background-color 160ms var(--courbe)}
.sc2 .sc2-ligne-d{grid-template-columns:28px 36px minmax(140px,200px) minmax(0,1fr) minmax(0,230px) minmax(0,140px) auto}
.sc2 .sc2-ligne-r{grid-template-columns:36px minmax(140px,190px) minmax(0,1fr) minmax(0,300px) minmax(0,110px) auto}
.sc2 .sc2-ligne:hover{background:var(--carte-n)}
.sc2 .sc2-ligne.sc2-forte{border:1px solid var(--texte);border-radius:var(--r-carte);margin:6px 0}
.sc2 .sc2-coche{display:inline-flex;align-items:center;justify-content:center;width:28px;height:44px;cursor:pointer}
.sc2 .sc2-coche input{width:16px;height:16px;accent-color:var(--texte)}
.sc2 .sc2-qui{display:flex;flex-direction:column;gap:4px;min-width:0}
.sc2 .sc2-qui b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc2 .sc2-marques{display:flex;flex-wrap:wrap;gap:6px}
.sc2 .sc2-quoi{display:flex;flex-direction:column;gap:3px;min-width:0}
.sc2 .sc2-quoi b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc2 .sc2-quoi span,.sc2 .sc2-quoi small{color:var(--sec);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc2 a.sc2-quoi:hover b{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.sc2 .sc2-delai{display:flex;flex-direction:column;gap:3px;min-width:0}
.sc2 .sc2-reste{font-weight:500}
.sc2 .sc2-reste[data-etat="depasse"]{color:var(--alerte);font-weight:600}
.sc2 .sc2-reste[data-etat="pause"],.sc2 .sc2-reste[data-etat="ferme"]{color:var(--sec)}
.sc2 .sc2-raison,.sc2 .sc2-info{font-size:13px;color:var(--sec);min-width:0}
.sc2 .sc2-info{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sc2 .sc2-assigne{display:inline-flex;align-items:center;gap:6px}
.sc2 .sc2-assigne svg{width:14px;height:14px}
.sc2 .sc2-gestes{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.sc2 .sc2-champs-ligne{display:flex;flex-direction:column;gap:6px;min-width:0}
.sc2 .sc2-champs-ligne select{min-height:40px;padding:6px 10px;border:1px solid var(--contour);border-radius:var(--r-champ);background:var(--carte-n);color:var(--texte);font-size:14px;max-width:100%}
.sc2 .sc2-gravite{font-size:13px;color:var(--sec)}
.sc2 .sc2-bloc-solde{border-bottom:1px solid var(--filet)}
.sc2 .sc2-bloc-solde .sc2-ligne{border-bottom:0}
.sc2 .sc2-inline{margin:0 8px 14px 52px;padding:16px;border:1px dashed var(--contour);border-radius:var(--r-carte)}
.sc2 .sc2-plus{color:var(--d2)}.sc2 .sc2-moins{color:var(--d4)}
.sc2 .sc2-extrait{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;color:var(--sec)}
.sc2 .sc2-texte{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}

/* Chiffres */
.sc2 .sc2-chiffres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 28px}
.sc2 .sc2-chiffre{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid var(--filet);border-radius:var(--r-carte);background:var(--carte);min-width:0}
.sc2 .sc2-chiffre > span{font-size:13px;color:var(--sec)}
.sc2 .sc2-chiffre small{font-size:13px;color:var(--sec)}
.sc2 .sc2-enorme{font-size:48px;font-weight:600;letter-spacing:-.02em}
.sc2 .sc2-montant{font-variant-numeric:tabular-nums}

/* Trouvé pour vous */
.sc2 .sc2-trouves{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin:0 0 28px}
.sc2 .sc2-trouve{border-style:dashed;border-color:var(--contour)}
.sc2 .sc2-etiquette{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sec)}
.sc2 .sc2-etiquette svg{width:16px;height:16px}
.sc2 .sc2-appuis{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--sec)}
.sc2 .sc2-question{font-weight:600}
.sc2 .sc2-trouve-liste{display:flex;flex-direction:column;gap:2px;margin:8px 0}
.sc2 .sc2-trouve-liste > b{margin-bottom:6px}
.sc2 .sc2-trouve-ligne{display:grid;grid-template-columns:160px minmax(0,1fr);gap:2px 14px;padding:8px 0;border-bottom:1px solid var(--filet)}
.sc2 .sc2-trouve-ligne small{grid-column:2;color:var(--sec);font-size:12px}
.sc2 .sc2-trouve-ligne span{color:var(--sec)}

/* Formulaires */
.sc2 .sc2-formulaire{margin:0 0 24px}
.sc2 .sc2-champs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.sc2 .sc2-court{min-height:44px;padding:8px 12px;border:1px solid var(--contour);border-radius:var(--r-champ);background:var(--carte-n);color:var(--texte);font-size:15px;max-width:200px;outline:none}
.sc2 .sc2-court:focus{border-color:var(--texte)}
.sc2 .sc2-reglage{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:12px 0;border-bottom:1px solid var(--filet)}
.sc2 .sc2-reglage > div{flex:1 1 200px;min-width:0}
.sc2 .sc2-reglage{min-width:0;max-width:100%}
.sc2 .sc2-reglage select{width:auto;max-width:100%}
.sc2 .sc2-reglage:last-child{border-bottom:0}
.sc2 .sc2-reglage select{min-height:44px;padding:8px 12px;border:1px solid var(--contour);border-radius:var(--r-champ);background:var(--carte-n);color:var(--texte);font-size:15px;max-width:100%;min-width:0;flex:0 1 auto}
.sc2 .sc2-reglage .sc2-note{margin-top:2px}
.sc2 .sc2-rapides{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sc2 .sc2-rappel{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-top:14px}
.sc2 .sc2-erreurs{padding:10px 12px;border:1px solid var(--alerte);border-radius:var(--r-champ);color:var(--texte);font-size:14px}
.sc2 .sc2-rebours{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--texte);border-radius:var(--r-champ);font-size:15px}
.sc2 .sc2-rebours span{flex:1}
.sc2 .sc2-entreprise{display:flex;flex-direction:column;gap:10px}
.sc2 .sc2-suggestions{display:flex;flex-direction:column;border:1px solid var(--contour);border-radius:var(--r-champ);overflow:hidden}
.sc2 .sc2-suggestions > small{padding:8px 12px 4px}
.sc2 .sc2-suggestion{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;padding:8px 12px;border-top:1px solid var(--filet);text-align:left;width:100%}
.sc2 .sc2-suggestion:hover{background:var(--carte-n)}
.sc2 .sc2-suggestion span{color:var(--sec);font-size:13px}
.sc2 .sc2-ecrire{display:flex;flex-direction:column;gap:14px}
.sc2 .sc2-ecrire textarea,.sc2 .sc2-carte textarea,.sc2 .sc2-formulaire textarea{width:100%;min-height:96px;padding:12px;border:1px solid var(--contour);border-radius:var(--r-champ);background:var(--carte-n);color:var(--texte);font-size:15px;outline:none}
.sc2 .sc2-carte textarea:focus{border-color:var(--texte)}
.sc2 .sc2-reponse .sc2-note.sc2-attention{color:var(--texte);border-left:2px solid var(--alerte);padding-left:10px}
.sc2 .sc2-etiquettes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}
.sc2 .sc2-etiquettes .sc2-pas{padding-right:2px}
.sc2 .sc2-x{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}
.sc2 .sc2-x svg{width:12px;height:12px}

/* Listes de liens, historique, notes */
.sc2 .sc2-liens{display:flex;flex-direction:column}
.sc2 .sc2-liens li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--filet)}
.sc2 .sc2-liens li:last-child{border-bottom:0}
.sc2 .sc2-liens a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.sc2 .sc2-liens small{color:var(--sec);white-space:nowrap}
.sc2 .sc2-histo{display:flex;flex-direction:column}
.sc2 .sc2-histo li a{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-bottom:1px solid var(--filet)}
.sc2 .sc2-histo li:last-child a{border-bottom:0}
.sc2 .sc2-histo span{font-size:13px;color:var(--sec)}
.sc2 .sc2-histo-large li a{padding:12px 4px}
.sc2 .sc2-notes{display:flex;flex-direction:column;gap:8px;margin:8px 0}
.sc2 .sc2-notes li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--filet);border-radius:var(--r-champ)}
.sc2 .sc2-notes small,.sc2 .sc2-envoyes li{color:var(--sec);font-size:13px}
.sc2 .sc2-envoyes{display:flex;flex-direction:column;gap:6px;margin-top:10px}

/* Réclamations : délais, gestes, états */
.sc2 .sc2-delais{display:flex;flex-direction:column}
.sc2 .sc2-delais li{padding:12px 0;border-bottom:1px solid var(--filet);display:flex;flex-direction:column;gap:4px}
.sc2 .sc2-delais li:last-child{border-bottom:0}
.sc2 .sc2-delais li[data-statut="passe"] .sc2-delai-tete b{color:var(--alerte)}
.sc2 .sc2-delai-tete{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sc2 .sc2-liste-cartes{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}
.sc2 .sc2-geste-tete{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.sc2 .sc2-geste-tete h3{margin:0}
.sc2 .sc2-etapes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:6px 0 10px}
.sc2 .sc2-etapes li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-top:3px solid var(--filet);color:var(--sec)}
.sc2 .sc2-etapes li.sc2-fait{border-top-color:var(--texte);color:var(--texte)}
.sc2 .sc2-etapes small{font-size:12px;color:var(--sec)}
.sc2 .sc2-bloquants{display:flex;flex-direction:column;gap:2px;font-size:14px;padding:10px 12px;border:1px solid var(--alerte);border-radius:var(--r-champ)}
.sc2 .sc2-ventilation{display:flex;flex-direction:column;gap:2px;padding:12px 0}
.sc2 .sc2-ventilation .sc2-kv span:last-child{text-align:right}
.sc2 .sc2-causes{display:flex;flex-direction:column;gap:18px;margin-bottom:24px}
.sc2 .sc2-cause{display:flex;flex-direction:column;gap:6px;padding-bottom:16px;border-bottom:1px solid var(--filet)}
.sc2 .sc2-cause-tete{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.sc2 .sc2-piste{display:block;height:8px;border-radius:4px;background:var(--filet);overflow:hidden}
.sc2 .sc2-piste i{display:block;height:100%;background:var(--texte);border-radius:4px;transition:width 260ms var(--courbe)}
.sc2 .sc2-paliers{display:flex;flex-direction:column}
.sc2 .sc2-paliers li{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:8px 0;border-bottom:1px solid var(--filet)}
.sc2 .sc2-paliers .sc2-court{flex:1 1 120px;min-width:0}
.sc2 .sc2-paliers li span{flex:1;color:var(--sec)}
.sc2 .sc2-checklist li{border-bottom:1px solid var(--filet)}
.sc2 .sc2-checklist li:last-child{border-bottom:0}
.sc2 .sc2-simulation{font-size:17px;line-height:1.5}
.sc2 .sc2-logos{display:flex;flex-wrap:wrap;gap:8px}
.sc2 .sc2-logo{display:inline-flex;align-items:center;width:20px;height:20px;flex:none}
.sc2 .sc2-logo svg{width:18px;height:18px}
.sc2 .sc2-logos .sc2-pas{gap:6px;padding:4px 8px}

/* Fil unifié */
.sc2 .sc2-fil{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.sc2 .sc2-msg{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--filet);border-radius:var(--r-carte);background:var(--carte);max-width:92%}
.sc2 .sc2-msg.sc2-m-sortant{align-self:flex-end;border-color:var(--contour)}
.sc2 .sc2-msg.sc2-m-note{border-style:dashed;align-self:center;max-width:100%;width:100%}
.sc2 .sc2-msg-tete{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sc2 .sc2-msg-tete small{color:var(--sec);margin-left:auto}
.sc2 .sc2-casquette{pointer-events:none}

/* Mode téléphone et tablette */
@media (max-width:1100px){
  .sc2 .sc2-ligne{grid-template-columns:36px minmax(0,170px) minmax(0,1fr) minmax(0,200px) auto}
  .sc2 .sc2-ligne-d{grid-template-columns:28px 36px minmax(0,170px) minmax(0,1fr) minmax(0,200px) auto}
  .sc2 .sc2-ligne > .sc2-info{display:none}
  .sc2 .sc2-ligne-r{grid-template-columns:36px minmax(0,160px) minmax(0,1fr) minmax(0,260px) auto}
  .sc2 .sc2-chiffres{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sc2 .sc2-deux{grid-template-columns:minmax(0,1fr) 300px}
}
@media (max-width:760px){
  .sc2{font-size:15px}
  .sc2 .sc2-entete{height:64px;padding:0 16px}
  .sc2 .sc2-ariane{display:none}
  .sc2 .sc2-espaces{display:none}
  .sc2 .sc2-barre-tel{display:flex;position:sticky;bottom:0;z-index:4;justify-content:space-around;background:var(--coque);border-top:1px solid var(--filet);padding:4px 2px calc(4px + env(safe-area-inset-bottom))}
  .sc2 .sc2-barre-tel a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:60px;min-height:52px;font-size:12px;color:var(--sec)}
  .sc2 .sc2-barre-tel a.sc2-actif{color:var(--texte)}
  .sc2 .sc2-barre-tel svg{width:20px;height:20px}
  .sc2 .sc2-page{padding:20px 16px 40px}
  .sc2 .sc2-casquette{width:280px;left:auto;right:0;top:-90px}
  .sc2 .sc2-tete{flex-direction:column;align-items:stretch;gap:16px}
  .sc2 .sc2-tete-act{align-items:stretch}
  .sc2 .sc2-tete-act .sc2-btn{width:100%}
  .sc2 h1{font-size:26px}
  .sc2 .sc2-sous{font-size:15px}
  .sc2 .sc2-deux,.sc2 .sc2-grille2,.sc2 .sc2-grille3,.sc2 .sc2-champs,.sc2 .sc2-chiffres,.sc2 .sc2-trouves{grid-template-columns:minmax(0,1fr)}
  .sc2 .sc2-ligne,.sc2 .sc2-ligne-d,.sc2 .sc2-ligne-r{grid-template-columns:36px minmax(0,1fr);grid-auto-rows:auto;gap:6px 12px;padding:14px 4px}
  .sc2 .sc2-ligne .sc2-coche{display:none}
  .sc2 .sc2-ligne > .sc2-av{grid-row:1/span 2}
  .sc2 .sc2-ligne > .sc2-qui,.sc2 .sc2-ligne > .sc2-quoi,.sc2 .sc2-ligne > .sc2-delai,.sc2 .sc2-ligne > .sc2-champs-ligne,.sc2 .sc2-ligne > .sc2-gestes{grid-column:2}
  .sc2 .sc2-ligne > .sc2-gestes{justify-content:flex-start}
  .sc2 .sc2-ligne > span:empty{display:none}
  .sc2 .sc2-quoi b,.sc2 .sc2-quoi span,.sc2 .sc2-quoi small{white-space:normal}
  .sc2 .sc2-inline{margin:0 0 14px}
  .sc2 .sc2-etapes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sc2 .sc2-trouve-ligne{grid-template-columns:minmax(0,1fr)}
  .sc2 .sc2-trouve-ligne small{grid-column:1}
  .sc2 .sc2-msg{max-width:100%}
  .sc2 .sc2-reglage{flex-direction:column;align-items:stretch}
  .sc2 .sc2-reglage > div{flex:none}
  .sc2 .sc2-reglage select{width:100%}
  .sc2 .sc2-reglage select{max-width:none}
  .sc2 .sc2-enorme{font-size:36px}
}
.sc2 .sc2-btn[aria-disabled="true"]{opacity:.55;cursor:default}

/* ===================================================================== v3 (19/10) : la colonne, la boîte en volets, la porte d'entrée */
.sc2 .sc3-cadre{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;min-height:calc(100vh - 72px)}
.sc2 .sc3-cadre>.sc2-page{max-width:1160px;width:100%;margin:0;padding:28px 40px 96px}
.sc2 .sc3-cadre-boite>.sc2-page{max-width:none;padding:0}
.sc2 .sc3-colonne{position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto;padding:20px 14px 24px;border-right:1px solid var(--filet);background:var(--coque);display:flex;flex-direction:column;gap:2px;min-height:calc(100vh - 72px)}
.sc2 .sc3-espaces{display:flex;flex-direction:column;gap:2px}
.sc2 .sc3-espaces a,.sc2 .sc3-vue{display:flex;align-items:center;gap:10px;min-height:34px;padding:0 10px;border-radius:8px;color:var(--sec);font-weight:500;font-size:14px;text-decoration:none;white-space:nowrap}
.sc2 .sc3-espaces a svg{width:17px;height:17px}
.sc2 .sc3-espaces a span:nth-of-type(1),.sc2 .sc3-vue span:first-child{overflow:hidden;text-overflow:ellipsis}
.sc2 .sc3-espaces a.sc2-actif{background:var(--texte);color:var(--page)}
.sc2 .sc3-espaces a:hover,.sc2 .sc3-vue:hover{color:var(--texte)}
.sc2 .sc3-espaces .sc2-n,.sc2 .sc3-vue .sc2-n{margin-left:auto;font-size:12px}
.sc2 .sc3-vue.sc2-actif{background:var(--actif);color:var(--texte)}
.sc2 .sc3-vue.sc3-alerte .sc2-n{color:var(--alerte,#FF8566)}
.sc2 .sc3-vues h4{margin:18px 10px 6px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sec)}
.sc2 .sc3-vue-enr{display:flex;align-items:center}
.sc2 .sc3-vue-enr .sc3-vue{flex:1;min-width:0}
.sc2 .sc3-pied{margin-top:auto;padding-top:18px;display:flex;flex-direction:column;gap:6px}
.sc2 .sc3-metier-lien,.sc2 .sc3-conseils-lien{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--filet);border-radius:10px;color:var(--sec);font-size:13px;text-decoration:none}
.sc2 .sc3-metier-lien svg,.sc2 .sc3-conseils-lien svg{width:16px;height:16px;flex:none}
/* la boîte en volets */
.sc2 .sc3-boite{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);min-height:calc(100vh - 72px)}
.sc2 .sc3-boite.sc3-avec{grid-template-columns:minmax(300px,350px) minmax(0,1fr) 300px}
.sc2 .sc3-liste{border-right:1px solid var(--filet);min-width:0}
.sc2 .sc3-liste-tete{padding:20px 18px 12px;border-bottom:1px solid var(--filet)}
.sc2 .sc3-liste-tete h1{font-size:20px;margin:0}
.sc2 .sc3-liste-tete .sc2-actions{margin-top:10px}
.sc2 .sc3-liste>.sc2-vide,.sc2 .sc3-liste>.sc2-erreur,.sc2 .sc3-liste>.sc2-annonce,.sc2 .sc3-liste>.sc2-confirmer{margin:14px 18px}
.sc2 .sc3-lot{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 18px;border-bottom:1px solid var(--filet);background:var(--carte)}
.sc2 .sc3-lot select,.sc2 .sc3-lot input{max-width:150px}
.sc2 .sc3-item{position:relative;display:grid;grid-template-columns:20px 34px minmax(0,1fr);gap:10px;padding:13px 16px;border-bottom:1px solid var(--filet)}
.sc2 .sc3-item>.sc2-btn{grid-column:3;justify-self:start;margin-top:4px}
.sc2 .sc3-item.sc3-sel{background:var(--actif)}
.sc2 .sc3-item.sc3-sel::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--texte)}
.sc2 .sc3-item .sc2-coche{margin-top:8px}
.sc2 .sc3-item-corps{display:flex;flex-direction:column;gap:3px;min-width:0;color:var(--texte);text-decoration:none}
.sc2 .sc3-l1{display:flex;align-items:center;gap:8px;min-width:0}
.sc2 .sc3-l1 b{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc2 .sc3-canal{font-size:12px;color:var(--sec);white-space:nowrap}
.sc2 .sc3-ech{margin-left:auto;font-size:12px;color:var(--sec);white-space:nowrap}
.sc2 .sc3-ech[data-etat=depasse]{color:var(--alerte,#FF8566)}
.sc2 .sc3-sujet{font-weight:500;font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc2 .sc3-l3{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}
.sc2 .sc3-mini{margin-left:auto;width:22px;height:22px;border-radius:50%;background:var(--actif);display:grid;place-items:center;font-size:9px;font-weight:600;color:var(--sec)}
.sc2 .sc3-conv{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--filet)}
.sc2 .sc3-conv-vide{justify-content:center;padding:40px}
.sc2 .sc3-conv-tete{padding:20px 24px 14px;border-bottom:1px solid var(--filet)}
.sc2 .sc3-titre{margin:0 0 4px;font-size:20px;line-height:1.3;font-weight:600}
.sc2 .sc3-props{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}
.sc2 .sc3-prop{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 4px 0 10px;border:1px solid var(--filet);border-radius:8px;font-size:13px}
.sc2 .sc3-prop>span{color:var(--sec)}
.sc2 .sc3-prop select{border:0;background:transparent;font:inherit;color:var(--texte);padding:4px 2px;max-width:170px}
.sc2 .sc3-engagement{padding:0 10px}
.sc2 .sc3-engagement[data-etat=depasse]{color:var(--alerte,#FF8566)}
.sc2 .sc3-doublon{display:flex;align-items:center;gap:10px;margin-top:12px;padding:9px 12px;border:1px dashed var(--contour);border-radius:8px;font-size:13px;color:var(--sec)}
.sc2 .sc3-doublon .sc2-btn{margin-left:auto}
.sc2 .sc3-doublon svg{width:16px;height:16px}
.sc2 .sc3-fil{padding:18px 24px;display:flex;flex-direction:column;gap:12px}
.sc2 .sc3-msg{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px}
.sc2 .sc3-msg-corps{border:1px solid var(--filet);border-radius:10px;padding:11px 14px;background:var(--carte-n)}
.sc2 .sc3-msg-corps p{margin:4px 0 0;white-space:pre-line;overflow-wrap:anywhere}
.sc2 .sc3-msg-h{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:13px}
.sc2 .sc3-msg-h span{color:var(--sec);font-size:12px}
.sc2 .sc3-sortant .sc3-msg-corps{background:var(--actif)}
.sc2 .sc3-note .sc3-msg-corps{background:var(--note-fond,#2A2617);border-color:var(--note-filet,#5C5130)}
.sc2 .sc3-composer{margin:0 24px 24px;border:1px solid var(--filet);border-radius:12px;padding:10px 14px}
.sc2 .sc3-onglets{display:flex;gap:6px;margin-bottom:8px}
.sc2 .sc3-onglets .sc2-actif{background:var(--texte);color:var(--page);border-color:var(--texte)}
.sc2 .sc3-composer .sc2-reponse{border:0;padding:0;background:transparent}
.sc2 .sc3-situation{display:flex;gap:8px;align-items:flex-start;margin:0 0 8px}
.sc2 .sc3-situation svg{width:16px;height:16px;flex:none;margin-top:2px}
.sc2 .sc3-cites{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.sc2 .sc3-cite{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--filet);border-radius:8px;padding:2px 2px 2px 10px;font-size:13px}
.sc2 .sc3-panneau{padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--coque);min-width:0}
.sc2 .sc3-panneau .sc2-carte{padding:14px 16px}
.sc2 .sc3-panneau .sc2-kv{font-size:13.5px}
.sc2 .sc3-panneau-choix{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12.5px;color:var(--sec)}
.sc2 .sc3-panneau-choix select{max-width:170px}
.sc2 .sc3-style{margin-top:6px}
/* la porte d'entrée, le tableau, la base, comprendre */
.sc2 .sc3-metiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:8px 0 28px}
.sc2 .sc3-metier-carte{border:1px solid var(--filet);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px;background:var(--carte)}
.sc2 .sc3-metier-carte h2{margin:0;font-size:20px}
.sc2 .sc3-metier-carte ul{margin:0;padding-left:18px;color:var(--sec);display:flex;flex-direction:column;gap:6px}
.sc2 .sc3-metier-carte .sc2-actions{margin-top:auto}
.sc2 .sc3-metier-carte.sc3-on{border-color:var(--texte)}
.sc2 .sc3-metier-carte.sc3-gris{opacity:.62}
.sc2 .sc3-commun{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--sec)}
.sc2 .sc3-propositions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sc2 .sc3-prop.sc3-prop,.sc2 section.sc3-prop{border:1px solid var(--filet);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:8px;background:var(--carte)}
.sc2 .sc3-conseils{margin-top:30px}
.sc2 .sc3-conseils h2{font-size:18px;margin:0 0 10px}
.sc2 .sc3-conseil{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--filet)}
.sc2 .sc3-conseil h3{margin:0 0 4px;font-size:15.5px}
.sc2 .sc3-conseil p{margin:0}
.sc2 .sc3-conseil .sc2-actions{flex:none}
.sc2 .sc3-conseil.sc3-grand h3{font-size:17px}
.sc2 .sc3-articles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sc2 .sc3-manques{margin:0;padding:0;list-style:none}
.sc2 .sc3-manques li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--filet)}
.sc2 .sc3-style-ligne{grid-template-columns:36px minmax(140px,200px) minmax(0,1fr) 170px auto}
.sc2 .sc3-style-exp{color:var(--sec);font-size:13px}
.sc2 .sc3-opposition{padding:0;border:0;align-items:center;font-size:12.5px}
.sc2 .sc3-situation-ligne{padding:10px 0;border-bottom:1px solid var(--filet)}
.sc2 .sc3-situation-ligne p{margin:4px 0}
.sc2 .sc3-barres{display:flex;align-items:flex-end;gap:10px;height:160px;padding-top:10px}
.sc2 .sc3-barre{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}
.sc2 .sc3-barre i{display:block;width:100%;max-width:34px;background:var(--texte);border-radius:4px 4px 0 0;min-height:2px;opacity:.85}
.sc2 .sc3-barre small{color:var(--sec);font-size:11.5px}
.sc2 .sc3-hbarre{display:grid;grid-template-columns:120px minmax(0,1fr) 40px;gap:10px;align-items:center;padding:6px 0}
.sc2 .sc3-hbarre i{display:block;height:8px;border-radius:4px;background:var(--texte);opacity:.8}
.sc2 .sc3-hbarre b{text-align:right}
@media (max-width:1180px){.sc2 .sc3-boite.sc3-avec{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.sc2 .sc3-boite.sc3-avec .sc3-panneau{grid-column:1/-1;border-top:1px solid var(--filet)}}
@media (max-width:760px){
  .sc2 .sc3-cadre{grid-template-columns:minmax(0,1fr)}
  .sc2 .sc3-colonne{display:none}
  .sc2 .sc3-cadre>.sc2-page{padding:20px 16px 110px}
  .sc2 .sc3-boite,.sc2 .sc3-boite.sc3-avec{grid-template-columns:minmax(0,1fr)}
  .sc2 .sc3-liste,.sc2 .sc3-conv{border-right:0}
  .sc2 .sc3-boite.sc3-avec .sc3-liste{display:none}
  .sc2 .sc3-metiers,.sc2 .sc3-propositions,.sc2 .sc3-articles{grid-template-columns:minmax(0,1fr)}
  .sc2 .sc3-conseil{flex-direction:column;gap:10px}
  .sc2 .sc3-style-ligne{grid-template-columns:36px minmax(0,1fr)}
  .sc2 .sc3-composer{margin:0 12px 16px}
  .sc2 .sc3-fil,.sc2 .sc3-conv-tete{padding-left:14px;padding-right:14px}
}
.sc2[data-sc-mode="clair"] .sc3-note .sc3-msg-corps{background:#FBF4DF;border-color:#E6D7A8}
.sc2 h2.sc3-titre{text-transform:none;letter-spacing:0;font-size:20px;color:var(--texte);font-weight:600}
.sc2 .sc3-props .sc3-prop{flex-direction:row;min-height:34px;padding:0 4px 0 10px;margin:0}
.sc2 .sc3-props .sc3-prop select{border:0;background:transparent;min-height:0;height:30px;padding:0 4px;width:auto;box-shadow:none}
.sc2 .sc3-espaces a.sc2-actif .sc2-n{color:var(--page);border-color:var(--page)}
.sc2 .sc3-item>.sc2-btn{min-height:28px;padding:0 10px;font-size:12.5px}
.sc2 section.sc3-prop{align-items:flex-start;text-align:left}
.sc2 section.sc3-prop>b{font-size:15px}
.sc2 .sc3-panneau-choix select{min-height:0;height:30px;padding:0 6px;font-size:12.5px}
.sc2 .sc3-liste-tete .sc2-actions .sc2-btn{min-height:30px;font-size:13px}
.sc2 .sc3-metier-carte h2{text-transform:none;letter-spacing:0;font-size:19px;color:var(--texte)}
@media (min-width:1101px){.sc2 .sc3-cadre .sc2-ligne{grid-template-columns:36px minmax(120px,190px) minmax(190px,1fr) minmax(0,200px) minmax(0,130px) auto}.sc2 .sc3-cadre .sc2-ligne-d{grid-template-columns:28px 36px minmax(120px,190px) minmax(190px,1fr) minmax(0,200px) minmax(0,130px) auto}.sc2 .sc3-cadre .sc2-ligne-r{grid-template-columns:36px minmax(120px,180px) minmax(190px,1fr) minmax(0,260px) minmax(0,110px) auto}}