/* Oqora CRM · styles de la section Conversations, refaite comme la boîte de GoHighLevel (24/10/2026).
   Classes préfixées cv-, sous la classe racine de la section (.s-conv) ; le fil ouvert dans le panneau de droite
   (Ma journée, setting, fiche) est rendu dans un <div class="s-conv cv-panneau"> pour hériter des mêmes règles.
   Seule crm.css (lot 0) définit des jetons :root ; ici, des valeurs locales seulement (--cv-*), posées sur .s-conv.
   Allure : fond gris très clair, volets blancs séparés de traits fins, texte 13 à 14 px d'une seule couleur, bulles
   sortantes bleu très pâle, entrantes gris très pâle, icônes de canal grises. */
.s-conv{
  display:block;
  --cv-fond:#f4f5f7; --cv-blanc:#ffffff; --cv-trait:#e3e6ea; --cv-trait-doux:#eef0f2; --cv-survol:#f5f7fa;
  --cv-actif:#eef3fd; --cv-texte:#22262b; --cv-doux:#5d646b; --cv-gris:#8a9097;
  --cv-sortant:#e9f0fd; --cv-entrant:#f1f2f4; --cv-note:#fbf3e2; --cv-note-trait:#efdcb2;
  --cv-bleu:#2f6fe0; --cv-bleu-fonce:#2359c2; --cv-rouge:#c8372c;
  color:var(--cv-texte); font-size:14px;
}
.s-conv .cv-cache{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0);
  white-space:nowrap; border:0; }
.s-conv .cv-ic{ width:16px; height:16px; flex:none; }

/* Page Conversations : l'en-tête est celui du style commun (une ligne de 56 px, même titre que les autres pages). */
@media (min-width:1200px){ .main:has(#contenu > .s-conv > .cv-ecran) .topbar-actions{ flex-wrap:nowrap; } }
#contenu:has(> .s-conv > .cv-ecran){ padding:0 var(--sp-6); }
@media (min-width:900px){ .main:has(#contenu > .s-conv > .cv-ecran) .topbar{ padding-left:var(--sp-6); padding-right:var(--sp-6); } }

/* ---------------------------------------------------------------- boutons */
.s-conv .cv-btn{ display:inline-flex; align-items:center; justify-content:center; gap:6px; height:32px; padding:0 12px;
  border-radius:8px; border:1px solid var(--cv-trait); background:var(--cv-blanc); color:var(--cv-texte);
  font:500 13px/1 var(--font); cursor:pointer; white-space:nowrap; }
.s-conv .cv-btn:hover{ background:var(--cv-survol); }
.s-conv .cv-btn svg{ width:16px; height:16px; color:var(--cv-doux); }
.s-conv .cv-btn--principal{ background:var(--cv-bleu); border-color:var(--cv-bleu); color:#fff; }
.s-conv .cv-btn--principal svg{ color:#fff; }
.s-conv .cv-btn--principal:hover{ background:var(--cv-bleu-fonce); }
.s-conv .cv-btn--discret{ border-color:transparent; background:transparent; color:var(--cv-doux); }
.s-conv .cv-btn--discret:hover{ background:var(--cv-survol); color:var(--cv-texte); }
.s-conv .cv-btn--petit{ height:28px; padding:0 10px; font-size:12.5px; }
.s-conv .cv-btn--icone{ width:32px; padding:0; }
.s-conv .cv-btn[disabled]{ opacity:.5; cursor:not-allowed; }
.s-conv .cv-lien{ border:0; background:none; padding:0; color:var(--cv-bleu); font:500 13px/1.3 var(--font); cursor:pointer; }
.s-conv .cv-lien:hover{ text-decoration:underline; }
.s-conv .cv-lien[disabled]{ color:var(--cv-gris); cursor:not-allowed; text-decoration:none; }

/* ---------------------------------------------------------------- l'écran : trois volets */
.s-conv .cv-ecran{ display:flex; min-width:0; height:calc(100vh - var(--cv-haut, 140px)); min-height:420px; background:var(--cv-blanc);
  border:1px solid var(--cv-trait); border-radius:8px; overflow:hidden; }
.s-conv .cv-liste{ flex:0 0 360px; width:360px; min-width:0; display:flex; flex-direction:column; min-height:0; border-right:1px solid var(--cv-trait); }
.s-conv .cv-centre{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; min-height:0; background:var(--cv-fond); }
.s-conv .cv-volet{ flex:0 0 320px; width:320px; min-width:0; display:flex; flex-direction:column; min-height:0; border-left:1px solid var(--cv-trait); }
.s-conv .cv-choisir{ margin:auto; }
.s-conv .cv-vide{ color:var(--cv-gris); font-size:13px; text-align:center; padding:var(--sp-8) var(--sp-4); }
.s-conv .cv-attente{ color:var(--cv-gris); font-size:13px; padding:var(--sp-4); }
.s-conv .cv-erreur{ color:var(--cv-rouge); font-size:13px; padding:var(--sp-3) var(--sp-4); }

/* ---------------------------------------------------------------- liste */
.s-conv .cv-liste-tete{ flex:none; padding:0 12px 10px; border-bottom:1px solid var(--cv-trait); display:flex; flex-direction:column; gap:10px; }
.s-conv .cv-onglets{ display:flex; gap:18px; border-bottom:1px solid var(--cv-trait-doux); margin:0 -12px; padding:0 12px; }
.s-conv .cv-onglet{ display:inline-flex; align-items:center; gap:6px; height:42px; padding:0; border:0;
  border-bottom:2px solid transparent; background:none; color:var(--cv-doux); font:500 13.5px/1 var(--font); cursor:pointer; }
.s-conv .cv-onglet[aria-pressed="true"]{ color:var(--cv-texte); font-weight:600; border-bottom-color:var(--cv-bleu); }
.s-conv .cv-compte{ display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:18px; padding:0 6px;
  border-radius:9px; background:var(--cv-entrant); color:var(--cv-doux); font:600 11.5px/1 var(--font); font-variant-numeric:tabular-nums; }
.s-conv [aria-pressed="true"] .cv-compte, .s-conv [aria-selected="true"] .cv-compte{ background:var(--cv-actif); color:var(--cv-bleu-fonce); }
.s-conv .cv-recherche{ position:relative; display:block; }
.s-conv .cv-recherche svg{ position:absolute; left:10px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:var(--cv-gris); pointer-events:none; }
.s-conv .cv-recherche input{ display:block; width:100%; height:34px; padding:0 10px 0 32px; border:1px solid var(--cv-trait); border-radius:8px;
  background:var(--cv-blanc); color:var(--cv-texte); font:400 13px/1 var(--font); }
.s-conv .cv-recherche input:focus{ outline:0; border-color:var(--cv-bleu); box-shadow:0 0 0 3px var(--bleu-ring); }
.s-conv .cv-canaux{ display:flex; gap:4px; }
.s-conv .cv-canal-filtre{ display:inline-grid; place-items:center; width:32px; height:30px; border:1px solid transparent;
  border-radius:7px; background:none; color:var(--cv-gris); cursor:pointer; }
.s-conv .cv-canal-filtre:hover{ background:var(--cv-survol); color:var(--cv-doux); }
.s-conv .cv-canal-filtre[aria-pressed="true"]{ background:var(--cv-actif); border-color:#cfdcf7; color:var(--cv-bleu); }
.s-conv .cv-canal-filtre .cv-ic{ width:17px; height:17px; }
.s-conv .cv-elements{ flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; }
.s-conv .cv-liste-separateur{ padding:10px 14px 6px; font:600 12px/1 var(--font); color:var(--cv-doux); background:var(--cv-fond);
  border-bottom:1px solid var(--cv-trait-doux); }
.s-conv .cv-ligne{ display:flex; gap:10px; align-items:flex-start; width:100%; padding:11px 14px; border:0;
  border-bottom:1px solid var(--cv-trait-doux); background:var(--cv-blanc); text-align:left; cursor:pointer; color:var(--cv-texte);
  font:inherit; box-shadow:inset 3px 0 0 transparent; }
.s-conv .cv-ligne:hover{ background:var(--cv-survol); }
.s-conv .cv-ligne--actif, .s-conv .cv-ligne--actif:hover{ background:var(--cv-actif); box-shadow:inset 3px 0 0 var(--cv-bleu); }
.s-conv .cv-ligne-corps{ display:flex; flex-direction:column; gap:3px; min-width:0; flex:1 1 auto; }
.s-conv .cv-ligne-haut, .s-conv .cv-ligne-bas{ display:flex; align-items:center; gap:6px; min-width:0; }
.s-conv .cv-nom{ font:500 13.5px/1.3 var(--font); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.s-conv .cv-ligne--nonlue .cv-nom{ font-weight:700; }
.s-conv .cv-pseudo{ font-size:12px; color:var(--cv-gris); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; flex:0 1 auto; }
.s-conv .cv-heure{ margin-left:auto; font-size:12px; color:var(--cv-gris); white-space:nowrap; flex:none; }
.s-conv .cv-ligne--nonlue .cv-heure{ color:var(--cv-texte); font-weight:600; }
.s-conv .cv-ligne-canal{ display:inline-flex; color:var(--cv-gris); flex:none; }
.s-conv .cv-ligne-canal .cv-ic{ width:14px; height:14px; }
.s-conv .cv-extrait{ font-size:13px; color:var(--cv-doux); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; flex:1 1 auto; }
.s-conv .cv-ligne--nonlue .cv-extrait{ color:var(--cv-texte); }
.s-conv .cv-pastille{ flex:none; min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:var(--cv-bleu); color:#fff;
  font:700 11px/18px var(--font); text-align:center; }
.s-conv .cv-marques{ display:flex; flex-wrap:wrap; gap:4px; }
.s-conv .cv-marque{ display:inline-flex; align-items:center; height:18px; padding:0 6px; border-radius:5px; background:var(--cv-entrant);
  color:var(--cv-doux); font:500 11.5px/1 var(--font); }
.s-conv .cv-suite{ display:flex; margin:12px auto; }
.s-conv .cv-avatar{ flex:none; width:36px; height:36px; border-radius:50%; object-fit:cover; background:#e7ecf4; }
.s-conv .cv-avatar--initiales{ display:inline-grid; place-items:center; font:600 12.5px/1 var(--font); color:#3d4d66; }
.s-conv .cv-avatar--initiales svg{ width:18px; height:18px; }

/* ---------------------------------------------------------------- fil */
.s-conv .cv-fil{ display:flex; flex-direction:column; min-height:0; height:100%; }
.s-conv .cv-fil-entete{ flex:none; background:var(--cv-blanc); border-bottom:1px solid var(--cv-trait); }
.s-conv .cv-fil-tete{ display:flex; align-items:center; gap:10px; padding:10px 16px; min-height:60px; min-width:0; }
.s-conv .cv-fil-qui{ flex:1 1 auto; min-width:0; }
.s-conv .cv-fil-nom{ font:600 15px/1.25 var(--font); letter-spacing:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.s-conv .cv-fil-sous{ font-size:12.5px; color:var(--cv-doux); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.s-conv .cv-fil-actions{ display:flex; align-items:center; gap:6px; flex:none; flex-wrap:wrap; justify-content:flex-end; }
.s-conv .cv-fil-actions .cv-btn svg[class="cv-ic"]{ color:var(--cv-doux); }
.s-conv .cv-retour{ display:none; }
.s-conv .cv-bandeau:empty, .s-conv .cv-statuts:empty{ display:none; }
.s-conv .cv-bandeau{ flex:none; background:var(--cv-blanc); border-bottom:1px solid var(--cv-trait); }
.s-conv .cv-bandeau-ligne{ display:flex; align-items:center; gap:8px; padding:8px 16px; font-size:13px; color:var(--cv-doux); }
.s-conv .cv-properso span{ flex:1 1 auto; }
.s-conv .cv-statuts{ flex:none; padding:8px 16px; background:var(--cv-blanc); border-bottom:1px solid var(--cv-trait); }
.s-conv .cv-messages{ flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; display:flex; flex-direction:column;
  gap:6px; padding:12px 20px 16px; }
.s-conv .cv-messages > *{ flex:none; }
.s-conv .cv-plus-anciens{ align-self:center; }
.s-conv .cv-jour{ display:flex; align-items:center; gap:12px; margin:10px 0 4px; color:var(--cv-gris); font:500 12px/1 var(--font); }
.s-conv .cv-jour::before, .s-conv .cv-jour::after{ content:""; flex:1; height:1px; background:var(--cv-trait); }
.s-conv .cv-bulle{ max-width:min(72%, 560px); padding:8px 12px 6px; border-radius:12px; background:var(--cv-entrant);
  align-self:flex-start; min-width:0; border:1px solid transparent; }
.s-conv .cv-bulle--out{ align-self:flex-end; background:var(--cv-sortant); }
.s-conv .cv-bulle--auto{ background:var(--cv-blanc); border-color:var(--cv-trait); }
.s-conv .cv-bulle--note{ background:var(--cv-note); border-color:var(--cv-note-trait); }
.s-conv .cv-bulle--echec{ border-color:#f0c4c0; }
.s-conv .cv-bulle--attente{ opacity:.65; }
.s-conv .cv-bulle-tete{ display:flex; align-items:center; gap:5px; font:600 12px/1.2 var(--font); color:#7a5a17; margin-bottom:3px; }
.s-conv .cv-bulle-tete .cv-ic{ width:13px; height:13px; }
.s-conv .cv-texte{ white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.45; }
.s-conv .cv-texte--vocal{ display:flex; align-items:center; gap:6px; color:var(--cv-doux); }
.s-conv .cv-texte--vocal svg{ width:16px; height:16px; }
.s-conv .cv-sujet{ font:600 13px/1.3 var(--font); margin-bottom:3px; overflow-wrap:anywhere; }
.s-conv .cv-meta{ display:flex; align-items:center; justify-content:flex-end; gap:5px; margin-top:3px; font-size:11.5px; color:var(--cv-gris); }
.s-conv .cv-bulle--in .cv-meta{ justify-content:flex-start; }
.s-conv .cv-meta .cv-ic{ width:12px; height:12px; }
.s-conv .cv-meta-canal{ display:inline-flex; }
.s-conv .cv-statut{ display:inline-flex; color:var(--cv-gris); }
.s-conv .cv-statut svg{ width:13px; height:13px; }
.s-conv .cv-statut--delivered, .s-conv .cv-statut--read{ color:var(--cv-bleu); }
.s-conv .cv-echec{ color:var(--cv-rouge); font-weight:600; }
.s-conv .cv-photo{ max-width:240px; max-height:280px; border-radius:8px; margin-bottom:4px; }
.s-conv .cv-appel{ align-self:center; display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:6px 12px; border-radius:8px;
  background:var(--cv-blanc); border:1px solid var(--cv-trait); font-size:13px; color:var(--cv-texte); }
.s-conv .cv-appel--manque{ border-color:#f0c4c0; }
.s-conv .cv-appel--manque .cv-appel-texte{ color:var(--cv-rouge); }
.s-conv .cv-appel-texte{ display:inline-flex; align-items:center; gap:6px; }
.s-conv .cv-appel-texte .cv-ic{ width:14px; height:14px; color:var(--cv-doux); }
.s-conv .cv-appel-heure{ font-size:11.5px; color:var(--cv-gris); }
.s-conv .cv-audio audio{ max-width:260px; height:32px; }
.s-conv .cv-activite{ align-self:center; font-size:12px; color:var(--cv-gris); text-align:center; display:flex; gap:6px; }
.s-conv .cv-activite-heure{ color:var(--cv-gris); }

/* ---------------------------------------------------------------- zone d'écriture (toujours visible en bas) */
.s-conv .cv-ecriture{ flex:none; display:flex; flex-direction:column; background:var(--cv-blanc); border-top:1px solid var(--cv-trait);
  padding:0 16px 10px; position:relative; }
.s-conv .cv-zone-onglets{ display:flex; gap:18px; border-bottom:1px solid var(--cv-trait-doux); margin:0 -16px 8px; padding:0 16px; }
.s-conv .cv-zone-onglet{ height:38px; padding:0; border:0; border-bottom:2px solid transparent; background:none; color:var(--cv-doux);
  font:500 13px/1 var(--font); cursor:pointer; }
.s-conv .cv-zone-onglet[aria-selected="true"]{ color:var(--cv-texte); font-weight:600; border-bottom-color:var(--cv-bleu); }
.s-conv .cv-zone-onglet--impossible{ color:var(--cv-gris); }
.s-conv .cv-ecriture--note .cv-zone-onglet[aria-selected="true"]{ border-bottom-color:#c9973a; }
.s-conv .cv-zone-info{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; font-size:12.5px; color:var(--cv-doux); margin-bottom:6px; }
.s-conv .cv-zone-info svg{ width:14px; height:14px; color:var(--cv-gris); flex:none; }
.s-conv .cv-zone-info > span{ flex:1 1 200px; min-width:0; }
.s-conv .cv-objet{ display:flex; align-items:center; gap:8px; margin-bottom:6px; font-size:12.5px; color:var(--cv-doux); }
.s-conv .cv-objet input{ flex:1; height:32px; border:1px solid var(--cv-trait); border-radius:8px; padding:0 10px; font:400 13px/1 var(--font);
  color:var(--cv-texte); background:var(--cv-blanc); }
.s-conv .cv-saisie{ display:block; }
.s-conv .cv-saisie textarea{ display:block; width:100%; min-height:64px; max-height:200px; resize:vertical; border:1px solid var(--cv-trait);
  border-radius:8px; padding:9px 11px; font:400 14px/1.45 var(--font); color:var(--cv-texte); background:var(--cv-blanc); }
.s-conv .cv-objet input:focus, .s-conv .cv-saisie textarea:focus{ outline:0; border-color:var(--cv-bleu); box-shadow:0 0 0 3px var(--bleu-ring); }
.s-conv .cv-ecriture--note{ background:var(--cv-note); }
.s-conv .cv-ecriture--note .cv-saisie textarea{ background:#fffaf0; border-color:var(--cv-note-trait); }
.s-conv .cv-compteur{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:5px; font-size:12px; color:var(--cv-gris); }
.s-conv .cv-compteur--alerte [data-compteur-texte]{ color:var(--cv-doux); }
.s-conv .cv-apercu:empty{ display:none; }
.s-conv .cv-apercu{ margin-top:8px; padding:10px 12px; border:1px solid var(--cv-trait); border-radius:8px; background:var(--cv-fond); }
.s-conv .cv-zone-barre{ display:flex; align-items:center; gap:8px; margin-top:8px; min-width:0; }
.s-conv .cv-zone-barre .cv-btn--principal{ flex:none; }
.s-conv .cv-zone-outils{ display:flex; align-items:center; gap:2px; margin-left:-8px; }
.s-conv .cv-raccourci{ margin-left:auto; overflow:hidden; text-overflow:ellipsis; min-width:0; font-size:11.5px; color:var(--cv-gris); white-space:nowrap; }
.s-conv .cv-modeles{ position:absolute; left:16px; bottom:56px; width:min(440px, calc(100% - 32px)); max-height:min(360px, 60vh);
  display:flex; flex-direction:column; background:var(--cv-blanc); border:1px solid var(--cv-trait); border-radius:10px;
  box-shadow:0 8px 24px rgba(11,23,51,.12), 0 2px 6px rgba(11,23,51,.06); z-index:5; }
.s-conv .cv-modeles[hidden]{ display:none; }
.s-conv .cv-modeles-tete{ display:flex; align-items:center; justify-content:space-between; padding:6px 6px 6px 12px;
  border-bottom:1px solid var(--cv-trait-doux); font:600 13px/1 var(--font); }
.s-conv .cv-modeles-liste{ overflow-y:auto; padding:4px 0 6px; }
.s-conv .cv-modeles-groupe{ padding:8px 12px 4px; font:600 11.5px/1 var(--font); color:var(--cv-gris); }
.s-conv .cv-modele{ display:flex; flex-direction:column; gap:2px; width:100%; padding:7px 12px; border:0; background:none; text-align:left;
  cursor:pointer; color:var(--cv-texte); font:inherit; }
.s-conv .cv-modele:hover{ background:var(--cv-survol); }
.s-conv .cv-modele-titre{ font:500 13px/1.3 var(--font); }
.s-conv .cv-modele-texte{ font-size:12.5px; color:var(--cv-doux); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* ---------------------------------------------------------------- volet de droite (mini-fiche) */
.s-conv .cv-volet-tete{ flex:none; display:flex; align-items:center; gap:10px; padding:12px 16px; min-height:60px; border-bottom:1px solid var(--cv-trait); }
.s-conv .cv-volet-qui{ min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:3px; }
.s-conv .cv-volet-nom{ font:600 14px/1.25 var(--font); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:220px; }
.s-conv .cv-volet-onglets{ flex:none; display:flex; gap:12px; white-space:nowrap; overflow-x:auto; scrollbar-width:none; padding:0 16px; border-bottom:1px solid var(--cv-trait); }
.s-conv .cv-volet-onglet{ display:inline-flex; align-items:center; gap:5px; height:40px; padding:0; border:0; border-bottom:2px solid transparent;
  background:none; color:var(--cv-doux); font:500 13px/1 var(--font); cursor:pointer; }
.s-conv .cv-volet-onglet[aria-selected="true"]{ color:var(--cv-texte); font-weight:600; border-bottom-color:var(--cv-bleu); }
.s-conv .cv-volet-corps{ flex:1 1 auto; min-height:0; overflow-y:auto; padding:12px 16px 20px; overscroll-behavior:contain; }
.s-conv .cv-volet-bloc{ padding:4px 0 12px; border-bottom:1px solid var(--cv-trait-doux); margin-bottom:12px; }
.s-conv .cv-volet-bloc h3, .s-conv .cv-volet-titre h3{ font:600 13px/1.2 var(--font); letter-spacing:0; margin-bottom:8px; }
.s-conv .cv-volet-bloc dl{ margin:0; display:flex; flex-direction:column; gap:8px; }
.s-conv .cv-volet-bloc dl + dl{ margin-top:8px; }
.s-conv .cv-volet-bloc p{ font-size:13px; }
.s-conv .cv-champ dt{ font-size:12px; color:var(--cv-gris); }
.s-conv .cv-champ dd{ margin:1px 0 0; font-size:13.5px; overflow-wrap:anywhere; }
.s-conv .cv-gris{ color:var(--cv-gris); font-size:13px; }
.s-conv .cv-etiquettes{ display:flex; flex-wrap:wrap; gap:5px; }
.s-conv .cv-etiquette{ display:inline-flex; align-items:center; height:20px; padding:0 7px; border-radius:5px; background:var(--cv-entrant);
  color:var(--cv-doux); font:500 11.5px/1 var(--font); }
.s-conv .cv-volet-actions{ display:flex; flex-direction:column; gap:6px; }
/* Tâches, Remarques, Rendez-vous : les panneaux et les formulaires de la fiche (classes .fc-* de fiche.css, mêmes
   textes, mêmes gestes). Le corps du volet porte .fc pour en prendre le style ; ici on retire seulement ce qui sert à
   la page de la fiche (hauteur de l'écran, marges) pour qu'il tienne dans les 320 px du volet. */
.s-conv .cv-volet .cv-fc{ display:block; height:auto; min-height:0; margin:0; gap:0; flex:1 1 auto; overflow-y:auto;
  padding:12px 16px 20px; font-size:14px; }
.s-conv .cv-volet .cv-fc .fc-panneau{ gap:10px; }
.s-conv .cv-volet .cv-fc .fc-form{ padding:12px; gap:10px; }
.s-conv .cv-volet .cv-fc .fc-form-rangee .sf-champ{ flex:1 1 0; min-width:0; }
.s-conv .cv-volet .cv-fc .fc-tache .fc-ligne-modif{ margin-left:auto; }
.s-conv .cv-volet .cv-fc .fc-etat-vide{ padding:24px 8px; }
.s-conv .cv-volet .cv-fc .cv-volet-bloc h3{ font:600 13px/1.2 var(--font); }
.s-conv .cv-volet .cv-fc .cv-volet-large{ width:100%; justify-content:center; }
.s-conv .cv-volet .cv-fc .fc-groupe-bouton{ display:inline-flex; align-items:center; gap:6px; border:0; background:none; padding:4px 0;
  color:var(--cv-doux); font:500 12.5px/1.2 var(--font); cursor:pointer; }
/* La zone d'écriture prêtée à la fiche (CRM.conversation.fil dans .fc-ecrire-hote) : sans en-tête ni bandeau. */
.fc .fc-ecrire-hote .cv-fil-entete, .fc .fc-ecrire-hote [data-fil-bandeau]{ display:none !important; }

/* ---------------------------------------------------------------- dans le panneau de droite (autres pages) */
.s-conv.cv-panneau .cv-fil{ height:auto; }
.s-conv.cv-panneau .cv-messages{ overflow:visible; background:var(--cv-fond); border-radius:8px; }
.s-conv.cv-panneau .cv-fil-entete, .s-conv.cv-panneau .cv-ecriture{ background:var(--cv-blanc); }
.s-conv.cv-panneau .cv-retour--panneau{ display:none; }

/* ---------------------------------------------------------------- écrans plus étroits */
/* Sans la place pour la mini-fiche : le bouton « fiche » de l'en-tête du fil l'ouvre (comme avant). */
.s-conv .cv-ecran .cv-fil-fiche{ display:none; }
@media (max-width:1359px){
  .s-conv .cv-volet{ display:none; }
  .s-conv .cv-ecran .cv-fil-fiche{ display:inline-flex; }
  .s-conv .cv-liste{ flex-basis:320px; }
}
@media (max-width:899px){
  .s-conv .cv-ecran{ flex-direction:column; height:auto !important; border:0; background:none; overflow:visible; }
  .s-conv .cv-liste{ flex:1 1 auto; width:100%; border:1px solid var(--cv-trait); border-radius:8px; background:var(--cv-blanc); }
  .s-conv .cv-centre{ width:100%; border:1px solid var(--cv-trait); border-radius:8px; overflow:hidden; }
  .s-conv .cv-ecran:not(.cv-ecran--fil) .cv-centre{ display:none; }
  .s-conv .cv-ecran--fil .cv-liste{ display:none; }
  .s-conv .cv-retour, .s-conv.cv-panneau .cv-retour--panneau{ display:inline-flex; }
  .s-conv .cv-messages{ overflow:visible; }
  .s-conv .cv-elements{ overflow:visible; }
  .s-conv .cv-raccourci{ display:none; }
  .s-conv .cv-zone-barre .cv-btn--principal{ margin-left:auto; }
  .s-conv .cv-fil-tete{ flex-wrap:wrap; }
  .s-conv .cv-fil-actions{ width:100%; justify-content:flex-start; }
  .s-conv .cv-bulle{ max-width:88%; }
  /* le tactile garde 44 px */
  .s-conv .cv-btn, .s-conv .cv-onglet, .s-conv .cv-canal-filtre, .s-conv .cv-zone-onglet, .s-conv .cv-lien, .s-conv .cv-ligne,
  .s-conv .cv-modele, .s-conv .cv-sous-onglet, .s-conv .cv-volet-onglet, .s-conv .cv-item--bouton{ min-height:44px; }
  .s-conv .cv-btn--icone, .s-conv .cv-canal-filtre{ min-width:44px; }
  .s-conv .cv-recherche input{ height:44px; font-size:16px; }
  .s-conv .cv-saisie textarea{ font-size:16px; }
}