/* Oqora CRM · fiche contact comme GHL (24/10/2026) : page #/contact/<id> en 3 colonnes + rail d'icônes (.fc-*).
   Panneaux blancs bordés de gris fin, coins de 8 px, texte de 13 à 14 px d'une seule couleur, boutons de 32 px
   (44 px sur téléphone). Toutes les règles sont préfixées par .s-fiche ou .fc ; les jetons viennent de crm.css.
   Conteneur étroit (panneau, téléphone) : une seule colonne (requête de conteneur « fiche »). */

.s-fiche{ container-type:inline-size; container-name:fiche; }
.fc{ --fc-g:288px; --fc-d:312px; --fc-rail:76px; --fc-trait:var(--rule); --fc-trait-fort:var(--rule-strong, #c4cad0);
  --fc-fond:var(--bande); --fc-r:8px;
  display:flex; flex-direction:column; gap:12px; min-width:0; color:var(--ink); font-size:14px; line-height:1.45;
  height:calc(100vh - var(--fc-haut, 160px) - 16px); min-height:560px;
  margin:0 calc(16px - var(--gutter, 24px)); }
.fc p{ margin:0; }
.fc svg{ width:16px; height:16px; flex:none; }

/* ---------------------------------------------------------------- boutons et champs (32 px) */
.fc .fc-b{ min-height:32px; height:32px; padding:0 12px; gap:6px; border-radius:6px; font-size:13px; font-weight:500;
  background:var(--surface); color:var(--ink); border:1px solid var(--fc-trait-fort); box-shadow:none; white-space:nowrap; }
.fc .fc-b:hover{ background:var(--fc-fond); color:var(--ink); box-shadow:none; }
.fc .fc-b--principal{ background:var(--bleu); border-color:var(--bleu); color:#fff; }
.fc .fc-b--principal:hover{ background:var(--bleu-dark); color:#fff; }
.fc .fc-b--petit{ min-height:28px; height:28px; padding:0 10px; font-size:12.5px; }
.fc .fc-b--icone{ width:32px; padding:0; }
.fc .fc-b[disabled], .fc .fc-b[aria-disabled="true"]{ opacity:.55; }
.fc .fc-btn-icone{ width:32px; height:32px; flex:none; display:inline-grid; place-items:center; border:0; border-radius:6px;
  background:transparent; color:var(--ink-soft); cursor:pointer; padding:0; }
.fc .fc-btn-icone:hover{ background:var(--fc-fond); color:var(--ink); }
.fc .fc-btn-icone[disabled]{ opacity:.35; cursor:default; }
.fc .fc-btn-icone--petit{ width:26px; height:26px; }
.fc .fc-input, .fc .champ{ width:100%; min-height:32px; height:32px; padding:0 10px; border:1px solid var(--fc-trait-fort);
  border-radius:6px; background:var(--surface); color:var(--ink); font:400 13.5px/1.3 var(--font); box-shadow:none; }
.fc .fc-input:focus, .fc .champ:focus{ outline:0; border-color:var(--bleu); box-shadow:0 0 0 3px var(--bleu-ring); }
.fc textarea.fc-input, .fc .fc-input--long{ height:auto; min-height:76px; padding:8px 10px; line-height:1.45; resize:vertical; }
.fc .fc-input[disabled]{ background:var(--fc-fond); color:var(--ink-soft); }
.fc .fc-lien, .fc .sf-lien{ border:0; background:none; color:var(--ink); font-weight:500; padding:0; cursor:pointer;
  text-align:left; text-decoration:underline; text-decoration-color:var(--fc-trait-fort); text-underline-offset:3px; min-height:0; }
.fc .fc-lien:hover, .fc .sf-lien:hover{ text-decoration-color:currentColor; }
.fc .fc-badge{ display:inline-flex; align-items:center; gap:4px; height:20px; padding:0 7px; border-radius:5px;
  font-size:12px; font-weight:500; background:var(--fc-fond); color:var(--ink-soft); white-space:nowrap; vertical-align:middle;
  box-shadow:inset 0 0 0 1px var(--fc-trait); }
.fc .fc-badge--rouge{ background:var(--rouge-tint); color:var(--rouge); box-shadow:none; }
.fc .fc-badge--ambre{ background:var(--ambre-tint); color:var(--ambre); box-shadow:none; }
.fc .fc-badge--vert{ background:var(--vert-tint); color:var(--vert); box-shadow:none; }
.fc .fc-titre{ font-size:15px; font-weight:600; letter-spacing:-.01em; color:var(--ink); }
.fc .fc-sous-titre{ font-size:12px; font-weight:600; color:var(--ink-soft); text-transform:none; margin-bottom:6px; }
.fc .fc-aide{ display:block; font-size:12px; color:var(--ink-soft); margin-top:3px; }
.fc .fc-vide{ color:var(--ink-soft); font-size:13px; }
.fc .fc-erreur{ font-size:13px; color:var(--ink); background:var(--ambre-tint); border-radius:6px; padding:8px 10px; margin-bottom:8px; }
.fc .fc-apercu:empty{ display:none; }
.fc .fc-apercu{ margin-top:8px; }

/* ---------------------------------------------------------------- bandeau du haut */
.fc-tete-zone{ flex:none; }
.fc .fc-tete{ display:flex; align-items:center; gap:10px; min-height:56px; padding:8px 12px; background:var(--surface);
  border:1px solid var(--fc-trait); border-radius:var(--fc-r); }
.fc .fc-nav{ display:flex; align-items:center; gap:2px; padding:0 6px 0 2px; border-right:1px solid var(--fc-trait);
  margin-right:2px; }
.fc .fc-nav-rang{ font-size:13px; color:var(--ink-soft); font-variant-numeric:tabular-nums; padding:0 4px; }
.fc .fc-avatar{ width:36px; height:36px; flex:none; border-radius:50%; display:grid; place-items:center; font-size:13px;
  font-weight:600; background:var(--bleu-tint); color:var(--bleu-dark); letter-spacing:.02em; }
.fc .fc-qui{ min-width:0; flex:1; }
.fc .fc-qui .sf-nom{ font-size:17px; font-weight:600; letter-spacing:-.01em; line-height:1.25; overflow:hidden;
  text-overflow:ellipsis; white-space:nowrap; }
.fc .fc-sous{ font-size:13px; color:var(--ink-soft); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fc .fc-actions{ display:flex; align-items:center; gap:8px; flex:none; }
.fc .fc-menu-zone{ position:relative; }
.fc .fc-menu{ position:absolute; right:0; top:calc(100% + 6px); z-index:40; min-width:240px; padding:6px; background:var(--surface);
  border:1px solid var(--fc-trait); border-radius:var(--fc-r); box-shadow:0 8px 24px rgba(11,23,51,.12), 0 2px 6px rgba(11,23,51,.06);
  display:flex; flex-direction:column; }
.fc .fc-menu-item{ display:flex; align-items:center; gap:8px; width:100%; min-height:34px; padding:0 10px; border:0;
  border-radius:6px; background:none; color:var(--ink); font:400 13.5px/1.2 var(--font); text-align:left; cursor:pointer; }
.fc .fc-menu-item:hover{ background:var(--fc-fond); }
.fc .fc-menu-item svg{ color:var(--ink-soft); }
.fc .fc-menu-item[disabled]{ opacity:.5; cursor:default; }

/* ---------------------------------------------------------------- la grille : 3 colonnes + rail */
.fc .fc-grille{ flex:1; min-height:0; display:grid; gap:12px;
  grid-template-columns:var(--fc-g) minmax(0, 1fr) var(--fc-d) var(--fc-rail); }
.fc .fc-col{ min-height:0; min-width:0; background:var(--surface); border:1px solid var(--fc-trait); border-radius:var(--fc-r);
  overflow-y:auto; overscroll-behavior:contain; }
.fc .fc-gauche, .fc .fc-droite{ padding:14px 14px 18px; }
.fc .fc-centre{ display:flex; flex-direction:column; overflow:hidden; }
.fc .fc-rail-zone{ min-height:0; }
.fc .fc-rail{ display:flex; flex-direction:column; gap:4px; padding:6px; background:var(--surface); border:1px solid var(--fc-trait);
  border-radius:var(--fc-r); }
.fc .fc-rail-btn{ position:relative; width:100%; min-height:54px; display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:3px; border:0; border-radius:6px; background:none; color:var(--ink-soft); cursor:pointer;
  font:500 10.5px/1.1 var(--font); padding:4px 1px; letter-spacing:-.01em; }
.fc .fc-rail-btn svg{ width:20px; height:20px; }
.fc .fc-rail-btn:hover{ background:var(--fc-fond); color:var(--ink); }
.fc .fc-rail-btn[aria-pressed="true"]{ background:var(--bleu-tint); color:var(--ink); }
.fc .fc-rail-btn[aria-pressed="true"] svg{ color:var(--bleu); }
.fc .fc-rail-txt{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fc .fc-rail-n{ position:absolute; top:3px; right:5px; min-width:16px; height:16px; padding:0 4px; border-radius:8px;
  background:var(--ink-soft); color:#fff; font-size:10px; font-weight:600; line-height:16px; text-align:center; }

/* ---------------------------------------------------------------- colonne de gauche : Infos du contact */
.fc .fc-infos{ display:flex; flex-direction:column; gap:12px; }
.fc .fc-relies{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; font-size:13px; }
.fc .fc-relies li{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.fc .fc-avis{ display:flex; flex-wrap:wrap; gap:6px; }
.fc .fc-trouve{ display:flex; flex-direction:column; gap:6px; align-items:flex-start; font-size:13px; padding:8px 10px;
  border-radius:6px; background:var(--fc-fond); }
.fc .fc-meta-ligne{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; font-size:13.5px; }
.fc .fc-meta-etiq{ font-size:12px; font-weight:500; color:var(--ink-soft); }
.fc .fc-ligne-tete{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.fc .fc-etiquettes{ display:flex; flex-direction:column; gap:6px; padding-bottom:12px; border-bottom:1px solid var(--rule-soft); }
.fc .fc-puces{ display:flex; flex-wrap:wrap; gap:6px; }
.fc .fc-puce{ display:inline-flex; align-items:center; gap:2px; min-height:24px; padding:2px 2px 2px 8px; line-height:1.3; border-radius:5px;
  background:var(--fc-fond); box-shadow:inset 0 0 0 1px var(--fc-trait); font-size:12.5px; color:var(--ink); max-width:100%; }
.fc .fc-puce--auto{ padding-right:8px; color:var(--ink-soft); }
.fc .fc-puce-x{ width:20px; height:20px; display:inline-grid; place-items:center; border:0; border-radius:4px; background:none;
  color:var(--ink-soft); cursor:pointer; padding:0; }
.fc .fc-puce-x:hover{ background:var(--surface); color:var(--ink); }
.fc .fc-puce-x svg{ width:12px; height:12px; }
.fc .fc-groupe{ border-bottom:1px solid var(--rule-soft); padding-bottom:6px; }
.fc .fc-groupe:last-of-type{ border-bottom:0; }
.fc .fc-groupe-tete{ display:flex; align-items:center; justify-content:space-between; gap:6px; }
.fc .fc-groupe-bouton{ flex:1; display:flex; align-items:center; gap:6px; min-height:32px; border:0; background:none;
  padding:0; cursor:pointer; font:600 13.5px/1.2 var(--font); color:var(--ink); text-align:left; }
.fc .fc-groupe-bouton svg{ color:var(--ink-soft); }
.fc .fc-champs{ margin:2px 0 6px; display:flex; flex-direction:column; gap:2px; }
.fc .fc-champ{ display:flex; flex-direction:column; gap:1px; padding:4px 0; }
.fc .fc-champ dt{ font-size:12px; font-weight:500; color:var(--ink-soft); }
.fc .fc-champ dd{ margin:0; min-width:0; }
.fc .fc-champ-ligne{ display:flex; align-items:center; gap:4px; min-width:0; }
.fc .fc-valeur{ flex:1; min-width:0; display:block; width:100%; min-height:28px; padding:4px 6px; margin-left:-6px; border:1px solid transparent;
  border-radius:5px; background:none; color:var(--ink); font:400 13.5px/1.35 var(--font); text-align:left; cursor:text;
  overflow-wrap:anywhere; }
.fc button.fc-valeur:hover{ border-color:var(--fc-trait-fort); background:var(--surface); }
.fc .fc-valeur--vide{ color:var(--ink-faint); }
.fc .fc-valeur--lecture{ cursor:default; margin-left:0; padding-left:0; }
.fc .fc-edition{ display:flex; flex-direction:column; gap:6px; flex:1; min-width:0; }
.fc .fc-edition-actions{ display:flex; justify-content:flex-end; gap:6px; }
.fc .fc-pied{ font-size:12px; color:var(--ink-soft); display:flex; flex-direction:column; gap:2px; padding-top:8px;
  border-top:1px solid var(--rule-soft); }

/* ---------------------------------------------------------------- colonne du milieu : le fil */
.fc .fc-centre-tete{ flex:none; display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:48px;
  padding:8px 14px; border-bottom:1px solid var(--fc-trait); }
.fc .fc-fil{ flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:8px 16px 16px; background:var(--fc-fond); }
.fc .fc-attente, .fc .fc-fil-vide{ padding:24px 0; text-align:center; }
.fc .fc-jour{ display:flex; flex-direction:column; gap:8px; }
.fc .fc-jour-titre{ display:flex; align-items:center; gap:10px; margin:12px 0 4px; font-size:12px; font-weight:500;
  color:var(--ink-soft); }
.fc .fc-jour-titre::before, .fc .fc-jour-titre::after{ content:""; flex:1; height:1px; background:var(--fc-trait); }
.fc .fc-msg{ display:flex; flex-direction:column; max-width:78%; gap:2px; }
.fc .fc-msg--in{ align-self:flex-start; align-items:flex-start; }
.fc .fc-msg--out{ align-self:flex-end; align-items:flex-end; }
.fc .fc-bulle{ padding:8px 12px; border-radius:10px; background:var(--surface); box-shadow:inset 0 0 0 1px var(--fc-trait);
  overflow-wrap:anywhere; font-size:13.5px; }
.fc .fc-msg--out .fc-bulle{ background:var(--bleu-tint); box-shadow:none; }
.fc .fc-msg--note .fc-bulle{ background:var(--ambre-tint); box-shadow:none; }
.fc .fc-msg--echec .fc-bulle{ box-shadow:inset 0 0 0 1px var(--rouge); }
.fc .fc-texte{ white-space:pre-line; }
.fc .fc-sujet{ font-weight:600; margin-bottom:4px; }
.fc .fc-photo{ max-width:220px; border-radius:6px; margin-bottom:6px; }
.fc .fc-msg-meta{ font-size:11.5px; color:var(--ink-soft); padding:0 4px; }
.fc .fc-appel{ align-self:center; width:min(100%, 520px); display:flex; flex-direction:column; gap:6px; padding:8px 12px;
  border-radius:8px; background:var(--surface); box-shadow:inset 0 0 0 1px var(--fc-trait); font-size:13px; }
.fc .fc-appel-ligne{ display:flex; align-items:center; gap:8px; }
.fc .fc-appel-ligne svg{ color:var(--ink-soft); }
.fc .fc-appel--manque .fc-appel-ligne svg{ color:var(--rouge); }
.fc .fc-appel-texte{ flex:1; min-width:0; }
.fc .fc-appel audio{ width:100%; height:32px; }
.fc .fc-heure{ font-size:11.5px; color:var(--ink-soft); white-space:nowrap; }
.fc .fc-evt{ align-self:center; display:flex; align-items:center; gap:6px; max-width:90%; padding:3px 10px; border-radius:12px;
  background:var(--surface); box-shadow:inset 0 0 0 1px var(--fc-trait); font-size:12px; color:var(--ink-soft); }
.fc .fc-evt svg{ width:13px; height:13px; }
.fc .fc-evt-texte{ color:var(--ink); }
.fc .fc-ecrire{ flex:none; max-height:48%; overflow-y:auto; border-top:1px solid var(--fc-trait); background:var(--surface); }
.fc .fc-sans-conv{ padding:12px 14px; }
/* La zone d'écriture de Conversations, sans son en-tête ni ses messages (déjà dans le fil ci-dessus). */
.fc .fc-ecrire-hote [data-fil-tete], .fc .fc-ecrire-hote [data-messages], .fc .fc-ecrire-hote .sc-historique,
.fc .fc-ecrire-hote [data-statuts], .fc .fc-ecrire-hote .sc-marques, .fc .fc-ecrire-hote .sc-properso{ display:none !important; }
.fc .fc-ecrire-hote .sc-fil{ height:auto; min-height:0; max-height:none; padding:0; margin:0; box-shadow:none; border:0;
  background:none; border-radius:0; display:block; }
.fc .fc-ecrire-hote .sc-ecriture{ position:static; margin:0; padding:10px 14px 12px; border:0; box-shadow:none; border-radius:0;
  background:none; }
.fc .fc-ecrire-hote textarea{ min-height:64px; }
.fc .fc-ecrire-hote .btn{ min-height:32px; height:32px; padding:0 12px; border-radius:6px; font-size:13px; font-weight:500;
  box-shadow:none; }
.fc .fc-ecrire-hote .btn--ghost{ background:var(--surface); color:var(--ink); border:1px solid var(--fc-trait-fort); }
.fc .fc-ecrire-hote .btn--primary{ border:1px solid var(--bleu); }
.fc .fc-ecrire-hote .sc-puce{ min-height:28px; height:28px; padding:0 10px; font-size:12.5px; box-shadow:none;
  border:1px solid var(--fc-trait); }
.fc .fc-ecrire-hote .sc-ecriture-actions{ display:flex; justify-content:flex-end; align-items:center; gap:8px; flex-wrap:wrap;
  margin-top:8px; }
@media (max-width: 899px){
  .fc .fc-ecrire-hote .btn, .fc .fc-ecrire-hote .sc-puce{ min-height:44px; height:44px; }
}

/* ---------------------------------------------------------------- colonne de droite : panneaux du rail */
.fc .fc-panneau{ display:flex; flex-direction:column; gap:12px; }
.fc .fc-panneau-tete{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:32px; }
.fc .fc-liste{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
.fc .fc-sous-bloc{ display:flex; flex-direction:column; gap:4px; padding-top:10px; border-top:1px solid var(--rule-soft); }
.fc .fc-etat-vide{ display:flex; flex-direction:column; align-items:center; gap:10px; padding:28px 8px; text-align:center;
  color:var(--ink-soft); font-size:13.5px; border:1px dashed var(--fc-trait); border-radius:var(--fc-r); }
.fc .fc-form{ display:flex; flex-direction:column; gap:10px; padding:12px; border:1px solid var(--fc-trait);
  border-radius:var(--fc-r); background:var(--fc-fond); }
.fc .fc-form-champ{ display:flex; flex-direction:column; gap:4px; font-size:12px; font-weight:500; color:var(--ink-soft); }
.fc .fc-form-sous{ font-size:12px; font-weight:500; color:var(--ink-soft); margin-bottom:-4px; }
.fc .fc-form-rangee{ display:flex; gap:8px; }
.fc .fc-form-rangee .sf-champ{ flex:1 1 0; min-width:0; display:block; }
.fc .fc-form-rangee .sf-etiquette{ display:none; }
.fc .fc-form-actions{ display:flex; justify-content:flex-end; gap:8px; }
.fc .fc-prevu{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:6px 0; font-size:13px;
  border-bottom:1px solid var(--rule-soft); }
.fc .fc-prevu:last-child{ border-bottom:0; }
.fc .fc-prevu-texte{ min-width:0; }
.fc .fc-tache{ display:flex; align-items:flex-start; gap:10px; padding:10px 0; border-bottom:1px solid var(--rule-soft); }
.fc .fc-tache:last-child{ border-bottom:0; }
.fc .fc-coche{ width:20px; height:20px; flex:none; margin-top:1px; display:inline-grid; place-items:center; padding:0;
  border:1.5px solid var(--fc-trait-fort); border-radius:50%; background:var(--surface); color:transparent; cursor:pointer; }
.fc .fc-coche svg{ width:12px; height:12px; }
.fc .fc-coche:hover{ border-color:var(--vert); color:var(--vert); }
.fc .fc-coche--faite{ border-color:var(--vert); background:var(--vert); color:#fff; cursor:default; }
.fc .fc-tache-corps{ min-width:0; flex:1; display:flex; flex-direction:column; gap:2px; }
.fc .fc-tache-titre{ font-size:13.5px; font-weight:500; overflow-wrap:anywhere; }
.fc .fc-tache--faite .fc-tache-titre{ color:var(--ink-soft); text-decoration:line-through; }
.fc .fc-tache--attente{ opacity:.6; }
.fc .fc-tache-desc{ font-size:13px; color:var(--ink-soft); white-space:pre-line; overflow-wrap:anywhere; }
.fc .fc-tache-meta{ font-size:12px; color:var(--ink-soft); display:flex; flex-wrap:wrap; align-items:center; gap:4px; }
.fc .fc-note{ padding:10px 12px; margin-bottom:8px; border-radius:var(--fc-r); background:var(--surface);
  border:1px solid var(--fc-trait); display:flex; flex-direction:column; gap:6px; }
.fc .fc-note--attente{ opacity:.65; }
.fc .fc-note-texte{ font-size:13.5px; white-space:pre-line; overflow-wrap:anywhere; }
.fc .fc-note-meta{ font-size:12px; color:var(--ink-soft); display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.fc .fc-onglets{ display:flex; gap:18px; border-bottom:1px solid var(--fc-trait); }
.fc .fc-onglet{ height:34px; padding:0; border:0; border-bottom:2px solid transparent; background:none; cursor:pointer;
  font:500 13.5px/1 var(--font); color:var(--ink-soft); display:inline-flex; align-items:center; gap:6px; }
.fc .fc-onglet[aria-selected="true"]{ color:var(--ink); border-bottom-color:var(--bleu); }
.fc .fc-compte{ font-size:12px; color:var(--ink-faint); }
.fc .fc-rdv{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 0;
  border-bottom:1px solid var(--rule-soft); }
.fc .fc-rdv-bouton{ min-width:0; flex:1; display:flex; flex-direction:column; align-items:flex-start; gap:1px; border:0;
  background:none; padding:2px 0; cursor:pointer; text-align:left; color:var(--ink); }
.fc .fc-rdv-titre{ font-size:13.5px; font-weight:500; }
.fc .fc-rdv-quand{ font-size:12.5px; color:var(--ink-soft); }
.fc .fc-rdv-bouton:hover .fc-rdv-titre{ text-decoration:underline; }
.fc .fc-opp{ gap:6px; }
.fc .fc-boutons{ display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
.fc .fc-ancien{ gap:8px; align-items:flex-start; font-size:13px; }
.fc .fc-ligne-simple{ font-size:13px; padding:4px 0; }
.fc .fc-segments{ display:flex; flex-wrap:wrap; gap:6px; }
.fc .fc-segment{ height:26px; padding:0 9px; border:0; border-radius:13px; background:var(--surface); cursor:pointer;
  font:500 12px/1 var(--font); color:var(--ink-soft); box-shadow:inset 0 0 0 1px var(--fc-trait); }
.fc .fc-segment:hover{ color:var(--ink); }
.fc .fc-segment[aria-pressed="true"]{ background:var(--bleu-tint); color:var(--ink); box-shadow:inset 0 0 0 1px var(--bleu-tint); }
.fc .fc-activite{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
.fc .fc-act{ padding:9px 0; border-bottom:1px solid var(--rule-soft); display:flex; flex-direction:column; gap:2px; }
.fc .fc-act:last-child{ border-bottom:0; }
.fc .fc-act-tete{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; font-size:13px; }
.fc .fc-act-libelle{ font-weight:500; min-width:0; }
.fc .fc-act-quand{ font-size:12px; color:var(--ink-soft); white-space:nowrap; }
.fc .fc-act-texte{ font-size:13px; color:var(--ink-soft); white-space:pre-line; overflow-wrap:anywhere; }
.fc .fc-act-actions{ display:flex; gap:8px; align-items:center; margin-top:4px; }
.fc .fc-act audio{ width:100%; height:32px; margin-top:4px; }

/* Tâches et remarques comme GHL (relevé du 25/10/2026) : recherche, formulaires, états vides, modifier. */
.fc .fc-recherche{ position:relative; display:block; }
.fc .fc-recherche svg{ position:absolute; left:9px; top:50%; transform:translateY(-50%); width:14px; height:14px;
  color:var(--ink-faint); pointer-events:none; }
.fc .fc-recherche-champ{ padding-left:30px; }
.fc .fc-vide-titre{ font-size:14px; font-weight:600; color:var(--ink); }
.fc .fc-vide-sous{ font-size:13px; color:var(--ink-soft); margin-top:-4px; max-width:240px; }
.fc .fc-aucun{ padding:8px 0; text-align:center; }
.fc .fc-form-titre{ font-size:13.5px; font-weight:600; color:var(--ink); }
.fc .fc-form-etiq{ display:block; }
.fc .fc-oblig{ color:var(--ink-soft); }
.fc .fc-compteur{ align-self:flex-end; font-size:11.5px; font-weight:400; color:var(--ink-faint); font-variant-numeric:tabular-nums; }
.fc .fc-associe{ display:inline-flex; align-items:center; gap:6px; align-self:flex-start; height:28px; padding:0 10px 0 4px;
  border-radius:14px; background:var(--surface); box-shadow:inset 0 0 0 1px var(--fc-trait); font-size:13px; font-weight:500;
  color:var(--ink); max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fc .fc-associe-avatar{ width:20px; height:20px; flex:none; border-radius:50%; display:grid; place-items:center; font-size:10px;
  font-weight:600; background:var(--bleu-tint); color:var(--bleu-dark); }
.fc button.fc-coche--faite{ cursor:pointer; }
.fc button.fc-coche--faite:hover{ background:var(--surface); color:var(--vert); }
.fc .fc-ligne-modif{ opacity:0; margin-top:-3px; }
.fc .fc-tache:hover .fc-ligne-modif, .fc .fc-note:hover .fc-ligne-modif, .fc .fc-ligne-modif:focus-visible{ opacity:1; }
.fc .fc-tache--edition{ display:block; padding:8px 0; }
.fc .fc-note--edition{ padding:0; border:0; background:none; }
.fc .fc-note{ position:relative; }
.fc .fc-note .fc-ligne-modif{ position:absolute; top:6px; right:6px; margin:0; }
.fc .fc-note-titre, .fc .fc-note > .fc-note-texte:first-of-type{ padding-right:24px; }
.fc .fc-note-titre{ font-size:13.5px; font-weight:600; overflow-wrap:anywhere; }
@media (hover: none){ .fc .fc-ligne-modif{ opacity:1; } }

/* Panneau large (CRM.fiche.panneau) : même structure, une colonne. */
.panneau.fc-panneau-large{ width:min(760px, 100vw); }

/* ---------------------------------------------------------------- conteneur étroit : une seule colonne */
@container fiche (max-width: 1000px){
  .fc{ height:auto; min-height:0; margin:0; }
  .fc .fc-tete{ flex-wrap:wrap; }
  .fc .fc-qui{ flex:1 1 160px; }
  .fc .fc-actions{ flex-wrap:wrap; width:100%; }
  .fc .fc-grille{ grid-template-columns:minmax(0, 1fr); }
  .fc .fc-col{ overflow:visible; }
  .fc .fc-rail-zone{ order:-1; }
  .fc .fc-rail{ flex-direction:row; overflow-x:auto; }
  .fc .fc-rail-btn{ flex:1 0 64px; }
  .fc .fc-droite{ order:0; }
  .fc .fc-gauche{ order:1; }
  .fc .fc-centre{ order:2; min-height:420px; max-height:80vh; }
  .fc .fc-msg{ max-width:90%; }
}

/* ---------------------------------------------------------------- téléphone : 44 px pour chaque bouton */
@media (max-width: 899px){
  .fc .fc-b, .fc .fc-b--petit, .fc .fc-input, .fc .champ{ min-height:44px; height:44px; }
  .fc .fc-b--icone, .fc .fc-btn-icone, .fc .fc-btn-icone--petit{ width:44px; height:44px; }
  .fc .fc-puce{ height:44px; }
  .fc .fc-puce--auto{ padding-right:8px; color:var(--ink-soft); }
.fc .fc-puce-x{ width:44px; height:44px; }
  .fc .fc-valeur, .fc .fc-groupe-bouton, .fc .fc-menu-item, .fc .fc-onglet, .fc .fc-segment, .fc .fc-rdv-bouton,
  .fc .fc-lien, .fc .sf-lien{ min-height:44px; }
  .fc .fc-coche{ width:44px; height:44px; border-width:2px; }
  .fc .fc-coche svg{ width:16px; height:16px; }
  .fc .fc-segment{ height:44px; }
  .fc .fc-onglet{ height:44px; }
}