/* ════════════════════════════════════════════════════════════════════════
   LES ACTIVITÉS, FAÇON LEVERAGE — demande de Tevini du 8 octobre 2026.
   Maquette validée : maquettes/activites-leverage/ ; captures de Leverage
   prises le même jour. Carnet : docs/notes/NOTES-activites.md.

   ⚠️ **LES VOLETS S'OUVRENT À DROITE, SOUS LA BARRE DU HAUT**, sur un tiers de
   la zone de travail (520 px au moins) ; la liste reste visible derrière. Ce
   qu'on ouvre depuis une activité s'y pose EN ONGLETS (14 octobre 2026) ;
   seul l'historique s'ouvre à sa gauche. Au téléphone (moins de 768 px), un
   volet prend tout l'écran.
   ⚠️ **UNE COULEUR PAR SORTE, PARTOUT** : appel vert, message bleu ciel,
   WhatsApp vert d'eau, mail indigo, rendez-vous violet, note ambre ; un appel
   sans réponse est ambre ; une activité prévue a sa pastille en pointillé.
   ════════════════════════════════════════════════════════════════════════ */
:root {
  --volet: max(520px, calc((100vw - var(--rail)) / 3));
  /* Trois colonnes de même largeur (Tevini, 14 octobre 2026) : historique,
     sous-activité, activité — un tiers chacune de la place à droite du rail. */
  --colonne3: calc((100vw - var(--rail)) / 3);
  --c-appel: #4ADE80; --c-nrp: #FBBF24; --c-message: #7DD3FC; --c-wa: #6EE7A8;
  --c-mail: #A5B4FC; --c-rdv: #B4A8FF; --c-note: #FCD34D; --c-tache: rgba(245,244,240,.62);
}

/* ── Le volet ─────────────────────────────────────────────────────────── */
dialog.rc-volet[open],
dialog.rc-echange[open],
dialog.rc-mail[open] {
  position: fixed; inset: var(--haut) 0 0 auto; margin: 0; z-index: 60;
  width: var(--volet); max-width: 100vw; height: auto; max-height: none;
  display: flex; flex-direction: column; padding: 0; overflow: hidden;
  background: var(--card); color: var(--foreground);
  border: 0; border-left: 1px solid var(--border-strong); border-radius: 0;
  box-shadow: -24px 0 48px rgba(0,0,0,.45);
}
dialog.rc-echange[open]::before, dialog.rc-mail[open]::before { display: none; }
/* ── Les onglets du volet (Tevini, 14 octobre 2026) ──────────────────────
   Un échange, une note, une tâche ou un RDV ouverts depuis l'activité se
   posent DANS le volet, sous sa barre d'onglets (`--onglets-bas`, mesuré par
   `_onglets.js`), et la recouvrent. Leur propre barre de titre s'efface :
   l'onglet porte le nom et la croix. */
.rc-volet-second dialog[open], .rc-gauche {
  top: var(--onglets-bas, calc(var(--haut) + 84px)); right: 0; width: var(--volet); z-index: 62;
  border-top: 0; box-shadow: none; }
.rc-volet-second[hidden], .rc-gauche[hidden] { display: none !important; }
.rc-volet-second .rc-echange-tete, .rc-volet-second .rc-mail-tete { display: none; }
.rc-v-onglets { flex: none; display: flex; align-items: flex-end; gap: 2px; padding: 6px 10px 0;
  border-bottom: 1px solid var(--border); background: var(--card); overflow-x: auto; scrollbar-width: none; }
.rc-v-onglets::-webkit-scrollbar { display: none; }
.rc-v-onglet-case { display: inline-flex; align-items: center; flex: none; }
.rc-v-onglet { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 12px; flex: none;
  border: 1px solid transparent; border-bottom: 0; border-radius: 9px 9px 0 0; color: var(--muted-foreground);
  font-size: var(--text-xs); text-decoration: none; white-space: nowrap; }
.rc-v-onglet:hover { color: var(--foreground); background: var(--muted); }
.rc-v-onglet[aria-current="true"] { background: var(--background); color: var(--foreground); border-color: var(--border);
  margin-bottom: -1px; height: 35px; }
.rc-v-onglet em { font-style: normal; font-size: calc(10px * var(--rc-echelle-texte)); letter-spacing: .06em; text-transform: uppercase; color: var(--accent);
  border: 1px solid var(--accent-ring); border-radius: 99px; padding: 1px 6px; }
.rc-v-onglet-case .rc-v-onglet { padding-right: 4px; }
.rc-v-onglet-case:has(.rc-v-onglet[aria-current="true"]) .rc-v-onglet-x { position: relative; z-index: 1; }
.rc-v-onglet-x { display: grid; place-items: center; width: 22px; height: 22px; margin: 0 4px 0 -2px; border-radius: 6px;
  color: var(--muted-foreground); font-size: calc(15px * var(--rc-echelle-texte)); line-height: 1; text-decoration: none; }
.rc-v-onglet-x:hover { background: var(--accent-wash); color: var(--foreground); }
.rc-v-onglet-point { width: 6px; height: 6px; border-radius: 99px; background: var(--c-nrp); }
.rc-v-onglet--appel svg { color: var(--c-appel); }
/* L'icône de l'activité, en tête : un clic change son type. */
.rc-v-sorte { position: relative; display: inline-flex; }
.rc-v-sorte > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 3px;
  height: 28px; padding: 0 6px; border: 1px solid var(--border); border-radius: 8px; }
.rc-v-sorte > summary::-webkit-details-marker { display: none; }
.rc-v-sorte > summary > svg:last-child { opacity: .6; transform: rotate(90deg); }
.rc-v-sorte > summary:hover, .rc-v-sorte[open] > summary { background: var(--accent-wash); border-color: var(--accent-ring); }
.rc-v-sorte .rc-v-sorte-pop { position: absolute; top: calc(100% + 6px); left: 0; z-index: 70; min-width: 210px;
  display: flex; flex-direction: column; gap: 2px; padding: 6px; }
.rc-v-sorte-dit { margin: 2px 8px 6px; font-size: var(--text-2xs); color: var(--muted-foreground); }
.rc-v-sorte .rc-v-sorte-pop button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: 0;
  border-radius: 7px; background: none; color: var(--foreground); font: inherit; font-size: var(--text-sm); cursor: pointer; text-align: left; }
.rc-v-sorte .rc-v-sorte-pop button:hover { background: var(--muted); }
.rc-v-sorte .rc-v-sorte-pop button[aria-pressed="true"] { background: var(--accent-wash); color: var(--accent); }
dialog.rc-echange[open] .rc-echange-grille { display: flex; flex-direction: column; height: 100%; min-height: 0; overflow-y: auto; }
dialog.rc-echange[open] .rc-echange-forme { min-width: 0; }
dialog.rc-mail[open] { overflow-y: auto; }

.rc-v-barre { flex: none; height: 44px; display: flex; align-items: center; gap: 10px; padding: 0 10px 0 16px;
  border-bottom: 1px solid var(--border); background: var(--muted); font-size: var(--text-sm); }
.rc-v-barre b { font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-v-barre-ico { display: inline-flex; color: var(--c-tache); }
.rc-v-ico--appel { color: var(--c-appel); }
.rc-v-serie { display: inline-flex; align-items: center; gap: 4px; margin-left: 8px; color: var(--muted-foreground); font-size: var(--text-xs); }
.rc-v-serie a { display: inline-grid; place-items: center; width: 26px; height: 26px; border: 1px solid var(--border-strong);
  border-radius: 7px; color: var(--muted-foreground); }
.rc-v-serie a:first-of-type svg { transform: rotate(180deg); }
.rc-v-x { margin-left: auto; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px;
  color: var(--muted-foreground); font-size: calc(20px * var(--rc-echelle-texte)); line-height: 1; text-decoration: none; }
.rc-v-x:hover { background: var(--accent-wash); color: var(--foreground); }
.rc-v-reduire + .rc-v-x { margin-left: 2px; }  /* « Réduire » puis la croix, côte à côte. */
/* La corbeille, avant « Réduire » et la croix (20 octobre 2026). */
.rc-v-suppr { margin: 0 0 0 auto; display: flex; }
.rc-v-suppr .rc-v-x { margin-left: 0; border: 0; background: none; cursor: pointer; }
.rc-v-suppr .rc-v-x:hover { color: var(--error); }
.rc-v-suppr + .rc-v-x { margin-left: 2px; }

.rc-v-corps { flex: 1; min-height: 0; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 14px;
  background: var(--background); }

/* La personne */
.rc-v-tete { display: flex; align-items: center; gap: 12px; }
.rc-v-tete .rc-pastille { width: 40px; height: 40px; flex: none; }
.rc-v-qui { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.rc-v-nom { font-size: var(--text-md); font-weight: 600; color: var(--foreground); text-decoration: none; }
.rc-v-nom:hover { text-decoration: underline; text-underline-offset: 4px; }
.rc-v-sous { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: var(--text-xs); color: var(--muted-foreground); }
.rc-v-rouge { color: var(--error); font-weight: 600; }
.rc-v-badge { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 6px; font-size: calc(11px * var(--rc-echelle-texte));
  background: var(--muted); color: var(--muted-foreground); border: 1px solid var(--border); }
.rc-v-badge--orange { background: rgba(251,191,36,.12); color: var(--warning-text); border-color: rgba(251,191,36,.25); }
.rc-v-badge--rose { background: rgba(248,113,113,.12); color: var(--error); border-color: rgba(248,113,113,.25); }
.rc-v-tete-d { margin-left: auto; display: flex; align-items: center; gap: 8px; min-width: 0; }
.rc-v-camp { display: inline-flex; align-items: center; gap: 8px; height: 32px; max-width: 250px; padding: 0 10px 0 4px;
  border-radius: 8px; border: 1px solid var(--border-strong); color: var(--foreground); font-size: var(--text-xs);
  text-decoration: none; min-width: 0; }
.rc-v-camp i { flex: none; width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center;
  background: var(--primary); color: var(--on-primary); }
.rc-v-camp span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-v-camp em { flex: none; font-style: normal; font-size: calc(11px * var(--rc-echelle-texte)); padding: 1px 7px; border-radius: 5px;
  background: var(--accent-wash); color: var(--accent); border: 1px solid var(--accent-ring); }
.rc-v-camp:hover { border-color: var(--accent); }
.rc-v-plus { font-size: var(--text-xs); color: var(--muted-foreground); }

/* L'historique, derrière l'horloge */
.rc-v-histo { position: relative; }
.rc-v-histo > summary { list-style: none; width: 32px; height: 32px; display: grid; place-items: center; cursor: pointer;
  border-radius: 8px; color: var(--muted-foreground); }
.rc-v-histo > summary::-webkit-details-marker { display: none; }
.rc-v-histo > summary:hover, .rc-v-histo[open] > summary { background: var(--muted); color: var(--foreground); }
.rc-v-histo-pop { position: absolute; right: 0; top: calc(100% + 6px); z-index: 5; width: min(420px, calc(var(--volet) - 40px));
  max-height: 60vh; overflow-y: auto; padding: 12px; border-radius: 12px; background: var(--muted);
  border: 1px solid var(--border-strong); box-shadow: 0 16px 40px rgba(0,0,0,.5); }
.rc-v-histo-titre { margin: 0 0 8px; font-weight: 600; font-size: var(--text-sm); }
/* Les filtres d’un historique (volet, colonne, fiche) : la forme des autres
   filtres de l’application — une bande grise, des boutons aux coins doux, le
   choisi en relief (`.mj-seg` de Ma journée). Plus de pilules (14 octobre 2026). */
.rc-v-filtres { display: flex; flex-wrap: nowrap; gap: 2px; width: fit-content; max-width: 100%; margin-bottom: 8px;
  overflow-x: auto; scrollbar-width: none;
  padding: 3px; border-radius: 10px; background: var(--muted); }
.rc-v-filtres a, .rc-v-filtres button { font: inherit; font-size: calc(12px * var(--rc-echelle-texte)); padding: 5px 6px; flex: none; border: 0; border-radius: 8px;
  background: none; color: var(--muted-foreground); text-decoration: none; white-space: nowrap; cursor: pointer; }
.rc-v-filtres a:hover, .rc-v-filtres button:hover { color: var(--foreground); }
.rc-v-filtres a[aria-current], .rc-v-filtres button[aria-current] { background: var(--card); color: var(--foreground); font-weight: 600; }
.rc-v-filtres i { font-style: normal; font-weight: 400; opacity: .7; margin-left: 2px; }
.rc-v-filtres::-webkit-scrollbar { display: none; }
.rc-histo-filtres { margin-bottom: 10px; }
.rc-v-h { display: grid; grid-template-columns: 22px 1fr auto; gap: 10px; padding: 7px 0; align-items: start;
  border-bottom: 1px solid var(--border); font-size: var(--text-sm); }
.rc-v-h b { font-weight: 500; display: block; }
.rc-v-h small { display: block; color: var(--muted-foreground); font-size: var(--text-xs); margin-top: 2px; }
.rc-v-h time { color: var(--disabled-foreground); font-size: calc(11px * var(--rc-echelle-texte)); white-space: nowrap; }
.rc-v-h time small { display: block; text-align: right; margin-top: 2px; color: var(--muted-foreground); font-size: calc(11px * var(--rc-echelle-texte)); }

/* Les pastilles de sorte */
.rc-v-pt { flex: none; width: 22px; height: 22px; border-radius: 50%; display: inline-grid; place-items: center; }
.rc-v-pt svg { width: 12px; height: 12px; }
.rc-v-pt--appel { background: rgba(74,222,128,.15); color: var(--c-appel); }
.rc-v-pt--nrp { background: rgba(251,191,36,.15); color: var(--c-nrp); }
.rc-v-pt--mail { background: rgba(165,180,252,.15); color: var(--c-mail); }
.rc-v-pt--message { background: rgba(125,211,252,.15); color: var(--c-message); }
.rc-v-pt--wa { background: rgba(110,231,168,.15); color: var(--c-wa); }
.rc-v-pt--rdv { background: rgba(180,168,255,.16); color: var(--c-rdv); }
.rc-v-pt--note { background: rgba(252,211,77,.14); color: var(--c-note); }
.rc-v-pt--tache, .rc-v-pt--evenement { background: var(--muted); color: var(--c-tache); }
.rc-v-pt--prevue { background: transparent; border: 1.5px dashed currentColor; }

/* Les cartes */
.rc-v-carte { background: var(--card); border: 1px solid var(--border); border-radius: 12px; }
/* ⚠️ La zone de texte garde le fond sombre qu'elle a partout ailleurs (fiche,
   messages types) : sur le fond de la carte, Tevini la trouvait « bizarre »
   (10 octobre 2026). */
.rc-v-echange .rc-ed { border: 0; border-radius: 0 0 12px 12px; background: var(--muted); }
.rc-v-ligne-coord { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--border);
  font-size: var(--text-sm); }
.rc-v-composer { flex: none; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center;
  background: var(--success); color: #0A0B10; }
.rc-v-et { color: var(--muted-foreground); }
.rc-v-num { background: transparent; color: var(--foreground); border: 0; font: inherit; font-weight: 600; min-width: 0; }
.rc-v-sans { color: var(--disabled-foreground); }
.rc-v-ligne-coord .rc-enregistre { margin-left: auto; }

/* Le pied : « ⋯ Annuler » à gauche, le résultat à droite */
.rc-v-pied { display: flex; align-items: center; gap: 10px; padding: 12px 0 0; }
.rc-v-pied--colle { position: sticky; bottom: -16px; margin: auto -16px -16px; padding: 12px 16px; background: var(--card);
  border-top: 1px solid var(--border); }
.rc-v-pied-d { margin-left: auto; display: flex; align-items: center; gap: 8px; }
/* Une colonne étroite (trois colonnes ouvertes, 14 octobre 2026) : les boutons
   du résultat passent sur leur propre ligne, en entier, au lieu de déborder. */
dialog.rc-volet[open], dialog.rc-echange[open], dialog.rc-mail[open], .rc-gauche { container-type: inline-size; }
@container (max-width: 480px) {
  .rc-v-pied:not(.rc-echange-pied) { flex-wrap: wrap; }
  .rc-v-pied:not(.rc-echange-pied) .rc-v-pied-d { width: 100%; margin-left: 0; }
  .rc-v-pied:not(.rc-echange-pied) .rc-v-pied-d > .btn, .rc-v-pied:not(.rc-echange-pied) .rc-v-pied-d > .rc-v-autre { flex: 1; }
  .rc-v-pied:not(.rc-echange-pied) .rc-v-pied-d .btn, .rc-v-autre > summary { width: 100%; justify-content: center; padding: 0 8px; }
}
.rc-v-points { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; cursor: pointer;
  border: 1px solid var(--border-strong); color: var(--muted-foreground); background: transparent; list-style: none; }
.rc-v-points::-webkit-details-marker, .rc-v-autre > summary::-webkit-details-marker,
.rc-v-menu > summary::-webkit-details-marker { display: none; }
.rc-v-annuler { color: var(--muted-foreground); font-size: var(--text-sm); text-decoration: none; cursor: pointer; list-style: none; }
.rc-v-annuler:hover { color: var(--foreground); }
.rc-v-menu, .rc-v-autre { position: relative; }
.rc-v-autre > summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; }
.rc-v-autre > summary svg { transform: rotate(90deg); }
.rc-v-menu-pop { position: absolute; left: 0; top: calc(100% + 6px); z-index: 6; min-width: 230px; padding: 6px;
  display: flex; flex-direction: column; gap: 2px; border-radius: 10px; background: var(--muted);
  border: 1px solid var(--border-strong); box-shadow: 0 16px 40px rgba(0,0,0,.5); }
.rc-v-menu-pop--haut { left: auto; right: 0; top: auto; bottom: calc(100% + 6px); }
.rc-v-menu-pop a, .rc-v-menu-pop button { display: block; text-align: left; padding: 8px 10px; border-radius: 6px;
  color: var(--foreground); background: transparent; border: 0; font: inherit; font-size: var(--text-sm);
  text-decoration: none; cursor: pointer; }
.rc-v-menu-pop a:hover, .rc-v-menu-pop button:hover { background: var(--accent-wash); }
.rc-v-menu-pop .rc-v-danger { color: var(--error); }
.rc-v-menu-pop .rc-saisie { margin: 4px; }
.rc-v-menu-pop .btn { margin: 4px; }
.btn.rc-v-pasrepondu { background: rgba(251,191,36,.08); color: var(--warning); border: 1px solid rgba(251,191,36,.5); }
.btn.rc-v-pasrepondu:hover { background: rgba(251,191,36,.16); }
.btn.rc-v-repondu { background: var(--success); color: #0A0B10; border: 0; font-weight: 600; }
.btn.rc-v-repondu:hover { filter: brightness(1.08); }
.rc-v-pasrepondu svg, .rc-v-repondu svg { margin-right: 6px; }

/* La tâche */
.rc-v-tache { padding: 14px 16px; display: flex; flex-direction: column; gap: 8px; }
.rc-v-tache-tete { margin: 0; display: flex; align-items: center; gap: 8px; }
.rc-v-tache-tete .rc-enregistre { margin-left: auto; }
.rc-v-tache-titre { margin: 2px 0 0; font-size: var(--text-md); font-weight: 600; }
.rc-v-description { min-height: 80px; resize: vertical; }
.rc-v-date { padding: 12px 16px; }
.rc-v-date-l { margin: 0 0 10px; display: flex; align-items: center; gap: 8px; font-size: var(--text-sm); }
.rc-v-raccourcis { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; }
.rc-v-raccourcis .rc-v-et { font-size: var(--text-xs); margin-right: 4px; }
.rc-v-raccourcis button { height: 32px; padding: 0 10px; border-radius: 8px; border: 1px solid var(--border-strong);
  background: transparent; color: var(--foreground); font: inherit; font-size: var(--text-xs); cursor: pointer; }
.rc-v-raccourcis button:hover { border-color: var(--accent); background: var(--accent-wash); }

/* Le bilan : la suite proposée, la fin des relances */
.rc-v-bilan { padding: 14px 16px; display: flex; flex-direction: column; gap: 10px;
  border-color: rgba(74,222,128,.3); background: rgba(74,222,128,.05); }
.rc-v-bilan p { margin: 0; font-size: var(--text-sm); }
.rc-v-bilan-ok { display: flex; align-items: center; gap: 6px; color: var(--success); font-weight: 600;
  font-size: var(--text-2xs) !important; letter-spacing: .12em; text-transform: uppercase; }
.rc-v-bilan--arret { border-color: rgba(251,191,36,.3); background: rgba(251,191,36,.05); }
.rc-v-bilan-titre { font-weight: 600; color: var(--warning); }
.rc-v-suite { display: grid; grid-template-columns: 1fr 1fr 120px; gap: 8px; }
.rc-v-suite input[name="titre"] { grid-column: 1 / -1; }
.rc-v-boutons { display: flex; flex-wrap: wrap; gap: 8px; }
.rc-v-close { padding: 12px 16px; display: flex; align-items: center; gap: 12px; font-size: var(--text-sm);
  color: var(--muted-foreground); }
.rc-v-close form { margin-left: auto; }
.rc-v-issue { display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 9px; border-radius: 999px;
  font-size: calc(11px * var(--rc-echelle-texte)); font-weight: 600; }
.rc-v-issue::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.rc-v-issue--faite { background: rgba(74,222,128,.13); color: var(--success); }
.rc-v-issue--pas_aboutie { background: rgba(251,191,36,.13); color: var(--warning); }
.rc-v-issue--annulee { background: rgba(248,113,113,.13); color: var(--error); }

/* ── La barre d'action, en haut (refaite le 10 octobre 2026, maquette validée) ──
   La personne — et l'activité ouverte, allumée —, Appeler · Message ▾ · Mail,
   puis Ajouter ▾ et RDV. Des boutons NOMMÉS : on n'a rien à deviner. */
.rc-haut-ba { margin-left: 12px; min-width: 0; display: flex; }
.rc-ba-en-haut .rc-ba:not(.rc-ba--haut), .rc-ba-en-haut .rc-ba-rond { display: none !important; }
/* La recherche se réduit à sa loupe et à « Ctrl K » quand la barre est là. */
.rc-ba-en-haut .rc-haut-chercher { width: auto; flex: none; }
.rc-ba-en-haut .rc-haut-chercher-t { display: none; }
.rc-ba.rc-ba--haut { position: static; transform: none; left: auto; bottom: auto; z-index: auto; max-width: none;
  display: flex; align-items: center; gap: 4px; height: 46px; padding: 3px; border-radius: 14px; box-shadow: none;
  background: rgba(255,255,255,.035); border: 1px solid var(--border-strong); backdrop-filter: none; }
.rc-ba--haut .rc-ba-replier { display: none; }
/* La personne */
.rc-ba--haut .rc-ba-qui { display: flex; align-items: center; gap: 9px; height: 38px; padding: 0 12px 0 4px; border-radius: 10px;
  max-width: 250px; min-width: 0; background: transparent; border: 1px solid transparent; }
.rc-ba--haut .rc-ba-qui .rc-pastille { width: 30px; height: 30px; font-size: calc(11px * var(--rc-echelle-texte)); flex: none; }
.rc-ba--haut .rc-ba-qui-texte { min-width: 0; }
.rc-ba--haut .rc-ba-qui-texte b { font-size: var(--text-sm); font-weight: 600; max-width: none; white-space: nowrap; }
.rc-ba--haut .rc-ba-qui-texte small { font-size: calc(11px * var(--rc-echelle-texte)); color: var(--muted-foreground); letter-spacing: 0; text-transform: none;
  display: flex; align-items: center; gap: 5px; white-space: nowrap; overflow: hidden; }
/* L'activité ouverte : la personne s'allume, un point vert dit « en cours ». */
.rc-ba--haut .rc-ba-qui--actif { background: rgba(180,168,255,.10); border-color: rgba(180,168,255,.45);
  box-shadow: 0 0 18px rgba(139,127,224,.25); }
.rc-ba-activite { color: var(--accent-hi) !important; }
.rc-ba-activite em { font-style: normal; color: var(--error); flex: none; }
.rc-ba-activite span { overflow: hidden; text-overflow: ellipsis; }
.rc-ba-point { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--success);
  box-shadow: 0 0 0 3px rgba(74,222,128,.18); }
.rc-ba--haut .rc-ba-qui--vide { font: inherit; font-size: var(--text-sm); color: var(--muted-foreground); cursor: pointer; gap: 8px;
  padding: 0 14px; min-width: 210px; border: 1px dashed var(--border-strong); background: rgba(255,255,255,.02); }
.rc-ba--haut .rc-ba-qui--vide:hover { color: var(--foreground); border-color: var(--accent); }
/* Les boutons */
.rc-ba--haut .rc-ba-actions { display: flex; align-items: center; gap: 4px; }
.rc-ba--haut .rc-ba-actions::before { content: ""; width: 1px; height: 26px; background: var(--border-strong); margin: 0 4px; }
.rc-bab-groupe { display: flex; align-items: center; gap: 2px; }
.rc-bab-sep { width: 1px; height: 26px; background: var(--border-strong); margin: 0 4px; }
.rc-bab { position: relative; height: 38px; display: inline-flex; align-items: center; gap: 7px; padding: 0 11px; border-radius: 10px;
  font: inherit; font-size: var(--text-sm); font-weight: 500; color: var(--foreground); background: transparent;
  border: 1px solid transparent; text-decoration: none; white-space: nowrap; cursor: pointer; list-style: none; }
.rc-bab::-webkit-details-marker { display: none; }
.rc-bab:hover { background: rgba(255,255,255,.06); }
.rc-bab > svg:last-child:not(:first-child) { width: 12px; height: 12px; color: var(--muted-foreground); transform: rotate(90deg); }
.rc-bab--appel > svg:first-child { color: var(--c-appel); }
.rc-bab--message > svg:first-child { color: var(--c-message); }
.rc-bab--mail > svg:first-child { color: var(--c-mail); }
.rc-bab--ajouter > svg:first-child { color: var(--accent); }
/* « Note » et « Tâche » (10 octobre 2026) : allumés quand leur volet est ouvert à gauche. */
.rc-bab--poser > svg:first-child { color: var(--accent); }
.rc-bab--poser[aria-pressed="true"] { background: rgba(180,168,255,.10); border-color: rgba(180,168,255,.45); }
.rc-bab--absent { opacity: .38; cursor: not-allowed; }
.rc-bab--absent:hover { background: transparent; }
/* Le canal de l'activité ouverte : éclairé, souligné. */
.rc-bab--en-cours { background: rgba(74,222,128,.12); border-color: rgba(74,222,128,.45); color: #bbf7d0; }
.rc-bab--en-cours::after { content: ""; position: absolute; left: 50%; bottom: -6px; width: 18px; height: 3px; margin-left: -9px;
  border-radius: 3px; background: var(--success); }
.rc-bab--message.rc-bab--en-cours { background: rgba(125,211,252,.12); border-color: rgba(125,211,252,.45); color: #e0f2fe; }
.rc-bab--message.rc-bab--en-cours::after { background: var(--c-message); }
.rc-bab--mail.rc-bab--en-cours { background: rgba(165,180,252,.12); border-color: rgba(165,180,252,.45); color: #e0e7ff; }
.rc-bab--mail.rc-bab--en-cours::after { background: var(--c-mail); }
.rc-bab--rdv { background: var(--primary); color: #fff; font-weight: 600; padding: 0 14px; }
.rc-bab--rdv:hover { background: var(--accent); color: var(--on-accent); }
.rc-bab--rdv[aria-pressed="true"] { box-shadow: 0 0 0 2px var(--accent-ring-strong); }
/* Les menus : juste sous leur bouton, lisibles. */
.rc-bam { position: relative; }
.rc-bam[open] > .rc-bab { background: rgba(180,168,255,.10); border-color: rgba(180,168,255,.45); }
.rc-bam[open] > .rc-bab > svg:last-child { transform: rotate(-90deg); }
.rc-bam-pop { position: absolute; top: calc(100% + 10px); left: -8px; z-index: 90; width: 300px; max-height: min(70vh, 560px);
  overflow-y: auto; padding: 8px; background: #171925; border: 1px solid var(--border-strong); border-radius: 14px;
  box-shadow: 0 24px 60px rgba(0,0,0,.6); }
.rc-bam--ajouter .rc-bam-pop { width: 250px; }
.rc-bam-titre { margin: 8px 10px 6px; font-size: calc(10px * var(--rc-echelle-texte)); letter-spacing: .14em; text-transform: uppercase; font-weight: 600;
  color: var(--disabled-foreground); }
.rc-bam-titre:first-child { margin-top: 4px; }
.rc-bam-it { display: flex; align-items: center; gap: 11px; width: 100%; min-height: 42px; padding: 0 10px; border-radius: 9px;
  font: inherit; font-size: var(--text-base); color: var(--foreground); text-decoration: none; background: transparent; border: 0;
  cursor: pointer; text-align: left; }
.rc-bam-it:hover, .rc-bam-it:focus-visible { background: rgba(255,255,255,.06); outline: none; }
.rc-bam-it small { margin-left: auto; color: var(--muted-foreground); font-size: var(--text-xs); white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; max-width: 140px; }
.rc-bam-ico { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; flex: none;
  background: rgba(245,244,240,.07); color: var(--muted-foreground); }
.rc-bam-it.rc-j-echange--whatsapp .rc-bam-ico { background: rgba(110,231,168,.14); color: var(--c-wa); }
.rc-bam-it.rc-j-echange--sms .rc-bam-ico { background: rgba(125,211,252,.14); color: var(--c-message); }
.rc-bam-it.rc-j-echange--linkedin .rc-bam-ico, .rc-bam-it.rc-j-echange--facebook .rc-bam-ico { background: rgba(96,165,250,.14); color: #60A5FA; }
.rc-bam-it.rc-j-echange--instagram .rc-bam-ico, .rc-bam-it.rc-j-echange--tiktok .rc-bam-ico { background: rgba(244,114,182,.14); color: #F472B6; }
.rc-bam-it.rc-j-echange--telegram .rc-bam-ico { background: rgba(56,189,248,.14); color: #38BDF8; }
.rc-bam-it.rc-j-echange--discord .rc-bam-ico { background: rgba(129,140,248,.14); color: #818CF8; }
.rc-bam-it.rc-ba-note .rc-bam-ico { background: rgba(252,211,77,.14); color: var(--c-note); }
.rc-bam-it--en-cours { background: rgba(180,168,255,.10); }
.rc-bam-it--en-cours::after { content: "en cours"; margin-left: 8px; font-size: calc(10px * var(--rc-echelle-texte)); color: var(--accent-hi); }
/* « À renseigner » : de petites puces grisées ; un clic ouvre le champ, dans le menu. */
.rc-bam-puces { display: flex; flex-wrap: wrap; gap: 6px; padding: 2px 8px 4px; }
.rc-bam-puce { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 9px; border-radius: 8px; cursor: pointer;
  font-size: var(--text-xs); color: var(--muted-foreground); border: 1px dashed var(--border-strong); }
.rc-bam-puce:hover { color: var(--foreground); border-color: var(--accent); }
.rc-bam-puce input { position: absolute; opacity: 0; pointer-events: none; }
.rc-bam-puce:has(input:checked) { color: var(--accent-hi); border-style: solid; border-color: var(--accent); background: rgba(180,168,255,.10); }
/* Un menu ouvert passe devant le volet. */
.rc-haut:has(.rc-bam[open]) { z-index: 85; }
/* La fiche enveloppe ses boutons : l'enveloppe ne compte pas dans la rangée. */
.rc-ba-contenu { display: contents; }
.rc-bam-saisie { display: none; gap: 6px; padding: 8px 4px 4px; }
.rc-bam-manque:has(input[type=radio]:checked) .rc-bam-saisie { display: flex; }
.rc-bam-saisie .rc-saisie { flex: 1; min-width: 0; min-height: 36px; }
.rc-eclair { flex: none; display: none; width: 38px; height: 38px; border-radius: 10px; border: 1px solid var(--border); cursor: pointer;
  place-items: center; position: relative; background: transparent; color: var(--muted-foreground); }
.rc-eclair:hover { color: var(--foreground); background: rgba(255,255,255,.06); }
/* L'éclair ne sert plus qu'au téléphone (la barre reste affichée, 10 octobre 2026). */
.rc-eclair-z { display: inline-flex; }
.rc-eclair-x { display: none; }
@media (max-width: 767px) { .rc-ba-en-haut .rc-eclair { display: grid; } }
.rc-eclair-cpt { display: none !important; }
.rc-haut-chercher { margin-left: 24px; }
/* Calée à droite, au-dessus du volet de l'activité (choix de Tevini du 10
   octobre 2026) : la personne allumée est celle qu'on voit juste dessous. */
.rc-ba-en-haut .rc-haut-ba { margin-left: auto; }
.rc-ba-en-haut .rc-haut-droite { margin-left: 12px; }
.rc-bam--ajouter .rc-bam-pop { left: auto; right: -8px; }
/* Sur un écran étroit, Message et Mail gardent leur icône seule (le nom au survol). */
@media (min-width: 768px) and (max-width: 1239px) {
  .rc-bab--message > span, .rc-bab--mail > span, .rc-bab--ajouter > span, .rc-bab--poser > span { display: none; }
  .rc-ba--haut .rc-ba-qui { max-width: 200px; }
}
/* En tablette, la barre tient sur la largeur (12 octobre 2026 : elle débordait
   de 100 px, « Planifier » en plus) : icônes seules, le logo sans son nom. */
@media (min-width: 768px) and (max-width: 1023px) {
  .rc-ba-en-haut .rc-bab--appel > span, .rc-ba-en-haut .rc-bab--planifier > span { display: none; }
  .rc-ba-en-haut .rc-ba--haut .rc-ba-qui { max-width: 140px; }
  .rc-ba-en-haut .rc-haut-marque > span { display: none; }
  .rc-ba-en-haut .rc-haut-ba { min-width: 0; flex: 0 1 auto; }
}

/* ── Au téléphone ─────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  dialog.rc-volet[open], dialog.rc-echange[open], dialog.rc-mail[open] { inset: 0; width: 100vw; z-index: 80; }
  /* Un onglet, sous la barre d'onglets du volet plein écran. */
  .rc-volet-second dialog[open], .rc-gauche { inset: var(--onglets-bas, 84px) 0 0 0; width: 100vw; z-index: 90; }
  .rc-v-tete { flex-wrap: wrap; }
  .rc-v-tete-d { margin-left: 0; width: 100%; }
  .rc-v-pied { flex-wrap: wrap; }
  .rc-v-pied .btn, .rc-v-points { min-height: 44px; }
  .rc-haut-ba { position: absolute; top: 54px; right: 10px; margin: 0; padding: 10px; width: 300px; border-radius: 14px;
    background: var(--muted); border: 1px solid var(--border-strong); box-shadow: 0 20px 40px rgba(0,0,0,.6); z-index: 70; }
  /* Au téléphone : un menu sous l'éclair, la personne en tête, un bouton par ligne. */
  .rc-ba.rc-ba--haut { flex-direction: column; align-items: stretch; height: auto; gap: 6px; border-radius: 10px;
    background: transparent; border: 0; padding: 0; }
  .rc-ba--haut .rc-ba-qui { max-width: none; height: 48px; }
  .rc-ba--haut .rc-ba-actions { flex-direction: column; align-items: stretch; gap: 4px; }
  .rc-ba--haut .rc-ba-actions::before, .rc-bab-sep { display: none; }
  .rc-bab-groupe { flex-direction: column; align-items: stretch; gap: 4px; }
  .rc-bab { min-height: 46px; width: 100%; justify-content: flex-start; font-size: var(--text-base); }
  .rc-bab > svg:last-child:not(:first-child) { margin-left: auto; }
  .rc-bab--en-cours::after { display: none; }
  .rc-bab--rdv { justify-content: center; }
  .rc-bam-pop { position: static; width: auto; margin-top: 4px; box-shadow: none; }
}

/* ── Le petit mot après un résultat ───────────────────────────────────── */
.rc-mot { position: fixed; z-index: 90; left: calc(var(--rail) + 24px); bottom: 22px; max-width: 520px;
  display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px;
  background: #1D2030; border: 1px solid var(--border-strong); box-shadow: 0 16px 40px rgba(0,0,0,.5);
  font-size: var(--text-sm); }
.rc-mot-ico { flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center;
  background: rgba(251,191,36,.16); color: var(--warning); }
.rc-mot-texte small { display: block; color: var(--muted-foreground); font-size: var(--text-xs); margin-top: 2px; }
.rc-mot form { margin: 0; }
.rc-mot-defaire { background: transparent; border: 0; color: var(--accent); font: inherit; cursor: pointer; padding: 4px 6px; }
.rc-mot-x { background: transparent; border: 0; color: var(--muted-foreground); font-size: calc(18px * var(--rc-echelle-texte)); cursor: pointer; }
@media (max-width: 767px) { .rc-mot { left: 12px; right: 12px; bottom: 12px; } }

/* ── Le Dashboard (Leverage : la liste, et « Réunions du jour » à 400 px) ── */
@media (min-width: 1200px) {
  .rc-accueil { grid-template-columns: minmax(0, 1fr) 400px; }
}
.rc-j-regrouper { margin: 0; flex: none; }
.rc-j-regrouper .rc-saisie { height: 36px; width: auto; padding-right: 30px; }
.rc-j-sous-titre-liste--premiers { color: var(--accent); }
.rc-j-maintenant { position: relative; height: 0; margin: 4px 0; border-top: 1.5px solid var(--error); }
.rc-j-maintenant span { position: absolute; left: -2px; top: -9px; padding: 1px 6px; border-radius: 999px;
  background: var(--error); color: #0A0B10; font-size: calc(10px * var(--rc-echelle-texte)); font-weight: 700; }
.rc-accueil-listes .rc-boite-rappel { margin: 0 0 4px; }

/* ── Le volet : l'état, les campagnes, « mettre à jour ? », les canaux manquants ── */
.rc-v-nom-ligne { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rc-v-etat { position: relative; }
.rc-v-etat > summary { list-style: none; cursor: pointer; }
.rc-v-etat > summary::-webkit-details-marker { display: none; }
.rc-v-etat .rc-w-etat-menu { z-index: 7; }
.rc-v-camps { display: flex; flex-direction: column; gap: 6px; }
.rc-v-camp-ligne { display: flex; align-items: center; gap: 8px; min-width: 0; }
.rc-v-camp-ligne .rc-sc-choix { margin: 0; }
.rc-v-camp-ligne .rc-v-camp { max-width: 60%; }
.rc-v-prop { padding: 12px 14px; }
.rc-v-prop .rc-w-prop { margin: 0; border: 0; padding: 0; background: transparent; }
.rc-v-manquants { margin-top: 10px; }
.rc-v-bilan .rc-j-suggestions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: var(--text-xs); }
.rc-v-bilan .rc-j-suggestions[hidden] { display: none; }
.rc-v-prep { padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; }

.rc-v-sous--qui { color: var(--muted-foreground); }
.rc-v-poser { padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; }
.rc-v-badge--note { background: rgba(252,211,77,.12); color: var(--c-note); border-color: rgba(252,211,77,.25); }
.rc-v-dit { margin: 0; font-size: var(--text-sm); color: var(--success); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.rc-v-dit--alerte { color: var(--warning); }
.rc-w-faux-phrase { color: var(--muted-foreground); }
.rc-ba--haut .rc-ba-note svg { color: var(--c-note); }
.rc-ba--haut .rc-ba-tache svg { color: var(--c-tache); }

.rc-v-tout > summary { cursor: pointer; color: var(--accent); font-size: var(--text-xs); padding: 8px 0; list-style: none; }
.rc-v-tout > summary::-webkit-details-marker { display: none; }
.rc-v-h a.rc-flux-ouvre { position: static; color: var(--foreground); text-decoration: none; }
.rc-v-h a.rc-flux-ouvre:hover { text-decoration: underline; }


/* ── La fiche contact : l'historique façon conversation, « Ce qui attend » à
   droite (Leverage, `echanges-fiche.tsx`) ───────────────────────────────── */
@media (min-width: 1680px) {
  .rc-fiche-vie { display: grid; grid-template-columns: minmax(0, 1fr) 300px; column-gap: 18px; align-items: start; }
  .rc-fiche-vie > * { grid-column: 1; }
  .rc-fiche-vie > .rc-j-a-venir { grid-column: 2; grid-row: 1 / span 40; position: sticky; top: calc(var(--haut) + 12px); }
}
.rc-j-a-venir .rc-groupe-titre { margin: 0 0 2px; }
.rc-fiche-vie .rc-j-fil { gap: 10px; padding: 14px; border-radius: 14px; background: var(--sunk, #0E1016);
  border: 1px solid var(--border); }
.rc-fiche-vie .rc-j-jour { align-self: center; margin: 6px 0 0; font-size: var(--text-2xs); letter-spacing: .1em;
  text-transform: uppercase; color: var(--disabled-foreground); }
/* Les messages : reçus à gauche, envoyés à droite. */
.rc-fiche-vie .rc-j-bulle { max-width: 78%; }
.rc-fiche-vie .rc-j-bulle--recu { align-self: flex-start; }
.rc-fiche-vie .rc-j-bulle--envoye { align-self: flex-end; }
.rc-fiche-vie .rc-j-bulle .rc-j-evt { border-radius: 14px; }
.rc-fiche-vie .rc-j-bulle--recu .rc-j-evt { background: var(--card); border: 1px solid var(--border-strong);
  border-bottom-left-radius: 4px; }
.rc-fiche-vie .rc-j-bulle--envoye .rc-j-evt { background: rgba(139,127,224,.18); border: 1px solid rgba(139,127,224,.25);
  border-bottom-right-radius: 4px; }
/* Les notes : jaune hachuré. Les appels, tâches et réunions : au milieu, discrets. */
.rc-fiche-vie .rc-j-evt--note { background: repeating-linear-gradient(135deg, rgba(252,211,77,.07) 0 8px,
  rgba(252,211,77,.03) 8px 16px); border: 1px solid rgba(252,211,77,.22); }
.rc-fiche-vie .rc-j-fil > .rc-j-evt--appel, .rc-fiche-vie .rc-j-fil > .rc-j-evt--tache,
.rc-fiche-vie .rc-j-fil > .rc-j-evt--reunion { align-self: center; max-width: 88%; background: var(--muted);
  border-radius: 999px; padding: 6px 14px; }


/* ── Les rendez-vous : quatre onglets, « Préparé », « Compte rendu » ───── */
.rc-rdv-ambre { color: var(--warning); }
.rc-j-reunion-prep { display: block; font-size: var(--text-xs); margin-top: 2px; }
.rc-j-reunion-prep .rc-ok { color: var(--success); }
.rc-j-reunion-prep .rc-non { color: var(--disabled-foreground); }


/* ── La fiche d'une réunion, en volet elle aussi (façon Leverage) ───────── */
dialog.rc-volet.rc-modale-reunion[open],
dialog.rc-volet.rc-modale-reunion[open]:not(:modal) {
  position: fixed; inset: var(--haut) 0 0 auto; margin: 0; z-index: 60; width: var(--volet); max-width: 100vw;
  height: auto; max-height: none; overflow: hidden; border-radius: 0;
  box-shadow: -24px 0 48px rgba(0,0,0,.45); }
html:has(dialog.rc-volet.rc-modale-reunion[open]) { overflow: auto; }
@media (max-width: 767px) {
  dialog.rc-volet.rc-modale-reunion[open], dialog.rc-volet.rc-modale-reunion[open]:not(:modal) { inset: 0; width: 100vw; z-index: 80; }
}
dialog.rc-volet.rc-modale-reunion::before { display: none; }
dialog.rc-volet.rc-modale-reunion .rc-modale-corps { display: flex; flex-direction: column; gap: 18px;
  padding: 16px; overflow-y: auto; }
dialog.rc-volet.rc-modale-reunion .rc-modale-gauche,
dialog.rc-volet.rc-modale-reunion .rc-modale-droite { display: flex; flex-direction: column; gap: 16px;
  padding: 0; border: 0; background: none; overflow: visible; flex: none; min-height: auto; height: auto; }
dialog.rc-volet.rc-modale-reunion .rc-modale-droite { order: -1; }
dialog.rc-volet.rc-modale-reunion .rc-modale-corps > *, dialog.rc-volet.rc-modale-reunion .rc-modale-gauche > *,
dialog.rc-volet.rc-modale-reunion .rc-modale-droite > * { flex: none; }


/* ── Au téléphone : la barre reste repliée derrière l'éclair, le résultat
   d'un appel tient sur la largeur ─────────────────────────────────────── */
@media (max-width: 767px) {
  .rc-haut-ba { display: none; }
  .rc-ba-mobile-ouverte .rc-haut-ba { display: block; }
  .rc-ba-en-haut .rc-eclair { background: var(--primary); color: #fff; border-color: transparent; }
  .rc-ba-mobile-ouverte .rc-eclair { background: var(--muted); color: var(--foreground); }
  .rc-ba-mobile-ouverte .rc-eclair-z { display: none; }
  .rc-ba-mobile-ouverte .rc-eclair-x { display: inline; font-size: calc(22px * var(--rc-echelle-texte)); line-height: 1; }
  .rc-ba-en-haut .rc-haut-chercher-t { display: inline; }
  /* La recherche reprend la place qui reste : la règle « loupe seule » de
     l'ordinateur (`flex: none`) la faisait déborder de 200 px (12 octobre 2026). */
  .rc-ba-en-haut .rc-haut-chercher { flex: 1; min-width: 0; }
  .rc-v-pied-d { width: 100%; margin-left: 0; }
  .rc-v-pied-d > .btn, .rc-v-pied-d > .rc-v-autre { flex: 1; }
  .rc-v-pied-d .btn, .rc-v-autre > summary { width: 100%; justify-content: center; padding: 0 8px; min-height: 44px; }
}

/* ── La fenêtre d'un échange, façon Leverage ─────────────────────────────── */
dialog.rc-echange[open] .rc-echange-grille { overflow: hidden; }
dialog.rc-echange .rc-echange-forme { display: flex; flex-direction: column; height: 100%; min-height: 0; gap: 0;
  padding: 0; }
dialog.rc-echange .rc-echange-tete { margin: 0; }
dialog.rc-echange .rc-echange-tete h2 { margin: 0; font-size: var(--text-sm); font-weight: 600; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
dialog.rc-echange .rc-echange-tete h2 span { color: var(--muted-foreground); font-weight: 500; }
.rc-echange-corps { flex: 1; min-height: 0; overflow-y: auto; padding: 16px; display: flex; flex-direction: column;
  gap: 12px; background: var(--background); }
.rc-echange-exception { margin: 0; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 12px;
  border-radius: 10px; background: var(--accent-wash); border: 1px solid var(--accent-ring); font-size: var(--text-sm); }
.rc-echange-exception[hidden] { display: none; }
.rc-v-lien { margin-left: auto; background: none; border: 0; color: var(--accent); font: inherit; font-size: var(--text-xs);
  cursor: pointer; padding: 0; }
.rc-echange-quand { display: flex; align-items: center; gap: 8px; }
.rc-echange-quand[hidden] { display: none; }
.rc-echange-quand-champs { display: inline-flex; align-items: center; gap: 8px; }
.rc-echange-carte { display: flex; flex-direction: column; }
.rc-echange-carte .rc-ed { border: 0; border-radius: 0; background: var(--muted); }
.rc-echange-carte .rc-echange-zone { padding: 0; }
.rc-echange-aide { margin: 0; padding: 8px 14px 0; }
.rc-echange-outils { display: flex; flex-wrap: wrap; gap: 6px; align-items: flex-start; padding: 8px 14px;
  border-top: 1px solid var(--border); }
.rc-v-tag { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 9px; border-radius: 6px;
  border: 1px solid var(--border-strong); color: var(--muted-foreground); font-size: var(--text-xs); text-decoration: none;
  cursor: pointer; list-style: none; background: transparent; }
.rc-v-tag::-webkit-details-marker { display: none; }
.rc-v-tag:hover { color: var(--foreground); border-color: var(--accent); }
/* « Modèles » et « Variables » : deux boutons, une carte posée par-dessus le
   texte (10 octobre 2026). Le panneau garde ses blocs ; la carte n'en montre
   que ceux du bouton choisi. */
.rc-echange-listes { position: relative; display: flex; gap: 6px; flex-wrap: wrap; }
.rc-echange-liste-btn { height: 30px; padding: 0 11px; color: var(--foreground); }
.rc-echange-liste-btn svg { color: var(--accent); }
.rc-echange-accolades { color: var(--accent); font-weight: 600; letter-spacing: -.05em; }
.rc-echange-liste-btn[aria-expanded="true"] { background: var(--accent-wash); border-color: var(--accent); color: var(--accent); }
.rc-echange-carte-pm { position: absolute; left: 0; bottom: calc(100% + 8px); z-index: 30;
  width: min(380px, calc(var(--volet) - 56px)); max-height: min(440px, 62vh); display: flex; flex-direction: column;
  background: var(--card); border: 1px solid var(--border-strong); border-radius: 12px;
  box-shadow: 0 18px 48px rgba(0,0,0,.55); overflow: hidden; }
.rc-echange-carte-pm[hidden] { display: none; }
.rc-echange-carte-pm-tete { flex: none; display: flex; align-items: center; gap: 8px; padding: 10px 10px 10px 16px;
  border-bottom: 1px solid var(--border); font-size: var(--text-sm); }
.rc-echange-carte-pm-tete .rc-v-x { margin-left: auto; background: none; border: 0; cursor: pointer; }
.rc-echange-carte-pm .rc-pm { flex: 1; min-height: 0; overflow-y: auto; border: 0; border-radius: 0; max-height: none;
  padding: 12px 14px 16px; gap: 12px; position: static; width: auto; }
/* Un bouton, un bloc : modèles, liens de rendez-vous ou variables. */
.rc-echange-carte-pm[data-mode="modeles"] .rc-pm-bloc:not(.rc-pm-bloc--modeles),
.rc-echange-carte-pm[data-mode="liens"] .rc-pm-bloc:not(.rc-pm-bloc--liens),
.rc-echange-carte-pm[data-mode="variables"] .rc-pm-bloc:not(.rc-pm-bloc--variables) { display: none; }
.rc-echange-carte-pm .rc-pm-bloc > .rc-pm-titre { display: none; }
.rc-v-etat-brouillon { margin: 0; padding: 6px 14px 10px; font-size: calc(11px * var(--rc-echelle-texte)); color: var(--disabled-foreground); }
.rc-echange-pied.rc-v-pied { flex: none; margin: 0; padding: 12px 16px; border-top: 1px solid var(--border);
  background: var(--card); }
.rc-echange-pied .rc-v-annuler { background: none; border: 0; font: inherit; font-size: var(--text-sm); padding: 0; }
.rc-v-menu-pop--haut-g { top: auto; bottom: calc(100% + 6px); }
.rc-echange-resultats { display: inline-flex; gap: 8px; align-items: center; }
.rc-echange-resultats[hidden], .rc-echange-pied [hidden] { display: none !important; }
dialog.rc-echange .rc-essai > summary[hidden] { display: none; }
dialog.rc-echange .rc-essai:not([open]) { display: none; }
@media (max-width: 767px) {
  .rc-echange-pied.rc-v-pied { flex-wrap: wrap; }
  .rc-echange-resultats { width: 100%; }
  .rc-echange-resultats > * { flex: 1; }
}
dialog.rc-echange .rc-v-ligne-coord.rc-echange-action { flex-direction: row; align-items: center; flex-wrap: nowrap;
  gap: 10px; margin: 0; padding: 10px 14px; }
dialog.rc-echange .rc-v-ligne-coord .rc-v-composer.rc-pro-ouvrir { flex: none; width: 30px; height: 30px; min-height: 0;
  padding: 0; border-radius: 50%; border: 0; background: var(--success); color: #0A0B10; display: grid; place-items: center; }
dialog.rc-echange .rc-v-ligne-coord .rc-v-num { flex: 1; }
.rc-echange-pied.rc-v-pied { flex-wrap: wrap; row-gap: 8px; }
.rc-echange-pied .rc-v-pied-d { flex-wrap: wrap; justify-content: flex-end; }
.rc-echange-pied .rc-v-pied-d .btn { padding: 0 12px; }
.rc-echange-pied .btn svg { width: 14px; height: 14px; flex: none; }
dialog.rc-echange .rc-pro-ouvrir { flex: none; min-width: 0; }
.rc-echange-pied .btn { min-width: 0; }
@media (min-width: 768px) {
  .rc-echange-pied.rc-v-pied, .rc-echange-pied .rc-v-pied-d { flex-wrap: nowrap; }
}
dialog.rc-echange .rc-echange-pied .btn { min-width: 0; min-height: 38px; padding: 0 12px; }


/* ── La personne : ses coordonnées en clair ; l'historique en bas (10 oct.) ── */
.rc-v-coord { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: var(--text-xs); color: var(--muted-foreground); }
.rc-v-coord a, .rc-v-coord span, .rc-v-coord s { display: inline-flex; align-items: center; gap: 5px; color: inherit;
  text-decoration: none; }
.rc-v-coord a:hover { color: var(--foreground); }
.rc-v-coord s { text-decoration: line-through; opacity: .6; }
.rc-echange-entete { display: flex; flex-direction: column; gap: 12px; }

/* ── La colonne Historique (10 oct. 2026) : collée à gauche du volet ──────── */
.rc-v-horloge { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 10px; border-radius: 8px;
  border: 1px solid var(--border); background: transparent; color: var(--muted-foreground); font: inherit;
  font-size: var(--text-xs); cursor: pointer; white-space: nowrap; }
.rc-v-horloge:hover { background: var(--muted); color: var(--foreground); }
.rc-v-horloge[aria-expanded="true"] { background: var(--accent-wash); color: var(--accent); border-color: var(--accent-ring); }
.rc-histo { position: fixed; top: var(--haut); bottom: 0; right: var(--volet); z-index: 59;
  width: min(var(--volet), calc(100vw - var(--rail) - var(--volet))); display: flex; flex-direction: column;
  background: var(--card); border-left: 1px solid var(--border-strong); box-shadow: -18px 0 36px rgba(0,0,0,.4);
  overflow-y: auto; }
.rc-histo[hidden] { display: none; }
/* ⚠️ **DEUX COLONNES AU PLUS** (Tevini, 14 octobre 2026, qui remplace les
   trois du matin) : l'historique à gauche, le volet à onglets à droite. La
   fiche d'une personne, sans activité ouverte, garde sa note ou sa tâche à
   gauche de la fiche : trois colonnes, de même largeur. */
@media (min-width: 768px) {
  html.rc-poser-ouvert:has(dialog .rc-poser-volet:not([hidden])) { --volet: var(--colonne3); }
  html.rc-poser-ouvert:has(dialog .rc-poser-volet:not([hidden])) .rc-histo {
    right: calc(var(--volet) * 2); width: var(--volet); }
}

/* ── Une note, une tâche ou un RDV demandés depuis l'activité : un onglet du
   volet (14 octobre 2026), posé sous la barre d'onglets (plus haut). */
.rc-gauche { position: fixed; bottom: 0; display: flex; flex-direction: column;
  background: var(--background); border-left: 1px solid var(--border-strong); overflow: hidden; }
.rc-gauche-corps { flex: 1; min-height: 0; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.rc-gauche .rc-v-poser { display: flex; flex-direction: column; gap: 12px; }
.rc-gauche.rc-r-fenetre { padding: 0; }
.rc-histo-barre { position: sticky; top: 0; z-index: 1; }
.rc-histo-n { color: var(--muted-foreground); }
.rc-histo-barre .rc-v-x { margin-left: auto; background: none; border: 0; cursor: pointer; }
.rc-histo-liste { padding: 12px 16px 20px; }
.rc-histo-liste[hidden] { display: none; }
/* Chercher dans l’historique (14 octobre 2026) : un mot, un nom, un texte envoyé. */
.rc-histo-cherche { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; padding: 0 10px; height: 34px;
  border: 1px solid var(--border-strong); border-radius: 8px; background: var(--background); color: var(--muted-foreground); }
.rc-histo-cherche:focus-within { border-color: var(--accent); }
.rc-histo-cherche input { flex: 1; min-width: 0; border: 0; background: none; color: var(--foreground); font: inherit; font-size: calc(13px * var(--rc-echelle-texte)); outline: none; }
.rc-histo-ligne { width: 100%; text-align: left; font: inherit; color: inherit; background: none; border: 0;
  border-bottom: 1px solid var(--border); cursor: pointer; border-radius: 0; padding: 9px 6px; }
.rc-histo-ligne[hidden] { display: none; }
/* « À venir » puis « Passé » (10 oct. 2026) : ce qui est prévu ouvre aussi son détail ici. */
.rc-histo-section { margin: 10px 6px 2px; font-size: var(--text-2xs); letter-spacing: .16em; text-transform: uppercase;
  color: var(--muted-foreground); }
.rc-histo-section[hidden] { display: none; }
.rc-histo-ligne--prevue b { color: var(--accent-hi); }
.rc-histo-ligne:hover, .rc-histo-ligne:focus-visible { background: var(--muted); }
.rc-histo-ligne small { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.rc-histo-detail { padding: 12px 16px 20px; display: flex; flex-direction: column; gap: 14px; }
.rc-histo-detail[hidden] { display: none; }
.rc-histo-nav { display: flex; align-items: center; gap: 6px; }
.rc-histo-nav button { font: inherit; background: none; border: 1px solid var(--border); color: var(--muted-foreground);
  border-radius: 8px; cursor: pointer; height: 30px; display: inline-flex; align-items: center; gap: 4px; padding: 0 8px; }
.rc-histo-nav button:hover:not(:disabled) { background: var(--muted); color: var(--foreground); }
.rc-histo-nav button:disabled { opacity: .35; cursor: default; }
.rc-histo-retour svg { transform: rotate(180deg); }
.rc-histo-pos { margin-left: auto; font-size: var(--text-xs); color: var(--muted-foreground); }
.rc-histo-fl--haut svg { transform: rotate(-90deg); }
.rc-histo-fl--bas svg { transform: rotate(90deg); }
.rc-histo-tete { display: flex; gap: 10px; align-items: flex-start; }
.rc-histo-tete h3 { margin: 0; font-size: var(--text-base); font-weight: 600; }
.rc-histo-tete p { margin: 2px 0 0; font-size: var(--text-xs); color: var(--muted-foreground); }
.rc-histo-texte { white-space: pre-wrap; font-size: var(--text-sm); line-height: 1.55; padding: 12px 14px;
  border-radius: 10px; background: var(--muted); border: 1px solid var(--border); overflow-wrap: anywhere; }
.rc-histo-ouvrir { align-self: flex-start; }
@media (max-width: 767px) {
  .rc-histo { right: 0; left: 0; width: 100vw; top: 0; z-index: 90; }
  .rc-v-horloge span { display: none; }
}
/* La recherche de la carte : un seul cadre, qui s'allume quand on y écrit
   (le champ gardait son propre fond, un second cadre dans le premier). */
.rc-echange-carte-pm .rc-pm-recherche { background: var(--muted); transition: border-color .15s; }
.rc-echange-carte-pm .rc-pm-recherche:focus-within { border-color: var(--accent); }
.rc-echange-carte-pm .rc-pm-recherche input,
.rc-echange-carte-pm .rc-pm-recherche input:focus { background: transparent; box-shadow: none; outline: none; border: 0; }

/* Un canal sans sa valeur se clique quand même (10 octobre 2026) : en
   pointillé, il demande la valeur sur place, puis ouvre sa fenêtre. */
.rc-bab--manque { border: 1px dashed var(--border-strong); color: var(--muted-foreground); }
.rc-bab--manque:hover { color: var(--foreground); border-color: var(--accent); background: rgba(180,168,255,.06); }
.rc-bam-it--manque { list-style: none; color: var(--muted-foreground); }
.rc-bam-it--manque::-webkit-details-marker { display: none; }
.rc-bam-it--manque .rc-bam-ico { opacity: .6; }
.rc-bam-it--manque small { font-style: italic; }
.rc-bam--completer[open] > .rc-bam-it--manque { background: rgba(180,168,255,.10); color: var(--foreground); }
.rc-bam-completer { display: flex; flex-direction: column; gap: 8px; width: 290px; padding: 14px; }
.rc-bam-completer-q { display: flex; flex-direction: column; gap: 6px; font-size: var(--text-sm); font-weight: 600; }
.rc-bam-completer .rc-saisie { min-height: 38px; font-weight: 400; }
.rc-bam-completer .btn { align-self: flex-start; }
/* Dans le menu « Message », le champ s'ouvre sous sa ligne. */
.rc-bam-pop .rc-bam--completer .rc-bam-completer { position: static; width: auto; margin: 2px 0 8px; box-shadow: none;
  background: var(--card); }

/* La fenêtre d'un échange défile d'un seul tenant (10 octobre 2026) : la barre
   du titre en haut, l'en-tête de la personne, le message, et le pied collé en
   bas. Le formulaire ne fait plus de boîte : l'en-tête vit hors de lui. */
dialog.rc-echange[open] .rc-echange-grille { overflow-y: auto; overflow-x: hidden; }
dialog.rc-echange[open] .rc-echange-grille > .rc-echange-forme { display: contents; }
dialog.rc-echange[open] .rc-echange-grille > .rc-echange-tete { position: sticky; top: 0; z-index: 3; flex: none; }
dialog.rc-echange[open] .rc-echange-grille .rc-echange-corps { flex: 1 0 auto; min-height: auto; overflow: visible; }
dialog.rc-echange[open] .rc-echange-grille .rc-echange-pied { position: sticky; bottom: 0; z-index: 3; }
dialog.rc-echange .rc-echange-entete { flex: none; padding: 16px 16px 0; }

/* Cc et Cci d'un mail : deux pastilles sur la ligne « À », allumées quand
   leur ligne l'est. */
.rc-echange-copies-bascules { margin-left: auto; display: inline-flex; gap: 4px; }
.rc-echange-copie-bascule { font: inherit; font-size: var(--text-xs); font-weight: 600; height: 26px; padding: 0 10px; border-radius: 7px;
  cursor: pointer; color: var(--muted-foreground); background: transparent; border: 1px solid var(--border-strong); }
.rc-echange-copie-bascule:hover { color: var(--foreground); border-color: var(--accent); }
.rc-echange-copie-bascule[aria-pressed="true"] { color: var(--accent-hi); background: rgba(180,168,255,.12); border-color: var(--accent); }
.rc-echange-copie { border-top: 1px solid var(--border); }
.rc-echange-copie[hidden] { display: none; }
.rc-echange-copie input { flex: 1; min-width: 0; background: transparent; border: 0; box-shadow: none; padding: 0; min-height: 30px; }
.rc-echange-copie input:focus { outline: none; box-shadow: none; }
.rc-echange-copie .rc-v-x { background: none; border: 0; cursor: pointer; }
.rc-echange-copie { align-items: center; }
.rc-echange-copie input { color: var(--foreground); font-size: var(--text-sm); }

/* ── La fiche d'une réunion, mise en forme comme le volet d'une activité
   (demande de Tevini du 10 octobre 2026) ─────────────────────────────── */
dialog.rc-r-volet .rc-r-barre { position: sticky; top: 0; z-index: 4; }
dialog.rc-r-volet .rc-r-barre #rc-r-titre { min-width: 0; flex: 1; font-weight: 600; white-space: normal; line-height: 1.3; }
dialog.rc-r-volet .rc-r-barre .rc-j-etat { flex: none; }
dialog.rc-r-volet .rc-r-barre .rc-v-x { flex: none; }
dialog.rc-r-volet .rc-r-corps.rc-v-corps { padding: 16px; gap: 14px; }
.rc-r-carte { padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; }
.rc-r-carte .rc-r-infos { margin: 0; }
.rc-r-carte .rc-r-faits { margin: 0; padding-top: 8px; border-top: 1px solid var(--border); }
/* L'enregistrement */
.rc-r-enr-actions { display: inline-flex; align-items: center; gap: 6px; }
.rc-r-enr-changer { position: relative; }
.rc-r-enr-changer > summary { list-style: none; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 7px;
  cursor: pointer; color: var(--muted-foreground); border: 1px solid var(--border); }
.rc-r-enr-changer > summary::-webkit-details-marker, .rc-r-enr-ajouter > summary::-webkit-details-marker { display: none; }
.rc-r-enr-changer > summary:hover { color: var(--foreground); border-color: var(--accent); }
.rc-r-enr-changer[open] .rc-r-enr-forme { position: absolute; right: 0; top: calc(100% + 6px); z-index: 6; width: 320px;
  padding: 10px; border-radius: 10px; background: #171925; border: 1px solid var(--border-strong); box-shadow: 0 16px 40px rgba(0,0,0,.5); }
.rc-r-enr-ajouter { grid-column: 2 / span 2; }
.rc-r-enr-ajouter > summary { list-style: none; cursor: pointer; color: var(--accent); font-size: var(--text-sm); }
.rc-r-enr-ajouter > summary:hover { text-decoration: underline; }
.rc-r-enr-forme { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.rc-r-enr-forme .rc-saisie { flex: 1 1 200px; min-width: 0; min-height: 36px; }
/* La fiche d'une réunion garde l'ordre de son code, au téléphone aussi (les
   règles d'ordre de l'ancienne fenêtre à deux colonnes n'y valent plus). */
dialog.rc-r-volet .rc-r-corps > * { order: 0 !important; }
@media (max-width: 767px) { .rc-v-tete .rc-v-tete-d { width: auto; margin-left: auto; } }

/* ── L'historique de la fiche, comme celui du volet (10 oct. 2026) ──────── */
.rc-histo-fiche { border: 1px solid var(--border); border-radius: 12px; background: var(--card); }
.rc-histo-fiche .rc-histo-liste, .rc-histo-fiche .rc-histo-detail { padding: 12px 14px 16px; }
.rc-hf-gestes { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rc-hf-gestes form { margin: 0; }
.rc-hf-riche .rc-j-evt { border: 0; padding: 0; background: none; }
/* Fermé tant que la barre d'action ne l'ouvre pas (« Note », « Tâche »). */
.rc-compose[hidden] { display: none; }
@media (max-width: 900px) {
  .rc-hf-gestes .btn, .rc-histo-fiche .rc-histo-ligne, .rc-histo-fiche .rc-histo-nav button,
  .rc-histo-fiche .rc-histo-filtres button { min-height: 44px; }
}

/* ── Note, Tâche, RDV : toujours un volet latéral (Tevini, 10 oct. 2026) ── */
/* Sur la fiche : l'encart de saisie devient un volet à droite quand la barre
   l'ouvre (sans script, il reste dans la page). */
.rc-poser-barre, .rc-poser-volet > .rc-poser-corps { display: none; }
html.rc-poser-ouvert .rc-poser-volet { position: fixed; inset: var(--haut) 0 0 auto; z-index: 60; margin: 0;
  width: var(--volet); max-width: 100vw; display: flex; flex-direction: column; gap: 0; overflow: hidden;
  background: var(--card); border-left: 1px solid var(--border-strong); box-shadow: -24px 0 48px rgba(0,0,0,.45); }
html.rc-poser-ouvert .rc-poser-barre { display: flex; }
html.rc-poser-ouvert .rc-poser-barre .rc-v-x { margin-left: auto; background: none; border: 0; cursor: pointer; color: inherit; font-size: calc(18px * var(--rc-echelle-texte)); }
.rc-poser-volet > .rc-poser-corps { display: contents; }
html.rc-poser-ouvert .rc-poser-volet > .rc-poser-corps { display: flex; flex-direction: column; gap: 12px; flex: 1; min-height: 0;
  overflow-y: auto; padding: 16px; }
.rc-poser-volet [data-poser-ico][hidden] { display: none; }
.rc-poser-volet .rc-w-note-pied { flex-wrap: wrap; }
.rc-poser-volet .rc-w-note-pied small { flex: 1 1 100%; order: -1; }
/* Depuis le volet d'une conversation (12 octobre 2026) : fermé, rien dans la
   page ; ouvert, à GAUCHE du volet, comme toute seconde fenêtre de Ma journée. */
html:not(.rc-poser-ouvert) .rc-conv-poser { display: none; }
html.rc-poser-ouvert .rc-conv-poser .rc-poser-volet { right: var(--volet); z-index: 61; }
@media (max-width: 899px) { html.rc-poser-ouvert .rc-conv-poser .rc-poser-volet { right: 0; inset: 0; width: 100vw; z-index: 80; } }
/* Depuis la fiche d'une réunion (un volet à droite) : la saisie se colle à sa
   gauche, comme une note posée depuis une activité ; l'historique s'efface. */
html.rc-poser-ouvert dialog .rc-poser-volet { right: var(--volet); width: var(--volet);
  box-shadow: -18px 0 36px rgba(0,0,0,.4); }
/* La fenêtre « Nouvelle réunion » / « Modifier la réunion » : un volet à droite
   plutôt qu'une fenêtre au centre, partout où elle s'ouvre. */
dialog#rc-fenetre-reunion[open] { position: fixed; inset: var(--haut) 0 0 auto; margin: 0; z-index: 60;
  width: var(--volet); max-width: 100vw; height: auto; max-height: none; border-radius: 0;
  border: 0; border-left: 1px solid var(--border-strong); box-shadow: -24px 0 48px rgba(0,0,0,.45);
  background: var(--card); overflow-y: auto; }
dialog#rc-fenetre-reunion[open]::before { display: none; }
.rc-r-fermer { margin-left: auto; color: var(--muted-foreground); text-decoration: none; font-size: calc(20px * var(--rc-echelle-texte)); line-height: 1; padding: 4px 8px; }
.rc-r-fermer:hover { color: var(--foreground); }
dialog#rc-fenetre-reunion::backdrop { background: rgba(5,6,10,.35); backdrop-filter: none; }
@media (max-width: 767px) {
  html.rc-poser-ouvert .rc-poser-volet, html.rc-poser-ouvert dialog .rc-poser-volet,
  dialog#rc-fenetre-reunion[open] { inset: 0; width: 100vw; z-index: 90; }
}
/* Un seul fond sous l'en-tête de la personne et le message (11 octobre 2026) :
   celui du volet d'une activité ; seules les cartes ressortent. */
dialog.rc-echange[open] .rc-echange-grille { background: var(--background); }
/* Le rail de gauche défile sans montrer de barres (Tevini, 11 octobre 2026) :
   la molette et le doigt marchent toujours, rien ne déborde en largeur. */
.rc-rail-nav { overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; }
.rc-rail-nav::-webkit-scrollbar { display: none; width: 0; height: 0; }

/* ── « Ma journée » (11 octobre 2026, refaite le soir avec Tevini) ──────────
   Les chiffres par sorte en haut, les personnes et leurs filtres, le planning
   d'un jour à droite. Ce qu'on ouvre glisse dans le volet latéral à droite. */
.rc-content--journee { max-width: none; }
.mj-tete { display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap; }
.mj-tete .rc-titre-page { margin: 0; }
.mj-tete-d { margin-left: auto; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.mj-progres { display: inline-block; vertical-align: middle; width: 160px; height: 6px; margin-left: 8px; border-radius: 99px;
  background: var(--muted); overflow: hidden; }
.mj-progres i { display: block; height: 100%; background: var(--success); }
/* Les chiffres du haut, colorés par sorte d'activité : un clic filtre. */
.mj-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 14px 0; }
.mj-kpi { --teinte: var(--muted-foreground); display: block; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--border);
  background: var(--card); color: var(--foreground); text-decoration: none; box-shadow: inset 0 3px 0 -1px var(--teinte); }
.mj-kpi:hover { border-color: var(--border-strong); }
.mj-kpi b { display: block; font-size: calc(24px * var(--rc-echelle-texte)); font-weight: 600; line-height: 1.1; }
.mj-kpi span { display: flex; align-items: center; gap: 6px; margin-top: 3px; font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.mj-kpi i { width: 8px; height: 8px; border-radius: 50%; background: var(--teinte); }
.mj-kpi[aria-current] { border-color: var(--teinte); background: color-mix(in srgb, var(--teinte) 9%, var(--card)); }
.mj-kpi--appel { --teinte: #4ade80; }
.mj-kpi--message { --teinte: #7dd3fc; }
.mj-kpi--mail { --teinte: #fbbf24; }
.mj-kpi--rdv { --teinte: #b4a8ff; }
/* La période, des personnes, une campagne : au-dessus de la liste. */
.mj-filtres { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 10px 12px; border-bottom: 1px solid var(--border); }
.mj-seg { display: inline-flex; padding: 3px; border-radius: 10px; background: var(--muted); gap: 2px; }
.mj-seg a { padding: 6px 11px; border-radius: 8px; font-size: calc(13px * var(--rc-echelle-texte)); color: var(--muted-foreground); text-decoration: none; white-space: nowrap; }
.mj-seg a.on { background: var(--card); color: var(--foreground); font-weight: 600; }
.mj-seg .mj-seg-retard { color: var(--error); }
.mj-dates { display: inline-flex; align-items: center; gap: 6px; font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.mj-dates .rc-saisie, .mj-camp-choix { height: 34px; width: auto; font-size: calc(13px * var(--rc-echelle-texte)); }
.mj-camp-choix { max-width: 190px; text-overflow: ellipsis; }
/* ⚠️ LES SESSIONS, PUIS LES FILTRES (Tevini, 11 octobre 2026) : une seule
   carte au-dessus des chiffres, le cadre des vues des contacts. Les menus
   (« + Enregistrer », « ⋯ ») vivent HORS de la rangée qui défile : une rangée
   qui défile coupe ce qui en déborde. */
.mj-outils { display: flex; flex-direction: column; align-items: stretch; margin: 16px 0 0; position: relative; z-index: 5;
  background: var(--card); border: 1px solid var(--border); border-radius: 8px; }
.mj-sessions-ligne { display: flex; align-items: center; gap: 6px; padding: 7px 9px; border-bottom: 1px solid var(--border); }
.mj-sessions { display: flex; align-items: center; gap: 2px; flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.mj-sessions::-webkit-scrollbar { display: none; }
.mj-sessions .rc-vue { flex: none; }
.mj-session-modif { display: inline-flex; align-items: center; gap: 4px; flex: none; font-size: calc(12px * var(--rc-echelle-texte)); color: var(--warning-text); white-space: nowrap; }
.mj-lien { padding: 0; border: 0; background: none; color: var(--accent); font: inherit; text-decoration: underline;
  text-underline-offset: 2px; cursor: pointer; }
.mj-session-pop { flex: none; }
.mj-session-plus { color: var(--accent); }
.mj-session-form { display: flex; flex-direction: column; gap: 10px; width: 290px; }
.mj-session-form form { display: flex; flex-direction: column; gap: 8px; }
.mj-outils .mj-filtres { border-bottom: 0; padding: 9px; }
.mj-outils .mj-drop { margin-left: 0; }
/* Un filtre posé se voit : liseré et voile violets. */
.mj-plein { border-color: var(--primary) !important; background-color: color-mix(in srgb, var(--primary) 12%, var(--card)) !important; }
.mj-effacer { font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); text-decoration: underline; text-underline-offset: 2px; }
.mj-effacer:hover { color: var(--foreground); }
.mj-cherche { margin-left: auto; display: flex; align-items: center; gap: 7px; height: 34px; padding: 0 10px; flex: 0 1 240px; min-width: 150px;
  border: 1px solid var(--border-strong); border-radius: 9px; color: var(--muted-foreground); }
.mj-cherche:focus-within { border-color: var(--accent); }
.mj-cherche input { flex: 1; min-width: 0; border: 0; outline: 0; background: none; color: var(--foreground); font: inherit; font-size: calc(13px * var(--rc-echelle-texte)); }
.mj-filtres-tel { display: none; }
/* ⚠️ REPORTER EN UN CLIC (Tevini, 11 octobre 2026) : l'horloge de la ligne,
   son menu, à côté du bouton principal. */
.mj-gestes { display: inline-flex; align-items: center; gap: 6px; position: relative; z-index: 2; }
.mj-rep { position: relative; }
/* Le menu ouvert passe AU-DESSUS des lignes suivantes, et de leur horloge. */
.mj-gestes:has(.mj-rep[open]) { z-index: 45; }
.mj-rep > summary { list-style: none; }
.mj-rep > summary::-webkit-details-marker { display: none; }
.mj-rep-bouton { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--border-strong);
  border-radius: 8px; color: var(--muted-foreground); cursor: pointer; }
.mj-rep-bouton:hover, .mj-rep[open] .mj-rep-bouton { border-color: var(--accent); color: var(--accent); background: var(--accent-wash); }
.mj-rep-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 40; width: 250px; padding: 6px; display: flex; flex-direction: column;
  border: 1px solid var(--border-strong); border-radius: 12px; background: var(--popover, var(--card)); box-shadow: 0 14px 34px rgba(0,0,0,.5); }
.mj-rep--haut .mj-rep-menu { top: auto; bottom: calc(100% + 6px); }
.mj-rep-menu b { padding: 6px 9px 4px; font-size: calc(11px * var(--rc-echelle-texte)); font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--disabled-foreground); }
.mj-rep-menu button { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 10px; border: 0; border-radius: 7px;
  background: none; color: var(--foreground); font: inherit; font-size: calc(13px * var(--rc-echelle-texte)); text-align: left; cursor: pointer; }
.mj-rep-menu button:hover, .mj-rep-menu button:focus-visible { background: var(--muted); }
.mj-rep-menu small { color: var(--muted-foreground); font-size: calc(12px * var(--rc-echelle-texte)); white-space: nowrap; }
.mj-rep-date { display: flex; flex-direction: column; gap: 6px; margin-top: 4px; padding: 8px 10px 4px; border-top: 1px solid var(--border); font-size: calc(13px * var(--rc-echelle-texte)); }
.mj-rep-date .rc-saisie { height: 34px; font-size: calc(13px * var(--rc-echelle-texte)); }
/* « Fait », « Reporter », « Annuler » en un clic (14 octobre 2026) : chaque
   raccourci porte sa couleur, pour se reconnaître d'un coup d'œil —
   vert fait, ambre reporter, rouge annuler. */
.mj-gestes > .mj-rep:not(.mj-vite) > .mj-rep-bouton { color: var(--warning); border-color: rgba(251,191,36,.35); background: rgba(251,191,36,.06); }
.mj-gestes > .mj-rep:not(.mj-vite) > .mj-rep-bouton:hover, .mj-gestes > .mj-rep:not(.mj-vite)[open] > .mj-rep-bouton {
  color: var(--warning); border-color: var(--warning); background: rgba(251,191,36,.12); }
.mj-vite--fait > .mj-rep-bouton { color: var(--success); border-color: rgba(74,222,128,.35); background: rgba(74,222,128,.06); }
.mj-vite--fait > .mj-rep-bouton:hover, .mj-vite--fait[open] > .mj-rep-bouton { color: var(--success); border-color: var(--success); background: rgba(74,222,128,.12); }
.mj-vite--annule > .mj-rep-bouton { color: var(--error); border-color: rgba(248,113,113,.35); background: rgba(248,113,113,.06); }
.mj-vite--annule > .mj-rep-bouton:hover, .mj-vite--annule[open] > .mj-rep-bouton { color: var(--error); border-color: var(--error); background: rgba(248,113,113,.12); }
.mj-vite-menu { width: 290px; }
.mj-vite-champ { display: flex; flex-direction: column; gap: 6px; padding: 4px 9px 0; font-size: calc(13px * var(--rc-echelle-texte)); }
.mj-vite-champ em { color: var(--disabled-foreground); font-style: normal; }
.mj-vite-champ .rc-saisie { font-size: calc(13px * var(--rc-echelle-texte)); resize: vertical; min-height: 60px; }
.mj-vite-pied { display: flex; justify-content: flex-end; gap: 8px; padding: 10px 9px 4px; }
.mj-rep-menu .mj-vite-pied .mj-vite-ok { display: inline-flex; justify-content: center; padding: 0 14px; color: var(--on-primary); font-weight: 500; }
.mj-rep-menu .mj-vite-pied .btn-secondary { border: 1px solid var(--border); display: inline-flex; justify-content: center; padding: 0 14px; font-weight: 500; }
.mj-vite--fait .mj-vite-ok, .mj-vite--fait .mj-vite-ok:hover { background: var(--success); }
.mj-vite--annule .mj-vite-ok, .mj-vite--annule .mj-vite-ok:hover { background: var(--error); }
.mj-rep-menu .mj-vite-pied .mj-vite-ok:hover { filter: brightness(1.08); }
/* Au téléphone, « Reporter » et « Annuler » montent du bas, sur toute la
   largeur : ancrés à leur bouton, ils sortaient de l’écran par la gauche. */
@media (max-width: 900px) {
  .mj-rep-menu, .mj-rep--haut .mj-rep-menu { position: fixed; left: 12px; right: 12px; width: auto; top: auto;
    bottom: calc(84px + env(safe-area-inset-bottom)); z-index: 60; }
  .mj-vite-champ .rc-saisie { font-size: calc(16px * var(--rc-echelle-texte)); }
}
/* Les personnes : une liste déroulante qui se cherche. */
.mj-drop { position: relative; margin-left: auto; }
.mj-drop-tete { display: inline-flex; align-items: center; height: 34px; min-width: 160px; max-width: 230px; padding: 0 30px 0 10px;
  font-size: calc(13px * var(--rc-echelle-texte)); cursor: pointer; list-style: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }
.mj-drop-tete::after { content: ""; position: absolute; right: 13px; top: 12px; width: 6px; height: 6px;
  border-right: 1.5px solid var(--muted-foreground); border-bottom: 1.5px solid var(--muted-foreground); transform: rotate(45deg); }
.mj-drop-tete::-webkit-details-marker { display: none; }
.mj-drop[open] .mj-drop-tete { border-color: var(--accent); }
.mj-drop-panneau { position: absolute; z-index: 30; top: calc(100% + 6px); right: 0; width: 300px; padding: 8px;
  border: 1px solid var(--border-strong); border-radius: 12px; background: var(--popover, var(--card)); box-shadow: 0 14px 34px rgba(0,0,0,.45); }
.mj-drop-cherche { display: flex; align-items: center; gap: 7px; height: 34px; padding: 0 9px; border: 1px solid var(--border-strong);
  border-radius: 9px; background: var(--background); color: var(--muted-foreground); }
.mj-drop-cherche:focus-within { border-color: var(--accent); }
.mj-drop-cherche input { flex: 1; min-width: 0; border: 0; outline: 0; background: none; color: var(--foreground); font: inherit; font-size: calc(13px * var(--rc-echelle-texte)); }
.mj-drop-liste { max-height: 260px; overflow-y: auto; margin: 6px 0; }
.mj-drop-choix { display: flex; align-items: center; gap: 9px; padding: 7px 8px; border-radius: 7px; font-size: calc(13px * var(--rc-echelle-texte)); cursor: pointer; }
.mj-drop-choix:hover { background: var(--muted); }
.mj-drop-choix input { accent-color: var(--accent); width: 15px; height: 15px; margin: 0; }
.mj-drop-liste p { margin: 0; padding: 8px; font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.mj-drop-pied { display: flex; justify-content: space-between; gap: 8px; padding-top: 8px; border-top: 1px solid var(--border); }
/* Le planning d'un jour, à droite : il se feuillette seul. */
.mj-plan { margin: 0; position: sticky; top: calc(var(--haut) + 12px); display: flex; flex-direction: column;
  max-height: calc(100vh - var(--haut) - 24px); }
.mj-plan-tete { flex: none; display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--border); }
.mj-plan-tete b { flex: 1; text-align: center; font-size: calc(13.5px * var(--rc-echelle-texte)); }
.mj-plan-fl { width: 28px; height: 28px; border-radius: 8px; border: 1px solid var(--border-strong); display: grid; place-items: center;
  color: var(--foreground); text-decoration: none; font-size: calc(15px * var(--rc-echelle-texte)); }
.mj-plan-fl:hover { border-color: var(--accent); }
.mj-plan-auj { font-size: calc(12px * var(--rc-echelle-texte)); color: var(--accent); text-decoration: none; }
.mj-plan-corps { flex: 1; min-height: 0; overflow-y: auto; padding: 10px 10px 10px 44px; }
.mj-plan-heures { position: relative; }
.mj-plan-h { position: absolute; left: -40px; right: 0; border-top: 1px dashed rgba(255,255,255,.06); }
.mj-plan-h i { position: absolute; left: 0; top: -7px; font-size: calc(10.5px * var(--rc-echelle-texte)); font-style: normal; color: var(--disabled-foreground); }
.mj-plan-bloc { position: absolute; padding: 3px 8px; border-radius: 8px; font-size: calc(12px * var(--rc-echelle-texte)); line-height: 1.3; overflow: hidden;
  text-decoration: none; color: var(--muted-foreground); background: rgba(125,211,252,.12); border: 1px solid rgba(125,211,252,.4); }
.mj-plan-bloc:hover { filter: brightness(1.25); }
.mj-plan-bloc b, .mj-plan-bloc small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mj-plan-bloc b { color: var(--foreground); font-size: calc(12px * var(--rc-echelle-texte)); font-weight: 600; }
.mj-plan-bloc small { font-size: calc(11.5px * var(--rc-echelle-texte)); }
.mj-plan-bloc--appel { background: rgba(74,222,128,.12); border-color: rgba(74,222,128,.4); }
.mj-plan-bloc--mail { background: rgba(251,191,36,.10); border-color: rgba(251,191,36,.35); }
.mj-plan-bloc--rdv { background: rgba(180,168,255,.16); border-color: rgba(180,168,255,.45); }
.mj-plan-bloc--compl { background: rgba(251,191,36,.12); border-color: rgba(251,191,36,.5); border-style: dashed; }
.mj-plan-bloc--fait { opacity: .5; }
/* En retard, il a suivi jusqu'à aujourd'hui : un liseré rouge le dit. */
.mj-plan-bloc--retard { border-left: 3px solid var(--error); }
.mj-plan-bloc--retard small { color: var(--error); }
/* Ses agendas Google, en FOND, sous les activités (11 octobre 2026) : occupé =
   hachures grises sans titre ; titré = liseré de la couleur de l'agenda. */
.mj-plan-fond { position: absolute; left: 0; right: 4px; z-index: 0; overflow: hidden; padding: 3px 8px; border-radius: 7px;
  font-size: calc(11.5px * var(--rc-echelle-texte)); line-height: 1.3; color: var(--muted-foreground); pointer-events: auto;
  background: repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 6px, rgba(255,255,255,.075) 6px 12px);
  border: 1px solid rgba(255,255,255,.09); }
/* ⚠️ Taille ÉCRITE ici (15 octobre 2026, Tevini) : le `font: inherit` du bouton
   rendait aux titres la taille de la page. Alignés sur le bandeau « Toute la journée ». */
.mj-plan-fond b { display: block; font-size: calc(12px * var(--rc-echelle-texte)); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mj-plan-fond small { display: block; font-size: calc(10.5px * var(--rc-echelle-texte)); opacity: .8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mj-plan-fond--titre { --teinte: var(--info); background: color-mix(in srgb, var(--teinte) 12%, transparent);
  border-color: color-mix(in srgb, var(--teinte) 40%, transparent); border-left: 3px solid var(--teinte); color: var(--foreground); }
.mj-plan-bloc { z-index: 1; }
/* « Tout le détail » (14 octobre 2026) : un créneau Google qui s'ouvre au clic,
   et les événements à la journée en bandeau, au-dessus des heures. */
button.mj-plan-fond { font: inherit; text-align: left; cursor: pointer; display: flex; flex-direction: column; justify-content: flex-start; }
button.mj-plan-fond:hover { filter: brightness(1.25); }
/* Un créneau court (moins d'une demi-heure) : titre et heures sur UNE ligne,
   sinon la seconde passe sous le bord et se mêle au créneau suivant. */
.mj-plan-fond--court, button.mj-plan-fond--court { flex-direction: row; align-items: center; gap: 6px; padding-top: 0; padding-bottom: 0; }
.mj-plan-fond--court b { flex: 0 1 auto; min-width: 0; }
.mj-plan-fond--court small { flex: 1 1 0; min-width: 0; }
span.mj-plan-fond--court { display: flex; }
button.mj-plan-fond:focus-visible, .mj-plan-jour:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.mj-plan-journee[hidden], .mj-conv-volet[hidden] { display: none; }
.mj-plan-journee { flex: none; display: flex; flex-direction: column; gap: 4px; padding: 8px 10px; border-bottom: 1px solid var(--border); }
.mj-plan-jour { --teinte: var(--info); display: flex; align-items: baseline; gap: 6px; width: 100%; padding: 4px 8px; border-radius: 7px;
  font: inherit; font-size: calc(12px * var(--rc-echelle-texte)); text-align: left; cursor: pointer; color: var(--foreground);
  background: color-mix(in srgb, var(--teinte) 14%, transparent); border: 1px solid color-mix(in srgb, var(--teinte) 40%, transparent);
  border-left: 3px solid var(--teinte); }
.mj-plan-jour:hover { filter: brightness(1.25); }
.mj-plan-jour b { flex: 1; min-width: 0; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mj-plan-jour small { flex: none; font-size: calc(10.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
/* Le volet d'un événement Google, en lecture seule (14 octobre 2026), a laissé
   la place au volet MODIFIABLE de l'emploi du temps (16 octobre 2026) : `emploi.css`. */
.mj-plan-autres { position: absolute; right: 0; z-index: 2; padding: 1px 7px; border-radius: 999px; font-size: calc(11.5px * var(--rc-echelle-texte));
  background: var(--muted); border: 1px solid var(--border-strong); color: var(--foreground); text-decoration: none; }
.mj-plan-mnt { position: absolute; left: -6px; right: 0; height: 2px; background: var(--error); pointer-events: none; z-index: 3; }
.mj-plan-mnt::before { content: ""; position: absolute; left: -4px; top: -3px; width: 8px; height: 8px; border-radius: 50%; background: var(--error); }
.mj-plan-sans { flex: none; display: block; margin: 0; padding: 9px 12px; border-top: 1px solid var(--border); font-size: calc(12px * var(--rc-echelle-texte));
  color: var(--muted-foreground); text-decoration: none; }
a.mj-plan-sans:hover { color: var(--foreground); }
/* Les personnes au milieu, le planning à droite. */
.mj { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 16px; align-items: start; }
.mj-liste { margin: 0; }
.mj-ligne { grid-template-columns: 30px minmax(0, 1fr) minmax(0, 170px) 84px auto; }
/* Plus petit que le texte courant (17 octobre 2026) : à 15 px, les titres
   prenaient trop de place et se coupaient tôt. */
.mj-ligne .rc-j-rangee-titre { font-weight: 600; font-size: calc(14px * var(--rc-echelle-texte)); }
.mj-camp { font-size: calc(12px * var(--rc-echelle-texte)); color: var(--muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mj-camp b { display: block; color: var(--foreground); font-weight: 500; overflow: hidden; text-overflow: ellipsis; }
.mj-ici { background: var(--accent-wash); box-shadow: inset 3px 0 var(--accent); }
.mj-faite { opacity: .55; }
.mj-faite .rc-j-rangee-titre { text-decoration: line-through; }
.mj-coche { color: var(--success); font-weight: 700; padding: 0 10px; }
.mj-coche--annulee { color: var(--disabled-foreground); }
.mj-raison { font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mj-raison--a { color: var(--accent); }
.mj-raison--r { color: var(--error); }
/* ⚠️ LE VOLET LATÉRAL À DROITE, par-dessus la page : celui d'une activité
   (`_volet_activite.html`, tel quel) ou celui d'une conversation, au même
   endroit, à la même largeur. Toute autre fenêtre s'ouvre à sa gauche. */
.mj-conv-volet { position: fixed; inset: var(--haut) 0 0 auto; width: var(--volet); max-width: 100vw; z-index: 55;
  display: flex; flex-direction: column; background: var(--card); border-left: 1px solid var(--border-strong);
  box-shadow: -18px 0 40px rgba(0,0,0,.35); }
.mj-volet-barre { flex: none; height: 44px; display: flex; align-items: center; gap: 10px; padding: 0 10px 0 12px;
  border-bottom: 1px solid var(--border); background: var(--muted); }
.mj-volet-barre .rc-j-fermer { text-decoration: none; }
.mj-suivant { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; }
.mj-conv-volet .bx-lecture { flex: 1; min-height: 0; overflow-y: auto; background: var(--card); }
.mj-conv-volet .bx-retour { display: none; }
.mj-conv-volet .bx-lect-tete { flex-wrap: wrap; row-gap: 10px; }
.mj-conv-volet .bx-lect-qui { flex: 1; min-width: 0; }
.mj-conv-volet .bx-gestes { width: 100%; flex-wrap: wrap; }
/* Une conversation, comme une activité (19 octobre 2026) : ce qui est à faire,
   sous un titre ; l'historique à gauche (`.rc-histo`). */
.bx-a-faire-titre { display: flex; align-items: center; gap: 8px; margin: 14px 20px 0; padding: 10px 12px;
  border-radius: 10px; background: var(--accent-wash); color: var(--accent); font-size: var(--text-sm); }
.bx-a-faire-titre b { font-weight: 600; }
.bx-histo-bouton[aria-expanded="true"] { background: var(--accent-wash); color: var(--accent); border-color: var(--accent-ring); }
.bx-bulle-modifier { display: none; margin-top: 4px; font-size: calc(11.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.bx-bulle:hover .bx-bulle-modifier, .bx-bulle-modifier:focus { display: block; }
.rc-j-rangee-geste { position: relative; z-index: 1; align-self: center; white-space: nowrap; }
@media (max-width: 1199px) {
  .mj { grid-template-columns: minmax(0, 1fr); }
  .mj-plan { position: static; max-height: 520px; }
  .mj-ligne { grid-template-columns: 30px minmax(0, 1fr) 90px auto; }
  .mj-ligne .mj-camp { display: none; }
}
/* Au téléphone : les chiffres sur une ligne qui défile, la liste sans sa colonne campagne. */
@media (max-width: 899px) {
  .mj-kpis { display: flex; overflow-x: auto; }
  .mj-kpi { flex: 0 0 120px; }
  .mj-seg { overflow-x: auto; max-width: 100%; }
  .mj-ligne { grid-template-columns: 30px minmax(0, 1fr) auto; }
  .mj-ligne .rc-j-rangee-quand, .mj-ligne .mj-camp { display: none; }
  .mj-conv-volet { inset: 0; width: 100vw; z-index: 70; }
  /* Les filtres se replient derrière un seul bouton, qui dit ce qui filtre :
     dépliés d'office, ils prenaient l'écran avant la première personne. */
  .mj-filtres-tel { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; margin: 9px;
    padding: 0 12px; border: 1px solid var(--border-strong); border-radius: 9px; background: none; color: var(--foreground); font: inherit; font-size: calc(14px * var(--rc-echelle-texte)); }
  .mj-filtres-tel span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mj-outils .mj-filtres { display: none; padding-top: 0; }
  .mj-outils .mj-filtres.mj-filtres--ouverts { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
  .mj-filtres--ouverts .mj-seg, .mj-filtres--ouverts .mj-cherche, .mj-filtres--ouverts .mj-dates { grid-column: 1 / -1; }
  .mj-filtres--ouverts .mj-drop-tete, .mj-filtres--ouverts .mj-camp-choix { width: 100%; max-width: none; min-width: 0; height: 44px; }
  .mj-filtres--ouverts .mj-cherche { height: 44px; margin-left: 0; }
  .mj-filtres--ouverts .mj-effacer { grid-column: 1 / -1; justify-self: end; }
  .mj-sessions .rc-vue { min-height: 44px; }
  .mj-ligne .mj-raison { flex: 1 1 100%; min-width: 0; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .mj-rep-bouton { width: 44px; height: 44px; }
}
/* « Chercher partout » trouve tout (11 octobre 2026) : une puce par sorte. */
.rc-chercher-puces { display: flex; gap: 6px; flex-wrap: wrap; padding: 4px 4px 8px; }
.rc-chercher-puce { font: inherit; font-size: calc(12px * var(--rc-echelle-texte)); padding: 4px 10px; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--border-strong); background: none; color: var(--muted-foreground); }
.rc-chercher-puce b { color: var(--accent); margin-left: 2px; }
.rc-chercher-puce--on { background: var(--muted); color: var(--foreground); border-color: transparent; }
.rc-chercher-item mark { background: rgba(251,191,36,.25); color: #fde68a; border-radius: 3px; padding: 0 1px; }

/* ── « Mes activités » : un bilan (26 octobre 2026, maquette validée) ────────
   Neuf chiffres sur une ligne ; celui qu'on a cliqué montre sa liste dessous.
   Les filtres sont ceux de Ma journée (`mj2-*`). */
.ma-periode { margin: 0 0 10px; font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.ma-tuiles { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 8px; margin-bottom: 16px; }
.ma-tuile { position: relative; display: block; padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px;
  background: var(--card); color: var(--foreground); text-decoration: none; }
.ma-tuile:hover { border-color: var(--border-strong); }
.ma-tuile b { display: block; font-size: calc(24px * var(--rc-echelle-texte)); font-weight: 600; line-height: 1.1; }
.ma-tuile span { display: block; font-size: calc(12px * var(--rc-echelle-texte)); color: var(--muted-foreground); margin-top: 3px; }
.ma-tuile em { display: block; font-style: normal; font-size: calc(11.5px * var(--rc-echelle-texte)); margin-top: 6px; color: var(--muted-foreground); }
.ma-tuile em.haut { color: var(--success); }
.ma-tuile em.bas { color: var(--error); }
.ma-tuile.on { border-color: rgba(180,168,255,.6); background: rgba(180,168,255,.07); box-shadow: 0 0 0 3px var(--accent-ring); }
.ma-corps { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 18px; align-items: start; }
.ma-liste { margin: 0; }
.ma-droite { display: flex; flex-direction: column; gap: 14px; }
.ma-droite .rc-j-carte { margin: 0; }
.ma-titre-liste { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--border); }
.ma-titre-liste b { font-size: calc(14px * var(--rc-echelle-texte)); }
.ma-titre-liste span { margin-left: auto; font-size: calc(12px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.ma-res { font-size: calc(11.5px * var(--rc-echelle-texte)); padding: 1px 7px; border-radius: 6px; margin-left: 6px; white-space: nowrap; }
.ma-res.ok { background: rgba(74,222,128,.12); color: var(--success); }
.ma-res.ko { background: rgba(251,191,36,.12); color: var(--warning-text); }
.ma-res.env { background: rgba(180,168,255,.12); color: var(--accent); }
.ma-table { width: 100%; border-collapse: collapse; font-size: calc(13px * var(--rc-echelle-texte)); }
.ma-table th { text-align: right; font-weight: 500; font-size: calc(11.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); padding: 8px 12px;
  border-bottom: 1px solid var(--border); }
.ma-table th:first-child, .ma-table td:first-child { text-align: left; }
.ma-table td { text-align: right; padding: 9px 12px; border-bottom: 1px solid var(--border); }
.ma-table td a { color: var(--foreground); text-decoration: none; }
.ma-table td small { color: var(--muted-foreground); font-size: calc(11px * var(--rc-echelle-texte)); margin-left: 3px; }
.ma-note { padding: 8px 14px 12px; margin: 0; }
@media (max-width: 1280px) { .ma-tuiles { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 1100px) { .ma-tuiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } .ma-corps { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .ma-tuiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ma-dates { display: inline-flex; margin: 0 0 10px; align-items: center; gap: 6px; font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.ma-dates[hidden] { display: none; }
.ma-dates input { width: auto; }
/* Dans Mes activités, une ligne garde tout ce qu'elle dit : elle passe à la ligne. */
.ma-liste .rc-j-rangee-detail { flex-wrap: wrap; white-space: normal; row-gap: 4px; }
.ma-liste .mj-ligne { grid-template-columns: 30px minmax(0, 1fr) auto auto; }
.ma-liste .mj-raison { white-space: normal; overflow: visible; }

/* ⚠️ « PLANIFIER » (Tevini, 12 octobre 2026) : à droite de « RDV », un rappel
   pour plus tard — quoi, quand, (pourquoi) — dans une petite fenêtre. */
.rc-plan { position: relative; }
.rc-bab--planifier { border-color: rgba(139,127,224,.55); color: var(--accent); background: rgba(139,127,224,.12); font-weight: 600; }
.rc-bab--planifier > svg:first-child { color: var(--accent); }
.rc-bab--planifier:hover, .rc-plan[open] > .rc-bab--planifier { background: rgba(139,127,224,.24); }
.rc-plan-pop { position: absolute; top: calc(100% + 10px); right: -8px; z-index: 95; width: 440px; max-width: calc(100vw - 24px);
  padding: 16px; display: flex; flex-direction: column; gap: 0; background: #171925; border: 1px solid var(--border-strong);
  border-radius: 14px; box-shadow: 0 24px 60px rgba(0,0,0,.6); text-align: left; white-space: normal; }
.rc-ba--haut .rc-plan-pop { top: calc(100% + 12px); }
.rc-plan-tete b { display: block; font-size: calc(15px * var(--rc-echelle-texte)); }
.rc-plan-tete small { color: var(--muted-foreground); font-size: calc(12.5px * var(--rc-echelle-texte)); }
.rc-plan-etape { margin: 14px 0 8px; font-size: calc(10.5px * var(--rc-echelle-texte)); letter-spacing: .12em; text-transform: uppercase; font-weight: 600; color: var(--disabled-foreground); }
.rc-plan-quoi { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.rc-plan-q { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 2px 8px; border-radius: 10px; cursor: pointer;
  border: 1px solid var(--border-strong); color: var(--muted-foreground); font-size: calc(12px * var(--rc-echelle-texte)); text-align: center; line-height: 1.2; }
.rc-plan-q input, .rc-plan-ch input, .rc-plan-pu input[type=radio] { position: absolute; opacity: 0; pointer-events: none; }
.rc-plan-q:hover { color: var(--foreground); border-color: var(--accent-ring-strong); }
.rc-plan-q:has(input:checked) { color: var(--foreground); border-color: var(--accent); background: rgba(139,127,224,.16); }
.rc-plan-q--appel svg { color: var(--c-appel); } .rc-plan-q--message svg { color: var(--c-message); }
.rc-plan-q--mail svg { color: var(--c-mail); } .rc-plan-q--tache svg, .rc-plan-q--rdv svg { color: var(--accent); }
.rc-plan-q:has(input:focus-visible), .rc-plan-pu:has(input:focus-visible), .rc-plan-ch:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 2px; }
/* Le réseau d'un message : seulement quand « Message » est choisi. */
.rc-plan-canaux { display: none; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.rc-plan-pop:has(input[name=quoi][value=message]:checked) .rc-plan-canaux { display: flex; }
.rc-plan-ch { padding: 5px 11px; border-radius: 999px; border: 1px solid var(--border-strong); color: var(--muted-foreground); font-size: calc(12.5px * var(--rc-echelle-texte)); cursor: pointer; }
.rc-plan-ch:has(input:checked) { border-color: var(--c-message); color: var(--foreground); background: rgba(125,211,252,.12); }
.rc-plan-quand { display: flex; flex-wrap: wrap; gap: 6px; }
.rc-plan-pu { position: relative; display: inline-flex; align-items: center; padding: 7px 11px; border-radius: 9px; cursor: pointer;
  border: 1px solid var(--border-strong); font-size: calc(13px * var(--rc-echelle-texte)); color: var(--foreground); }
.rc-plan-pu small { margin-left: 6px; color: var(--muted-foreground); font-size: calc(12px * var(--rc-echelle-texte)); }
.rc-plan-pu i { font-style: normal; }
.rc-plan-pu:has(input:checked) { border-color: var(--accent); background: rgba(139,127,224,.16); color: var(--accent-hi); }
.rc-plan-choisir { color: var(--muted-foreground); }
.rc-plan-choisir, .rc-tache-choisir { gap: 6px; }
.rc-plan-choisir .rc-date-puce, .rc-tache-choisir .rc-date-puce { border: 0; background: none; height: auto; min-height: 0; padding: 0; font-size: calc(13px * var(--rc-echelle-texte));
  color: inherit; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.rc-plan-pourquoi { margin-top: 12px; width: 100%; height: 40px; font-size: calc(13.5px * var(--rc-echelle-texte)); }
.rc-plan-pied { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; }
.rc-plan-pied small { color: var(--muted-foreground); font-size: calc(12px * var(--rc-echelle-texte)); min-width: 0; }
.rc-plan-pied small b { color: var(--foreground); font-weight: 600; }

/* ⚠️ LA FENÊTRE « TÂCHE » UNIQUE (Tevini, 12 octobre 2026) : un champ comme une
   note, la première ligne fait le titre, « Pour quand » en un clic. */
.rc-tache-form { display: flex; flex-direction: column; gap: 0; }
.rc-tache-aide { margin: 8px 2px 0; font-size: calc(12px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.rc-tache-aide--plein { color: var(--foreground); }
.rc-tache-etiquette { margin: 14px 0 8px; font-size: calc(10.5px * var(--rc-echelle-texte)); letter-spacing: .12em; text-transform: uppercase; font-weight: 600; color: var(--disabled-foreground); }
.rc-tache-quand { display: flex; flex-wrap: wrap; gap: 6px; align-items: flex-start; }
.rc-tache-jour { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border-radius: 9px; cursor: pointer;
  border: 1px solid var(--border-strong); font-size: calc(13px * var(--rc-echelle-texte)); color: var(--foreground); list-style: none; white-space: nowrap; }
.rc-tache-jour::-webkit-details-marker { display: none; }
.rc-tache-jour input[type=radio] { position: absolute; opacity: 0; pointer-events: none; }
.rc-tache-jour:has(input:checked), .rc-tache-heure[open] > .rc-tache-jour { border-color: var(--accent); background: rgba(139,127,224,.16); color: var(--accent-hi); }
.rc-tache-jour:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 2px; }
.rc-tache-choisir, .rc-tache-heure > .rc-tache-jour { color: var(--muted-foreground); }
.rc-tache-heure { display: inline-flex; align-items: center; gap: 6px; }
.rc-tache-heure[open] { flex-wrap: wrap; }
.rc-tache-heure .rc-saisie { width: 120px; height: 36px; }
.rc-tache-pied { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.rc-tache-pied small { color: var(--muted-foreground); font-size: calc(12px * var(--rc-echelle-texte)); }
.rc-tache-campagne { display: inline-flex; align-items: center; gap: 6px; color: var(--muted-foreground); }
.rc-tache-campagne .rc-saisie { height: 36px; width: auto; max-width: 220px; font-size: calc(13px * var(--rc-echelle-texte)); }
.rc-tache-boutons { margin-left: auto; display: inline-flex; align-items: center; gap: 12px; }
@media (max-width: 767px) {
  .rc-plan-pop { position: fixed; left: 12px; right: 12px; top: auto; bottom: 76px; width: auto; max-height: 75vh; overflow-y: auto; }
  .rc-plan-q, .rc-plan-pu, .rc-plan-ch, .rc-tache-jour { min-height: 44px; }
  .rc-ba .rc-bab--planifier span { display: none; }
}
/* « RDV » est poussé en bout de barre (`.rc-ba .rc-w-rdv-haut { order: 5 }`) :
   « Planifier » le suit, à sa droite (maquette validée). */
.rc-ba .rc-plan { order: 6; }
/* Un menu de la barre du haut ouvert (« Planifier », « Message ») passe devant
   les volets et fenêtres de droite (z 55–70) : sinon il s'ouvrait dessous. */
.rc-haut:has(.rc-plan[open]), .rc-haut:has(.rc-bam[open]) { z-index: 120; }

/* ═══ LA FLUIDITÉ (Tevini, 12 octobre 2026) ═══════════════════════════════
   « Quand je clique, ce n'est pas très fluide : ça n'ouvre pas direct, il y a
   un petit à-coup ; à gauche, des décalages. » ⚠️ **AUCUN EFFET DANS
   L'APPLICATION** : ni fondu entre les pages (`@view-transition` retiré), ni
   apparition animée, ni transition. Ce qui s'ouvre s'ouvre tout de suite. La
   page de présentation publique (sans `.rc-app`) garde les siens. */
body:has(.rc-app) *, body:has(.rc-app) *::before, body:has(.rc-app) *::after {
  animation: none !important; transition: none !important; }
/* Le menu de gauche défile SANS barre (25 octobre 2026, demande de Tevini) :
   la molette suffit. Remplace la fine barre « à place gardée » du 11 octobre. */
.rc-rail-nav { scrollbar-gutter: auto; scrollbar-width: none; }

/* ── Le mail Gmail, dans la forme du volet (12 octobre 2026) ──────────────
   Les mêmes lignes que « Au » de WhatsApp : un mot gris, puis le champ, sans
   cadre. La signature et les pièces jointes, chacune sur une ligne fine. */
.rc-mail--volet .rc-v-ligne-coord .rc-v-et { flex: none; width: 52px; }
.rc-mail--volet .rc-v-ligne-coord .rc-saisie,
.rc-mail--volet .rc-v-ligne-coord .rc-v-num { flex: 1; min-width: 0; height: 28px; padding: 0; background: transparent;
  border: 0; box-shadow: none; color: var(--foreground); font: inherit; }
.rc-mail--volet .rc-v-ligne-coord .rc-saisie:focus { outline: none; }
.rc-mail--volet .rc-v-ligne-coord:focus-within { background: var(--muted); }
.rc-mail--volet [data-mail-cc] { flex: none; white-space: nowrap; }
.rc-mail--volet .rc-mail-etat { margin-left: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.rc-mail--volet .rc-mail-signature,
.rc-mail--volet .rc-mail-pieces { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0;
  padding: 8px 14px; border-top: 1px solid var(--border); font-size: var(--text-sm); }
.rc-mail--volet .rc-mail-sig-choix { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; }
.rc-mail--volet .rc-mail-sig-choix .rc-v-et { flex: none; width: 52px; }
.rc-mail--volet .rc-mail-sig-choix .rc-v-num { flex: 1; min-width: 0; max-width: 260px; }
.rc-mail--volet .rc-mail-sig-apercu { flex: 1 1 100%; margin: 0; padding: 8px 10px; border-radius: 6px; background: var(--muted);
  font-size: var(--text-xs); max-height: 120px; overflow: auto; }
.rc-mail--volet .rc-mail-pieces-liste { display: contents; list-style: none; }
.rc-mail--volet .rc-mail-pieces-liste:empty { display: none; }
.rc-mail--volet .rc-mail-docs { position: relative; }
.rc-mail--volet .rc-mail-pied-aide { border-top: 1px solid var(--border); padding-top: 8px; text-align: left; }
.rc-mail--volet .rc-mail-erreur { margin: 0; }
.rc-mail--volet .rc-essai { margin: 0; }

/* ⚠️⚠️ **UNE APPLICATION QUI NE BOUGE PAS** (Tevini, 12 octobre 2026 : « quand
   je scrolle, toute l'application bouge » ; « quand je survole le nom, il y a
   un petit effet — tous ces petits effets, on peut les retirer ? »).
   · Le rebond élastique du défilement (Mac, iPhone) est coupé : la barre du
     haut et le menu de gauche restent en place, même en butée.
   · Rien ne se soulève ni ne glisse au survol : les cartes et les chiffres
     restent où ils sont, sans halo.
   · Le « + Campagne » qui surgissait sur une ligne de contact est retiré :
     cocher la personne fait la même chose, depuis la barre du bas. */
html, body { overscroll-behavior: none; }
body:has(.rc-app) :is(.chiffre, .carte, .panel--survol, .kpi-card, .strat-card, .filter-chip, .btn-add-filter, .rc-liste):hover,
body:has(.rc-app) .rc-action:hover .rc-action-fleche { transform: none !important; }
body:has(.rc-app) :is(.carte, .panel--survol, .verre.panel--survol, .kpi-card, .strat-card, .filter-chip, .icon-btn, .chiffre):hover {
  box-shadow: none !important; }
body:has(.rc-app) .carte:hover::before { opacity: 0 !important; }

/* ── Choisie au Ctrl+clic ou Maj+clic (`_masse.html`, 15 octobre 2026) ──
   Aucune case : la ligne s'éclaire, et la barre en bas dit combien. */
.rc-masse-choisie, .rc-masse-choisie:hover { background: rgba(180, 168, 255, .14); box-shadow: inset 3px 0 var(--primary); }

/* ── La semaine en grand (Tevini, 15 octobre 2026) ─────────────────────────
   Sept colonnes du planning de droite, sur des heures communes. */
.sem { margin: 0; display: flex; flex-direction: column; height: calc(100vh - var(--haut) - 32px); min-height: 480px; }
.sem-tete { flex: none; display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--border); }
.sem-tete h1 { margin: 0 0 0 6px; font-size: calc(16px * var(--rc-echelle-texte)); font-weight: 600; }
.sem-fermer { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; }
.sem-jours, .sem-journee, .sem-grille { display: grid; grid-template-columns: 48px repeat(7, minmax(0, 1fr)); }
.sem-jours, .sem-journee { flex: none; padding-right: var(--sem-barre, 0px); }
.sem-jours { border-bottom: 1px solid var(--border); }
.sem-jour { display: flex; align-items: baseline; justify-content: center; gap: 6px; padding: 8px 4px; text-decoration: none;
  color: var(--muted-foreground); border-left: 1px solid var(--border); }
.sem-jour:hover { color: var(--foreground); background: var(--muted); }
.sem-jour b { font-size: calc(16px * var(--rc-echelle-texte)); font-weight: 600; color: var(--foreground); }
.sem-jour small { font-size: calc(12px * var(--rc-echelle-texte)); }
.sem-jour--auj b { display: inline-grid; place-items: center; min-width: 28px; height: 28px; border-radius: 999px;
  background: var(--accent); color: var(--accent-foreground, #fff); }
.sem-case { min-width: 0; border-left: 1px solid var(--border); }
.sem-journee .mj-plan-journee { padding: 6px; border-bottom: 0; }
.sem-journee:not(:has(.mj-plan-journee:not([hidden]))) { display: none; }
.sem-corps { flex: 1; min-height: 0; overflow-y: auto; border-top: 1px solid var(--border); }
.sem-grille { position: relative; margin: 10px 0; }
.sem-heures { position: relative; }
.sem-heures i { position: absolute; right: 8px; top: -7px; font-size: calc(10.5px * var(--rc-echelle-texte)); font-style: normal; color: var(--disabled-foreground); }
.sem-col { border-left: 1px solid var(--border); }
.sem-col .mj-plan-h { left: 0; }
.sem-col--auj { background: rgba(180,168,255,.035); }
.sem-col .mj-plan-bloc, .sem-col .mj-plan-fond { margin-left: 2px; }
.sem-col .mj-plan-mnt { left: 0; }
.sem-journee .mj-plan-jour small { display: none; }

/* ════════════════════════════════════════════════════════════════════════
   UNE TÂCHE NÉE D'UN MAIL (17 octobre 2026) : la marque « mail » sur sa ligne
   de Ma journée, et le mail lu en direct dans son volet, « Répondre » prêt.
   ════════════════════════════════════════════════════════════════════════ */
.mj-tag-mail { display: inline-flex; align-items: center; gap: 4px; flex: none; margin-right: 6px; color: var(--info);
  background: rgba(125,211,252,.12); }
.tm-carte { flex: none; display: flex; flex-direction: column; gap: 8px; min-height: 180px; padding: 14px 16px;
  border: 1px solid var(--border-strong); border-radius: 12px; background: var(--card); }
.tm-tete { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.tm-marque { display: inline-flex; align-items: center; gap: 5px; font-size: calc(11px * var(--rc-echelle-texte)); font-weight: 500; letter-spacing: .08em;
  text-transform: uppercase; color: var(--info); }
.tm-lien { font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--accent); text-decoration: none; }
.tm-lien:hover { text-decoration: underline; }
.tm-objet { margin: 0; font-size: calc(15px * var(--rc-echelle-texte)); font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.tm-qui { margin: 0; font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); overflow-wrap: anywhere; }
.tm-qui b { font-weight: 500; color: var(--foreground); }
.tm-corps { display: block; width: 100%; height: 160px; border: 0; background: transparent; border-radius: 8px; }
.tm-corps--papier { background: #fff; }
.tm-pjs { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.tm-pjs a { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border: 1px solid var(--border-strong); border-radius: 8px;
  font-size: calc(12px * var(--rc-echelle-texte)); color: var(--foreground); text-decoration: none; }
.tm-pied { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 4px 0 0; font-size: calc(12px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.tm-repondre { display: inline-flex; align-items: center; gap: 6px; }
.tm-absent { display: flex; align-items: flex-start; gap: 8px; margin: 0; font-size: calc(13px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.tm-absent svg { flex: none; margin-top: 2px; }
.tm-sq { display: block; height: 11px; border-radius: 6px; background: var(--muted); animation: tm-pouls 1.2s ease-in-out infinite; }
.tm-sq--titre { height: 15px; width: 70%; }
.tm-sq--court { width: 45%; }
@keyframes tm-pouls { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .tm-sq { animation: none; } }

/* ════════════════════════════════════════════════════════════════════════
   UN SEUL VOLET, ÉTROIT (demande de Tevini du 21 octobre 2026, maquette
   `static/maquettes/volet-unique.html` validée) : la personne en haut, le fil
   de tout ce qui s'est passé avec elle, les gestes en onglets, puis le geste
   lui-même. Plus de colonne Historique à côté : la liste reste lisible.
   ════════════════════════════════════════════════════════════════════════ */
@media (min-width: 768px) {
  :root { --volet: clamp(420px, 30vw, 480px); }
}
dialog.rc-volet[open] > .rc-v-haut { flex: none; padding: 12px 16px 4px; display: flex; flex-direction: column; gap: 10px;
  border-bottom: 1px solid var(--border); }
dialog.rc-volet[open] > .rc-fl { flex: 1 1 0; min-height: 140px; }
dialog.rc-volet[open] > .rc-v-corps { flex: 0 1 auto; max-height: 58%; border-top: 1px solid var(--border-strong);
  background: var(--background); }
dialog.rc-echange .rc-echange-entete .rc-fl { margin: 0 -16px; border-top: 1px solid var(--border); }
dialog.rc-echange .rc-echange-entete .rc-fl-defile { max-height: 34vh; }

/* Le fil */
.rc-fl { display: flex; flex-direction: column; min-height: 0; }
.rc-fl-filtres { flex: none; display: flex; gap: 4px; padding: 8px 14px 4px; overflow-x: auto; scrollbar-width: none; }
.rc-fl-filtres button { flex: none; font: inherit; font-size: var(--text-xs); padding: 3px 9px; border-radius: 6px; border: 0;
  background: none; color: var(--muted-foreground); cursor: pointer; }
.rc-fl-filtres button i { font-style: normal; opacity: .6; }
.rc-fl-filtres button:hover { color: var(--foreground); }
.rc-fl-filtres button[aria-current="true"] { background: var(--muted); color: var(--foreground); }
.rc-fl-defile { flex: 1; min-height: 0; overflow-y: auto; padding: 4px 14px 14px; display: flex; flex-direction: column; gap: 8px;
  scrollbar-width: thin; scrollbar-color: var(--border-strong) transparent; }
.rc-fl-defile [hidden] { display: none !important; }
.rc-fl-jour { align-self: center; margin: 8px 0 0; font-size: calc(10px * var(--rc-echelle-texte)); letter-spacing: .08em; text-transform: uppercase;
  color: var(--disabled-foreground); }
.rc-fl-bulle { max-width: 84%; padding: 7px 11px 6px; border-radius: 13px; line-height: 1.4; font-size: var(--text-sm); }
.rc-fl-bulle p { margin: 0; white-space: pre-line; overflow-wrap: anywhere; }
.rc-fl-bulle time { display: block; margin-top: 2px; font-size: calc(10px * var(--rc-echelle-texte)); color: var(--muted-foreground); text-align: right; }
.rc-fl-bulle--moi { align-self: flex-end; background: rgba(139,127,224,.18); border: 1px solid var(--accent-ring-strong);
  border-bottom-right-radius: 4px; }
.rc-fl-bulle--lui { align-self: flex-start; background: var(--muted); border: 1px solid var(--border); border-bottom-left-radius: 4px; }
.rc-fl-bulle--lui time { text-align: left; }
.rc-fl-canal { display: block; margin-bottom: 1px; font-size: calc(10px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.rc-fl-bulle--wa .rc-fl-canal { color: var(--c-wa); }
.rc-fl-bulle--mail .rc-fl-canal { color: var(--c-mail); }
.rc-fl-bulle--message .rc-fl-canal { color: var(--c-message); }
.rc-fl-evt { align-self: center; max-width: 100%; display: inline-flex; align-items: center; gap: 6px; margin: 0;
  padding: 3px 10px 3px 4px; border-radius: 99px; border: 1px dashed var(--border-strong); color: var(--muted-foreground);
  font-size: var(--text-xs); text-decoration: none; white-space: nowrap; overflow: hidden; }
.rc-fl-evt b { color: var(--foreground); font-weight: 500; overflow: hidden; text-overflow: ellipsis; }
.rc-fl-evt span { overflow: hidden; text-overflow: ellipsis; }
.rc-fl-evt time { margin-left: 2px; opacity: .7; }
a.rc-fl-evt:hover { border-color: var(--accent-ring-strong); color: var(--foreground); }
.rc-fl-evt .rc-v-pt { width: 20px; height: 20px; flex: none; }
.rc-fl-note { align-self: stretch; padding: 7px 11px; border-radius: 10px; font-size: var(--text-xs); line-height: 1.45;
  background: rgba(251,191,36,.06); border: 1px solid rgba(251,191,36,.2); }
.rc-fl-note .rc-fl-canal { color: var(--c-note); }
.rc-fl-note p { margin: 0; white-space: pre-line; }
.rc-fl-vide { margin: auto; padding: 24px 8px; text-align: center; color: var(--muted-foreground); font-size: var(--text-xs); }

/* Les gestes, en onglets sous le fil : pilules, pas d'intercalaires. */
.rc-v-gestes { align-items: center; gap: 2px; padding: 7px 12px; border-top: 1px solid var(--border-strong);
  border-bottom: 0; background: var(--background); }
.rc-v-gestes .rc-v-onglet { height: 30px; padding: 0 10px; border: 0; border-radius: 8px; }
.rc-v-gestes .rc-v-onglet[aria-current="true"] { height: 30px; margin: 0; background: var(--accent-ring); color: var(--accent-hi); }
/* Le fil garde au moins un bon tiers ; le geste, compact, garde son pied visible. */
dialog.rc-volet[open] > .rc-fl { min-height: 32vh; }
dialog.rc-volet[open] > .rc-v-corps { max-height: 54%; padding: 12px 14px; gap: 10px; }
dialog.rc-volet[open] > .rc-v-corps [data-editeur-zone] { min-height: 64px !important; }
dialog.rc-volet[open] > .rc-v-corps .rc-v-pied { position: sticky; bottom: -12px; background: var(--background); padding-bottom: 4px; }
/* Beaucoup de canaux : des icônes, le nom seulement sur l'onglet actif. */
.rc-v-gestes .rc-v-onglet:not([aria-current="true"]) span { display: none; }
.rc-v-gestes .rc-v-onglet:not([aria-current="true"]) { width: 34px; padding: 0; justify-content: center; }
/* Volet étroit : le pied d'un échange passe à la ligne plutôt que de déborder. */
dialog.rc-echange[open] .rc-echange-pied { flex-wrap: wrap; row-gap: 8px; }

/* ════════════════════════════════════════════════════════════════════════
   L'ACTIVITÉ DANS LA FICHE DU CONTACT (Tevini, 21 octobre 2026) : plus de
   volet par-dessus ; elle se pose dans la colonne de droite, sous la
   campagne. Ses onglets (échange, note, tâche, RDV) prennent la place du bas.
   La personne est déjà à gauche : son en-tête s'efface.
   ════════════════════════════════════════════════════════════════════════ */
.rc-fiche-activite { display: flex; flex-direction: column; border: 1px solid var(--border-strong); border-radius: 14px;
  overflow: hidden; background: var(--card); }
.rc-fiche-activite dialog.rc-volet[open], .rc-fiche-activite dialog.rc-echange[open],
.rc-fiche-activite .rc-volet-second dialog[open], .rc-fiche-activite .rc-gauche {
  position: static; inset: auto; width: auto; max-width: none; height: auto; z-index: auto;
  border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
.rc-fiche-activite .rc-v-haut, .rc-fiche-activite .rc-echange-entete .rc-v-tete,
.rc-fiche-activite .rc-echange-entete .rc-v-camps, .rc-fiche-activite .rc-npc-bandeau { display: none; }
.rc-fiche-activite .rc-echange-entete { padding-top: 0; }
.rc-fiche-activite .rc-fl-defile { max-height: 46vh; min-height: 120px; }
.rc-fiche-activite dialog.rc-volet[open] > .rc-fl { flex: none; min-height: 0; }
.rc-fiche-activite dialog.rc-volet[open] > .rc-v-corps { max-height: none; overflow: visible; }
.rc-fiche-activite dialog.rc-echange[open] .rc-echange-grille { height: auto; overflow: visible; }
.rc-fiche-activite .rc-volet-second .rc-echange-entete { display: none; }
/* Un onglet ouvert (SMS, RDV, note…) : l'activité prévue s'efface du bas. */
.rc-fiche-activite:has(.rc-volet-second:not([hidden]), .rc-gauche:not([hidden])) dialog.rc-volet > .rc-v-corps,
.rc-fiche-activite:has(.rc-volet-second:not([hidden]), .rc-gauche:not([hidden])) .rc-onglet-base .rc-echange-forme { display: none; }
.rc-fiche-activite dialog.rc-volet[open] > .rc-v-haut { display: none; }

/* ════════════════════════════════════════════════════════════════════════
   LA FICHE, ÉCRAN DE TRAVAIL (Tevini, 21 octobre 2026) : à gauche la
   personne et ses campagnes ; à droite, sur toute la hauteur, le fil, ce qui
   est à faire, les gestes et la zone où l'on écrit.
   ════════════════════════════════════════════════════════════════════════ */
.rc-fiche-vie.rc-ff { display: flex !important; flex-direction: column; gap: 10px; }
@media (min-width: 900px) {
  .rc-fiche-cadre .rc-fiche-vie.rc-ff { overflow: hidden; padding: 14px 16px 14px 0; }
  .rc-ff > .rc-fiche-activite { flex: 1; min-height: 0; }
  .rc-ff > .rc-fiche-activite > .rc-fl { flex: 1 1 0; min-height: 0; }
  .rc-ff > .rc-fiche-activite > .rc-fl .rc-fl-defile { max-height: none; }
  .rc-ff .rc-ff-geste { flex: none; max-height: 52%; overflow-y: auto; }
  /* Une activité ouverte : la même hauteur, son fil au milieu. */
  .rc-ff > .rc-fiche-activite > dialog.rc-volet[open] { flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
  .rc-ff dialog.rc-volet[open] > .rc-fl { flex: 1 1 0; min-height: 120px; }
  .rc-ff dialog.rc-volet[open] > .rc-fl .rc-fl-defile { max-height: none; }
  .rc-ff dialog.rc-volet[open] > .rc-v-corps { flex: none; max-height: 52%; overflow-y: auto; }
  .rc-ff > .rc-fiche-activite > .rc-onglet-base { flex: 1; min-height: 0; overflow-y: auto; }
}
.rc-ff-tete { flex: none; display: flex; align-items: center; gap: 8px; padding: 10px 14px 0; }
.rc-ff-titre { margin: 0; font-size: var(--text-sm); font-weight: 600; letter-spacing: .02em; color: var(--muted-foreground); }
.rc-ff-tete .rc-import-menu { margin-left: auto; }
/* À faire : une ligne de pastilles, au-dessus des gestes. */
.rc-ff-afaire { flex: none; display: flex; align-items: center; gap: 6px; padding: 8px 12px; overflow-x: auto; scrollbar-width: none;
  border-top: 1px solid var(--border); }
.rc-ff-afaire-dit { flex: none; font-size: calc(10px * var(--rc-echelle-texte)); letter-spacing: .08em; text-transform: uppercase; color: var(--muted-foreground); margin-right: 2px; }
.rc-ff-puce { flex: none; max-width: 260px; display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px;
  border-radius: 99px; border: 1px dashed var(--border-strong); color: var(--muted-foreground); font-size: var(--text-xs); text-decoration: none; }
.rc-ff-puce b { color: var(--foreground); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-ff-puce span { white-space: nowrap; }
.rc-ff-puce:hover { border-color: var(--accent-ring-strong); background: var(--accent-wash); }
.rc-ff-puce--retard { border-color: rgba(248,113,113,.4); }
.rc-ff-puce--retard span { color: var(--error); }
/* La zone où l'on écrit : la note, la tâche ou l'échange, posés à plat. */
.rc-ff-geste { padding: 12px 14px; background: var(--background); }
.rc-ff-geste .rc-poser-volet, html.rc-poser-ouvert .rc-ff-geste .rc-poser-volet { position: static; inset: auto; width: auto; z-index: auto;
  box-shadow: none; border: 0; background: none; overflow: visible; display: flex; }
.rc-ff-geste .rc-poser-barre, html.rc-poser-ouvert .rc-ff-geste .rc-poser-barre { display: none; }
.rc-ff-geste .rc-poser-volet > .rc-poser-corps, html.rc-poser-ouvert .rc-ff-geste .rc-poser-volet > .rc-poser-corps {
  display: flex; flex-direction: column; gap: 10px; flex: 1; padding: 0; overflow: visible; }
.rc-ff-geste dialog.rc-echange[open] { position: static; inset: auto; width: auto; max-width: none; height: auto; z-index: auto;
  border: 0; border-radius: 0; box-shadow: none; overflow: visible; background: none; }
.rc-ff-geste dialog.rc-echange[open] .rc-echange-grille { height: auto; overflow: visible; background: none; }
.rc-ff-geste .rc-echange-tete { display: none !important; }
.rc-ff-geste .rc-echange-corps { padding: 0 0 8px; }

/* ── Économiser la place (Tevini, 21 octobre 2026) ─────────────────────── */
/* « Échanges », en haut à droite : replier toute la colonne. */
.rc-ff-bascule { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 11px; margin-right: 8px;
  border-radius: 8px; border: 1px solid var(--border-strong); background: var(--accent-wash); color: var(--accent-hi);
  font: inherit; font-size: var(--text-xs); cursor: pointer; }
.rc-ff-bascule[aria-pressed="true"] { background: none; color: var(--muted-foreground); }
.rc-ff-bascule:hover { border-color: var(--accent-ring-strong); color: var(--foreground); }
@media (max-width: 899px) { .rc-ff-bascule { display: none; } }
@media (min-width: 900px) {
  html.rc-ff-replie .rc-fiche-cadre .rc-fiche { grid-template-columns: minmax(0, 1fr) 0; }
  html.rc-ff-replie .rc-fiche-vie.rc-ff { display: none !important; }
}
/* La ligne du bas : le geste en cours (un bouton, un menu) et « À faire ». */
.rc-ff-barre { flex: none; display: flex; align-items: center; gap: 8px; padding: 6px 12px; min-width: 0;
  border-top: 1px solid var(--border-strong); background: var(--background); }
.rc-ff-barre .rc-ff-afaire { flex: 1; min-width: 0; border: 0; padding: 0; }
.rc-gm { position: relative; flex: none; }
.rc-gm-bouton { list-style: none; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; cursor: pointer;
  border-radius: 8px; background: var(--accent-ring); color: var(--accent-hi); font-size: var(--text-xs); font-weight: 500; user-select: none; }
.rc-gm-bouton::-webkit-details-marker { display: none; }
.rc-gm-bouton:hover { background: var(--accent-ring-strong); }
.rc-gm-bouton svg:last-child { transform: rotate(-90deg); opacity: .7; }
.rc-gm-menu { position: absolute; bottom: calc(100% + 6px); left: 0; z-index: 30; min-width: 210px; display: flex; flex-direction: column;
  gap: 1px; padding: 6px; background: var(--card); border: 1px solid var(--border-strong); border-radius: 11px;
  box-shadow: 0 14px 36px rgba(0,0,0,.55); }
.rc-gm-menu .rc-v-onglet { width: auto; height: 32px; padding: 0 10px; margin: 0; border: 0; border-radius: 7px; justify-content: flex-start;
  gap: 9px; color: var(--foreground); }
.rc-gm-menu .rc-v-onglet span { display: inline !important; }
.rc-gm-menu .rc-v-onglet:hover { background: var(--muted); }
.rc-gm-menu .rc-v-onglet[aria-current="true"] { height: 32px; margin: 0; background: var(--accent-ring); color: var(--accent-hi); }
.rc-gm-menu .rc-v-onglet em { margin-left: auto; }
/* La zone où l'on écrit, repliée : une ligne et ses boutons d'action. */
[data-zone]:not(.rc-zone--grande) :is(.rc-ed-barre, .rc-v-appel-outils, .rc-v-prep, .rc-w-note-pied small, .rc-aide-fine,
  .rc-echange-vides, .rc-zone-plus, .rc-r-etiq, .rc-v-tache-tete, .rc-v-ligne-coord .rc-v-et, .rc-v-manquants) { display: none !important; }
[data-zone]:not(.rc-zone--grande) .rc-ed-zone { min-height: 38px !important; max-height: 76px; overflow-y: auto; }
[data-zone]:not(.rc-zone--grande) { cursor: text; }
.rc-ff .rc-ff-geste:not(.rc-zone--grande), .rc-ff dialog.rc-volet[open] > .rc-v-corps:not(.rc-zone--grande) { padding-top: 8px; padding-bottom: 8px; }
/* Les outils d'un message attendent derrière « + ». */
[data-zone] .rc-echange-outils:not(.rc-outils--ouverts) { display: none; }
.rc-zone-plus { align-self: flex-start; width: 28px; height: 28px; border-radius: 7px; border: 1px solid var(--border-strong);
  background: none; color: var(--muted-foreground); font: inherit; font-size: calc(16px * var(--rc-echelle-texte)); line-height: 1; cursor: pointer; }
.rc-zone-plus:hover { color: var(--foreground); border-color: var(--accent-ring-strong); }
/* Les filtres du fil portent, au bout, le menu « ⋯ » de la fiche. */
.rc-ff > .rc-fiche-activite { position: relative; }
.rc-ff .rc-ff-tete { position: absolute; top: 4px; right: 8px; z-index: 2; padding: 0; }
.rc-ff .rc-fl-filtres { padding-right: 48px; }
@media (min-width: 900px) {
  html.rc-ff-replie .rc-fiche-cadre .rc-fiche-qui { width: 100%; max-width: 860px; justify-self: center; }
}

/* ════════════════════════════════════════════════════════════════════════
   LA FICHE, OPTION « PROCHAINE ACTION » (Tevini, 21 octobre 2026 —
   maquette static/maquettes/fiche-options.html, option C).
   ════════════════════════════════════════════════════════════════════════ */
.rc-fiche-vie.rc-fc { display: flex !important; flex-direction: column; gap: 0; position: relative; }
@media (min-width: 900px) {
  .rc-fiche-cadre .rc-fiche-vie.rc-fc { overflow: hidden; padding: 0; border-left: 1px solid var(--border); }
  html.rc-ff-replie .rc-fiche-vie.rc-fc { display: none !important; }
}
/* La prochaine action */
.rc-fc-focus { flex: none; padding: 16px 22px 14px; border-bottom: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(180,168,255,.05), transparent); }
.rc-fc-eyebrow { display: block; margin-bottom: 9px; font-size: calc(10.5px * var(--rc-echelle-texte)); font-weight: 500; letter-spacing: .1em; text-transform: uppercase;
  color: var(--disabled-foreground); }
.rc-fc-l1 { display: flex; align-items: center; gap: 12px; min-width: 0; }
.rc-fc-ico { width: 38px; height: 38px; flex: none; border-radius: 12px; display: grid; place-items: center;
  background: var(--muted); color: var(--muted-foreground); }
.rc-fc-ico--appel { background: rgba(74,222,128,.12); color: var(--c-appel); }
.rc-fc-ico--message { background: rgba(125,211,252,.12); color: var(--c-message); }
.rc-fc-ico--mail { background: rgba(165,180,252,.12); color: var(--c-mail); }
.rc-fc-quoi { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.rc-fc-titre { color: var(--foreground); font-size: calc(15px * var(--rc-echelle-texte)); font-weight: 500; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-fc-titre:hover { color: var(--accent-hi); }
.rc-fc-quand { font-size: var(--text-xs); color: var(--muted-foreground); }
.rc-fc-quand--retard { color: var(--error); }
.rc-fc-actions { display: flex; align-items: center; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.rc-fc-actions form { display: flex; gap: 8px; margin: 0; }
.rc-fc-esp { flex: 1; }
.rc-fc-actions .btn { height: 32px; gap: 6px; }
.btn.rc-fc-vert { background: rgba(74,222,128,.13); border: 1px solid rgba(74,222,128,.32); color: var(--success); }
.btn.rc-fc-vert:hover { background: rgba(74,222,128,.2); }
.btn.rc-fc-ambre { background: rgba(251,191,36,.09); border: 1px solid rgba(251,191,36,.28); color: var(--warning-text); }
.btn.rc-fc-ambre:hover { background: rgba(251,191,36,.15); }
.rc-fc-reporter { position: relative; }
.rc-fc-reporter > summary { list-style: none; }
.rc-fc-reporter > summary::-webkit-details-marker { display: none; }
.rc-fc-pop { position: absolute; top: calc(100% + 6px); right: 0; z-index: 30; min-width: 190px; display: flex; flex-direction: column; gap: 1px;
  padding: 6px; background: var(--card); border: 1px solid var(--border-strong); border-radius: 11px; box-shadow: 0 14px 36px rgba(0,0,0,.55); }
.rc-fc-pop--haut { top: auto; bottom: calc(100% + 8px); left: 0; right: auto; }
.rc-fc-pop button, .rc-fc-pop a { display: flex; align-items: center; gap: 9px; height: 32px; padding: 0 10px; border: 0; border-radius: 7px;
  background: none; color: var(--foreground); font: inherit; font-size: var(--text-sm); text-align: left; cursor: pointer; text-decoration: none; }
.rc-fc-pop button:hover, .rc-fc-pop a:hover { background: var(--muted); }
.rc-fc-puis { display: flex; align-items: center; gap: 6px; margin: 11px 0 0; font-size: var(--text-xs); color: var(--muted-foreground); min-width: 0; }
.rc-fc-puis svg { color: var(--c-rdv); flex: none; }
.rc-fc-puis a { color: var(--foreground); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-fc-puis a:hover { color: var(--accent-hi); }
.rc-fc-plus { flex: none; margin-left: 4px; padding: 1px 7px; border-radius: 99px; border: 1px solid var(--border-strong); }
/* Le fil */
.rc-fc-fil { flex: 1; min-height: 0; display: flex; flex-direction: column; position: relative; }
.rc-fc-fil > .rc-fl { flex: 1; min-height: 0; }
.rc-fc-fil .rc-fl-filtres { padding: 10px 22px 4px; padding-right: 60px; }
.rc-fc-fil .rc-fl-defile { padding: 4px 22px 16px; }
.rc-fc-menu { position: absolute; top: 6px; right: 14px; z-index: 2; display: flex; align-items: center; gap: 6px; }
@media (max-width: 899px) { .rc-fc-fil .rc-fl-defile { max-height: 60vh; } }
/* La zone d'écriture, à la demande, posée à plat au-dessus des gestes */
.rc-fc-ecrire { flex: none; max-height: 56%; overflow-y: auto; position: relative; padding: 14px 22px 4px;
  border-top: 1px solid var(--border-strong); background: var(--background); }
.rc-fc-fermer { position: absolute; top: 8px; right: 12px; z-index: 3; width: 28px; height: 28px; display: grid; place-items: center;
  border-radius: 8px; color: var(--muted-foreground); font-size: calc(18px * var(--rc-echelle-texte)); text-decoration: none; }
.rc-fc-fermer:hover { background: var(--muted); color: var(--foreground); }
.rc-fc-ecrire .rc-poser-volet, html.rc-poser-ouvert .rc-fc-ecrire .rc-poser-volet { position: static; inset: auto; width: auto; z-index: auto;
  box-shadow: none; border: 0; background: none; overflow: visible; display: flex; }
.rc-fc-ecrire .rc-poser-barre, html.rc-poser-ouvert .rc-fc-ecrire .rc-poser-barre { display: none; }
.rc-fc-ecrire .rc-poser-volet > .rc-poser-corps, html.rc-poser-ouvert .rc-fc-ecrire .rc-poser-volet > .rc-poser-corps {
  display: flex; flex-direction: column; gap: 10px; flex: 1; padding: 0; overflow: visible; }
.rc-fc-ecrire dialog.rc-echange[open] { position: static; inset: auto; width: auto; max-width: none; height: auto; z-index: auto;
  border: 0; border-radius: 0; box-shadow: none; overflow: visible; background: none; }
.rc-fc-ecrire dialog.rc-echange[open] .rc-echange-grille { height: auto; overflow: visible; background: none; }
.rc-fc-ecrire .rc-echange-tete, .rc-fc-ecrire .rc-echange-entete { display: none !important; }
.rc-fc-ecrire .rc-echange-corps { padding: 0 0 8px; }
.rc-fc-ecrire .rc-fiche-activite { border: 0; background: none; border-radius: 0; }
.rc-fc-ecrire .rc-fiche-activite .rc-fl, .rc-fc-ecrire .rc-fiche-activite .rc-ff-barre,
.rc-fc-ecrire .rc-fiche-activite .rc-v-haut, .rc-fc-ecrire .rc-fiche-activite .rc-v-barre { display: none !important; }
.rc-fc-ecrire .rc-fiche-activite .rc-v-corps { padding: 0; background: none; border: 0; max-height: none; }
/* Les gestes : une barre flottante */
.rc-fc-dock { flex: none; align-self: center; display: flex; align-items: center; gap: 2px; margin: 10px 16px 16px; padding: 5px;
  border-radius: 14px; background: var(--card); border: 1px solid var(--border-strong); box-shadow: 0 10px 30px rgba(0,0,0,.4); max-width: calc(100% - 32px); }
.rc-fc-g { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 12px; border-radius: 10px; flex: none;
  color: var(--muted-foreground); font-size: var(--text-xs); text-decoration: none; cursor: pointer; list-style: none; }
.rc-fc-g::-webkit-details-marker { display: none; }
.rc-fc-g:hover { background: var(--muted); color: var(--foreground); }
.rc-fc-g[aria-current="true"] { background: var(--accent-ring); color: var(--accent-hi); }
.rc-fc-g--appel svg { color: var(--c-appel); } .rc-fc-g--whatsapp svg { color: var(--c-wa); } .rc-fc-g--sms svg { color: var(--c-message); }
.rc-fc-g--mail svg { color: var(--c-mail); } .rc-fc-g--rdv svg { color: var(--c-rdv); } .rc-fc-g--note svg { color: var(--c-note); }
.rc-fc-sep { width: 1px; align-self: stretch; margin: 6px 3px; background: var(--border-strong); }
.rc-fc-autres { position: relative; }
@media (max-width: 1250px) { .rc-fc-g span { display: none; } .rc-fc-g { padding: 0 10px; } }

/* La gauche : ses campagnes, compactes, sous son nom */
.rc-fiche-qui .rc-fiche-campagnes { gap: 6px; margin: 0 0 14px; }
.rc-fiche-qui .rc-fiche-campagnes .rc-groupe-titre { display: none; }
.rc-fiche-qui .rc-sc-campagne.rc-w-camp--carte { padding: 8px 10px; gap: 0; border-radius: 10px; }
.rc-fiche-qui .rc-sc-campagne .rc-w-camp-corps small, .rc-fiche-qui .rc-sc-campagne .rc-sc-barre { display: none; }
.rc-fiche-qui .rc-sc-campagne .rc-sc-nom { font-size: var(--text-sm); }
.rc-fiche-qui .rc-sc-campagne .rc-sc-retirer { display: none; margin-top: 6px; }
/* Plus de « Retirer » au survol (Tevini, 21 octobre 2026) : il reste dans l’onglet Campagnes. */
/* La fiche tient dans l’écran : la barre des gestes ne passe plus sous le bord. */
@media (min-width: 900px) { .rc-fiche-cadre { --rc-fiche-haut: 138px; } }
.rc-fc-ecrire:not(.rc-zone--grande) textarea { min-height: 44px; height: 44px; }
.rc-fc-ecrire .rc-echange-corps { gap: 8px; }
/* La gauche se lit d'un coup d'œil : la valeur juste à côté de son libellé. */
.rc-fiche-qui .rc-info { gap: 10px; }
.rc-fiche-qui .rc-info-cle { flex: 0 0 104px; width: 104px; }
.rc-fiche-qui .rc-info-droite, .rc-fiche-qui .rc-canal-liste { flex: 1; min-width: 0; justify-content: flex-start; align-items: flex-start; text-align: left; }
.rc-fiche-qui .rc-info-val { justify-content: flex-start; text-align: left; }
.rc-fiche-qui .rc-canal-liste > * { justify-content: flex-start; }
.rc-fiche-qui .rc-canal-liste { grid-template-columns: auto auto 1fr; }
.rc-fiche-qui .rc-canal-liste .rc-canal-v { justify-self: start; text-align: left; }

/* ── La note rapide, sous le fil (21 octobre 2026) ── */
.rc-fc-note { flex: none; display: flex; align-items: flex-end; gap: 10px; margin: 0 16px 14px; padding: 6px 8px 6px 12px;
  border: 1px solid var(--border-strong); border-radius: 12px; background: var(--card); }
.rc-fc-note:focus-within { border-color: var(--accent-ring-strong); box-shadow: 0 0 0 3px var(--accent-ring); }
.rc-fc-note-ico { flex: none; align-self: center; color: var(--c-note); display: grid; }
.rc-fc-note textarea { flex: 1; min-width: 0; resize: none; border: 0; outline: none; background: none; color: var(--foreground);
  font: inherit; font-size: var(--text-sm); line-height: 1.45; padding: 6px 0; height: 32px; max-height: 160px; }
.rc-fc-note textarea::placeholder { color: var(--disabled-foreground); }
.rc-fc-note-aide { flex: none; align-self: center; font: inherit; font-size: calc(10.5px * var(--rc-echelle-texte)); color: var(--disabled-foreground);
  border: 1px solid var(--border-strong); border-radius: 5px; padding: 1px 6px; }
.rc-fc-note:not(:focus-within) .rc-fc-note-aide { visibility: hidden; }
.rc-fc-note-ok { flex: none; display: flex; align-items: center; gap: 6px; margin: -8px 18px 10px; font-size: var(--text-xs); color: var(--success); }

/* ── Le volet des gestes : une seule place, une seule tête ── */
.rc-fcv { position: fixed; top: var(--haut); right: 0; bottom: 0; z-index: 60; width: var(--volet); max-width: 100vw;
  display: flex; flex-direction: column; background: var(--card); border-left: 1px solid var(--border-strong);
  box-shadow: -24px 0 48px rgba(0,0,0,.45); }
.rc-fcv-tete { flex: none; display: flex; align-items: center; gap: 10px; height: 52px; padding: 0 12px 0 16px; border-bottom: 1px solid var(--border); }
.rc-fcv-tete b { font-weight: 500; font-size: var(--text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-fcv-x { margin-left: auto; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px;
  color: var(--muted-foreground); font-size: calc(20px * var(--rc-echelle-texte)); text-decoration: none; }
.rc-fcv-x:hover { background: var(--muted); color: var(--foreground); }
.rc-fcv-onglets { flex: none; display: flex; align-items: center; gap: 2px; padding: 8px 10px; border-bottom: 1px solid var(--border);
  overflow-x: auto; scrollbar-width: none; }
.rc-fcv-o { flex: none; display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 10px; border-radius: 9px;
  color: var(--muted-foreground); font-size: var(--text-xs); text-decoration: none; }
.rc-fcv-o:hover { background: var(--muted); color: var(--foreground); }
.rc-fcv-o:not([aria-current="true"]) span { display: none; }
.rc-fcv-o[aria-current="true"] { background: var(--accent-ring); color: var(--accent-hi); }
.rc-fcv-corps { flex: 1; min-height: 0; overflow-y: auto; padding: 14px 16px; }
.rc-fcv-corps .rc-poser-volet, html.rc-poser-ouvert .rc-fcv-corps .rc-poser-volet { position: static; inset: auto; width: auto; z-index: auto;
  box-shadow: none; border: 0; background: none; overflow: visible; display: flex; }
.rc-fcv-corps .rc-poser-barre, html.rc-poser-ouvert .rc-fcv-corps .rc-poser-barre { display: none; }
.rc-fcv-corps .rc-poser-volet > .rc-poser-corps, html.rc-poser-ouvert .rc-fcv-corps .rc-poser-volet > .rc-poser-corps {
  display: flex; flex-direction: column; gap: 10px; flex: 1; padding: 0; overflow: visible; }
.rc-fcv-corps dialog.rc-echange[open] { position: static; inset: auto; width: auto; max-width: none; height: auto; z-index: auto;
  border: 0; border-radius: 0; box-shadow: none; overflow: visible; background: none; }
.rc-fcv-corps dialog.rc-echange[open] .rc-echange-grille { height: auto; overflow: visible; background: none; }
.rc-fcv-corps .rc-echange-tete, .rc-fcv-corps .rc-echange-entete { display: none !important; }
.rc-fcv-corps .rc-echange-corps { padding: 0 0 8px; }
.rc-fcv-corps .rc-fiche-activite { border: 0; background: none; border-radius: 0; }
.rc-fcv-corps .rc-fiche-activite .rc-fl, .rc-fcv-corps .rc-fiche-activite .rc-ff-barre,
.rc-fcv-corps .rc-fiche-activite .rc-v-haut, .rc-fcv-corps .rc-fiche-activite .rc-v-barre { display: none !important; }
.rc-fcv-corps .rc-fiche-activite dialog.rc-volet[open] { position: static; width: auto; box-shadow: none; border: 0; background: none; }
.rc-fcv-corps .rc-fiche-activite .rc-v-corps { padding: 0; background: none; border: 0; max-height: none; }
/* Le rendez-vous : sa fenêtre se pose dans le corps du même volet. */
html:has(.rc-fcv--rdv) dialog#rc-fenetre-reunion[open] { top: calc(var(--haut) + 101px); z-index: 61; box-shadow: none;
  border-left: 1px solid var(--border-strong); }
html:has(.rc-fcv--rdv) dialog#rc-fenetre-reunion::backdrop { background: transparent; }
@media (max-width: 767px) { .rc-fcv { inset: 0; width: 100vw; z-index: 85; } }

/* ════════════════════════════════════════════════════════════════════════
   UNE SEULE BARRE D'ÉCRITURE, EN BAS DU FIL (Tevini, 21 octobre 2026 —
   maquette static/maquettes/activite-options.html, option 1).
   ════════════════════════════════════════════════════════════════════════ */
.rc-fcb { flex: none; display: flex; flex-direction: column; margin: 0 16px 14px; max-height: 48%;
  border: 1px solid var(--border-strong); border-radius: 14px; background: var(--card); }
.rc-fcb:focus-within { border-color: var(--accent-ring-strong); }
.rc-fcb-modes { flex: none; display: flex; align-items: center; gap: 2px; padding: 6px 6px 0; min-width: 0; }
.rc-fcb-m { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 9px; border-radius: 8px;
  color: var(--muted-foreground); font-size: var(--text-xs); text-decoration: none; cursor: pointer; list-style: none; }
.rc-fcb-m::-webkit-details-marker { display: none; }
.rc-fcb-m:hover { background: var(--muted); color: var(--foreground); }
.rc-fcb-m[aria-current="true"] { background: var(--muted); color: var(--foreground); }
.rc-fcb-esp { flex: 1; }
.rc-fcb-outil { flex: none; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; border: 0; background: none;
  color: var(--muted-foreground); font: inherit; font-size: calc(18px * var(--rc-echelle-texte)); line-height: 1; text-decoration: none; cursor: pointer; }
.rc-fcb-outil:hover { background: var(--muted); color: var(--foreground); }
.rc-fcb-moins, .rc-fc--grand .rc-fcb-plus { display: none; }
.rc-fc--grand .rc-fcb-moins { display: grid; }
.rc-fcb-plus { display: grid; }
.rc-fcb-zone { flex: 1; min-height: 0; overflow-y: auto; padding: 4px 12px 10px; }
@media (max-width: 1250px) { .rc-fcb-m:not([aria-current="true"]) span { display: none; } }
/* La note : une ligne qui grandit. */
.rc-fcb .rc-fc-note { margin: 0; padding: 4px 0 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.rc-fcb .rc-fc-note textarea { padding: 6px 2px; }
.rc-fcb .rc-fc-note-ok { margin: 4px 0 0; }
/* Ce qui s'y pose — un échange, une tâche, la suite d'une activité — à plat. */
.rc-fcb-zone dialog.rc-echange[open] { position: relative; inset: auto; width: auto; max-width: none; height: auto; z-index: auto;
  border: 0; border-radius: 0; box-shadow: none; overflow: visible; background: none; }
.rc-fcb-zone dialog.rc-echange[open] .rc-echange-grille { height: auto; overflow: visible; background: none; }
.rc-fcb-zone .rc-echange-tete, .rc-fcb-zone .rc-echange-entete { display: none !important; }
.rc-fcb-zone .rc-echange-corps { padding: 6px 0 4px; gap: 8px; }
.rc-fcb-zone .rc-echange-pied { position: static !important; padding: 6px 0 0; background: none; border: 0; }
.rc-fcb-zone .rc-fiche-activite { border: 0; background: none; border-radius: 0; }
.rc-fcb-zone .rc-fiche-activite .rc-fl, .rc-fcb-zone .rc-fiche-activite .rc-ff-barre,
.rc-fcb-zone .rc-fiche-activite .rc-v-haut, .rc-fcb-zone .rc-fiche-activite .rc-v-barre { display: none !important; }
.rc-fcb-zone .rc-fiche-activite dialog.rc-volet[open] { position: static; width: auto; box-shadow: none; border: 0; background: none; }
.rc-fcb-zone .rc-fiche-activite .rc-v-corps { padding: 6px 0 0; background: none; border: 0; max-height: none; }
.rc-fcb-zone textarea:not(.rc-fc-note textarea) { min-height: 64px; }
/* Agrandie : la barre prend la colonne, le fil devient une bande, la
   prochaine action une ligne. */
.rc-fc--grand .rc-fcb { flex: 1; max-height: none; min-height: 0; }
.rc-fc--grand .rc-fc-fil { flex: none; height: 150px; }
.rc-fc--grand .rc-fc-fil .rc-fl-filtres { display: none; }
.rc-fc--grand .rc-fc-fil .rc-fl-defile { -webkit-mask-image: linear-gradient(180deg, transparent, #000 50%); mask-image: linear-gradient(180deg, transparent, #000 50%); }
.rc-fc--grand .rc-fc-focus { padding: 8px 22px; }
.rc-fc--grand .rc-fc-focus .rc-fc-eyebrow, .rc-fc--grand .rc-fc-focus .rc-fc-actions,
.rc-fc--grand .rc-fc-focus .rc-fc-puis { display: none; }
.rc-fc--grand .rc-fc-focus .rc-fc-ico { width: 28px; height: 28px; border-radius: 9px; }
.rc-fc--grand .rc-fc-focus .rc-fc-quoi { flex-direction: row; align-items: baseline; gap: 10px; }
.rc-fc--grand .rc-fcb-zone textarea:not(.rc-fc-note textarea), .rc-fc--grand .rc-fcb-zone .rc-ed-zone { min-height: 240px; }
.rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-ed-zone { min-height: 64px !important; max-height: 140px; overflow-y: auto; }
.rc-fc--grand .rc-fcb-zone .rc-ed-zone { min-height: 240px !important; }

/* ── La barre d'écriture, épurée (Tevini, 21 octobre 2026 : « c'est pas du
   tout épuré ») : comme la maquette — le texte à plat, puis une seule ligne
   d'outils en icônes, puis l'envoi. Rien ne change de ce qui part. ── */
.rc-fcb-zone .rc-echange-carte { border: 0; background: none; padding: 0; box-shadow: none; gap: 2px; }
.rc-fcb-zone .rc-echange-action { min-height: 0; height: auto; padding: 2px 0 0; border: 0; background: none; gap: 6px;
  font-size: var(--text-xs); color: var(--muted-foreground); }
.rc-fcb-zone .rc-echange-action .rc-v-et { font-size: var(--text-xs); color: var(--disabled-foreground); font-weight: 400; }
.rc-fcb-zone .rc-echange-action select, .rc-fcb-zone .rc-echange-action .rc-v-num { height: 22px; padding: 0 18px 0 0; border: 0; background-color: transparent;
  font-size: var(--text-xs); font-weight: 400; color: var(--muted-foreground); }
.rc-fcb-zone .rc-echange-zone .rc-ed, .rc-fcb-zone .rc-echange-zone .rc-ed-zone { border: 0 !important; background: none !important; box-shadow: none !important; }
.rc-fcb-zone .rc-echange-zone .rc-ed-zone { padding: 6px 0 !important; min-height: 44px !important; font-size: var(--text-sm); }
.rc-fcb-zone .rc-echange-zone .rc-ed-barre { border: 0; background: none; padding: 0; }
.rc-fcb-zone .rc-echange-outils { display: block !important; padding: 0; margin: 0; border: 0; background: none; }
.rc-fcb-zone .rc-echange-listes { display: flex; gap: 2px; }
.rc-fcb-zone .rc-echange-liste-btn { height: 28px; min-width: 28px; padding: 0 7px; border: 0; background: none; border-radius: 7px;
  font-size: 0; color: var(--muted-foreground); }
.rc-fcb-zone .rc-echange-liste-btn:hover { background: var(--muted); color: var(--foreground); }
.rc-fcb-zone .rc-echange-liste-btn svg { width: 15px; height: 15px; }
.rc-fcb-zone .rc-echange-accolades { font-size: calc(12px * var(--rc-echelle-texte)); }
.rc-fcb-zone .rc-v-etat-brouillon, .rc-fcb-zone .rc-echange-vides { display: none !important; }
.rc-fcb-zone .rc-zone-plus { display: none !important; }
/* « Réponse attendue » au bout de la ligne des outils. */
.rc-fcb-zone .rc-attente-ligne { margin: -30px 0 0 auto; width: max-content; padding: 0; position: relative; z-index: 1; }
.rc-fcb-zone .rc-attente-choix { gap: 6px; font-size: var(--text-xs); color: var(--disabled-foreground); }
.rc-fcb-zone .rc-attente-choix select { height: 26px; min-height: 0; padding: 0 22px 0 8px; font-size: var(--text-xs); }
/* L'envoi : une ligne, séparée d'un trait fin. */
.rc-fcb-zone .rc-echange-pied { margin-top: 6px; padding: 8px 0 0 !important; border-top: 1px solid var(--border) !important; flex-wrap: nowrap; }
.rc-fcb-zone .rc-echange-pied .btn { height: 30px; padding: 0 11px; font-size: var(--text-xs); }
.rc-fcb-zone .rc-echange-pied .rc-v-points { width: 30px; height: 30px; }
/* Un mail : l'objet, à plat, sur une ligne. */
.rc-fcb-zone .rc-echange-carte input[name="objet"], .rc-fcb-zone .rc-echange-objet input { border: 0; background: none; padding: 4px 0;
  font-weight: 500; box-shadow: none; }
.rc-fcb-zone .rc-echange-corps { background: none !important; padding: 4px 0 2px !important; }
.rc-fcb-zone .rc-echange-corps { display: flex; flex-direction: column; }
.rc-fcb-zone .rc-echange-corps > .rc-aide-fine { order: -1; margin: 0 0 4px; font-size: calc(11px * var(--rc-echelle-texte)); color: var(--disabled-foreground); }
.rc-fcb-zone .rc-echange-listes { max-width: calc(100% - 200px); flex-wrap: wrap; }
.rc-fiche-qui .rc-sc-campagne .rc-sc-tete { flex-wrap: wrap; row-gap: 6px; }
.rc-fiche-qui .rc-sc-campagne .rc-w-camp-corps { flex: 1 1 140px; min-width: 120px; }
.rc-fcb-zone .rc-echange-listes { max-width: calc(100% - 230px); }
.rc-fiche-qui .rc-info-cle { flex-basis: 86px; width: 86px; }
.rc-fiche-qui .rc-canal-liste { grid-template-columns: max-content max-content 1fr; }

/* ════════════════════════════════════════════════════════════════════════
   LE RENDEZ-VOUS, UNE FENÊTRE AU MILIEU (Tevini, 21 octobre 2026, qui
   remplace le volet à droite du 10 octobre) : en deux colonnes — le quand à
   gauche, le reste à droite —, l'en-tête et « Créer » toujours visibles.
   ════════════════════════════════════════════════════════════════════════ */
html dialog#rc-fenetre-reunion[open] { position: fixed; inset: 0; margin: auto; z-index: 90;
  width: min(940px, calc(100vw - 32px)); height: fit-content; max-height: calc(100dvh - 48px);
  padding: 0; border: 1px solid var(--border-strong); border-radius: 18px; background: var(--card);
  box-shadow: 0 30px 80px rgba(0,0,0,.6); overflow: hidden; display: flex; flex-direction: column; }
html dialog#rc-fenetre-reunion::backdrop { background: rgba(5,6,10,.62); }
html dialog#rc-fenetre-reunion[open] > form { display: flex; flex-direction: column; min-height: 0; max-height: calc(100dvh - 48px); }
#rc-fenetre-reunion .rc-fenetre-tete { flex: none; padding: 18px 24px 14px; margin: 0; border-bottom: 1px solid var(--border); }
#rc-fenetre-reunion .rc-fenetre-tete .dialogue-titre { font-size: var(--text-lg); }
#rc-fenetre-reunion .rc-r-champs { flex: 1; min-height: 0; overflow-y: auto; padding: 18px 24px 20px;
  display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); column-gap: 28px; row-gap: 16px; align-content: start; align-items: start; }
#rc-fenetre-reunion .rc-r-champs > * { grid-column: 2; margin: 0; }
#rc-fenetre-reunion .rc-r-champs > :first-child { grid-column: 1; grid-row: 1; }
#rc-fenetre-reunion .rc-r-champs > .rc-crn { grid-column: 1; grid-row: 2 / span 8; }
#rc-fenetre-reunion .rc-r-aide--haut { margin-top: -10px !important; font-size: var(--text-xs); }
#rc-fenetre-reunion .rc-r-pied { flex: none; margin: 0; padding: 14px 24px; border-top: 1px solid var(--border); background: var(--card);
  display: flex; justify-content: flex-end; gap: 10px; }
@media (max-width: 760px) {
  html dialog#rc-fenetre-reunion[open] { inset: 0; width: 100vw; max-height: 100dvh; height: 100dvh; border-radius: 0; }
  #rc-fenetre-reunion .rc-r-champs { grid-template-columns: minmax(0, 1fr); }
  #rc-fenetre-reunion .rc-r-champs > *, #rc-fenetre-reunion .rc-r-champs > :first-child,
  #rc-fenetre-reunion .rc-r-champs > .rc-crn { grid-column: 1; grid-row: auto; }
}
.rc-fl-riche { max-height: 12em; overflow: hidden; overflow-wrap: anywhere; }
.rc-fl-riche > :first-child { margin-top: 0; } .rc-fl-riche > :last-child { margin-bottom: 0; }
.rc-fl-riche p { margin: 0 0 4px; }
.rc-fl-note--rdv { background: rgba(180,168,255,.05); border-color: var(--accent-ring-strong); }
.rc-fl-note--rdv .rc-fl-canal { color: var(--c-rdv); }

/* ════════════════════════════════════════════════════════════════════════
   MAILS ET RENDEZ-VOUS DANS LE FIL (Tevini, 21 octobre 2026 — maquette
   static/maquettes/fil-details.html, validée).
   ════════════════════════════════════════════════════════════════════════ */
/* Un mail : une carte compacte qui ouvre le lecteur. */
.rc-fl-mail { width: min(64%, 440px); max-width: 84%; cursor: pointer; padding: 9px 12px 7px; }
.rc-fl-mail:hover, .rc-fl-mail:focus-visible { border-color: var(--accent); outline: none; }
.rc-fl-mail .rc-fl-canal { display: flex; align-items: center; gap: 5px; color: var(--c-mail); }
.rc-fl-objet { display: block; font-weight: 500; font-size: var(--text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-fl-apercu { margin: 1px 0 0; color: var(--muted-foreground); font-size: calc(12.5px * var(--rc-echelle-texte)); display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden; }
.rc-fl-pj { display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; padding: 2px 8px; border-radius: 6px;
  background: rgba(0,0,0,.2); font-size: calc(11px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.rc-fl-pied { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 4px; font-size: calc(10.5px * var(--rc-echelle-texte)); color: var(--disabled-foreground); }
.rc-fl-bulle--lui .rc-fl-pied { flex-direction: row-reverse; }
.rc-fl-voir { color: var(--accent-hi); }
.rc-fl-mail time { margin: 0; }
/* À venir : les rendez-vous prévus, en pointillé, après le présent. */
.rc-fl-jour--venir { color: var(--accent); }
.rc-fl-rdv { align-self: center; width: min(76%, 480px); display: flex; align-items: center; gap: 10px; padding: 10px 12px;
  border-radius: 13px; border: 1.5px dashed var(--accent-ring-strong); background: var(--accent-wash); color: var(--foreground); text-decoration: none; }
.rc-fl-rdv:hover { border-color: var(--accent); }
.rc-fl-rdv > svg { color: var(--c-rdv); flex: none; }
.rc-fl-rdv > span { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.rc-fl-rdv b { font-weight: 500; font-size: var(--text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-fl-rdv small { color: var(--muted-foreground); font-size: var(--text-xs); }
.rc-fl-rdv em { flex: none; font-style: normal; font-size: calc(11px * var(--rc-echelle-texte)); padding: 2px 9px; border-radius: 99px; background: var(--accent-ring); color: var(--accent-hi); }
/* Le prochain rendez-vous, en bande sous la prochaine action. */
.rc-fc-rdv { flex: none; display: flex; align-items: center; gap: 8px; margin: 0 22px 12px; padding: 8px 10px; border-radius: 12px;
  background: var(--accent-wash); border: 1px solid var(--accent-ring-strong); }
.rc-fc-focus + .rc-fc-rdv { margin-top: -2px; }
.rc-fc-rdv:hover { border-color: var(--accent); }
.rc-fc-rdv-ouvrir { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; color: var(--foreground); text-decoration: none; }
.rc-fc-rdv-date { flex: none; width: 42px; padding: 3px 0; border-radius: 9px; background: var(--accent-ring); text-align: center; line-height: 1.15;
  display: flex; flex-direction: column; }
.rc-fc-rdv-date b { font-size: calc(16px * var(--rc-echelle-texte)); color: var(--accent-hi); }
.rc-fc-rdv-date small { font-size: calc(9.5px * var(--rc-echelle-texte)); text-transform: uppercase; letter-spacing: .06em; color: var(--muted-foreground); }
.rc-fc-rdv-quoi { min-width: 0; display: flex; flex-direction: column; }
.rc-fc-rdv-quoi b { font-weight: 500; font-size: var(--text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-fc-rdv-quoi small { font-size: var(--text-xs); color: var(--muted-foreground); }
.btn.rc-fc-rdv-visio { background: var(--accent-ring); border: 1px solid var(--accent-ring-strong); color: var(--accent-hi); }
.rc-fc--grand .rc-fc-rdv { display: none; }
/* La fiche d'une réunion : une fenêtre au centre, comme sa création. */
dialog.rc-volet.rc-modale-reunion[open], dialog.rc-volet.rc-modale-reunion[open]:not(:modal) {
  position: fixed; inset: 0; margin: auto; z-index: 90; width: min(920px, calc(100vw - 32px)); height: fit-content;
  max-height: calc(100dvh - 48px); border: 1px solid var(--border-strong); border-radius: 18px;
  box-shadow: 0 0 0 100vmax rgba(5,6,10,.62), 0 30px 80px rgba(0,0,0,.6); overflow: hidden; }
html:has(dialog.rc-modale-reunion[open]) .rc-histo { display: none !important; }
@media (max-width: 760px) {
  dialog.rc-volet.rc-modale-reunion[open], dialog.rc-volet.rc-modale-reunion[open]:not(:modal) {
    inset: 0; width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0; }
}
/* La visio : Rejoindre et Copier le lien, côte à côte. */
.rc-r-visio-gestes { display: inline-flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.rc-r-copier { font: inherit; cursor: pointer; background: none; }
/* La bande du rendez-vous fait bloc avec la prochaine action : la ligne de séparation passe dessous. */
.rc-fc-focus:has(+ .rc-fc-rdv) { border-bottom: 0; padding-bottom: 12px; }
.rc-fc-focus + .rc-fc-rdv { margin-top: 0; }
.rc-fc-rdv { margin-bottom: 14px; }
.rc-fc-rdv + .rc-fc-fil { border-top: 1px solid var(--border); }
/* Rien dans le fil ne se laisse écraser quand il est plein : chaque élément garde sa hauteur. */
.rc-fl-defile > * { flex-shrink: 0; }

/* ── Ce qui est prévu, en deux lignes (21 octobre 2026) ─────────────────── */
.rc-fa { flex: none; display: flex; flex-direction: column; gap: 8px; padding: 12px 18px 10px; border-bottom: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(180,168,255,.05), transparent); }
.rc-fa-l1 { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rc-fa .rc-fc-ico { width: 32px; height: 32px; border-radius: 10px; }
.rc-fc-ico--rdv { background: var(--accent-ring); color: var(--c-rdv); }
.rc-fa-quoi { flex: 1; min-width: 0; display: flex; flex-direction: column; color: var(--foreground); text-decoration: none; }
.rc-fa-quoi b { font-weight: 500; font-size: calc(14px * var(--rc-echelle-texte)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-fa-quoi small { font-size: var(--text-xs); color: var(--muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-fa-quoi:hover b { color: var(--accent-hi); }
.rc-fa-gestes { flex: none; display: flex; align-items: center; gap: 6px; }
.rc-fa-gestes form { display: flex; gap: 6px; margin: 0; }
.rc-fa-gestes .btn { height: 30px; gap: 5px; padding: 0 10px; font-size: var(--text-xs); }
.rc-fa-gestes .btn.rc-fa-ico { width: 30px; padding: 0; justify-content: center; }
.rc-fa-gestes .rc-fc-reporter > summary { list-style: none; }
/* Ensuite : les suivantes en pastilles, « +N » pour le reste. */
.rc-fa-l2 { display: flex; align-items: center; gap: 6px; min-width: 0; padding-left: 42px; }
.rc-fa-ensuite { flex: none; font-size: calc(10px * var(--rc-echelle-texte)); letter-spacing: .08em; text-transform: uppercase; color: var(--disabled-foreground); }
.rc-fa-puce { flex: 0 1 auto; min-width: 0; max-width: 240px; display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 9px;
  border-radius: 99px; border: 1px solid var(--border-strong); color: var(--muted-foreground); font-size: calc(11.5px * var(--rc-echelle-texte)); text-decoration: none;
  cursor: pointer; list-style: none; white-space: nowrap; }
.rc-fa-puce::-webkit-details-marker { display: none; }
.rc-fa-puce span { flex: none; }
.rc-fa-puce b { font-weight: 400; color: var(--foreground); overflow: hidden; text-overflow: ellipsis; }
.rc-fa-puce:hover { border-color: var(--accent-ring-strong); background: var(--accent-wash); }
.rc-fa-puce--rdv { border-color: var(--accent-ring-strong); }
.rc-fa-puce--rdv svg { color: var(--c-rdv); }
.rc-fa-puce--retard span { color: var(--error); }
.rc-fa-plus { position: relative; flex: none; }
.rc-fa-liste { left: 0; right: auto; min-width: 280px; max-height: 300px; overflow-y: auto; }
.rc-fa-liste a span { flex: none; color: var(--muted-foreground); font-size: var(--text-xs); }
.rc-fa-liste a b { font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Agrandie : la seule première ligne. */
.rc-fc--grand .rc-fa-l2 { display: none; }
.rc-fc--grand .rc-fa { padding: 8px 18px; }
@media (max-width: 1250px) { .rc-fa-l2 { padding-left: 0; } }
/* Peu de place : le titre garde sa lisibilité, les gestes passent dessous. */
.rc-fa-l1 { flex-wrap: wrap; row-gap: 8px; }
.rc-fa-quoi { flex: 1 1 200px; }
.rc-fa-gestes { margin-left: auto; }
.rc-fa-liste { left: auto !important; right: 0 !important; }
.rc-fa-puce b { min-width: 48px; }
.rc-fa-l2 { flex-wrap: wrap; row-gap: 6px; }
.rc-fl-detail::before { content: "· "; }

/* ── Ses campagnes : une ligne chacune (21 octobre 2026) ──────────────────── */
.rc-fiche-qui .rc-fiche-campagnes { gap: 0; margin: 0 0 14px; padding: 4px 12px; border-radius: 12px; background: var(--card);
  border: 1px solid var(--border); }
.rc-fiche-qui .rc-fiche-campagnes .rc-groupe-titre.rc-sc-titre { display: flex; align-items: center; gap: 6px; margin: 6px 0 2px;
  font-size: calc(10.5px * var(--rc-echelle-texte)); letter-spacing: .1em; text-transform: uppercase; color: var(--disabled-foreground); }
.rc-sc-titre i { font-style: normal; padding: 0 6px; border-radius: 99px; background: var(--muted); color: var(--muted-foreground); letter-spacing: 0; }
.rc-fiche-qui .rc-sc-campagne.rc-w-camp--carte { padding: 6px 0; margin: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
.rc-fiche-qui .rc-sc-campagne + .rc-sc-campagne, .rc-fiche-qui .rc-sc-plus .rc-sc-campagne:first-of-type { border-top: 1px solid var(--border); }
.rc-fiche-qui .rc-sc-campagne .rc-sc-tete { flex-wrap: nowrap; gap: 8px; align-items: center; }
.rc-fiche-qui .rc-sc-campagne .rc-w-camp-ico { display: none; }
.rc-fiche-qui .rc-sc-campagne .rc-w-camp-corps { flex: 1 1 auto; min-width: 0; }
.rc-fiche-qui .rc-sc-campagne .rc-sc-nom { display: block; font-size: var(--text-sm); font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-fiche-qui .rc-sc-campagne .rc-sc-tete > :last-child { flex: none; }
.rc-fiche-qui .rc-sc-campagne .rc-sc-tete select, .rc-fiche-qui .rc-sc-campagne .rc-sc-tete summary,
.rc-fiche-qui .rc-sc-campagne .rc-sc-etat { height: 26px; min-height: 0; font-size: var(--text-xs); padding-top: 0; padding-bottom: 0; max-width: 150px; }
.rc-fiche-qui .rc-sc-campagne .rc-aide-fine { margin: 2px 0 0; font-size: calc(11px * var(--rc-echelle-texte)); }
.rc-sc-plus > summary { list-style: none; cursor: pointer; padding: 7px 0 5px; border-top: 1px solid var(--border);
  font-size: var(--text-xs); color: var(--accent-hi); }
.rc-sc-plus > summary::-webkit-details-marker { display: none; }
.rc-sc-plus[open] > summary { display: none; }

/* ════════════════════════════════════════════════════════════════════════
   LES ONGLETS DE PAGE DE LA FICHE (Tevini, 21 octobre 2026 — option C de
   static/maquettes/fiche-grand-options.html). « Échanges » : la fiche telle
   quelle. Les autres : le contenu en pleine largeur, la conversation flotte.
   ════════════════════════════════════════════════════════════════════════ */
.rc-fp-onglets { flex: none; display: flex; gap: 2px; padding: 0 4px; margin: 0 0 10px; border-bottom: 1px solid var(--border); overflow-x: auto; scrollbar-width: none; }
.rc-fp-onglets button { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 9px 10px; margin-bottom: -1px; border: 0;
  border-bottom: 2px solid transparent; background: none; color: var(--muted-foreground); font: inherit; font-size: var(--text-sm); cursor: pointer; }
.rc-fp-onglets button:hover { color: var(--foreground); }
.rc-fp-onglets button[aria-current="true"] { color: var(--foreground); border-bottom-color: var(--accent); }
.rc-fp-onglets i { font-style: normal; font-size: calc(11px * var(--rc-echelle-texte)); padding: 0 6px; border-radius: 99px; background: var(--muted); color: var(--muted-foreground); }
@media (max-width: 899px) { .rc-fp-onglets { display: none; } }
.rc-fc-flottant-tete { display: none; }

@media (min-width: 900px) {
  /* Le contenu, en grand : la colonne de la personne prend toute la largeur. */
  .rc-fiche-cadre .rc-fiche { grid-template-columns: minmax(0, 1fr); }
  .rc-fiche:not([data-vue="echanges"]) .rc-fiche-onglets { display: none; }
  .rc-fiche:not([data-vue="echanges"]) .rc-fiche-panneau { max-width: 900px; }
  .rc-fiche[data-vue="infos"] .rc-fiche-campagnes, .rc-fiche[data-vue="relations"] .rc-fiche-campagnes,
  .rc-fiche[data-vue="docs"] .rc-fiche-campagnes { display: none; }
  /* Campagnes : chacune en carte, avec son avancée et ses détails. */
  .rc-fiche[data-vue="campagnes"] .rc-fiche-panneau { display: none !important; }
  .rc-fiche[data-vue="campagnes"] .rc-fiche-campagnes { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px;
    padding: 0; background: none; border: 0; max-width: 1100px; }
  .rc-fiche[data-vue="campagnes"] .rc-fiche-campagnes .rc-sc-titre { grid-column: 1 / -1; }
  .rc-fiche[data-vue="campagnes"] .rc-sc-plus { display: contents; }
  .rc-fiche[data-vue="campagnes"] .rc-sc-plus > summary { display: none; }
  .rc-fiche[data-vue="campagnes"] .rc-sc-campagne.rc-w-camp--carte { padding: 14px 16px; border: 1px solid var(--border) !important;
    border-radius: 13px; background: var(--card); display: flex; flex-direction: column; gap: 10px; }
  .rc-fiche[data-vue="campagnes"] .rc-sc-campagne .rc-sc-barre { display: flex; }
  .rc-fiche[data-vue="campagnes"] .rc-sc-campagne .rc-w-camp-corps small { display: block; }
  .rc-fiche[data-vue="campagnes"] .rc-sc-campagne .rc-sc-nom { white-space: normal; font-weight: 500; font-size: var(--text-md); }
  .rc-fiche[data-vue="campagnes"] .rc-sc-campagne .rc-sc-retirer { display: block; }

  /* La conversation flotte, en bas à droite, réductible à sa tête. */
  .rc-fiche .rc-fiche-vie.rc-fc { position: fixed; right: 20px; bottom: 20px; top: calc(var(--haut) + 140px);
    width: 390px; z-index: 40; border: 1px solid var(--border-strong) !important; border-radius: 16px; background: var(--card);
    box-shadow: 0 20px 50px rgba(0,0,0,.5); overflow: hidden; }
  .rc-fiche .rc-fc-flottant-tete { flex: none; display: flex; align-items: center; gap: 8px; padding: 10px 12px 10px 14px;
    border-bottom: 1px solid var(--border); font-size: var(--text-sm); }
  .rc-fiche .rc-fc-flottant-tete b { flex: 1; font-weight: 500; }
  .rc-fc-flottant-tete svg:last-child { transform: none; }
  .rc-fiche .rc-fc.rc-fc--mini { top: auto; height: auto; }
  .rc-fiche .rc-fc.rc-fc--mini > :not(.rc-fc-flottant-tete) { display: none !important; }
  .rc-fiche .rc-fc.rc-fc--mini .rc-fc-flottant-tete { border-bottom: 0; }
  .rc-fc.rc-fc--mini .rc-fc-flottant-tete [data-fp-reduire] svg { transform: rotate(180deg); }
  .rc-fiche:has(.rc-fc--mini) .rc-fiche-qui { padding-right: 20px; }
  /* Dans la fenêtre flottante, tout se resserre un peu. */
  .rc-fiche .rc-fa { padding: 10px 12px 8px; }
  .rc-fiche .rc-fa-l2 { padding-left: 0; }
  .rc-fiche .rc-fc-fil .rc-fl-defile { padding: 4px 12px 10px; }
  .rc-fiche .rc-fc-fil .rc-fl-filtres { padding: 8px 12px 4px; padding-right: 48px; }
  .rc-fiche .rc-fcb { margin: 0 10px 10px; }
  .rc-fiche .rc-fcb-m:not([aria-current="true"]) span { display: none; }
}
@media (min-width: 900px) {
  .rc-fiche[data-vue="campagnes"] .rc-sc-plus::details-content { display: contents; }
}

/* ── En fenêtre flottante, ce qui est prévu tient sur UNE ligne (21 oct. 2026) ── */
.rc-fa-tout { display: none; position: relative; flex: none; }
.rc-fa-tout > summary { list-style: none; }
.rc-fa-tout > summary::-webkit-details-marker { display: none; }
@media (min-width: 900px) {
  .rc-fiche .rc-fa { flex-direction: row; align-items: center; gap: 8px; padding: 8px 10px; }
  .rc-fiche .rc-fa-l1 { flex: 1; min-width: 0; flex-wrap: nowrap; gap: 8px; }
  .rc-fiche .rc-fa-l2 { display: none; }
  .rc-fiche .rc-fa-tout { display: block; }
  .rc-fiche .rc-fa .rc-fc-ico { width: 26px; height: 26px; border-radius: 8px; }
  .rc-fiche .rc-fa-quoi { flex: 1 1 auto; }
  .rc-fiche .rc-fa-quoi b { font-size: calc(12.5px * var(--rc-echelle-texte)); }
  .rc-fiche .rc-fa-quoi small { font-size: calc(11px * var(--rc-echelle-texte)); }
  .rc-fiche .rc-fa-gestes { margin-left: 0; gap: 4px; }
  .rc-fiche .rc-fa-gestes form { gap: 4px; }
  .rc-fiche .rc-fa-gestes .btn { height: 26px; padding: 0 7px; font-size: calc(11px * var(--rc-echelle-texte)); }
  .rc-fiche .rc-fa-gestes .btn.rc-fa-ico { width: 26px; padding: 0; }
  .rc-fiche .rc-fa-gestes .btn svg { width: 12px; height: 12px; }
  .rc-fiche .rc-fa-tout .rc-fa-puce { height: 26px; padding: 0 8px; font-size: calc(11px * var(--rc-echelle-texte)); }
}
@media (min-width: 900px) {
  /* Flottante : les gestes en icônes, le titre d'abord. */
  .rc-fiche .rc-fa-gestes .btn > span { display: none; }
  .rc-fiche .rc-fa-gestes .btn { width: 26px; padding: 0; justify-content: center; }
  .rc-fiche .rc-fa-gestes .btn.btn-primary { width: auto; padding: 0 8px; }
}

/* ════════════════════════════════════════════════════════════════════════
   LA FICHE DANS UN CADRE (21 octobre 2026) : la conversation flottante d'une
   campagne montre la fiche de la personne, réduite à sa conversation.
   ════════════════════════════════════════════════════════════════════════ */
html[data-cadre] body { background: var(--card); }
html[data-cadre] .rc-haut, html[data-cadre] .rc-rail, html[data-cadre] .rc-entete, html[data-cadre] .rc-nav-basse,
html[data-cadre] .rc-fp-onglets, html[data-cadre] .rc-fiche-qui,
html[data-cadre] .rc-npc-bandeau, html[data-cadre] .rc-installer, html[data-cadre] .rc-ba:not(.rc-ba--cadre),
html[data-cadre] .rc-bulles { display: none !important; }
html[data-cadre] .rc-app { display: block; padding: 0 !important; margin: 0; min-height: 0; }
html[data-cadre] .rc-main, html[data-cadre] .rc-content { margin: 0 !important; padding: 0 !important; max-width: none !important; }
html[data-cadre] .rc-fiche-cadre { height: 100vh !important; min-height: 0; margin: 0; --rc-fiche-haut: 0px; }
html[data-cadre] .rc-fiche-cadre .rc-fiche { grid-template-columns: minmax(0, 1fr) !important; border: 0; border-radius: 0; background: none; }
html[data-cadre] .rc-fiche-vie.rc-fc { position: static !important; width: auto !important; height: 100vh; border: 0 !important;
  border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; }
/* Compacte, comme la fenêtre flottante de la fiche. */
html[data-cadre] .rc-fa { flex-direction: row; align-items: center; gap: 8px; padding: 8px 10px; }
html[data-cadre] .rc-fa-l1 { flex: 1; min-width: 0; flex-wrap: nowrap; gap: 8px; }
html[data-cadre] .rc-fa-l2 { display: none; }
html[data-cadre] .rc-fa-tout { display: block; }
html[data-cadre] .rc-fa .rc-fc-ico { width: 26px; height: 26px; border-radius: 8px; }
html[data-cadre] .rc-fa-quoi b { font-size: calc(12.5px * var(--rc-echelle-texte)); }
html[data-cadre] .rc-fa-quoi small { font-size: calc(11px * var(--rc-echelle-texte)); }
html[data-cadre] .rc-fa-gestes { margin-left: 0; gap: 4px; }
html[data-cadre] .rc-fa-gestes form { gap: 4px; }
html[data-cadre] .rc-fa-gestes .btn { width: 26px; height: 26px; padding: 0; justify-content: center; }
html[data-cadre] .rc-fa-gestes .btn.btn-primary { width: auto; padding: 0 8px; font-size: calc(11px * var(--rc-echelle-texte)); }
html[data-cadre] .rc-fa-gestes .btn > span { display: none; }
html[data-cadre] .rc-fa-gestes .btn svg { width: 12px; height: 12px; }
html[data-cadre] .rc-fa-tout .rc-fa-puce { height: 26px; padding: 0 8px; font-size: calc(11px * var(--rc-echelle-texte)); }
html[data-cadre] .rc-fc-fil .rc-fl-defile { padding: 4px 12px 10px; }
html[data-cadre] .rc-fc-fil .rc-fl-filtres { padding: 8px 12px 4px; padding-right: 48px; }
html[data-cadre] .rc-fcb { margin: 0 10px 10px; }
html[data-cadre] .rc-fcb-m:not([aria-current="true"]) span { display: none; }

/* ════════════════════════════════════════════════════════════════════════
   LA PAGE D'UNE CAMPAGNE (21 octobre 2026) : onglets, synthèse, réglages
   à plat, la conversation de la personne choisie qui flotte.
   ════════════════════════════════════════════════════════════════════════ */
.cp-onglets { margin-top: 6px; }
.cp:not([data-onglet="synthese"]) [data-cp-vue="synthese"], .cp:not([data-onglet="personnes"]) [data-cp-vue="personnes"],
.cp:not([data-onglet="reglages"]) [data-cp-vue="reglages"] { display: none !important; }
.cp-vue { display: block; }
/* Synthèse */
.cp-syn { display: grid !important; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 14px; max-width: 1200px; padding-bottom: 30px; }
.cp:not([data-onglet="synthese"]) .cp-syn { display: none !important; }
.cp-kpis { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.cp-carte { padding: 14px 16px; border-radius: 13px; background: var(--card); border: 1px solid var(--border); min-width: 0; }
.cp-large { grid-column: 1 / -1; }
.cp-kpi { display: flex; flex-direction: column; gap: 2px; }
.cp-kpi b { font-size: calc(26px * var(--rc-echelle-texte)); font-weight: 600; letter-spacing: -.01em; line-height: 1.15; }
.cp-kpi span { font-size: var(--text-xs); color: var(--muted-foreground); }
.cp-kpi small { font-size: calc(11.5px * var(--rc-echelle-texte)); color: var(--disabled-foreground); }
.cp-kpi--alerte b { color: var(--error); }
.cp-titre { display: block; margin-bottom: 10px; font-size: calc(10.5px * var(--rc-echelle-texte)); letter-spacing: .1em; text-transform: uppercase; font-weight: 500; color: var(--disabled-foreground); }
.cp-entonnoir { display: flex; flex-direction: column; gap: 7px; }
.cp-et { display: grid; grid-template-columns: minmax(110px, 160px) 1fr 32px; gap: 10px; align-items: center; font-size: var(--text-sm);
  color: var(--foreground); text-decoration: none; }
.cp-et i { height: 20px; border-radius: 6px; background: var(--muted); overflow: hidden; display: block; }
.cp-et i b { display: block; height: 100%; min-width: 4px; border-radius: 6px; background: rgba(125,211,252,.35); }
.cp-et.sv-role--abouti i b { background: rgba(74,222,128,.45); }
.cp-et.sv-role--clos i b { background: rgba(245,244,240,.15); }
.cp-et.sv-role--depart i b { background: rgba(180,168,255,.30); }
.cp-et em { font-style: normal; text-align: right; color: var(--muted-foreground); }
.cp-et:hover span { color: var(--accent-hi); }
.cp-liste { display: flex; flex-direction: column; }
.cp-li { display: flex; align-items: center; gap: 10px; padding: 8px 6px; border-top: 1px solid var(--border); color: var(--foreground); text-decoration: none; border-radius: 8px; }
.cp-li:first-child { border-top: 0; }
.cp-li:hover, .cp-li.cp-choisi { background: var(--accent-wash); }
.cp-li-t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.cp-li-t b { font-weight: 500; font-size: var(--text-sm); }
.cp-li-t small { display: flex; align-items: center; gap: 5px; font-size: var(--text-xs); color: var(--muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cp-li-q { flex: none; font-size: calc(11.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.cp-li-q--retard { color: var(--error); }
.cp-plus { display: block; padding: 8px 6px 0; font-size: var(--text-xs); color: var(--accent-hi); }
.cp-vide { margin: 0; color: var(--muted-foreground); font-size: var(--text-sm); }
.cp-fil { display: flex; flex-direction: column; gap: 4px; }
.cp-ev { display: grid; grid-template-columns: 26px 1fr auto; gap: 10px; align-items: start; padding: 6px; border-radius: 8px; color: var(--foreground); text-decoration: none; }
.cp-ev:hover { background: var(--accent-wash); }
.cp-ev-ic { width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; background: var(--muted); color: var(--muted-foreground); }
.cp-ev-ic--appel { color: var(--c-appel); } .cp-ev-ic--mail { color: var(--c-mail); } .cp-ev-ic--whatsapp { color: var(--c-wa); }
.cp-ev-ic--sms { color: var(--c-message); } .cp-ev-ic--linkedin { color: var(--c-message); }
.cp-ev b { font-weight: 500; }
.cp-ev small { display: block; color: var(--muted-foreground); font-size: var(--text-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cp-ev time { font-size: calc(11px * var(--rc-echelle-texte)); color: var(--disabled-foreground); white-space: nowrap; }
@media (max-width: 1100px) { .cp-syn { grid-template-columns: minmax(0, 1fr); } .cp-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Réglages, à plat */
.cp-reglages { max-width: 760px; padding: 6px 0 40px; }
.cp-reglages .dialogue-titre { display: none; }
/* Personnes : la ligne choisie, la place pour la conversation */
.sv-ligne.cp-choisi, .sv-carte.cp-choisi { background: var(--accent-wash); box-shadow: inset 3px 0 0 var(--accent); }
/* La conversation flottante */
.cp-flottant { position: fixed; right: 20px; bottom: 20px; top: calc(var(--haut) + 150px); width: 390px; z-index: 40; display: flex; flex-direction: column;
  border-radius: 16px; border: 1px solid var(--border-strong); background: var(--card); box-shadow: 0 20px 50px rgba(0,0,0,.5); overflow: hidden; }
.cp-flottant[hidden] { display: none; }
.cp-flottant-tete { flex: none; display: flex; align-items: center; gap: 8px; padding: 9px 10px 9px 12px; border-bottom: 1px solid var(--border); }
.cp-flottant-tete b { flex: 1; min-width: 0; font-weight: 500; font-size: var(--text-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cp-flottant-fiche { flex: none; font-size: var(--text-xs); color: var(--accent-hi); text-decoration: none; }
.cp-flottant iframe { flex: 1; width: 100%; border: 0; background: var(--card); }
.cp-flottant--mini { top: auto; height: auto; }
.cp-flottant--mini iframe { display: none; }
.cp-flottant--mini [data-cp-f-reduire] svg { transform: rotate(180deg); }
@media (max-width: 899px) { .cp-flottant { display: none !important; } }
html[data-cadre] .rc-fiche-cadre .rc-fiche { display: block !important; }
html[data-cadre] .rc-fiche-vie.rc-fc { width: 100% !important; max-width: 100vw; min-width: 0; overflow: hidden; display: flex !important; flex-direction: column; }
html[data-cadre] .rc-fa, html[data-cadre] .rc-fc-fil, html[data-cadre] .rc-fcb { min-width: 0; max-width: 100%; }
/* La conversation ouverte : la liste prend sa forme compacte (la personne, l’étape, la prochaine action). */
.cp--conv .sv-entete, .cp--conv .sv-ligne { grid-template-columns: 22px minmax(150px, 1fr) 170px minmax(160px, 1.3fr) !important; }
.cp--conv .sv-dernier, .cp--conv .sv-gestes, .cp--conv .sv-entete span:nth-child(5), .cp--conv .sv-entete span:nth-child(6) { display: none !important; }

/* ── Venu de Ma journée : précédente, suivante (21 octobre 2026) ── */
.rc-file { flex: none; display: flex; align-items: center; gap: 10px; margin: 0 0 10px; padding: 7px 10px 7px 12px; border-radius: 11px;
  background: var(--accent-wash); border: 1px solid var(--accent-ring-strong); font-size: var(--text-xs); }
.rc-file[hidden] { display: none; }
.rc-file a { color: var(--foreground); text-decoration: none; }
.rc-file-retour { color: var(--accent-hi) !important; font-weight: 500; }
.rc-file-retour::before { content: "‹ "; }
.rc-file-rang { color: var(--muted-foreground); }
.rc-file-esp { flex: 1; }
.rc-file-pre, .rc-file-suiv { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 10px; border-radius: 8px;
  border: 1px solid var(--border-strong); background: var(--card); max-width: 280px; white-space: nowrap; overflow: hidden; }
.rc-file-pre span, .rc-file-suiv span { overflow: hidden; text-overflow: ellipsis; }
.rc-file-suiv { background: var(--primary); border-color: var(--primary); color: var(--on-primary) !important; font-weight: 500; }
.rc-file-pre:hover { border-color: var(--accent-ring-strong); }
.rc-file-fin { color: var(--muted-foreground); }
html[data-cadre] .rc-file { display: none !important; }
.rc-fiche-cadre > .rc-file { flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; text-align: left; }

/* ── L'activité ouverte dans la barre du bas (21 octobre 2026) ── */
.rc-fa-ici { display: inline-flex; align-items: center; gap: 4px; font-size: var(--text-xs); color: var(--accent-hi); white-space: nowrap; }
.rc-fa-ici svg { transform: rotate(90deg); }

/* ════════════════════════════════════════════════════════════════════════
   LA BULLE DES ÉCHANGES, PARTOUT — ET EN PLEINE PAGE (Tevini, 21 octobre
   2026) : sur chaque onglet de la fiche, la conversation flotte à droite ;
   « Pleine page » l'ouvre sur tout l'écran, l'historique à gauche, l'action
   en cours à droite (trame d'appel, long mail). Échap la rend.
   ════════════════════════════════════════════════════════════════════════ */
.rc-fcb-sep { flex: none; width: 1px; height: 16px; margin: 0 4px; background: var(--border-strong); }
.rc-fc [data-aide] { position: relative; }
@media (hover: hover) {
  .rc-fc [data-aide]:hover::after { content: attr(data-aide); position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%);
    z-index: 6; padding: 4px 8px; border-radius: 7px; border: 1px solid var(--border-strong); background: var(--popover, var(--card));
    color: var(--foreground); font-size: calc(11px * var(--rc-echelle-texte)); font-weight: 400; line-height: 1.3; white-space: nowrap; pointer-events: none;
    box-shadow: 0 6px 18px rgba(0,0,0,.35); }
  .rc-fc .rc-fcb-modes > :first-child:hover::after { left: 0; transform: none; }
  .rc-fc .rc-fcb-modes .rc-fcb-outil:hover::after { left: auto; right: 0; transform: none; }
  .rc-fc .rc-fc-flottant-tete [data-aide]:hover::after { bottom: auto; top: calc(100% + 6px); left: auto; right: 0; transform: none; }
  .rc-fc [aria-current="true"][data-aide]:hover::after { display: none; }
}
.rc-fcb-m svg { flex: none; }
.rc-fcb-m[aria-current="true"] { background: var(--accent-wash); color: var(--accent-hi); }
.rc-fc-flottant-tete .rc-fcb-outil { width: 28px; height: 28px; }
.rc-fc-flottant-tete .rc-fcb-moins { display: none; }
.rc-fc--grand .rc-fc-flottant-tete .rc-fcb-moins { display: grid; }
.rc-fc--grand .rc-fc-flottant-tete .rc-fcb-plus, .rc-fc--grand .rc-fc-reduire { display: none; }

@media (min-width: 900px) {
  .rc-fiche .rc-fiche-vie.rc-fc { width: 410px; top: calc(var(--haut) + 128px); }
  .rc-fiche[data-vue="echanges"] .rc-fiche-panneau { max-width: 900px; }
  .rc-fiche .rc-fcb { padding-bottom: 2px; }
  .rc-fiche .rc-fcb-modes { padding: 5px 5px 0; gap: 1px; }
  .rc-fiche .rc-fcb-m { height: 30px; padding: 0 8px; }

  /* Pleine page. */
  .rc-fiche .rc-fiche-vie.rc-fc.rc-fc--grand { top: calc(var(--haut) + 14px); left: calc(var(--rail) + 18px); right: 18px; bottom: 18px;
    width: auto; z-index: 70; display: grid !important; grid-template-columns: minmax(340px, 5fr) 7fr;
    grid-template-rows: auto auto auto minmax(0, 1fr); box-shadow: 0 0 0 100vmax rgba(0,0,0,.5), 0 30px 80px rgba(0,0,0,.6); }
  .rc-fc--grand > .rc-fc-flottant-tete { grid-column: 1 / -1; grid-row: 1; padding: 12px 14px 12px 18px; font-size: var(--text-md); }
  .rc-fc--grand > .rc-pro-ecarte { grid-column: 1; grid-row: 2; }
  .rc-fc--grand > .rc-fa { grid-column: 1; grid-row: 3; border-right: 1px solid var(--border); }
  .rc-fc--grand > .rc-fc-fil { grid-column: 1; grid-row: 4; height: auto; min-height: 0; border-right: 1px solid var(--border); }
  .rc-fc--grand .rc-fc-fil .rc-fl-filtres { display: flex; }
  .rc-fc--grand .rc-fc-fil .rc-fl-defile { -webkit-mask-image: none; mask-image: none; }
  .rc-fc--grand > .rc-fcb { grid-column: 2; grid-row: 2 / 5; margin: 14px 18px 18px; max-height: none; min-height: 0; }
  .rc-fiche .rc-fc--grand .rc-fcb-m { padding: 0 9px; }
  .rc-fiche .rc-fc--grand .rc-fcb-m { padding: 0 10px; }
  .rc-fc--grand .rc-fcb-zone { padding: 6px 18px 14px; }
  .rc-fc--grand .rc-fcb-zone .rc-ed-zone, .rc-fc--grand .rc-fcb-zone .rc-echange-zone .rc-ed-zone { min-height: 46vh !important; max-height: none; }
  .rc-fc--grand .rc-fc-note textarea { min-height: 40vh; }
  html:has(.rc-fc--grand) { overflow: hidden; }
}

/* Une action ouverte passe devant l'historique : la barre prend la place, le
   fil devient une bande, et le résultat (« Répondu », « Envoyer ») reste
   toujours visible en bas. */
@media (min-width: 900px) {
  .rc-fc:not(.rc-fc--grand):has(.rc-fcb--ouverte) > .rc-fc-fil { flex: 0 0 120px; }
  .rc-fc:not(.rc-fc--grand):has(.rc-fcb--ouverte) .rc-fc-fil .rc-fl-filtres { display: none; }
  .rc-fc:not(.rc-fc--grand):has(.rc-fcb--ouverte) .rc-fc-fil .rc-fl-defile { -webkit-mask-image: linear-gradient(180deg, transparent, #000 45%); mask-image: linear-gradient(180deg, transparent, #000 45%); }
  .rc-fc:not(.rc-fc--grand) .rc-fcb--ouverte { flex: 1 1 auto; max-height: none; min-height: 0; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb--ouverte .rc-fcb-zone .rc-ed-zone { max-height: none; }
}
.rc-fcb-zone .rc-echange-pied { position: sticky !important; bottom: -10px; z-index: 2; background: var(--card) !important;
  margin: 0 -12px -10px; padding: 8px 12px 10px !important; border-top: 1px solid var(--border) !important; }
.rc-fc--grand .rc-fcb-zone .rc-echange-pied { margin: 0 -18px -14px; padding: 10px 18px 14px !important; bottom: -14px; }
/* « En cours » : l'activité est ouverte dans la barre, son résultat s'y donne. */
.rc-fa-ici i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent-hi); box-shadow: 0 0 0 3px var(--accent-wash); }
.rc-fa-ici { gap: 7px; padding: 0 4px; }
/* Le « en grand » de l'éditeur fait doublon avec « Pleine page ». */
.rc-fcb-zone .rc-ed-droite[data-cmd="agrandir"] { display: none; }
@media (min-width: 900px) {
  .rc-fc--grand .rc-fcb-zone .rc-ed-zone, .rc-fc--grand .rc-fcb-zone .rc-echange-zone .rc-ed-zone { min-height: max(46vh, calc(100vh - var(--haut) - 330px)) !important; }
  .rc-fiche .rc-fiche-vie.rc-fc:not(.rc-fc--grand) { top: var(--fc-haut, calc(var(--haut) + 128px)); }
}
/* Le bouton qui ouvre l'activité dans la barre : nommé, à la couleur de son canal. */
.rc-fiche .rc-fa-gestes .btn.rc-fa-faire { width: auto; padding: 0 10px; gap: 6px; font-weight: 500; }
.rc-fiche .rc-fa-gestes .btn.rc-fa-faire > span { display: inline; }
.rc-fa-faire--appel { background: var(--success, #22c55e); border-color: transparent; color: #0b1a10; }
.rc-fa-faire--message, .rc-fa-faire--mail { background: var(--primary); border-color: transparent; color: var(--on-primary); }
@media (min-width: 900px) {
  /* Réduite : il ne reste que sa tête, en bas à droite. */
  .rc-fiche .rc-fiche-vie.rc-fc.rc-fc--mini:not(.rc-fc--grand) { top: auto; height: auto; }
}
/* La flèche de la tête : vers le bas pour réduire, vers le haut pour rouvrir. */
/* Dans la ligne du titre : la même barre, sans cadre, à droite. */
.rc-entete .rc-file.rc-file--haut { margin: 0; padding: 0; border: 0; background: none; gap: 8px; flex-direction: row !important; align-items: center; white-space: nowrap; }
.rc-file--haut .rc-file-esp { display: none; }
.rc-file--haut .rc-file-retour { padding-right: 2px; }
.rc-file--haut .rc-file-pre, .rc-file--haut .rc-file-suiv { height: 30px; max-width: 240px; }
@media (max-width: 1100px) { .rc-file--haut .rc-file-pre span { display: none; } }
@media (min-width: 900px) {
  /* L'action ouverte prend la place qu'il lui faut, pas plus : le fil garde
     le reste (au moins une bande), et son « ⋯ » s'efface. */
  .rc-fc:not(.rc-fc--grand):has(.rc-fcb--ouverte) > .rc-fc-fil { flex: 1 1 120px; min-height: 120px; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb--ouverte { flex: 0 1 auto; }
  .rc-fc:not(.rc-fc--grand):has(.rc-fcb--ouverte) .rc-fc-menu { display: none; }
}

/* ════════════════════════════════════════════════════════════════════════
   EN BULLE, L'ESSENTIEL (Tevini, 21 octobre 2026) : à qui, le texte, le
   bouton qui envoie ou donne le résultat. Modèles, variables, mise en forme,
   réponse attendue et « ⋯ » attendent en pleine page (« Plus d'options »).
   ════════════════════════════════════════════════════════════════════════ */
.rc-fcb-plusop { display: none; }
@media (min-width: 900px) {
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone :is(.rc-echange-outils, .rc-attente-ligne, .rc-v-etat-brouillon, .rc-ed-barre,
    .rc-v-menu, .rc-v-annuler, .rc-echange-ia-dit[hidden], .rc-essai, .rc-echange-listes, .rc-echange-copies-bascules) { display: none !important; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-echange-action { min-height: 0; padding: 4px 0 0; font-size: calc(11.5px * var(--rc-echelle-texte)); }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-echange-corps { padding: 0; gap: 2px; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-echange-zone .rc-ed-zone { min-height: 52px !important; padding: 4px 0 !important; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-echange-pied { border-top: 0 !important; padding: 4px 12px 8px !important; gap: 6px; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-echange-pied .btn { height: 30px; padding: 0 11px; font-size: calc(12.5px * var(--rc-echelle-texte)); }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-echange-pied .btn svg { width: 13px; height: 13px; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-plusop { display: inline-flex; align-items: center; height: 30px; padding: 0 2px; border: 0;
    background: none; color: var(--muted-foreground); font: inherit; font-size: calc(12px * var(--rc-echelle-texte)); cursor: pointer; white-space: nowrap; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-plusop:hover { color: var(--accent-hi); }
}
@media (min-width: 900px) {
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone :is(.rc-echange-gmail, [data-copier-message]) { display: none !important; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-echange-pied { flex-wrap: nowrap; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-v-pied-d { flex-wrap: nowrap; gap: 6px; }
}
/* Un fil court se pose en bas, contre la barre, comme une messagerie ; plus
   de voile en haut maintenant qu'il garde sa place. */
.rc-fc .rc-fl-defile > :first-child { margin-top: auto; }
@media (min-width: 900px) {
  .rc-fc:not(.rc-fc--grand):has(.rc-fcb--ouverte) .rc-fc-fil .rc-fl-defile { -webkit-mask-image: none; mask-image: none; }
}
@media (min-width: 900px) {
  /* Un appel, en bulle : « Pas répondu » et « Répondu » ; les autres issues en pleine page. */

}

/* En bulle, les boutons d'action deviennent des icônes : leur nom paraît au
   survol (Tevini, 21 octobre 2026 : « ça prend de la place »). En pleine
   page, ils reprennent leur nom en toutes lettres. */
@media (min-width: 900px) {
  .rc-fc:not(.rc-fc--grand) .rc-b-txt { display: none; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .btn:has(> .rc-b-txt) { width: 36px; padding: 0 !important; justify-content: center; gap: 0; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .btn:has(> .rc-b-txt) svg { width: 16px; height: 16px; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-v-pied-d [data-aide]:hover::after { left: auto; right: 0; transform: none; }
  .rc-fiche .rc-fa-gestes .btn.rc-fa-faire { width: 30px; padding: 0; }
  .rc-fiche .rc-fa-gestes .btn.rc-fa-faire > span { display: none; }
  .rc-fc .rc-fa-gestes [data-aide]:hover::after { left: auto; right: 0; transform: none; bottom: auto; top: calc(100% + 6px); }
}

/* La bulle ne fait plus glisser le texte sous les boutons (Tevini, 21 octobre
   2026) : c'est le champ qui défile, les boutons restent en dessous, à plat. */
@media (min-width: 900px) {
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone { overflow: visible; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-echange-zone .rc-ed-zone { max-height: max(110px, calc(100vh - var(--fc-haut, 200px) - 360px)) !important;
    overflow-y: auto !important; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-echange-pied { position: static !important; margin: 0 -12px -10px; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-v-autre > summary { width: 36px; padding: 0 !important; justify-content: center; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-v-autre .rc-v-menu-pop { right: 0; left: auto; min-width: 210px; }
}
.rc-v-menu-sep { display: block; height: 1px; margin: 4px 6px; background: var(--border); }
/* Une tâche, en bulle : ce qu'il y a à faire, et « Fait ». La date, le chrono,
   le projet et « Annuler la tâche » attendent en pleine page (« Reporter »
   reste sur la ligne du haut). */
@media (min-width: 900px) {
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone :is(.rc-v-date, .rc-pj-ch, .rc-pj-props, .rc-v-tache-tete, .rc-v-tache-titre,
    .rc-v-pied--colle > details, .rc-v-pied--colle > form:not(.rc-v-pied-d)) { display: none !important; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-v-tache { padding: 0; border: 0; background: none; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-v-tache .rc-ed-zone { min-height: 52px !important; max-height: 30vh; overflow-y: auto; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-v-pied--colle { position: static; justify-content: space-between; padding: 6px 0 2px; background: none; border: 0; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-v-pied--colle::before { content: none; }
}
@media (min-width: 900px) {
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-v-pied--colle { display: flex; flex-direction: row; align-items: center; margin: 0; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-v-pied--colle .rc-v-pied-d { flex: none; width: auto; margin-left: auto; display: flex; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-v-pied--colle .rc-v-pied-d .btn { width: 36px; height: 30px; flex: none; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone :is(.rc-v-manquants) { display: none !important; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-fiche-activite, .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-fiche-activite :is(dialog, .rc-v-corps, .rc-v-tete) { background: none !important; }
}
/* La note rapide : sans barre de défilement tant qu'elle tient, fine sinon ;
   « Entrée » reste sur la première ligne, à droite. */
.rc-fcb .rc-fc-note { align-items: flex-start; }
.rc-fcb .rc-fc-note textarea { overflow-y: hidden; scrollbar-width: thin; scrollbar-color: var(--border-strong) transparent; }
.rc-fcb .rc-fc-note .rc-fc-note-aide { margin-top: 6px; }
@media (min-width: 900px) {
  /* Les boutons du pied restent entiers dans la bulle, au-dessus de son bord. */
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-echange-pied { margin: 0 !important; padding: 8px 0 2px !important; }
}

/* ════════════════════════════════════════════════════════════════════════
   LA RELANCE, UNE DATE SUR LA PERSONNE (Tevini, 21 octobre 2026)
   ════════════════════════════════════════════════════════════════════════ */
.rc-rl { position: relative; flex: none; margin: 0 16px; border-bottom: 1px solid var(--border); }
.rc-rl > summary { list-style: none; display: flex; align-items: center; gap: 8px; padding: 7px 2px; cursor: pointer;
  font-size: var(--text-xs); color: var(--muted-foreground); }
.rc-rl > summary::-webkit-details-marker { display: none; }
.rc-rl > summary b { color: var(--foreground); font-weight: 500; }
.rc-rl > summary > svg:last-child { margin-left: auto; transform: rotate(90deg); opacity: .6; }
.rc-rl[open] > summary > svg:last-child { transform: rotate(-90deg); }
.rc-rl > summary:hover { color: var(--foreground); }
.rc-rl--due > summary, .rc-rl--due > summary b { color: var(--warning, #f5b84a); }
.rc-rl-vide { color: var(--muted-foreground); }
.rc-rl-pop { position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 8; display: flex; flex-direction: column; gap: 8px; padding: 10px; }
.rc-rl-choix { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
.rc-rl-j { height: 30px; padding: 0 11px; border-radius: 8px; border: 1px solid var(--border-strong); background: var(--card);
  color: var(--foreground); font: inherit; font-size: var(--text-xs); cursor: pointer; }
.rc-rl-j:hover { border-color: var(--accent-ring-strong); background: var(--accent-wash); }
.rc-rl-date { display: flex; align-items: center; gap: 6px; margin: 0; }
.rc-rl-date .rc-saisie { height: 30px; min-width: 0; font-size: var(--text-xs); padding: 0 8px; }
.rc-rl-date input[type=date] { flex: 1 1 auto; }
.rc-rl-date input[type=time] { flex: 0 0 92px; }
.rc-rl-non { border: 0; background: none; padding: 0; color: var(--muted-foreground); font: inherit; font-size: var(--text-xs);
  cursor: pointer; text-decoration: none; align-self: flex-start; }
.rc-rl-non:hover { color: var(--foreground); text-decoration: underline; }
.rc-rl-pop form { margin: 0; }
/* Après un échange : la barre demande quand revenir vers la personne. */
.rc-rl-apres { display: flex; flex-direction: column; gap: 9px; padding: 8px 2px 4px; }
.rc-rl-apres p { margin: 0; }
.rc-rl-ok { display: inline-flex; align-items: center; gap: 6px; color: var(--success, #4ade80); font-size: var(--text-xs); font-weight: 500; }
.rc-rl-q { font-size: var(--text-sm); }
.rc-rl-q span { color: var(--muted-foreground); font-size: var(--text-xs); }
.rc-rl-q a { color: var(--accent-hi); }
.rc-fc--grand > .rc-rl { grid-column: 1; }
@media (min-width: 900px) {
  .rc-fiche .rc-fiche-vie.rc-fc.rc-fc--grand { grid-template-rows: auto auto auto auto minmax(0, 1fr); }
  .rc-fc--grand > .rc-rl { grid-column: 1; grid-row: 4; border-right: 1px solid var(--border); margin: 0; padding: 0 16px; }
  .rc-fc--grand > .rc-fc-fil { grid-row: 5; }
  .rc-fc--grand > .rc-fcb { grid-row: 2 / 6; }
}
.rc-rl-pop .rc-rl-j { height: 30px; padding: 0 11px; border-radius: 8px; border: 1px solid var(--border-strong); background: var(--card);
  color: var(--foreground); font-size: var(--text-xs); }
.rc-rl-pop .rc-rl-j:hover { border-color: var(--accent-ring-strong); background: var(--accent-wash); }
.rc-rl-pop .rc-rl-date .btn { height: 30px; }

/* ⚠️ UN LONG TEXTE NE POUSSE PLUS LES BOUTONS HORS DE LA BULLE (Tevini, 21
   octobre 2026) : de la barre au formulaire, chaque étage peut rétrécir ; le
   corps (destinataire et texte) défile, le pied reste en bas, toujours visible. */
@media (min-width: 900px) {
  .rc-fc:not(.rc-fc--grand) .rc-fcb--ouverte { flex: 0 1 auto; min-height: 0; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb--ouverte .rc-fcb-zone { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone > dialog.rc-echange[open],
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-echange-grille,
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-echange-grille > form { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-echange-corps { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; scrollbar-width: thin; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-echange-pied { flex: none; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-echange-zone .rc-ed-zone { max-height: none !important; overflow: visible !important; }
}
/* « Votre message… » commence exactement où écrit le curseur : même marge
   que le texte, dans la bulle comme en pleine page. */
.rc-fcb-zone .rc-echange-zone .rc-ed-zone, .rc-fcb-zone .rc-v-tache .rc-ed-zone { padding: 6px 0 !important; }
.rc-fcb-zone .rc-ed-zone--vide[data-indication]::after { top: 6px; left: 0; right: 0; }
.rc-fc .rc-fcb-zone .rc-echange-zone .rc-ed-zone.rc-ed-zone { padding: 6px 0 !important; }

/* La barre des gestes : des icônes seules, leur nom au survol (Tevini, 21
   octobre 2026 : « ne mets pas le nom à côté, ça prend trop de place »). */
.rc-fiche .rc-fcb-m > span { display: none !important; }
.rc-fiche .rc-fcb-m { width: 32px; padding: 0 !important; justify-content: center; }
/* La relance, dans la barre : l'horloge, un point quand elle est posée. */
.rc-fcb-modes .rc-rl { position: relative; margin: 0; border: 0; flex: none; }
.rc-fcb-modes .rc-rl > summary { list-style: none; }
.rc-fcb-modes .rc-rl > summary > svg:last-child { margin: 0; transform: none; opacity: 1; }
.rc-rl-point { display: none; position: absolute; top: 5px; right: 5px; width: 6px; height: 6px; border-radius: 50%; background: var(--accent-hi); }
.rc-rl--posee .rc-rl-point { display: block; }
.rc-rl--due .rc-rl-point { background: var(--warning, #f5b84a); }
.rc-rl--due > summary { color: var(--warning, #f5b84a); }
.rc-fcb-modes .rc-rl-pop { position: absolute; top: auto; bottom: calc(100% + 6px); left: auto; right: -120px; width: 300px; z-index: 12; }
.rc-rl-titre { margin: 0; font-size: var(--text-xs); color: var(--muted-foreground); }
.rc-rl-titre b { color: var(--foreground); font-weight: 500; }
/* La fenêtre de relance s'ouvre au-dessus de la barre, sur toute sa largeur. */
.rc-fcb { position: relative; }
.rc-fcb-modes .rc-rl { position: static; }
.rc-fcb-modes .rc-rl > summary { position: relative; }
.rc-fcb-modes .rc-rl-pop { left: 6px; right: 6px; width: auto; bottom: calc(100% + 6px); }

/* Partout, bulle comme pleine page : des boutons d'action en icônes, bas
   (Tevini, 21 octobre 2026 : « réduis la hauteur, des icônes partout »). */
.rc-fc .rc-b-txt { display: none !important; }
.rc-fc .rc-fcb-zone .btn:has(> .rc-b-txt), .rc-fc .rc-fcb-zone .rc-v-autre > summary {
  width: 34px; height: 30px; padding: 0 !important; justify-content: center; gap: 0; }
.rc-fc .rc-fcb-zone .rc-echange-pied .btn { height: 30px; }
.rc-fc .rc-fcb-zone .rc-echange-pied .btn svg { width: 15px; height: 15px; }
.rc-fc .rc-fcb-zone .rc-v-points { width: 30px; height: 30px; }
.rc-fc .rc-fcb-zone .rc-echange-pied .rc-v-pied-d [data-aide]:hover::after { left: auto; right: 0; transform: none; }
.rc-fc--grand .rc-fcb-zone .rc-echange-pied { padding: 8px 18px 10px !important; }
/* La pastille de relance, au bout de la barre. */
.rc-rl-pastille { list-style: none; display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 11px 0 8px;
  border-radius: 99px; border: 1px solid var(--border-strong); color: var(--muted-foreground); font-size: calc(11.5px * var(--rc-echelle-texte)); cursor: pointer;
  white-space: nowrap; flex: none; box-sizing: border-box; }
.rc-rl-pastille::-webkit-details-marker { display: none; }
.rc-rl-pastille .rc-rl-dit { font-weight: 500; }
.rc-rl--posee .rc-rl-pastille { color: var(--accent-hi); border-color: var(--accent-ring-strong); background: var(--accent-wash); }
.rc-rl--due .rc-rl-pastille { color: var(--warning, #f5b84a); border-color: color-mix(in srgb, var(--warning, #f5b84a) 45%, transparent);
  background: color-mix(in srgb, var(--warning, #f5b84a) 10%, transparent); }
.rc-rl-pastille:hover { border-color: var(--accent-ring-strong); color: var(--foreground); }
/* En bulle, la barre tient sur une ligne avec la pastille de relance. */
.rc-fc:not(.rc-fc--grand) .rc-fcb-modes { gap: 0; }
.rc-fc:not(.rc-fc--grand) .rc-fcb-m { width: 29px; }
.rc-fc:not(.rc-fc--grand) .rc-fcb-sep { margin: 0 2px; }
.rc-fcb-modes .rc-rl { min-width: 0; flex: 0 1 auto; }
.rc-fcb-modes .rc-rl { flex: none; margin-right: 4px; }
.rc-fcb-modes { padding-right: 8px !important; }

/* ════════════════════════════════════════════════════════════════════════
   UNE TÂCHE SE CRÉE AU MILIEU, COMME UN RENDEZ-VOUS (Tevini, 21 octobre 2026)
   ════════════════════════════════════════════════════════════════════════ */
dialog.rc-modale-tache[open] { position: fixed; inset: 0; margin: auto; z-index: 90; width: min(620px, calc(100vw - 32px));
  height: fit-content; max-height: calc(100dvh - 48px); padding: 0; border: 1px solid var(--border-strong); border-radius: 18px;
  background: var(--card); color: var(--foreground); box-shadow: 0 30px 80px rgba(0,0,0,.6); overflow: hidden;
  display: flex; flex-direction: column; }
dialog.rc-modale-tache::backdrop { background: rgba(5,6,10,.62); }
.rc-modale-tache-tete { flex: none; display: flex; align-items: center; gap: 10px; padding: 16px 18px 12px 24px; border-bottom: 1px solid var(--border); }
.rc-modale-tache-tete h2 { flex: 1; margin: 0; font-size: var(--text-lg); font-weight: 500; }
.rc-modale-tache-corps { flex: 1; min-height: 0; overflow-y: auto; padding: 18px 24px 20px; }
.rc-modale-tache-corps .rc-tache-form { display: flex; flex-direction: column; gap: 12px; margin: 0; }
@media (max-width: 760px) { dialog.rc-modale-tache[open] { width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0; } }
/* Les boutons-icônes : centrés, tous de la même taille, bulle comme pleine page. */
.rc-fc .rc-fcb-zone .rc-echange-pied .btn:has(> .rc-b-txt),
.rc-fc .rc-fcb-zone .rc-echange-pied .rc-v-autre > summary,
.rc-fc .rc-fcb-zone .rc-v-pied-d .btn:has(> .rc-b-txt) { width: 32px !important; height: 32px !important; min-height: 0 !important; padding: 0 !important;
  display: inline-flex; align-items: center; justify-content: center; gap: 0 !important; }
.rc-fc .rc-fcb-zone .btn:has(> .rc-b-txt) > svg, .rc-fc .rc-fcb-zone .rc-v-autre > summary > svg { margin: 0 !important; width: 16px; height: 16px; }
.rc-fc .rc-fcb-zone .rc-echange-pied .rc-v-points { width: 32px; height: 32px; }
/* La relance : une petite fenêtre au milieu. */
dialog.rc-modale-relance[open] { width: min(460px, calc(100vw - 32px)); }
.rc-modale-relance .rc-modale-tache-corps { display: flex; flex-direction: column; gap: 12px; padding: 18px 22px 22px; }
.rc-modale-relance .rc-rl-j { height: 34px; padding: 0 14px; font-size: var(--text-sm); }
.rc-modale-relance .rc-rl-date .rc-saisie { height: 34px; font-size: var(--text-sm); }
.rc-modale-relance .rc-rl-date .btn { height: 34px; }
.rc-rl-pastille { font: inherit; font-size: calc(11.5px * var(--rc-echelle-texte)); background: none; }
.rc-rl-pastille.rc-rl--posee { background: var(--accent-wash); }
.rc-rl-pastille.rc-rl--posee { color: var(--accent-hi); border-color: var(--accent-ring-strong); background: var(--accent-wash); }
.rc-rl-pastille.rc-rl--due { color: var(--warning, #f5b84a); border-color: color-mix(in srgb, var(--warning, #f5b84a) 45%, transparent);
  background: color-mix(in srgb, var(--warning, #f5b84a) 10%, transparent); }
.rc-modale-relance .rc-rl-j { border-radius: 9px; border: 1px solid var(--border-strong); background: var(--card); color: var(--foreground); cursor: pointer; }
.rc-modale-relance .rc-rl-j:hover { border-color: var(--accent-ring-strong); background: var(--accent-wash); }
.rc-modale-relance .rc-rl-choix { gap: 8px; }
.rc-modale-relance .rc-rl-date { gap: 8px; }
.rc-modale-relance .rc-rl-non { margin-top: 2px; }
/* Les onglets de la fiche, dans le bloc sous la personne (21 octobre 2026). */
.rc-fiche-qui > .rc-fp-onglets { margin: 2px 0 14px; padding: 0; }
@media (min-width: 900px) {
  /* Les anciens onglets internes (Informations · Relations · Documents) font
     doublon avec ceux du dessus : la vue « Synthèse » montre les informations. */
  .rc-fiche .rc-fiche-onglets { display: none !important; }
}
/* Ajouter un canal (21 octobre 2026). */
.rc-fc-pop-titre { margin: 6px 8px 2px; font-size: calc(11px * var(--rc-echelle-texte)); text-transform: uppercase; letter-spacing: .05em; color: var(--muted-foreground); }
.rc-fc-pop-ajout { color: var(--muted-foreground) !important; }
.rc-v-ajout-vers { flex: 1 1 auto; min-width: 0; height: 28px; font-size: var(--text-xs); }
.rc-echange-action:has(.rc-v-ajout-vers) .btn { height: 28px; }
.rc-fc .rc-fcb-zone .rc-echange-action .rc-v-ajout-ok { width: 28px !important; height: 28px !important; min-height: 0 !important; padding: 0 !important;
  flex: none; display: inline-flex; align-items: center; justify-content: center; }
.rc-fc .rc-fcb-zone .rc-echange-action .rc-v-ajout-ok > svg { margin: 0 !important; }
.rc-fc .rc-fcb-zone .rc-echange-action .rc-v-ajout-ok[data-aide]:hover::after { left: auto; right: 0; transform: none; }

/* ════ L'IA de ReachCircles dans la barre d'écriture (21 octobre 2026) ════ */
.rc-v-ia { position: relative; flex: none; }
.rc-v-ia > summary { list-style: none; }
.rc-v-ia > summary::-webkit-details-marker { display: none; }
.rc-fc .rc-fcb-zone .rc-echange-pied .rc-v-ia > summary { width: 32px !important; height: 32px !important; min-height: 0 !important;
  padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; color: var(--accent-hi); }
.rc-fc .rc-fcb-zone .rc-v-ia > summary > svg { margin: 0 !important; }
.rc-v-ia[open] > summary { border-color: var(--accent-ring-strong); background: var(--accent-wash); }
.rc-v-ia-pop { position: absolute; bottom: calc(100% + 8px); left: 0; z-index: 12; width: min(340px, 80vw); display: flex; flex-direction: column;
  gap: 8px; padding: 10px; border-radius: 12px; border: 1px solid var(--border-strong); background: var(--card); box-shadow: 0 16px 40px rgba(0,0,0,.45); }
.rc-v-ia-pop textarea { width: 100%; min-height: 64px; resize: vertical; font-size: var(--text-xs); }
.rc-v-ia-gestes { display: flex; gap: 6px; flex-wrap: wrap; }
.rc-fc .rc-fcb-zone .rc-v-ia-gestes .btn { height: 30px; width: auto !important; padding: 0 10px !important; gap: 5px; }
.rc-v-ia-etat { margin: 0; }
.rc-fc .rc-fcb-zone .rc-echange-pied .rc-v-ia [data-aide]:hover::after { left: 0; right: auto; transform: none; }
@media (min-width: 900px) { .rc-fc:not(.rc-fc--grand) .rc-fcb--ouverte .rc-fcb-zone { overflow: visible; } }
/* La fenêtre de l'IA s'ouvre AU BOUTON, juste au-dessus (Tevini, 22 octobre 2026). */
.rc-v-ia { position: relative; }
.rc-v-ia-pop { left: 0; right: auto; bottom: calc(100% + 8px); width: min(270px, calc(100vw - 140px)); }
/* En pleine page aussi, le corps défile et le pied reste dessous, à plat :
   rien (trame, variables, outils) ne passe sous les boutons (22 octobre 2026). */
@media (min-width: 900px) {
  .rc-fc--grand .rc-fcb--ouverte .rc-fcb-zone { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; overflow: visible; padding-bottom: 10px; }
  .rc-fc--grand .rc-fcb-zone > dialog.rc-echange[open],
  .rc-fc--grand .rc-fcb-zone .rc-echange-grille,
  .rc-fc--grand .rc-fcb-zone .rc-echange-grille > form { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
  .rc-fc--grand .rc-fcb-zone .rc-echange-corps { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; scrollbar-width: thin; }
  .rc-fc--grand .rc-fcb-zone .rc-echange-pied { position: static !important; flex: none; margin: 0 !important; padding: 10px 0 0 !important; }
  .rc-fc--grand .rc-fcb-zone .rc-echange-zone .rc-ed-zone { min-height: 220px !important; }
}

/* ════ Le détail d'un rendez-vous, option A « compacte » (22 octobre 2026) ════ */
.rc-r-tete-c { flex: none; display: flex; align-items: center; gap: 12px; padding: 16px 16px 14px 22px; border-bottom: 1px solid var(--border); }
.rc-r-tete-ico { width: 36px; height: 36px; flex: none; display: grid; place-items: center; border-radius: 11px;
  background: var(--accent-wash); border: 1px solid var(--accent-ring-strong); color: var(--accent-hi); }
.rc-r-tete-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.rc-r-tete-txt b { font-size: var(--text-md); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-r-tete-txt small { color: var(--muted-foreground); font-size: var(--text-xs); }
.rc-r-issue { position: relative; flex: none; }
.rc-r-issue > summary { list-style: none; cursor: pointer; }
.rc-r-issue > summary::-webkit-details-marker { display: none; }
.rc-r-issue-pop { position: absolute; right: 0; top: calc(100% + 6px); z-index: 5; min-width: 200px; display: flex; flex-direction: column; padding: 6px;
  border-radius: 11px; border: 1px solid var(--border-strong); background: var(--card); box-shadow: 0 16px 40px rgba(0,0,0,.45); }
.rc-r-issue-pop button, .rc-r-issue-pop a { display: block; text-align: left; padding: 8px 10px; border: 0; border-radius: 8px; background: none;
  color: var(--foreground); font: inherit; font-size: var(--text-sm); cursor: pointer; text-decoration: none; }
.rc-r-issue-pop button:hover, .rc-r-issue-pop a:hover { background: var(--muted); }
.rc-r-issue-pop [aria-current="true"] { color: var(--success, #4ade80); }
.rc-r-compacte { gap: 14px; padding-top: 14px; }
.rc-r-qui-c { display: flex; flex-wrap: wrap; gap: 6px; }
.rc-r-qui-c .rc-r-qui-p { display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 11px 0 4px; border-radius: 99px;
  border: 1px solid var(--border-strong); color: var(--foreground); text-decoration: none; font-size: var(--text-xs); }
.rc-r-qui-c .rc-r-qui-p:hover { border-color: var(--accent-ring-strong); }
.rc-r-qui-c .rc-pastille { width: 22px; height: 22px; font-size: calc(9.5px * var(--rc-echelle-texte)); }
.rc-r-compacte .rc-r-carte { padding: 10px 14px; }
.rc-r-compacte .rc-r-carte:not(:has(.rc-r-infos > *)) { display: none; }

/* ════════════════════════════════════════════════════════════════════════
   MODIFIER UNE RÉUNION (22 octobre 2026) : une seule colonne, le titre en
   en-tête, une ligne par sujet sous son icône — comme un agenda.
   ════════════════════════════════════════════════════════════════════════ */
@media (min-width: 761px) { html dialog#rc-fenetre-reunion.rc-r-modif[open] { width: min(620px, calc(100vw - 32px)); } }
#rc-fenetre-reunion.rc-r-modif .rc-fenetre-tete { display: flex; align-items: center; gap: 12px; padding: 16px 18px 14px 20px; }
.rc-r-modif .rc-r-tete-ico { flex: none; width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center;
  background: var(--accent-wash); color: var(--accent-hi); }
.rc-r-modif .rc-r-titre-tete { flex: 1; min-width: 0; font: inherit; font-size: calc(18px * var(--rc-echelle-texte)); font-weight: 600; color: var(--foreground);
  background: transparent; border: 1px solid transparent; border-radius: 8px; padding: 6px 8px; margin-left: -8px; }
.rc-r-modif .rc-r-titre-tete:hover { border-color: var(--border); }
.rc-r-modif .rc-r-titre-tete:focus { outline: none; border-color: var(--accent-ring-strong); background: var(--muted); }
#rc-fenetre-reunion.rc-r-modif .rc-r-champs { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 4px 20px 14px; }
.rc-r-modif .rc-r-etiq:not(.rc-r-carnet .rc-r-etiq) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rc-r-modif .rc-r-champ, .rc-r-modif .rc-r-ligne { display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 10px;
  align-items: start; padding: 8px 0; border-bottom: 1px solid var(--border); }
.rc-r-modif .rc-r-champs > :last-child { border-bottom: 0; }
.rc-r-modif .rc-r-champ > :not(.rc-r-ico):not(.rc-r-etiq) { grid-column: 2; }
.rc-r-modif .rc-r-ico { grid-column: 1; grid-row: 1; height: 38px; display: grid; place-items: center; color: var(--muted-foreground); }
.rc-r-modif .rc-r-ligne { grid-template-columns: 28px auto 110px 110px; justify-content: start; align-items: center; }
.rc-r-modif .rc-r-ligne .rc-saisie { width: 100%; white-space: nowrap; }
.rc-r-modif .rc-r-quand-jour .rc-saisie { min-width: 200px; }
.rc-r-modif .rc-r-champ .rc-saisie, .rc-r-modif .rc-r-ligne .rc-saisie, .rc-r-modif .rc-r-personnes {
  background: transparent; border-color: transparent; }
.rc-r-modif .rc-r-champ .rc-saisie:hover, .rc-r-modif .rc-r-ligne .rc-saisie:hover, .rc-r-modif .rc-r-personnes:hover { border-color: var(--border); }
.rc-r-modif .rc-r-champ .rc-saisie:focus, .rc-r-modif .rc-r-ligne .rc-saisie:focus { border-color: var(--accent-ring-strong); background: var(--muted); }
.rc-r-modif .rc-r-personnes { padding: 2px 0; }
.rc-r-modif .ed-zone, .rc-r-modif .rc-ed { margin-top: 2px; }
#rc-fenetre-reunion.rc-r-modif .rc-r-pied { padding: 12px 20px; }
@media (max-width: 760px) {
  .rc-r-modif .rc-r-ligne { grid-template-columns: 28px 1fr 1fr; row-gap: 6px; }
  .rc-r-modif .rc-r-quand-jour { grid-column: 2 / -1; }
  .rc-r-modif .rc-r-quand-heure { grid-column: 2; }
  .rc-r-modif .rc-r-quand-jour .rc-saisie { min-width: 0; }
}
#rc-fenetre-reunion.rc-r-modif .rc-r-pied .btn { height: 38px; min-height: 38px !important; padding-block: 0; display: inline-flex; align-items: center; }
.rc-r-modif .rc-r-champ > *, .rc-r-modif .rc-r-ligne > * { min-width: 0; }
.rc-r-modif .rc-r-puces { min-width: 0; max-width: 100%; }
.rc-r-modif .rc-r-puce { max-width: 100%; min-width: 0; overflow: hidden; }
.rc-r-modif .rc-r-puce small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Au téléphone, la bande « à venir » ne pousse plus la page : la fiche tient
   dans l'écran, « Rejoindre » se réduit à son icône. */
@media (max-width: 760px) {
  .rc-fiche-vie.rc-fc, .rc-fa, .rc-fa-l1 { min-width: 0; max-width: 100%; }
  .rc-fa-gestes .rc-fc-rdv-visio span { display: none; }
  .rc-fa-gestes .rc-fc-rdv-visio { width: 30px; padding: 0; justify-content: center; }
}
@media (max-width: 760px) {
  .rc-fcb-modes { flex-wrap: wrap; row-gap: 6px; min-width: 0; }
}
/* La mise en forme, la trame et les variables restent TOUJOURS sous les yeux
   (Tevini, 22 octobre 2026) : seul le texte défile, au-dessus d'elles. */
@media (min-width: 900px) {
  .rc-fc--grand .rc-fcb-zone .rc-echange-corps > .rc-v-carte,
  .rc-fc--grand .rc-fcb-zone .rc-echange-zone,
  .rc-fc--grand .rc-fcb-zone .rc-echange-zone > .rc-ed { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
  .rc-fc--grand .rc-fcb-zone .rc-echange-zone .rc-ed-zone { flex: 1 1 auto; min-height: 120px !important; max-height: none !important;
    overflow-y: auto !important; scrollbar-width: thin; }
  .rc-fc--grand .rc-fcb-zone .rc-echange-corps > :not(.rc-v-carte),
  .rc-fc--grand .rc-fcb-zone .rc-ed-barre,
  .rc-fc--grand .rc-fcb-zone .rc-echange-outils { flex: none; }
}
@media (min-width: 900px) {
  .rc-fc--grand .rc-fcb-zone .rc-echange-zone .rc-ed-barre { border-top: 1px solid var(--border); padding-top: 6px; }
}

/* ════ « Réduire » les échanges (Tevini, 22 octobre 2026) : la bulle se range
   dans un bouton en bas à droite, la fiche prend toute la largeur. ════ */
.rc-fc-rouvrir, .rc-fc-rouvrir-zone { display: none; }
@media (min-width: 900px) {
  html.rc-fc-reduite .rc-fiche .rc-fiche-vie.rc-fc { display: none !important; }
  html.rc-fc-reduite .rc-fiche .rc-fiche-qui { padding-right: 24px !important; }
  html.rc-fc-reduite .rc-fiche:not([data-vue="echanges"]) .rc-fiche-panneau { max-width: none; }
  html.rc-fc-reduite .rc-fc-rouvrir-zone { position: fixed; right: 20px; bottom: 20px; z-index: 40; display: flex; align-items: center; gap: 10px; }
  html.rc-fc-reduite .rc-fc-rouvrir-zone .rc-rl-pastille { height: 44px; padding: 0 16px 0 13px; font-size: calc(13.5px * var(--rc-echelle-texte)); box-shadow: 0 12px 30px rgba(0,0,0,.45);
    background: var(--card); }
  html.rc-fc-reduite .rc-fc-rouvrir-zone .rc-rl-pastille.rc-rl--posee { background: color-mix(in srgb, var(--accent-hi) 12%, var(--card)); }
  .rc-fc--grand .rc-fc-reduire { display: none; }
}
/* Dans la tête des échanges, avant « Réduire » et « Pleine page ». */
.rc-fc-flottant-tete .rc-rl-pastille { margin-left: auto; height: 28px; font-size: calc(12px * var(--rc-echelle-texte)); padding: 0 11px 0 9px; }
.rc-fc-flottant-tete .rc-rl-pastille + .rc-fc-reduire { margin-left: 4px; }
.rc-fiche-etats { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
@media (min-width: 900px) {
  html.rc-fc-reduite .rc-fiche .rc-fiche-panneau { max-width: none !important; }
  html.rc-fc-reduite .rc-fiche .rc-infos, html.rc-fc-reduite .rc-fiche .rc-infos-bloc { max-width: none; }
}
.rc-fc-reduire-ico { display: grid; place-items: center; width: 16px; height: 16px; }
.rc-fc-reduire-ico svg { width: 16px !important; height: 16px !important; flex: none; }
.rc-fc-flottant-tete > b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-fc-flottant-tete .rc-rl-pastille { flex: none; }
.rc-fc-flottant-tete .rc-rl-mot { display: none; }

/* ════ Plusieurs relances (Tevini, 22 octobre 2026) : la liste, puis « Ajouter ». ════ */
.rc-modale-relance { width: min(560px, calc(100vw - 32px)); }
.rc-rl-plus { font-style: normal; font-size: calc(10.5px * var(--rc-echelle-texte)); font-weight: 600; margin-left: 2px; padding: 1px 6px; border-radius: 99px;
  background: var(--accent-wash); color: var(--accent-hi); }
.rc-rl-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.rc-rl-groupe { margin: 8px 0 0; font-size: calc(10.5px * var(--rc-echelle-texte)); letter-spacing: .08em; text-transform: uppercase; color: var(--disabled-foreground); }
.rc-rl-groupe:first-child { margin-top: 0; }
.rc-rl-ligne { display: flex; align-items: flex-start; gap: 6px; }
.rc-rl-edit { flex: 1; min-width: 0; border: 1px solid var(--border); border-radius: 10px; background: var(--muted); }
.rc-rl-edit[open] { border-color: var(--accent-ring-strong); }
.rc-rl-resume { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-height: 40px; padding: 8px 10px; cursor: pointer; position: relative; padding-right: 28px; }
.rc-rl-resume::-webkit-details-marker { display: none; }
.rc-rl-quand { flex: none; display: inline-flex; align-items: center; gap: 6px; font-size: calc(13px * var(--rc-echelle-texte)); font-weight: 500; color: var(--accent-hi); }
.rc-rl--due .rc-rl-quand { color: var(--warning, #f5b84a); }
.rc-rl-motif { flex: 1 1 100%; min-width: 0; font-size: calc(13.5px * var(--rc-echelle-texte)); color: var(--foreground); overflow-wrap: anywhere; line-height: 1.35; }
.rc-rl-pour { flex: none; font-size: calc(11.5px * var(--rc-echelle-texte)); padding: 2px 8px; border-radius: 99px; border: 1px solid var(--border-strong); color: var(--muted-foreground); }
.rc-rl-crayon { flex: none; color: var(--disabled-foreground); opacity: 0; transition: opacity .12s; }
.rc-rl-resume:hover .rc-rl-crayon, .rc-rl-edit[open] .rc-rl-crayon { opacity: 1; }
.rc-rl-fait-form { margin: 0; }
.rc-rl-fait { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; border: 1px solid var(--border);
  background: none; color: var(--muted-foreground); cursor: pointer; }
.rc-rl-fait:hover { color: var(--success, #4ade80); border-color: color-mix(in srgb, var(--success, #4ade80) 50%, transparent);
  background: color-mix(in srgb, var(--success, #4ade80) 10%, transparent); }
.rc-rl-form { display: flex; flex-direction: column; gap: 8px; padding: 4px 10px 10px; margin: 0; }
.rc-rl-form > .btn { align-self: flex-end; }
.rc-rl-quand-champs { display: grid; grid-template-columns: 1fr 120px; gap: 8px; }
.rc-rl-form .rc-saisie { height: 34px; font-size: var(--text-sm); }
.rc-rl-pour-champ { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px; margin: 0; font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.rc-rl-ajout { border-top: 1px solid var(--border); padding-top: 10px; }
.rc-rl-liste:empty + .rc-rl-ajout, .rc-modale-tache-corps > .rc-rl-ajout:first-child { border-top: 0; padding-top: 0; }
.rc-rl-ajout-btn { list-style: none; display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 4px; cursor: pointer;
  font-size: calc(13px * var(--rc-echelle-texte)); color: var(--accent-hi); }
.rc-rl-ajout-btn::-webkit-details-marker { display: none; }
.rc-rl-ajout[open] > .rc-rl-ajout-btn { color: var(--muted-foreground); }
.rc-rl-form--ajout { padding: 6px 0 0; }
.rc-rl-vite { display: flex; flex-wrap: wrap; gap: 6px; }
.rc-modale-relance .rc-rl-vite .rc-rl-j { height: 30px; padding: 0 12px; font-size: calc(12.5px * var(--rc-echelle-texte)); }
.rc-rl-j--vu { border-color: var(--accent-ring-strong) !important; background: var(--accent-wash) !important; color: var(--accent-hi) !important; }
/* Les chiffres de Ma journée tiennent sur UNE ligne, quel que soit leur nombre
   (« Confiées » s'y ajoute quand il y en a, 22 octobre 2026). */
@media (min-width: 761px) {
  .mj-kpis { grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
}
/* Décaler une relance (22 octobre 2026) : l'horloge, puis une rangée de choix
   sous la ligne, sur toute sa largeur. */
.rc-rl-ligne { flex-wrap: wrap; }
.rc-rl-decale[aria-expanded="true"] { color: var(--accent-hi); border-color: var(--accent-ring-strong); background: var(--accent-wash); }
.rc-rl-decale:hover { color: var(--accent-hi) !important; border-color: var(--accent-ring-strong) !important; background: var(--accent-wash) !important; }
.rc-rl-decaler { flex: 1 0 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 2px 0 6px; padding: 10px;
  border: 1px dashed var(--accent-ring-strong); border-radius: 10px; }
.rc-rl-decaler[hidden] { display: none; }
.rc-rl-decaler-titre { font-size: calc(12px * var(--rc-echelle-texte)); color: var(--muted-foreground); margin-right: 2px; }
.rc-modale-relance .rc-rl-decaler .rc-rl-j { height: 30px; padding: 0 11px; font-size: calc(12.5px * var(--rc-echelle-texte)); }
.rc-rl-decaler-date { margin: 0 0 0 auto; }
.rc-rl-decaler-date .rc-saisie { height: 30px; font-size: calc(12.5px * var(--rc-echelle-texte)); width: 170px; }
.rc-rl-decaler .rc-rl-j small { margin-left: 6px; font-size: calc(11px * var(--rc-echelle-texte)); color: var(--muted-foreground); font-weight: 400; }
/* « Qui s'en charge » : des pastilles au lieu d'une liste du système (22 octobre 2026). */
.rc-rl-qui { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; padding: 0; border: 0; min-width: 0; }
.rc-rl-qui legend { float: left; margin-right: 6px; padding: 0; font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.rc-rl-qui-p { position: relative; margin: 0; cursor: pointer; }
.rc-rl-qui-p input { position: absolute; opacity: 0; pointer-events: none; }
.rc-rl-qui-p span { display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 12px; border-radius: 99px;
  border: 1px solid var(--border-strong); font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); transition: background .12s, color .12s; }
.rc-rl-qui-p:hover span { color: var(--foreground); border-color: var(--accent-ring-strong); }
.rc-rl-qui-p input:checked + span { color: var(--accent-hi); border-color: var(--accent-ring-strong); background: var(--accent-wash); font-weight: 500; }
.rc-rl-qui-p input:focus-visible + span { outline: 2px solid var(--accent-ring-strong); outline-offset: 2px; }
.rc-rl-qui-p--autre span { border-style: dashed; }
.rc-rl-autre { display: none; flex: 1 1 140px; height: 30px !important; }
.rc-rl-qui:has(input[value="__autre"]:checked) .rc-rl-autre { display: block; }

/* ════════════════════════════════════════════════════════════════════════
   UNE TÂCHE S'OUVRE COMME UNE CONVERSATION (Tevini, 22 octobre 2026,
   maquette `tache-options.html`, option B) : la même bulle que les échanges,
   flottante à droite ; le fil de la tâche au milieu ; en bas, le commentaire
   et la barre d'icônes.
   ════════════════════════════════════════════════════════════════════════ */
@media (min-width: 900px) {
  html dialog.rc-volet.rc-tb[open] { inset: calc(var(--haut) + 14px) 20px 20px auto; width: 420px; border-radius: 16px;
    border: 1px solid var(--border-strong); box-shadow: 0 24px 60px rgba(0,0,0,.55); }
}
.rc-tb-tete { flex: none; display: flex; align-items: center; gap: 10px; padding: 12px 10px 12px 16px; border-bottom: 1px solid var(--border); }
.rc-tb-ico { flex: none; width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center;
  background: var(--accent-wash); color: var(--accent-hi); border: 1px solid var(--accent-ring-strong); }
.rc-tb-t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.rc-tb-t b { font-size: calc(14px * var(--rc-echelle-texte)); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-tb-t small { display: flex; align-items: center; gap: 6px; font-size: calc(12px * var(--rc-echelle-texte)); color: var(--muted-foreground); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rc-tb-point { width: 7px; height: 7px; border-radius: 50%; background: var(--c, var(--accent-hi)); flex: none; }
.rc-tb-ech { flex: none; display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border-radius: 99px;
  border: 1px solid var(--border-strong); font-size: calc(12px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.rc-tb-ech--retard { color: #F87171; border-color: rgba(248,113,113,.35); background: rgba(248,113,113,.07); }
.rc-tb-corps { flex: 1; min-height: 0; overflow-y: auto; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; scrollbar-width: thin; }
.rc-tb-desc { margin: 0; }
.rc-tb-reglages { border: 1px solid var(--border); border-radius: 10px; }
.rc-tb-reglages > summary { list-style: none; display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 12px; cursor: pointer;
  font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.rc-tb-reglages > summary::-webkit-details-marker { display: none; }
.rc-tb-reglages > summary span { flex: none; color: var(--foreground); }
.rc-tb-reglages > summary em { flex: 1; min-width: 0; font-style: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; }
.rc-tb-reglages[open] > summary svg:last-child { transform: rotate(180deg); }
.rc-tb-reglages .rc-pj-props { padding: 0 12px 10px; }
.rc-tb-eyebrow { margin: 6px 0 0; font-size: calc(10.5px * var(--rc-echelle-texte)); letter-spacing: .1em; text-transform: uppercase; color: var(--disabled-foreground); text-align: center; }
.rc-tb-fil { display: flex; flex-direction: column; gap: 8px; }
.rc-tb-evt { align-self: center; display: inline-flex; align-items: center; gap: 7px; margin: 0; padding: 5px 12px; border-radius: 99px;
  border: 1px solid var(--border); color: var(--muted-foreground); font-size: calc(12px * var(--rc-echelle-texte)); }
.rc-tb-evt b { color: var(--foreground); font-weight: 500; }
.rc-tb-com { align-self: flex-end; max-width: 85%; padding: 9px 12px 6px; border-radius: 12px 12px 4px 12px;
  background: var(--accent-wash); border: 1px solid var(--accent-ring-strong); }
.rc-tb-com p { margin: 0; font-size: calc(13px * var(--rc-echelle-texte)); white-space: pre-wrap; overflow-wrap: anywhere; }
.rc-tb-com-pied { display: flex; justify-content: flex-end; align-items: center; gap: 6px; margin-top: 3px; font-size: calc(11px * var(--rc-echelle-texte)); color: var(--disabled-foreground); }
.rc-tb-com-pied form { margin: 0; }
.rc-tb-com-pied button { border: 0; background: none; color: inherit; cursor: pointer; font-size: calc(14px * var(--rc-echelle-texte)); line-height: 1; padding: 0 2px; opacity: 0; }
.rc-tb-com:hover .rc-tb-com-pied button { opacity: 1; }
.rc-tb-barre { flex: none; border-top: 1px solid var(--border); padding: 8px 12px 12px; display: flex; flex-direction: column; gap: 8px; }
.rc-tb-ecrire { position: relative; margin: 0; }
.rc-tb-ecrire textarea { width: 100%; min-height: 38px; max-height: 140px; resize: none; padding: 9px 60px 9px 12px; border-radius: 10px;
  border: 1px solid var(--border); background: var(--muted); color: var(--foreground); font: inherit; font-size: calc(13px * var(--rc-echelle-texte)); line-height: 1.45; }
.rc-tb-ecrire textarea:focus { outline: none; border-color: var(--accent-ring-strong); }
.rc-tb-ecrire .rc-fc-note-aide { position: absolute; right: 10px; top: 9px; }
.rc-tb-actions { display: flex; align-items: center; gap: 6px; }
.rc-tb-actions form, .rc-tb-actions details { margin: 0; }
.rc-tb-esp { flex: 1; }
.rc-tb-chrono { display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 12px; border-radius: 10px;
  border: 1px solid var(--border-strong); background: none; color: var(--foreground); font: inherit; font-size: calc(13px * var(--rc-echelle-texte)); cursor: pointer; font-variant-numeric: tabular-nums; }
.rc-tb-chrono b { font-weight: 600; }
.rc-tb-chrono:hover { border-color: var(--accent-ring-strong); }
.rc-tb-chrono--marche { color: var(--accent-hi); border-color: var(--accent-ring-strong); background: var(--accent-wash); }
.rc-tb-ib { list-style: none; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; border: 1px solid var(--border-strong);
  background: none; color: var(--muted-foreground); cursor: pointer; }
.rc-tb-ib::-webkit-details-marker { display: none; }
.rc-tb-ib:hover { color: var(--foreground); border-color: var(--accent-ring-strong); }
.rc-tb-ib--reporter { color: #FBBF24; border-color: rgba(251,191,36,.4); }
.rc-tb-ib--fait { background: #4ADE80; border-color: #4ADE80; color: #0A0B10; }
.rc-tb-ib--fait:hover { color: #0A0B10; filter: brightness(1.08); }
.rc-tb-actions .rc-tb-pop { right: 0; left: auto; min-width: 230px; }
/* La tâche d'une personne, dans sa bulle : sa carte repliable, puis la barre. */
.rc-tc { margin: 0 0 8px; border: 1px solid var(--accent-ring-strong); border-radius: 12px; background: var(--accent-wash); }
.rc-tc-tete { list-style: none; display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 6px 10px; cursor: pointer; }
.rc-tc-tete::-webkit-details-marker { display: none; }
.rc-tc-ico { width: 26px !important; height: 26px !important; border-radius: 8px !important; }
.rc-tc-titre { flex: 1; min-width: 0; font-size: calc(13.5px * var(--rc-echelle-texte)); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-tc-chev { flex: none; color: var(--muted-foreground); display: grid; place-items: center; transition: transform .15s; }
.rc-tc[open] .rc-tc-chev { transform: rotate(90deg); }
.rc-tc-corps { margin: 0 10px 10px !important; background: var(--muted) !important; position: relative; }
.rc-tc-corps .rc-enregistre { position: absolute; right: 10px; top: 6px; }
.rc-tc-reglages { margin: 0 10px 10px; background: var(--card); }
.rc-tc-barre { padding: 0 0 2px !important; border-top: 0 !important; }
.rc-fiche-activite .rc-tc-barre .rc-fcb-plusop { display: block; width: 100%; height: auto; padding: 8px 12px; text-align: left; font-size: calc(13px * var(--rc-echelle-texte)); color: var(--foreground); }
/* Repliée : une ligne, épinglée au-dessus du message qu'on écrit. */
.rc-tc-pli { display: flex; align-items: center; gap: 8px; min-height: 38px; margin: 0 0 8px; padding: 4px 10px; border-radius: 10px;
  border: 1px dashed var(--accent-ring-strong); background: var(--accent-wash); color: var(--foreground); text-decoration: none; }
.rc-tc-pli b { flex: 1; min-width: 0; font-size: calc(13px * var(--rc-echelle-texte)); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-tc-pli .rc-tb-ech { height: 22px; font-size: calc(11.5px * var(--rc-echelle-texte)); }
.rc-tc-pli:hover { border-style: solid; }
/* Un commentaire de tâche, dans le fil de la personne. */
.rc-fl-com { border-style: dashed !important; }
.rc-fl-com .rc-fl-canal { display: inline-flex; align-items: center; gap: 5px; }
.rc-fl-com p { margin: 2px 0 0; white-space: pre-wrap; }
/* En bulle aussi, la tâche garde TOUTES ses icônes (le reste se range derrière « Plus d'options »). */
.rc-fc .rc-fcb-zone .rc-tc-barre .rc-tb-actions details.rc-v-menu.rc-v-menu { display: block !important; }
.rc-fc .rc-fcb-zone .rc-tc-barre .rc-tb-ecrire textarea { min-height: 38px !important; height: 38px; }
.rc-fc .rc-fcb-zone .rc-tc .rc-ed-zone { min-height: 44px !important; }
.rc-tc-prep { margin: 0 12px 10px; font-size: calc(13px * var(--rc-echelle-texte)); color: var(--foreground); max-height: 9em; overflow: auto; }
.rc-tc--prep { background: color-mix(in srgb, var(--c-note) 6%, transparent); border-color: color-mix(in srgb, var(--c-note) 35%, transparent); }
.rc-fa-gestes .rc-v-suppr { margin: 0; display: flex; }
.rc-fa-gestes .rc-v-suppr .rc-fa-ico { color: var(--muted-foreground); }
.rc-fa-gestes .rc-v-suppr .rc-fa-ico:hover { color: #F87171; }
/* La personne d'une tâche, sous sa tête : un clic ouvre sa fiche (22 octobre 2026). */
.rc-tb-qui { flex: none; display: flex; align-items: center; gap: 10px; margin: 0; padding: 10px 14px 10px 16px; border-bottom: 1px solid var(--border);
  color: var(--foreground); text-decoration: none; }
.rc-tb-qui:hover { background: var(--accent-wash); }
.rc-tb-qui-t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.rc-tb-qui-t b { font-size: calc(13.5px * var(--rc-echelle-texte)); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-tb-qui-t small { font-size: calc(12px * var(--rc-echelle-texte)); color: var(--muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-tb-qui-ouvrir { flex: none; display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 10px; border-radius: 8px;
  border: 1px solid var(--accent-ring-strong); color: var(--accent-hi); font-size: calc(12px * var(--rc-echelle-texte)); }
/* La bulle d'une tâche : son titre lisible (22 octobre 2026). */
.rc-bulle--tache .rc-bulle-nom { max-width: 240px; }
.rc-bulle--tache .rc-bulle-rond:empty::before { content: ""; }
.rc-r-qui-p[aria-current="true"] { border-color: var(--accent-ring-strong); background: var(--accent-wash); }
/* « + » : un nouveau contact, à côté de la barre d'action (22 octobre 2026). */
.rc-haut-plus { flex: none; width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: var(--primary, #8B7FE0);
  color: #0A0B10; text-decoration: none; }
.rc-haut-plus:hover { filter: brightness(1.08); }

/* ════ Ma journée PAR FAMILLE (Tevini, 22 octobre 2026, option B) ════ */
.mj-fam-t { display: flex; align-items: baseline; gap: 8px; padding: 16px 16px 8px; border-top: 1px solid var(--border); }
.rc-j-rangees > .mj-fam-t:first-child { border-top: 0; }
.mj-fam-t b { font-size: calc(14px * var(--rc-echelle-texte)); font-weight: 600; }
.mj-fam-t em { font-style: normal; font-size: calc(12px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.mj-fam-t--fait b { color: var(--muted-foreground); font-weight: 500; }
.mj-rdvs { display: flex; gap: 10px; padding: 0 16px 14px; overflow-x: auto; }
.mj-rdv { flex: 0 0 auto; min-width: 230px; max-width: 300px; display: flex; flex-direction: column; gap: 3px; padding: 10px 12px;
  border-radius: 12px; border: 1px solid var(--border-strong); background: var(--background); }
.mj-rdv-h { font-size: calc(12px * var(--rc-echelle-texte)); font-weight: 600; color: var(--c-rdv, var(--accent-hi)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mj-rdv-titre { color: var(--foreground); font-weight: 500; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mj-rdv-titre:hover { color: var(--accent-hi); }
.mj-rdv-qui { font-size: calc(12px * var(--rc-echelle-texte)); color: var(--muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mj-rdv-gestes { display: flex; gap: 6px; margin-top: 6px; }
.mj-rdv-gestes .btn { height: 30px; gap: 5px; }
/* La bulle de la personne, partout (Tevini, 22 octobre 2026, option B). */
.rc-bp { position: fixed; right: 20px; bottom: 20px; top: calc(var(--haut) + 14px); width: 420px; z-index: 75; display: flex; flex-direction: column;
  border-radius: 16px; border: 1px solid var(--border-strong); background: var(--card); box-shadow: 0 24px 60px rgba(0,0,0,.55); overflow: hidden; }
.rc-bp[hidden] { display: none; }
.rc-bp-tete { flex: none; display: flex; align-items: center; gap: 8px; padding: 9px 8px 9px 12px; border-bottom: 1px solid var(--border); }
.rc-bp-tete b { flex: 1; min-width: 0; font-weight: 600; font-size: calc(14px * var(--rc-echelle-texte)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-bp-fiche { flex: none; display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 9px; border-radius: 8px;
  border: 1px solid var(--accent-ring-strong); color: var(--accent-hi); font-size: calc(12px * var(--rc-echelle-texte)); text-decoration: none; }
.rc-bp iframe { flex: 1; width: 100%; border: 0; background: var(--card); }
.rc-bp--mini { top: auto; height: auto; width: 320px; }
.rc-bp--mini iframe { display: none; }
@media (max-width: 899px) { .rc-bp { display: none !important; } }
/* ⚠️ LA BULLE SE POSE PAR-DESSUS, ELLE NE DÉCALE RIEN (Tevini, 23 octobre 2026
   au soir) : partout, la page garde sa largeur quand une bulle s'ouvre. */

/* ════ Ma journée, REFONTE (Tevini, 22 octobre 2026, maquette `ma-journee-refonte.html`) ════
   Un bonjour et l'avancée en anneau ; les périodes en raccourcis ; « Filtrer »
   qui range le reste ; les familles en onglets fins ; une carte par famille,
   des lignes qui respirent, les gestes secondaires au survol. */
.mj2-tete { align-items: flex-end; gap: 24px; margin-bottom: 22px; flex-wrap: nowrap; }
.mj2-jour { margin: 0 0 6px; font-size: calc(11px * var(--rc-echelle-texte)); letter-spacing: .14em; text-transform: uppercase; color: var(--accent); }
.mj2-tete .rc-titre-page { font-size: calc(28px * var(--rc-echelle-texte)); font-weight: 600; letter-spacing: -.01em; }
.mj2-resume { margin: 6px 0 0; color: var(--muted-foreground); }
.mj2-resume b { color: var(--foreground); font-weight: 500; }
.mj2-r { color: var(--error); }
.mj2-avance { margin-left: auto; flex: none; display: flex; align-items: center; gap: 12px; font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); text-align: right; }
.mj2-anneau { width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center;
  background: conic-gradient(var(--success) 0 var(--p), rgba(255,255,255,.07) var(--p) 100%); }
.mj2-anneau i { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--background);
  font-style: normal; font-weight: 600; font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--foreground); }

/* La barre : pas de carte, des raccourcis, une recherche, « Filtrer ». */
.mj-outils.mj2-barre { margin: 0 0 18px; background: none; border: 0; border-radius: 0; }
.mj2-barre .mj-filtres { padding: 0; gap: 10px; flex-wrap: wrap; border: 0; }
.mj2-periodes { padding: 4px; gap: 4px; border-radius: 12px; background: var(--card); border: 1px solid var(--border); }
.mj2-periodes a { height: 32px; display: inline-flex; align-items: center; padding: 0 13px; border-radius: 9px; font-size: calc(13px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.mj2-periodes a:hover { color: var(--foreground); background: var(--muted); }
.mj2-periodes a.on { background: var(--muted); color: var(--foreground); font-weight: 500; box-shadow: inset 0 0 0 1px var(--border-strong); }
.mj2-periodes .mj-seg-retard { color: var(--error); }
.mj2-periodes .mj-seg-retard em { font-style: normal; margin-left: 6px; padding: 0 6px; border-radius: 99px; background: rgba(248,113,113,.14); font-size: calc(11.5px * var(--rc-echelle-texte)); }
.mj2-periodes .mj2-choisir { color: var(--disabled-foreground); }
.mj2-barre .mj-cherche { margin-left: auto; height: 42px; flex: 0 1 300px; border-radius: 11px; background: var(--card); border: 1px solid var(--border); }
.mj2-filtrer { position: relative; }
.mj2-filtrer-b { list-style: none; height: 42px; display: inline-flex; align-items: center; gap: 8px; padding: 0 14px; border-radius: 11px; cursor: pointer;
  background: var(--card); border: 1px solid var(--border); color: var(--muted-foreground); font-size: calc(13px * var(--rc-echelle-texte)); }
.mj2-filtrer-b::-webkit-details-marker { display: none; }
.mj2-filtrer-b:hover, .mj2-filtrer[open] .mj2-filtrer-b { color: var(--foreground); border-color: var(--border-strong); }
.mj2-filtrer-b em { font-style: normal; min-width: 18px; height: 18px; display: grid; place-items: center; border-radius: 99px; background: var(--primary); color: #0A0B10; font-size: calc(11px * var(--rc-echelle-texte)); font-weight: 600; }
.mj2-filtrer-pan { position: absolute; right: 0; top: calc(100% + 8px); z-index: 40; width: 320px; display: flex; flex-direction: column; gap: 8px; padding: 14px;
  border-radius: 14px; border: 1px solid var(--border-strong); background: var(--card); box-shadow: 0 18px 50px rgba(0,0,0,.5); }
.mj2-filtrer-t { font-size: calc(10.5px * var(--rc-echelle-texte)); letter-spacing: .12em; text-transform: uppercase; color: var(--disabled-foreground); margin-top: 4px; }
.mj2-filtrer-pan .mj-drop, .mj2-filtrer-pan .mj-camp-choix, .mj2-filtrer-pan .mj-drop-tete { width: 100% !important; max-width: none !important; flex: none; }
.mj2-filtrer-pan .mj2-projets { position: static; display: flex; flex-direction: column; gap: 2px; width: auto; padding: 0; border: 0; box-shadow: none; background: none; max-height: 220px; overflow-y: auto; }
/* Dans « Filtrer », la liste des personnes se déplie SUR PLACE, pas par-dessus les projets. */
.mj2-filtrer-pan .mj-drop-panneau { position: static; width: 100%; margin-top: 6px; box-shadow: none; }
.mj2-filtrer-pan .mj-drop-liste { max-height: 200px; }
.mj2-filtrer-pan { max-height: calc(100vh - 160px); overflow-y: auto; }
.mj2-filtrer-pan .mj-effacer { align-self: flex-start; margin-top: 4px; font-size: calc(12.5px * var(--rc-echelle-texte)); }

/* Les familles en onglets fins. */
.mj-kpis.mj2-familles { display: flex; gap: 24px; margin: 0 0 22px; border-bottom: 1px solid var(--border); }
.mj2-familles .mj-kpi { display: inline-flex; align-items: center; gap: 8px; padding: 0 0 12px; margin-bottom: -1px; border: 0; border-bottom: 2px solid transparent;
  border-radius: 0; background: none; box-shadow: none; color: var(--muted-foreground); font-size: calc(14px * var(--rc-echelle-texte)); text-decoration: none; }
.mj2-familles .mj-kpi:hover { color: var(--foreground); }
.mj2-familles .mj-kpi[aria-current] { color: var(--foreground); background: none; border-bottom-color: var(--accent); }
.mj2-familles .mj-kpi b { display: inline; font-size: calc(12px * var(--rc-echelle-texte)); font-weight: 400; color: var(--disabled-foreground); }
.mj2-familles .mj-kpi i { width: 7px; height: 7px; border-radius: 50%; background: var(--teinte); }
.mj2-familles .mj-kpi--relance { --teinte: var(--info); }
.mj2-familles .mj-kpi--tache { --teinte: var(--disabled-foreground); }

.mj.mj2 { gap: 28px; }
.mj2-liste { background: none; border: 0; }
.mj2-sec { margin-bottom: 30px; }
.mj2-sec .mj-fam-t { padding: 0; margin: 0 0 10px; border: 0; align-items: baseline; gap: 10px; }
.mj2-sec .mj-fam-t h2 { margin: 0; font-size: calc(15px * var(--rc-echelle-texte)); font-weight: 600; }
.mj2-sec .mj-fam-t em { font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--disabled-foreground); }
.mj2-sec .mj-fam-t em.mj2-r { color: var(--error); margin-left: -6px; }

/* Les rendez-vous : l'heure d'abord, comme un agenda. */
.mj2 .mj-rdvs { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; padding: 0; overflow: visible; }
.mj2 .mj-rdv { min-width: 0; max-width: none; flex-direction: row; align-items: flex-start; gap: 12px; padding: 14px;
  border-radius: 14px; border: 1px solid var(--border); background: var(--card); }
.mj2 .mj-rdv:hover { border-color: var(--border-strong); }
.mj2 .mj-rdv-h { flex: none; min-width: 58px; max-width: 76px; padding: 9px 6px; border-radius: 10px; text-align: center; white-space: normal;
  background: rgba(180,168,255,.1); color: var(--accent-hi); font-size: calc(13px * var(--rc-echelle-texte)); line-height: 1.2; }
.mj2 .mj-rdv-h b { display: block; font-weight: 600; }
.mj2 .mj-rdv-h small { display: block; font-size: calc(11px * var(--rc-echelle-texte)); opacity: .8; }
.mj2 .mj-rdv--passe .mj-rdv-h { background: rgba(251,191,36,.1); color: var(--warning); }
.mj-rdv-corps { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.mj2 .mj-rdv-gestes { align-items: center; margin-top: 10px; }
.mj2 .mj-rdv-gestes > a:last-child { margin-left: auto; }
.mj2-puce { font-size: calc(11.5px * var(--rc-echelle-texte)); padding: 2px 8px; border-radius: 99px; background: var(--muted); color: var(--muted-foreground); white-space: nowrap; }
.mj2-puce--w { background: rgba(251,191,36,.1); color: var(--warning); }

/* Une carte par famille, des lignes qui respirent. */
.mj2-groupe { border-radius: 14px; background: var(--card); border: 1px solid var(--border); }
.mj2-groupe > .mj-ligne:first-child { border-top-left-radius: 14px; border-top-right-radius: 14px; }
.mj2-groupe > .mj-ligne:last-child { border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; }
.mj2 .mj-ligne { grid-template-columns: 36px minmax(0, 1fr) 96px auto; gap: 14px; padding: 12px 16px; }
.mj2 .mj-ligne:hover { background: #191B25; }
.mj2 .mj-ligne.mj2-retard::before { content: ""; position: absolute; left: 0; top: 12px; bottom: 12px; width: 3px; border-radius: 0 3px 3px 0; background: var(--error); opacity: .8; }
.mj2 .mj-ligne .rc-j-rangee-titre { font-weight: 500; font-size: calc(14px * var(--rc-echelle-texte)); }
.mj2 .rc-j-rangee-detail { display: flex; align-items: center; gap: 0; min-width: 0; margin-top: 1px; }
.mj2 .mj-raison { font-size: calc(13px * var(--rc-echelle-texte)); color: var(--muted-foreground); flex: 0 1 auto; min-width: 40px; }
.mj2-camp { flex: 0 100 auto; min-width: 0; max-width: 50%; display: inline-flex; align-items: center; gap: 6px; font-size: calc(13px * var(--rc-echelle-texte)); color: var(--disabled-foreground);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mj2-camp::before { content: "·"; margin: 0 2px 0 6px; }
.mj2 .rc-j-rangee-quand { text-align: right; font-size: calc(12.5px * var(--rc-echelle-texte)); }
.mj2-av { width: 36px !important; height: 36px !important; font-size: calc(12px * var(--rc-echelle-texte)); }
.mj2 .mj-gestes { justify-content: flex-end; min-width: 150px; }
.mj2 .mj2-go { height: 32px; padding: 0 12px; border-radius: 9px; border: 1px solid var(--accent-ring-strong); background: var(--accent-wash); color: var(--accent-hi); }
.mj2 .mj-ligne:hover .mj2-go, .mj2 .mj2-go--ici { background: var(--primary); border-color: var(--primary); color: #0A0B10; }
/* Les gestes secondaires paraissent au survol (et restent quand leur menu est ouvert). */
@media (hover: hover) and (min-width: 900px) {
  .mj2 .mj2-survol { opacity: 0; transition: opacity .12s; }
  .mj2 .mj-ligne:hover .mj2-survol, .mj2 .mj2-survol[open], .mj2 .mj2-survol:has([open]), .mj2 .mj2-survol:focus-within { opacity: 1; }
}
.mj2 .mj-gestes .mj-rep-bouton { border-radius: 9px; }
/* Le rond à cocher d'une tâche : le geste le plus agréable. */
.mj2-coche-f { position: relative; z-index: 2; display: grid; place-items: center; margin: 0; }
.mj2-coche { width: 22px; height: 22px; padding: 0; border-radius: 50%; border: 1.5px solid var(--disabled-foreground); background: none;
  display: grid; place-items: center; color: transparent; cursor: pointer; transition: all .12s; }
.mj2-coche:hover { border-color: var(--success); color: var(--success); background: rgba(74,222,128,.1); }
.mj2-coche--faite { margin: 0 auto; border-color: var(--success); background: rgba(74,222,128,.14); color: var(--success); }
.mj2-coche--annulee { border-color: var(--disabled-foreground); background: none; color: var(--disabled-foreground); }

/* Ce qui est fait se replie en bas. */
.mj2-fait { margin-bottom: 30px; }
.mj2-fait > summary { list-style: none; display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 14px; cursor: pointer;
  border: 1px dashed var(--border-strong); color: var(--muted-foreground); font-size: calc(13px * var(--rc-echelle-texte)); }
.mj2-fait > summary::-webkit-details-marker { display: none; }
.mj2-fait > summary b { color: var(--success); font-weight: 500; white-space: nowrap; }
.mj2-fait > summary span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mj2-fait > summary em { font-style: normal; color: var(--disabled-foreground); }
.mj2-fait[open] > summary { margin-bottom: 10px; }

/* Le planning, plus discret, qui reste en vue. */
.mj2 > .mj-plan { border-radius: 14px; }
@media (max-width: 1199px) { .mj2 .mj-ligne { grid-template-columns: 36px minmax(0, 1fr) 80px auto; } }

/* Au téléphone (refonte du 22 octobre 2026) : une ligne sur une hauteur, le
   nom, le motif dessous, et les gestes à droite, à portée de pouce. */
@media (max-width: 899px) {
  .mj2-tete { flex-wrap: nowrap; gap: 12px; margin-bottom: 14px; }
  .mj2-tete .rc-titre-page { font-size: calc(30px * var(--rc-echelle-texte)); }
  .mj2-resume { font-size: calc(14px * var(--rc-echelle-texte)); }
  .mj2-anneau { width: 48px; height: 48px; } .mj2-anneau i { width: 39px; height: 39px; font-size: calc(11.5px * var(--rc-echelle-texte)); }
  .mj2-avance > span:first-child { display: none; }
  .mj-kpis.mj2-familles { gap: 18px; overflow-x: auto; scrollbar-width: none; margin-bottom: 16px; }
  .mj2-familles .mj-kpi { flex: none; }
  .mj2-filtrer { width: 100%; }
  .mj2-filtrer-b { display: none; }
  .mj2-filtrer > .mj2-filtrer-pan { position: static; width: 100%; box-shadow: none; }
  .mj2-filtrer:not([open]) > .mj2-filtrer-pan { display: flex; }
  .mj2-barre .mj-cherche { flex: 1 1 100%; margin-left: 0; }
  .mj2 .mj-ligne.rc-j-rangee { grid-template-columns: 40px minmax(0, 1fr) auto; column-gap: 12px; padding: 10px 14px; }
  .mj2 .rc-j-rangee-quand, .mj2 .mj2-camp { display: none; }
  .mj2 .rc-j-rangee-detail { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .mj2 .mj-raison { max-width: none; }
  .mj2 .mj-gestes { min-width: 0; gap: 8px; }
  .mj2 .mj-ligne:not([data-m-glisse]) .mj-gestes { position: relative; z-index: 2; grid-area: g; }
  .mj2 .mj-ligne:not([data-m-glisse]) .mj-gestes .mj-rep-bouton { width: 38px; height: 38px; border-radius: 50%; }
  .mj2 .mj-ligne .mj-gestes:has(.mj-rep) + .rc-j-go { display: none; }
  .mj2 .mj-ligne[data-relance] { grid-template-columns: 40px minmax(0, 1fr) auto; }
  .mj2 .mj2-coche { width: 26px; height: 26px; }
  .mj2 .mj-rdv-gestes .btn { height: 36px; }
  .mj2-groupe { border: 0; overflow: hidden; }
}
.mj2 .mj-ligne[hidden], .mj2 .mj-rdv[hidden], .mj2-sec[hidden], .mj2-fait[hidden], .mj2 .rc-rien[hidden] { display: none !important; }

/* ⚠️ LA BULLE D'UNE PERSONNE = LES ÉCHANGES DE SA FICHE (Tevini, 22 octobre
   2026) : l'en-tête et sa pastille de relance, puis la barre de la personne
   (Appeler, Message, Mail, Note, Tâche, Relance, RDV), à la hauteur de la
   bulle. Le nom et « Ouvrir la fiche » sont déjà dans l'en-tête de la bulle. */
html[data-cadre] .rc-fc-flottant-tete > b, html[data-cadre] .rc-fc-flottant-tete > svg,
html[data-cadre] .rc-fc-flottant-tete [data-fc-reduire] { display: none !important; }
html[data-cadre] .rc-fc-flottant-tete { display: flex; align-items: center; gap: 8px; padding: 8px 12px 9px; min-height: 0; border: 0; border-bottom: 1px solid var(--border); }
html[data-cadre] .rc-ba.rc-ba--cadre { display: flex !important; margin: 8px 12px 0; height: 40px; gap: 2px; overflow-x: auto; scrollbar-width: none; }
html[data-cadre] .rc-ba--cadre::-webkit-scrollbar { display: none; }
html[data-cadre] .rc-ba--cadre .rc-ba-qui, html[data-cadre] .rc-ba--cadre .rc-ba-replier { display: none !important; }
html[data-cadre] .rc-ba--cadre .rc-ba-actions { display: flex; align-items: center; gap: 2px; min-width: 0; }
/* Dans la bulle, une fenêtre (rendez-vous, tâche, relance…) prend la largeur de la bulle, sur une colonne. */
html[data-cadre] dialog[open]:not(.rc-tb):not(.rc-echange--panneau) { width: calc(100vw - 16px) !important; max-width: none !important; max-height: calc(100vh - 16px) !important; }
html[data-cadre] #rc-fenetre-reunion .rc-r-champs { grid-template-columns: minmax(0, 1fr) !important; }
html[data-cadre] #rc-fenetre-reunion .rc-r-champs > *, html[data-cadre] #rc-fenetre-reunion .rc-r-champs > :first-child,
html[data-cadre] #rc-fenetre-reunion .rc-r-champs > .rc-crn { grid-column: 1; grid-row: auto; }
html[data-cadre] .rc-crn-heures { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
html[data-cadre] .rc-echange-pied { flex-wrap: wrap; row-gap: 8px; }

.rc-rl-resume .rc-rl-crayon { position: absolute; right: 8px; top: 11px; }

/* ⚠️ LA RELANCE, MENU RAPIDE ET CARTE D'APRÈS-ÉCHANGE (Tevini, 22 octobre 2026,
   maquette `relance-bulle-options.html`, B + C). */
.rc-rl-ancre { position: relative; display: inline-flex; margin-left: auto; }
.rc-fc-flottant-tete .rc-rl-ancre .rc-rl-pastille { margin-left: 0 !important; }
.rc-rl-menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 60; width: min(340px, calc(100vw - 24px)); padding: 14px;
  border-radius: 14px; border: 1px solid var(--border-strong); background: #191B25; box-shadow: 0 18px 44px rgba(0,0,0,.55); text-align: left; }
.rc-rl-menu[hidden] { display: none; }
.rc-rl-menu-t { margin: 0; font-size: calc(12.5px * var(--rc-echelle-texte)); font-weight: 600; color: var(--warning-text, #FCD34D); }
.rc-rl-menu-motif { margin: 2px 0 0; font-size: calc(14px * var(--rc-echelle-texte)); color: var(--foreground); line-height: 1.35; overflow-wrap: anywhere; }
.rc-rl-menu-st, .rc-rl-st { margin: 12px 0 6px; font-size: calc(10.5px * var(--rc-echelle-texte)); letter-spacing: .12em; text-transform: uppercase; color: var(--disabled-foreground); }
.rc-rl-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.rc-rl-chips form { margin: 0; display: contents; }
.rc-rl-chips form.rc-rl-chip--date { display: inline-flex; }
.rc-rl-chip { height: 34px; display: inline-flex; align-items: center; gap: 6px; padding: 0 11px; border-radius: 9px; cursor: pointer;
  border: 1px solid var(--border-strong); background: var(--muted); color: var(--foreground); font: inherit; font-size: calc(12.5px * var(--rc-echelle-texte)); text-decoration: none; }
.rc-rl-chip small { color: var(--muted-foreground); font-size: calc(11.5px * var(--rc-echelle-texte)); }
.rc-rl-chip:hover { border-color: var(--accent); background: var(--accent-wash); }
/* La suggestion du rythme : un choix comme les autres — rien ne doit faire croire
   qu'elle est déjà prise (Tevini, 24 octobre 2026) ; seule son horloge la signale. */
.rc-rl-chip--garder svg { color: var(--accent-hi); }
/* Le choix fait : coché et teinté, lui seul (24 octobre 2026). */
.rc-rl-chip.rc-rl-chip--pris, .rc-rl-chip--pris > .rc-rl-chip { border-color: var(--success) !important; background: rgba(74,222,128,.10) !important; color: var(--success) !important; }
.rc-rl-chip--pris svg { color: var(--success) !important; }
.rc-rl-chip--date .rc-j-date { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.rc-rl-chip--date .rc-date-puce { display: inline-flex; align-items: center; gap: 6px; height: 100%; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
.rc-rl-chip--date { position: relative; color: var(--muted-foreground); }
.rc-rl-chip--date label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.rc-rl-chip--date input { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; }
.rc-rl-menu-pied { display: flex; align-items: center; gap: 8px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border); }
.rc-rl-menu-pied form { margin: 0; }
.rc-rl-ok-b { height: 32px; display: inline-flex; align-items: center; gap: 6px; padding: 0 12px; border-radius: 9px; cursor: pointer; font: inherit; font-size: calc(12.5px * var(--rc-echelle-texte)); font-weight: 600;
  color: var(--success); background: rgba(74,222,128,.1); border: 1px solid rgba(74,222,128,.4); }
.rc-rl-ok-b:hover { background: var(--success); color: #0A0B10; }
.rc-rl-plus-b { margin-left: auto; height: 32px; padding: 0 10px; border: 0; border-radius: 9px; background: none; color: var(--muted-foreground); font: inherit; font-size: calc(12.5px * var(--rc-echelle-texte)); cursor: pointer; }
.rc-rl-plus-b:hover { color: var(--foreground); background: var(--muted); }
/* La carte d'après-échange. */
.rc-rl-apres { margin: 0 0 10px; padding: 14px; border-radius: 12px; border: 1px solid var(--border-strong); background: rgba(255,255,255,.025); }
.rc-rl-apres--nrp { border-color: rgba(251,191,36,.35); background: rgba(251,191,36,.05); }
.rc-rl-apres .rc-rl-q { display: flex; align-items: center; gap: 8px; margin: 0 0 4px; font-weight: 600; font-size: calc(14px * var(--rc-echelle-texte)); }
.rc-rl-apres--nrp .rc-rl-q svg { color: var(--warning); }
.rc-rl-auto { margin: 0 0 10px; font-size: calc(13px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.rc-rl-auto b { color: var(--foreground); font-weight: 500; }
.rc-rl-apres .rc-rl-ok { margin: 0 0 10px; display: flex; align-items: center; gap: 6px; color: var(--success); font-weight: 500; }
.rc-rl-encours { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.rc-rl-encours li { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; background: var(--background); border: 1px solid var(--border); }
.rc-rl-encours form { margin: 0 0 0 auto; flex: none; }
.rc-rl-encours-quand { flex: none; font-size: calc(12.5px * var(--rc-echelle-texte)); font-weight: 600; color: var(--accent-hi); }
.rc-rl-encours-quand.rc-rl--due { color: var(--warning); }
.rc-rl-encours-motif { min-width: 0; font-size: calc(13px * var(--rc-echelle-texte)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-rl-ok-b--toutes { margin-bottom: 4px; }
.rc-rl-apres .rc-rl-non, .rc-rl-apres-pied .rc-rl-non { display: inline-block; margin-top: 12px; padding: 0; border: 0; background: none; font: inherit; font-size: calc(12.5px * var(--rc-echelle-texte));
  color: var(--muted-foreground); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.rc-rl-apres-pied { margin: 0; }
/* Dans la bulle, la tête ne garde que la pastille, à droite, et un trait dessous. */

/* ⚠️ LA TÊTE DE LA BULLE, DANS LA BULLE (Tevini, 22 octobre 2026) : le nom (qui
   ouvre la fiche), la relance, « Réduire », « Fermer » — une seule ligne. La tête
   de la page derrière ne se montre plus que bulle réduite. */
.rc-fc-qui, .rc-bp-cmd { display: none; }
html[data-cadre] .rc-fc-flottant-tete { justify-content: flex-start; gap: 6px; padding: 9px 8px 9px 12px; }
html[data-cadre] .rc-fc-qui { display: inline-flex; align-items: center; gap: 8px; flex: 1; min-width: 0; color: var(--foreground); text-decoration: none; border-radius: 8px; }
html[data-cadre] .rc-fc-qui b { font-size: calc(14px * var(--rc-echelle-texte)); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-cadre] .rc-fc-qui:hover b { color: var(--accent-hi); text-decoration: underline; text-underline-offset: 3px; }
html[data-cadre] .rc-bp-cmd { display: inline-grid; place-items: center; }
html[data-cadre] .rc-fc-flottant-tete .rc-rl-ancre { margin-left: 0; }
.rc-bp:not(.rc-bp--mini) .rc-bp-tete { display: none; }
.rc-bp-qui { display: inline-flex; align-items: center; gap: 8px; flex: 1; min-width: 0; color: var(--foreground); text-decoration: none; }
.rc-bp-qui b { font-size: calc(14px * var(--rc-echelle-texte)); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-bp-qui:hover b { color: var(--accent-hi); }

/* La carte d'après-action, compacte : tout tient sans faire défiler. */
.rc-rl-apres { padding: 12px; }
.rc-rl-apres .rc-rl-ok { flex-wrap: wrap; gap: 4px 6px; margin: 0 0 8px; font-size: calc(13px * var(--rc-echelle-texte)); line-height: 1.4; }
.rc-rl-apres .rc-rl-ok b { font-weight: 600; }
.rc-rl-apres .rc-rl-ok span { color: var(--muted-foreground); font-weight: 400; }
.rc-rl-inline { display: inline; margin: 0; }
.rc-rl-lien { padding: 0; border: 0; background: none; font: inherit; font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--accent-hi); cursor: pointer;
  text-decoration: underline; text-underline-offset: 2px; }
.rc-rl-prochaine > summary { list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 4px 6px; cursor: pointer; font-size: calc(13px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.rc-rl-prochaine > summary::-webkit-details-marker { display: none; }
.rc-rl-prochaine > summary b { color: var(--foreground); font-weight: 600; }
.rc-rl-prochaine > summary .rc-rl-lien { margin-left: auto; }
.rc-rl-prochaine-motif { color: var(--muted-foreground); }
.rc-rl-prochaine[open] > summary .rc-rl-lien { visibility: hidden; }
.rc-rl-prochaine[open] .rc-rl-chips { margin-top: 10px; }
.rc-rl-autres { display: block; margin-top: 8px; }
.rc-rl-apres .rc-rl-chip { height: 30px; padding: 0 9px; font-size: calc(12px * var(--rc-echelle-texte)); }
.rc-rl-apres .rc-rl-st { margin: 8px 0 6px; }
.rc-rl-apres .rc-rl-auto { margin: 0 0 8px; }
.rc-rl-apres .rc-rl-non, .rc-rl-apres-pied .rc-rl-non { margin-top: 8px; }
/* Pleine page : la bulle couvre la page, à droite du menu (22 octobre 2026). */
.rc-bp.rc-bp--grand { width: auto; right: 18px; bottom: 18px; top: calc(var(--haut) + 14px); z-index: 80;
  box-shadow: 0 0 0 100vmax rgba(0,0,0,.5), 0 30px 80px rgba(0,0,0,.6); transition: left .15s, width .15s; }

/* Dans la bulle, la pleine page de la fiche remplit la bulle agrandie (22 octobre 2026). */
html[data-cadre] .rc-fiche .rc-fiche-vie.rc-fc.rc-fc--grand { top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  border-radius: 0; box-shadow: none; border: 0; }
html[data-cadre] .rc-fc-flottant-tete [data-fcb-agrandir] { order: 1; }
html[data-cadre] .rc-fc-flottant-tete [data-bp-cmd="fermer"] { order: 2; }

/* Dans la bulle, le menu de la relance tient dans la largeur : calé sous la tête, à droite. */
html[data-cadre] .rc-fc-flottant-tete { position: relative; }
html[data-cadre] .rc-fc-flottant-tete .rc-rl-ancre { position: static; }
html[data-cadre] .rc-rl-menu { right: 8px; top: calc(100% + 4px); width: min(360px, calc(100vw - 16px)); }
.rc-rl-apres .rc-rl-q--petit { font-size: calc(13px * var(--rc-echelle-texte)); margin: 4px 0 8px; }
.rc-rl-apres .rc-rl-chips + .rc-rl-chips { margin-top: 6px; }
.rc-rl-apres .rc-rl-ok--nrp { color: var(--warning); }
.rc-rl-apres .rc-rl-ok--nrp svg { color: var(--warning); }

/* La suivante, en un clic (22 octobre 2026) : en bas de la carte, bien visible. */
.rc-rl-apres { display: flex; flex-direction: column; }
.rc-rl-apres > * { align-self: stretch; }
.rc-rl-apres > .rc-rl-non, .rc-rl-apres > form, .rc-rl-apres > .rc-rl-lien { align-self: flex-start; }
.rc-rl-suivant { order: 1; display: flex; align-items: center; gap: 10px; margin: 0 0 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; text-align: left;
  font: inherit; color: #0A0B10; background: var(--primary); border: 0; }
.rc-rl-suivant[hidden] { display: none; }
.rc-rl-suivant:hover { filter: brightness(1.08); }
.rc-rl-suivant-c { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.rc-rl-suivant-t { font-size: calc(10.5px * var(--rc-echelle-texte)); letter-spacing: .1em; text-transform: uppercase; opacity: .75; }
.rc-rl-suivant b { font-size: calc(14px * var(--rc-echelle-texte)); font-weight: 600; }
.rc-rl-suivant small { font-size: calc(12px * var(--rc-echelle-texte)); opacity: .8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-rl-suivant-f { font-size: calc(18px * var(--rc-echelle-texte)); font-weight: 600; }
.rc-avis-suivant { margin-left: 8px; display: inline-flex; align-items: center; gap: 6px; }
.rc-rl-apres > .rc-rl-ok { order: 0; }
.rc-rl-apres > :not(.rc-rl-ok):not(.rc-rl-suivant):not(script) { order: 2; }

/* ════ La carte d'après-échange, revue (Tevini, 22 octobre 2026 : « c'est moche,
   ça déborde ») : trois lignes sobres, rien qui déborde, la suivante en bas. ════ */
.rc-rl-apres { gap: 10px; padding: 12px 12px 10px; }
.rc-rl-apres > * { margin: 0 !important; }
.rc-rl-ap-tete { order: 0; display: flex; align-items: center; gap: 8px; min-width: 0; font-size: calc(13px * var(--rc-echelle-texte)); }
.rc-rl-ap-ok { flex: none; display: inline-flex; align-items: center; gap: 6px; color: var(--success); }
.rc-rl-ap-ok b { font-weight: 600; }
.rc-rl-ap-tete--nrp .rc-rl-ap-ok { color: var(--warning); }
.rc-rl-ap-dit { flex: 1; min-width: 0; color: var(--muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-rl-ap-dit::before { content: "·"; margin-right: 8px; opacity: .6; }
.rc-rl-ap-tete .rc-rl-inline { flex: none; margin-left: auto; }
.rc-rl-apres > :not(.rc-rl-ap-tete):not(.rc-rl-suivant):not(script) { order: 2; }
/* « Prochaine relance » : une ligne, le motif coupé proprement. */
.rc-rl-prochaine > summary { display: flex; flex-wrap: nowrap; align-items: center; gap: 6px; min-width: 0; font-size: calc(13px * var(--rc-echelle-texte)); }
.rc-rl-prochaine > summary > svg { flex: none; color: var(--muted-foreground); }
.rc-rl-pr-t { flex: none; color: var(--muted-foreground); }
.rc-rl-prochaine > summary b { flex: none; color: var(--accent-hi); font-weight: 600; }
.rc-rl-prochaine > summary b.rc-rl--due { color: var(--warning); }
.rc-rl-prochaine-motif { flex: 1; min-width: 0; color: var(--muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-rl-prochaine-motif:not(:empty)::before { content: "· "; }
.rc-rl-prochaine > summary .rc-rl-lien { flex: none; margin-left: auto; }
.rc-rl-prochaine[open] > summary .rc-rl-lien { visibility: visible; }
.rc-rl-prochaine[open] > summary .rc-rl-lien::after { content: ""; }
/* Les raccourcis : petits, sur deux lignes au plus. */
.rc-rl-apres .rc-rl-chips { gap: 6px; }
.rc-rl-apres .rc-rl-chip { height: 30px; padding: 0 10px; font-size: calc(12.5px * var(--rc-echelle-texte)); }
.rc-rl-apres .rc-rl-q--petit { font-size: calc(13px * var(--rc-echelle-texte)); font-weight: 600; }
.rc-rl-apres .rc-rl-non { font-size: calc(12.5px * var(--rc-echelle-texte)); }
/* La suivante : UNE ligne en bas, discrète mais évidente — pas un pavé. */
.rc-rl-suivant { order: 99; display: flex; align-items: center; gap: 8px; width: 100%; min-width: 0; height: 40px; margin: 2px 0 0 !important; padding: 0 12px;
  border-radius: 10px; border: 1px solid var(--accent-ring-strong); background: var(--accent-wash); color: var(--foreground);
  font: inherit; font-size: calc(13px * var(--rc-echelle-texte)); text-align: left; cursor: pointer; transition: background .12s, border-color .12s; }
.rc-rl-suivant:hover { background: rgba(180,168,255,.14); border-color: var(--accent); filter: none; }
.rc-rl-suivant-c { flex: 1; min-width: 0; display: flex; flex-direction: row; align-items: baseline; gap: 8px; overflow: hidden; }
.rc-rl-suivant-t { flex: none; font-size: calc(12px * var(--rc-echelle-texte)); letter-spacing: 0; text-transform: none; color: var(--accent-hi); opacity: 1; }
.rc-rl-suivant b { flex: none; font-size: calc(13px * var(--rc-echelle-texte)); font-weight: 600; color: var(--foreground); }
.rc-rl-suivant small { flex: 1; min-width: 0; font-size: calc(12px * var(--rc-echelle-texte)); color: var(--muted-foreground); opacity: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-rl-suivant-f { flex: none; font-size: calc(15px * var(--rc-echelle-texte)); font-weight: 600; color: var(--accent-hi); }

/* ════ La fenêtre des relances : modifier une relance en PLEINE LARGEUR ════
   (Tevini, 22 octobre 2026 : « le modal s'affiche très mal ») : ouverte, la
   relance prend toute la ligne ; ses deux boutons s'effacent le temps de la
   modifier, on revient en cliquant sa tête. */
.rc-rl-ligne:has(> .rc-rl-edit[open]) > .rc-rl-decale,
.rc-rl-ligne:has(> .rc-rl-edit[open]) > .rc-rl-fait-form { display: none; }
.rc-rl-ligne:has(> .rc-rl-edit[open]) > .rc-rl-edit { flex: 1 1 100%; }
.rc-rl-edit[open] > .rc-rl-resume { border-bottom: 1px solid var(--border); }
.rc-rl-edit .rc-rl-form { padding: 12px; display: flex; flex-direction: column; gap: 10px; }
.rc-rl-edit .rc-rl-form > .btn { align-self: flex-end; }
html[data-cadre] .rc-modale-relance .rc-rl-quand-champs { grid-template-columns: minmax(0, 1fr) 110px; }
/* La carte d'après-échange ne sort JAMAIS de la bulle ni de la fiche : la zone
   d'écriture prend sa hauteur, l'historique au-dessus rétrécit (22 octobre 2026). */
.rc-fc .rc-fcb:has([data-rl-apres]) { max-height: none !important; flex: none; }
.rc-fc .rc-fc-fil { min-height: 120px; }

/* ════ Le panneau des relances (Tevini, 22 octobre 2026, maquette `relances-panneau.html`) ════ */
.rc-rl-pan { padding: 12px; max-height: calc(100vh - 80px); overflow-y: auto; }
.rc-rl-pan-t { margin: 0 0 8px; font-size: calc(10.5px * var(--rc-echelle-texte)); letter-spacing: .12em; text-transform: uppercase; color: var(--disabled-foreground); }
.rc-rl-pan-liste { display: flex; flex-direction: column; gap: 4px; }
.rc-rl-pan-l { position: relative; width: 100%; display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; gap: 10px; align-items: center;
  padding: 9px 10px; border-radius: 10px; border: 1px solid transparent; background: none; color: var(--foreground);
  font: inherit; text-align: left; cursor: pointer; }
.rc-rl-pan-l:hover { background: var(--muted); }
.rc-rl-pan-l > input { position: absolute; opacity: 0; pointer-events: none; }
.rc-rl-pan-radio { width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid var(--disabled-foreground); display: grid; place-items: center; }
.rc-rl-pan-l:has(> input:checked), .rc-rl-pan-l--on { border-color: var(--accent-ring-strong); background: var(--accent-wash); }
.rc-rl-pan-l:has(> input:checked) .rc-rl-pan-radio, .rc-rl-pan-l--on .rc-rl-pan-radio { border-color: var(--accent); }
.rc-rl-pan-l:has(> input:checked) .rc-rl-pan-radio::after, .rc-rl-pan-l--on .rc-rl-pan-radio::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); }
.rc-rl-pan-l:has(> input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 1px; }
.rc-rl-pan-c { min-width: 0; display: flex; flex-direction: column; }
.rc-rl-pan-q { font-size: calc(12px * var(--rc-echelle-texte)); font-weight: 600; color: var(--accent-hi); }
.rc-rl-pan-l.rc-rl--due .rc-rl-pan-q { color: var(--warning); }
.rc-rl-pan-m { font-size: calc(13px * var(--rc-echelle-texte)); color: var(--foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-rl-pan-qui { font-size: calc(11.5px * var(--rc-echelle-texte)); padding: 2px 8px; border-radius: 99px; border: 1px solid var(--border-strong); color: var(--muted-foreground); white-space: nowrap; }
.rc-rl-pan-qui--moi { color: var(--accent-hi); border-color: var(--accent-ring-strong); }
.rc-rl-pan-ajout { margin: 6px 0 0; }
.rc-rl-pan-ajout > summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 8px; cursor: pointer;
  color: var(--accent-hi); font-size: calc(12.5px * var(--rc-echelle-texte)); }
.rc-rl-pan-ajout > summary::-webkit-details-marker { display: none; }
.rc-rl-pan-ajout > summary:hover { background: var(--muted); }
.rc-rl-pan-ajout[open] > summary { margin-bottom: 8px; }
.rc-rl-pan .rc-rl-form { display: flex; flex-direction: column; gap: 10px; padding: 12px; border-radius: 10px; border: 1px solid var(--border); background: var(--background); }
.rc-rl-pan .rc-rl-form > .btn { align-self: flex-end; }
.rc-rl-pan .rc-rl-vite { display: flex; flex-wrap: wrap; gap: 6px; }
.rc-rl-pan .rc-rl-quand-champs { display: grid; grid-template-columns: minmax(0, 1fr) 110px; gap: 8px; }
.rc-rl-pan-actions { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border); }
.rc-rl-pan-actions[hidden] { display: none; }
.rc-rl-pan-pour { margin: 0 0 8px; font-size: calc(12px * var(--rc-echelle-texte)); color: var(--muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-rl-pan-pour b { color: var(--foreground); font-weight: 500; }
.rc-rl-pan .rc-rl-menu-pied { margin-top: 12px; padding-top: 0; border-top: 0; }
.rc-rl-pan .rc-rl-plus-b { display: inline-flex; align-items: center; gap: 6px; }
.rc-rl-pan-modif { margin-top: 10px; }
.rc-rl-pan-modif[hidden] { display: none; }
/* Dans la carte d'après-action : la même liste, une rangée = un clic. */
.rc-rl-ap-liste { gap: 4px; }
.rc-rl-pan-f { margin: 0; }
.rc-rl-pan-l--faite { border-color: rgba(74,222,128,.4) !important; background: rgba(74,222,128,.07) !important; cursor: default; }
.rc-rl-pan-l--faite .rc-rl-pan-radio { border-color: var(--success) !important; }
.rc-rl-pan-l--faite .rc-rl-pan-radio::after { background: var(--success) !important; }
.rc-rl-pan-fait { display: inline-flex; align-items: center; gap: 4px; font-size: calc(11.5px * var(--rc-echelle-texte)); color: var(--success); }
.rc-rl-pan-l--aucune .rc-rl-pan-m { color: var(--muted-foreground); }
.rc-rl-ap-tete .rc-rl-ap-dit::before { content: "·"; }

/* Beaucoup de relances : la liste défile (quatre en vue), les gestes restent visibles. */
.rc-rl-pan > .rc-rl-pan-liste, .rc-rl-ap-liste { max-height: 212px; overflow-y: auto; padding-right: 2px; scrollbar-width: thin; }
.rc-rl-ap-liste { max-height: 168px; }
.rc-rl-pan-l { padding: 7px 10px; }
.rc-fc .rc-fcb:has([data-rl-apres]) { max-height: calc(100% - 140px) !important; }
.rc-fc .rc-fcb:has([data-rl-apres]) .rc-fcb-zone { overflow-y: auto; }
/* Sur la fiche aussi, le panneau se cale sous la tête des échanges, à droite : jamais coupé. */
.rc-fc-flottant-tete { position: relative; }
.rc-fc-flottant-tete .rc-rl-ancre { position: static; }
.rc-fc-flottant-tete .rc-rl-menu { left: auto; right: 8px; top: calc(100% + 4px); width: min(380px, calc(100% - 16px)); }

/* La carte d'après tient sans défiler : raccourcis en une rangée, « Suivante » toujours en vue. */
.rc-rl-chips-groupe { display: flex; flex-wrap: wrap; gap: 6px; }
.rc-rl-chips-groupe > form { margin: 0; display: contents; }
.rc-rl-chips-groupe > .rc-rl-chips { display: contents; }
.rc-rl-apres .rc-rl-chip--date span { display: none; }
.rc-rl-apres .rc-rl-chip--date { width: 34px; padding: 0; justify-content: center; }
.rc-rl-apres .rc-rl-chip--date label { justify-content: center; width: 100%; height: 100%; }
.rc-rl-apres .rc-rl-chip small { display: none; }
.rc-rl-apres .rc-rl-chip--garder small { display: inline; }
.rc-rl-apres .rc-rl-pan-l { padding: 6px 10px; }
.rc-rl-apres .rc-rl-pan-l--aucune { padding: 4px 10px; }
.rc-rl-apres { gap: 8px; }
.rc-rl-apres > .rc-rl-suivant { position: sticky; bottom: 0; z-index: 2; box-shadow: 0 -10px 14px var(--card); background: #1d1c2b; }

/* Supprimer une relance (22 octobre 2026) : une corbeille discrète, rouge au survol. */
.mj-suppr-f { margin: 0; display: inline-flex; }
.mj2 .mj-gestes .mj-suppr { color: var(--muted-foreground); border-color: var(--border-strong); background: none; cursor: pointer; }
.mj2 .mj-gestes .mj-suppr:hover { color: var(--error); border-color: rgba(248,113,113,.45); background: rgba(248,113,113,.08); }
.rc-rl-suppr-f { margin: 0; }
.rc-rl-suppr { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; border: 1px solid transparent; background: none; color: var(--muted-foreground); cursor: pointer; }
.rc-rl-suppr:hover { color: var(--error); border-color: rgba(248,113,113,.45); background: rgba(248,113,113,.08); }
.rc-rl-pan .rc-rl-menu-pied .rc-rl-plus-b { margin-left: auto; }

/* Sur Ma journée, le bandeau d'un geste (fait, reporté, supprimé… « Annuler ») reste en vue
   pendant qu'on fait défiler la liste (22 octobre 2026). */
.rc-content--journee > .rc-avis--calme[role="status"] { position: sticky; top: calc(var(--haut, 56px) + 10px); z-index: 40;
  box-shadow: 0 12px 30px rgba(0,0,0,.45); }
/* La corbeille à la couleur des autres gestes : rouge (supprimer), comme vert (fait) et ambre (reporter). */
.mj2 .mj-gestes .mj-suppr, .rc-rl-suppr { color: var(--error) !important; border: 1px solid rgba(248,113,113,.35) !important; background: rgba(248,113,113,.06) !important; }
.mj2 .mj-gestes .mj-suppr:hover, .rc-rl-suppr:hover { border-color: var(--error) !important; background: rgba(248,113,113,.14) !important; }

/* Retoucher sur place un titre ou un motif (22 octobre 2026). */
.mj-edit-champ { position: relative; z-index: 3; display: block; width: 100%; height: 30px; margin: 1px 0; padding: 0 10px; font-size: calc(13px * var(--rc-echelle-texte)); }
.mj2 .rc-j-rangee-titre + .mj-edit-champ { font-size: calc(14px * var(--rc-echelle-texte)); font-weight: 500; }
.rc-j-rangee-detail:has(.mj-edit-champ) .mj2-camp { display: none; }
.rc-j-rangee-detail:has(.mj-edit-champ) { overflow: visible; }

/* ════ La tâche et les échanges, en deux onglets (Tevini, 22 octobre 2026,
   maquette `tache-bulle-options.html`, B) ════ */
.rc-ot-onglets { flex: none; display: flex; gap: 4px; padding: 8px 10px; border-bottom: 1px solid var(--border); }
.rc-ot-o { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 9px; border: 1px solid transparent;
  background: none; color: var(--muted-foreground); font: inherit; font-size: calc(13px * var(--rc-echelle-texte)); cursor: pointer; }
.rc-ot-o:hover { color: var(--foreground); background: var(--muted); }
.rc-ot-o[aria-selected="true"] { background: var(--muted); color: var(--foreground); border-color: var(--border-strong); font-weight: 500; }
.rc-fiche-vie.rc-ot-vue-tache > :not(.rc-fc-flottant-tete):not(.rc-rl-bande):not(.rc-ot-tache):not(script):not(.rc-avis):not(.rc-fcb) { display: none !important; }
.rc-fiche-vie:not(.rc-ot-vue-tache) > .rc-ot-tache { display: none !important; }
.rc-ot-tache { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.rc-ot-tache > dialog { position: static !important; inset: auto !important; transform: none !important; margin: 0 !important;
  width: auto !important; max-width: none !important; height: auto !important; max-height: none !important; flex: 1; min-height: 0;
  display: flex; flex-direction: column; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: none !important; }
.rc-ot-tache .rc-tb .rc-v-x, .rc-ot-tache .rc-tb .rc-tb-qui { display: none !important; }
.rc-ot-tache .rc-tb-corps { flex: 1; min-height: 0; overflow-y: auto; }

/* Dans la bulle, le bandeau d'un geste (« activité faite · Rétablir »…) flotte sur la tête,
   sans rien repousser, puis s'efface (22 octobre 2026). */
html[data-cadre] .rc-content > .rc-avis--calme[role="status"] { position: fixed; top: 6px; left: 8px; right: 8px; z-index: 90; margin: 0;
  box-shadow: 0 12px 30px rgba(0,0,0,.55); transition: opacity .3s, transform .3s; }
html[data-cadre] .rc-content > .rc-avis--calme[role="status"].rc-avis--parti { opacity: 0; transform: translateY(-8px); pointer-events: none; }
.rc-tb-filbloc { display: flex; flex-direction: column; gap: 10px; }

/* ════ La tâche en PLEINE PAGE (Tevini, 22 octobre 2026) : comme les échanges,
   le fil à gauche, la tâche à droite (son texte, ses réglages, le commentaire,
   les gestes). Les onglets courent sur toute la largeur, sous la tête. ════ */
.rc-fc--grand:has(> .rc-ot-onglets) { grid-template-rows: auto auto auto auto minmax(0, 1fr) !important; }
.rc-fc--grand > .rc-ot-onglets { grid-column: 1 / -1; grid-row: 2; }
.rc-fc--grand:has(> .rc-ot-onglets) > .rc-pro-ecarte { grid-row: 3; }
.rc-fc--grand:has(> .rc-ot-onglets) > .rc-fa { grid-row: 4; }
.rc-fc--grand:has(> .rc-ot-onglets) > .rc-fc-fil { grid-row: 5; }
.rc-fc--grand:has(> .rc-ot-onglets) > .rc-fcb { grid-row: 3 / 6; }
.rc-fc--grand > .rc-ot-tache { grid-column: 1 / -1; grid-row: 2 / 5; min-height: 0; }
.rc-fc--grand .rc-ot-tache > dialog.rc-tb { display: grid !important; grid-template-columns: minmax(340px, 5fr) 7fr;
  grid-template-rows: auto auto auto auto minmax(0, 1fr) auto; min-height: 0; }
.rc-fc--grand .rc-ot-tache .rc-tb-corps { display: contents; }
.rc-fc--grand .rc-ot-tache .rc-tb-filbloc { grid-column: 1; grid-row: 1 / -1; min-height: 0; overflow-y: auto; padding: 16px 18px;
  border-right: 1px solid var(--border); scrollbar-width: thin; }
.rc-fc--grand .rc-ot-tache .rc-tb-filbloc .rc-tb-eyebrow { margin-top: 0; }
.rc-fc--grand .rc-ot-tache .rc-tb-tete { grid-column: 2; grid-row: 1; }
.rc-fc--grand .rc-ot-tache .rc-v-close { grid-column: 2; grid-row: 2; margin: 14px 18px 0; }
.rc-fc--grand .rc-ot-tache .rc-tb-desc { grid-column: 2; grid-row: 3; margin: 14px 18px 0; }
.rc-fc--grand .rc-ot-tache .rc-tb-reglages { grid-column: 2; grid-row: 4; margin: 10px 18px 0; }
.rc-fc--grand .rc-ot-tache .tm-carte { grid-column: 2; grid-row: 5; margin: 10px 18px 0; overflow-y: auto; min-height: 0; }
.rc-fc--grand .rc-ot-tache .rc-tb-barre { grid-column: 2; grid-row: 6; }
.rc-fc--grand .rc-ot-tache .rc-pj-ed-note .rc-ed--note .rc-ed-zone { min-height: 240px !important; }

/* Le RENDEZ-VOUS en onglet (22 octobre 2026) : sa fiche, sans sa croix, sans
   sa barre des canaux ni sa colonne d'historique — « Échanges » les porte. */
.rc-ot-rdv > :not(dialog):not(script):not(.rc-ot-choix) { display: none !important; }
.rc-ot-rdv .rc-r-tete-c > .rc-v-x, .rc-ot-rdv .rc-r-ligne1 .rc-j-fermer, .rc-ot-rdv dialog .rc-ba { display: none !important; }
.rc-ot-rdv .rc-modale-corps { flex: 1 !important; min-height: 0; max-height: none !important; overflow-y: auto; }
.rc-ot-rdv > dialog { display: flex !important; height: 100% !important; }
/* L'onglet en entier, sans la marge des fenêtres de la bulle : plus de bande grise à droite. */
.rc-ot-rdv > dialog#rc-fiche-reunion { width: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; }
.rc-ot-rdv .rc-r-epingle, .rc-ot-rdv .rc-v-reduire { display: none !important; }

/* La fiche d'un RENDEZ-VOUS ouverte sur une page (sans personne, ou depuis le
   planning) : la même place et la même taille qu'une bulle (22 octobre 2026). */
@media (min-width: 900px) {
  html:not([data-cadre]) dialog.rc-volet.rc-modale-reunion[open],
  html:not([data-cadre]) dialog.rc-volet.rc-modale-reunion[open]:not(:modal) {
    inset: calc(var(--haut) + 14px) 20px 20px auto; width: 420px; margin: 0; height: auto; max-height: none; border-radius: 16px;
    border: 1px solid var(--border-strong); box-shadow: 0 24px 60px rgba(0,0,0,.55); display: flex; flex-direction: column; }
  html:not([data-cadre]) dialog.rc-volet.rc-modale-reunion .rc-modale-corps { flex: 1; min-height: 0; max-height: none; overflow-y: auto; }
}

/* ════ LE RENDEZ-VOUS, CARTE D'ABORD (Tevini, 22 octobre 2026, maquette
   `rdv-bulle-options.html`, option A) : une tête mince, la carte (date en
   grand, heure, lieu, « Rejoindre », « ⋯ »), « Comment ça s'est passé ? » en
   une ligne après l'heure, puis la note interne qui prend la place. ════ */
.rc-r2-tete { flex: none; display: flex; align-items: center; gap: 6px; padding: 10px 10px 10px 16px; border-bottom: 1px solid var(--border); }
.rc-r2-sur { flex: 1; display: inline-flex; align-items: center; gap: 7px; color: var(--muted-foreground); font-size: calc(12px * var(--rc-echelle-texte)); letter-spacing: .08em; text-transform: uppercase; }
.rc-ot-rdv .rc-r2-tete { display: none; }
dialog.rc-modale-reunion .rc-r-corps.rc-r-compacte { padding: 14px; gap: 12px; }
.rc-r2-carte { flex: none; display: flex; flex-direction: column; gap: 12px; padding: 14px; border-radius: 14px; border: 1px solid var(--border-strong);
  background: linear-gradient(160deg, rgba(180,168,255,.08), rgba(255,255,255,.015)); }
.rc-r2-l1 { display: flex; align-items: flex-start; gap: 12px; }
.rc-r2-date { flex: none; width: 54px; padding: 5px 0 6px; border-radius: 12px; background: var(--card); border: 1px solid var(--border-strong);
  display: flex; flex-direction: column; align-items: center; line-height: 1.15; }
.rc-r2-date small { font-size: calc(10px * var(--rc-echelle-texte)); letter-spacing: .06em; text-transform: uppercase; color: var(--muted-foreground); }
.rc-r2-date small:first-child { color: var(--accent-hi); }
.rc-r2-date--auj small:first-child { color: var(--warning); }
.rc-r2-date b { font-size: calc(21px * var(--rc-echelle-texte)); font-weight: 600; }
.rc-r2-quoi { flex: 1; min-width: 0; }
.rc-r2-quoi h3 { margin: 0; font-size: calc(15px * var(--rc-echelle-texte)); font-weight: 600; line-height: 1.3; }
.rc-r2-quoi p { margin: 4px 0 0; color: var(--muted-foreground); font-size: calc(12.5px * var(--rc-echelle-texte)); }
.rc-r2-ou { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.rc-r2-ou > span:not(.rc-r2-g) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 220px; }
.rc-r2-g { display: inline-flex; align-items: center; gap: 4px; margin-left: 4px; }
.rc-r2-etat { flex: none; }
.rc-r2-gestes { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.rc-r2-gestes .btn { display: inline-flex; align-items: center; gap: 6px; }
.rc-r2-esp { flex: 1; }
.rc-r2-pop-d { position: relative; }
.rc-r2-pop-d > summary { list-style: none; cursor: pointer; }
.rc-r2-pop-d > summary::-webkit-details-marker { display: none; }
.rc-r2-pop { position: absolute; left: 0; top: calc(100% + 6px); z-index: 5; width: 300px; display: flex; flex-direction: column; gap: 8px; padding: 10px;
  border-radius: 12px; border: 1px solid var(--border-strong); background: var(--card); box-shadow: 0 20px 50px rgba(0,0,0,.6); }
.rc-r2-menu { position: relative; }
.rc-r2-menu-pop { right: 0; left: auto; top: calc(100% + 6px); bottom: auto; width: 250px; display: flex; flex-direction: column; padding: 6px; }
.rc-r2-menu-pop > a, .rc-r2-menu-pop > button, .rc-r2-sous > summary { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 10px; border: 0;
  border-radius: 8px; background: none; color: var(--foreground); font: inherit; font-size: calc(13px * var(--rc-echelle-texte)); text-align: left; text-decoration: none; cursor: pointer; list-style: none; }
.rc-r2-sous > summary::-webkit-details-marker { display: none; }
.rc-r2-menu-pop > a:hover, .rc-r2-menu-pop > button:hover, .rc-r2-sous > summary:hover { background: var(--muted); }
.rc-r2-sous > summary.rc-v-danger { color: var(--destructive, #F87171); }
.rc-r2-sous-f { display: flex; flex-direction: column; gap: 8px; padding: 4px 10px 10px; color: var(--muted-foreground); font-size: calc(12.5px * var(--rc-echelle-texte)); }
.rc-r2-qui { margin: 0; }
.rc-r2-carte .rc-r-faits { margin: 0; }
.rc-r2-bilan { flex: none; display: flex; flex-direction: column; gap: 10px; padding: 12px; border-radius: 14px;
  border: 1px solid rgba(251,191,36,.35); background: rgba(251,191,36,.05); }
.rc-r2-bilan b { font-size: calc(13.5px * var(--rc-echelle-texte)); font-weight: 600; }
.rc-r2-seg { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.rc-r2-seg a { height: 36px; display: grid; place-items: center; border-radius: 10px; border: 1px solid var(--border-strong); background: var(--card);
  color: var(--foreground); font-size: calc(12.5px * var(--rc-echelle-texte)); font-weight: 500; text-decoration: none; }
.rc-r2-seg a:hover { border-color: var(--accent-ring-strong, var(--border-strong)); }
.rc-r2-seg a[aria-current="true"] { border-color: rgba(74,222,128,.55); background: rgba(74,222,128,.08); color: var(--success); }
.rc-r2-seg .rc-r2-seg-absente[aria-current="true"] { border-color: rgba(251,191,36,.55); background: rgba(251,191,36,.08); color: var(--warning); }
.rc-r2-seg .rc-r2-seg-reportee[aria-current="true"] { border-color: rgba(125,211,252,.55); background: rgba(125,211,252,.08); color: var(--info, #7DD3FC); }
.rc-r2-seg .rc-r2-seg-annulee[aria-current="true"] { border-color: var(--border-strong); background: var(--muted); color: var(--muted-foreground); }
/* La suite, sous la bande : le choix est déjà fait plus haut, ses radios se taisent. */
.rc-r2-suite { flex: none; }
.rc-r2-suite .rc-r-cr-forme > .rc-r-champ:first-child { display: none; }
/* La note prend la place qui reste. */
dialog.rc-modale-reunion .rc-r-compacte > .rc-r-bloc[aria-label="Note interne"] { flex: 1 0 auto; display: flex; flex-direction: column; }
/* Basse vide, comme la note d'une tâche ; elle grandit avec ce qu'on écrit (Tevini, 23 octobre 2026 au soir). */
dialog.rc-modale-reunion .rc-r-compacte .rc-r-bloc .rc-ed-zone { min-height: 90px !important; }
/* L'ordre à l'écran : la carte, la bande, LA SUITE juste dessous (on vient de
   choisir), puis la note. */
dialog.rc-modale-reunion .rc-r-compacte > * { order: 3 !important; }
dialog.rc-modale-reunion .rc-r-compacte > .rc-r2-carte { order: 0 !important; }
dialog.rc-modale-reunion .rc-r-compacte > .rc-r2-bilan { order: 1 !important; }
dialog.rc-modale-reunion .rc-r-compacte > .rc-r2-suite { order: 2 !important; }
.rc-r2-suite { padding: 0 !important; border: 0 !important; background: none !important; }
.rc-r2-suite .rc-r-cr-aide { display: none; }
.rc-r2-suite .rc-r-ensuite { margin: 0; padding: 14px; border-radius: 14px; border: 1px solid var(--border-strong); background: var(--card); }
.rc-r2-suite .rc-r-grille-2 { grid-template-columns: 1fr 1fr; }
.rc-r2-suite .rc-r-grille-2:has(.rc-j-dates) { grid-template-columns: 1fr; }
.rc-r2-suite .rc-j-dates { display: flex; flex-wrap: wrap; gap: 6px; }
.rc-r2-suite .rc-r-cr-boutons:not(.rc-r-reporter) { display: flex; gap: 8px; justify-content: flex-end; }
.rc-r2-suite .rc-r-cr-boutons .btn { height: 36px; padding: 0 14px; font-size: calc(13px * var(--rc-echelle-texte)); }

/* Ni « Modifié », ni « Enregistrement… », ni « Enregistré », NULLE PART (feuille de toutes les pages)
   (Tevini, 22-23 octobre 2026) : la sauvegarde va de soi. Seul un échec
   (« Pas enregistré — réessayez ») se montre. */
.rc-enregistre:not(.rc-enregistre--alerte) { display: none !important; }

/* Le panneau des relances (dans la tête) passe AU-DESSUS de l'onglet
   « Rendez-vous » ou « Tâche », dont la fiche crée sa propre couche (23 octobre 2026). */
.rc-fc-flottant-tete { position: relative; z-index: 30; }
.rc-ot-tache > dialog { z-index: auto !important; }

/* ════ Les onglets DANS la tête de la bulle (Tevini, 23 octobre 2026, maquette
   `onglets-bulle-options.html`, A) : deux icônes à côté du nom, celle qu'on
   regarde surlignée ; la pastille « Relance » se réduit à son icône (son état
   reste en couleur, son détail au survol et au clic). ════ */
.rc-ot-seg { flex: none; display: inline-flex; gap: 2px; padding: 2px; border-radius: 9px; background: var(--muted); }
.rc-ot-seg .rc-ot-o { height: 26px; min-width: 30px; padding: 0 7px; border: 0; border-radius: 7px; display: inline-grid; place-items: center;
  background: none; color: var(--muted-foreground); cursor: pointer; }
.rc-ot-seg .rc-ot-o:hover { color: var(--foreground); }
.rc-ot-seg .rc-ot-o[aria-selected="true"] { background: var(--card); color: var(--foreground); box-shadow: 0 0 0 1px var(--border-strong); }
.rc-fc-flottant-tete:has(.rc-ot-seg) .rc-fc-qui { min-width: 0; flex: 0 1 auto; }
.rc-fc-flottant-tete:has(.rc-ot-seg) .rc-fc-qui b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-fc-flottant-tete:has(.rc-ot-seg) .rc-rl-dit { display: none; }
.rc-fc-flottant-tete:has(.rc-ot-seg) .rc-rl-pastille { padding: 0 8px; gap: 4px; }

/* Le RENDEZ-VOUS en pleine page (Tevini, 23 octobre 2026) : la carte, « Comment
   ça s'est passé ? » et la suite à gauche ; la note interne à droite, sur
   toute la hauteur. */
.rc-fc--grand .rc-ot-rdv .rc-modale-corps.rc-r-compacte { display: grid !important; grid-template-columns: minmax(340px, 5fr) 7fr;
  grid-auto-rows: min-content; align-content: start; column-gap: 18px; row-gap: 12px; padding: 18px; }
.rc-fc--grand .rc-ot-rdv .rc-r-compacte > * { grid-column: 1; }
.rc-fc--grand .rc-ot-rdv .rc-r-compacte > .rc-r-bloc[aria-label="Note interne"] { grid-column: 2; grid-row: 1 / span 40; align-self: stretch;
  min-height: 0; display: flex; flex-direction: column; }
/* … sur la hauteur de l'onglet, ni plus ni moins (Tevini, 23 octobre 2026 au
   soir) : plus de place vide à faire défiler sous la note. La dernière rangée
   prend le reste ; la note couvre toutes les rangées et défile en dedans. */
.rc-fc--grand .rc-ot-rdv .rc-modale-corps.rc-r-compacte { grid-template-rows: repeat(5, min-content) minmax(0, 1fr); align-content: stretch; }
.rc-fc--grand .rc-ot-rdv .rc-r-compacte > .rc-r-bloc[aria-label="Note interne"] { grid-row: 1 / -1; }
.rc-fc--grand .rc-ot-rdv .rc-r-compacte > .rc-r-bloc[aria-label="Note interne"] .rc-r-forme-auto,
.rc-fc--grand .rc-ot-rdv .rc-r-compacte > .rc-r-bloc[aria-label="Note interne"] .rc-ed { flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; }
.rc-fc--grand .rc-ot-rdv .rc-r-compacte > .rc-r-bloc[aria-label="Note interne"] .rc-ed-zone { flex: 1 1 0; min-height: 0 !important; max-height: none; overflow-y: auto; }
/* La note du rendez-vous se lit en entier, sans fondu ni plafond : elle prend
   la place qui reste dans l'onglet. */
.rc-ot-rdv .rc-r-bloc[aria-label="Note interne"] .rc-ed-zone { max-height: none !important; -webkit-mask-image: none !important; mask-image: none !important; overflow: visible !important; }
/* L'épingle, la pleine page et la croix, toujours au bout à droite (23 octobre 2026). */
html[data-cadre] .rc-fc-flottant-tete .rc-rl-ancre { margin-right: auto; }

/* ════ LA BANDE DE LA RELANCE (Tevini, 23 octobre 2026, maquette
   `relance-bandeau-options.html`, A) : une ligne sous la tête, un liseré de la
   couleur de son état ; un clic déroule le panneau ; ✓ et ◷ au bout. ════ */
.rc-rl-bande { position: relative; z-index: 25; flex: none; display: flex; align-items: center; gap: 6px; padding: 6px 10px 6px 12px;
  border-bottom: 1px solid var(--border); }
.rc-rl-bande--retard { background: linear-gradient(90deg, rgba(251,191,36,.10), rgba(251,191,36,.02)); box-shadow: inset 3px 0 0 var(--warning); }
.rc-rl-bande--avenir { background: linear-gradient(90deg, rgba(180,168,255,.09), rgba(180,168,255,.01)); box-shadow: inset 3px 0 0 var(--accent); }
.rc-rl-bande-o { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 2px 0; border: 0; background: none;
  color: var(--muted-foreground); font: inherit; text-align: left; cursor: pointer; }
.rc-rl-bande--retard .rc-rl-bande-o > svg { color: var(--warning); }
.rc-rl-bande--avenir .rc-rl-bande-o > svg { color: var(--accent-hi); }
.rc-rl-bande-t { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.rc-rl-bande-t b { font-size: calc(12.5px * var(--rc-echelle-texte)); font-weight: 600; color: var(--foreground); }
.rc-rl-bande--retard .rc-rl-bande-t b { color: var(--warning); }
.rc-rl-bande--avenir .rc-rl-bande-t b { color: var(--accent-hi); }
.rc-rl-bande-t small { font-size: calc(12px * var(--rc-echelle-texte)); color: var(--muted-foreground); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-rl-bande-prevoir { display: inline-flex; align-items: center; gap: 6px; color: var(--accent-hi); font-size: calc(12.5px * var(--rc-echelle-texte)); }
.rc-rl-bande .rc-rl-plus { flex: none; font-style: normal; font-size: calc(11.5px * var(--rc-echelle-texte)); padding: 2px 7px; border-radius: 99px; background: rgba(255,255,255,.08); color: var(--muted-foreground); }
.rc-rl-bande form { margin: 0; display: contents; }
.rc-rl-bande-b { flex: none; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; border: 1px solid var(--border-strong);
  background: var(--muted); color: var(--foreground); cursor: pointer; }
.rc-rl-bande-b:hover { border-color: var(--accent-ring-strong, var(--border-strong)); }
.rc-rl-bande-b--ok { color: var(--success); border-color: rgba(74,222,128,.4); background: rgba(74,222,128,.08); }
.rc-rl-bande > .rc-rl-pan { position: absolute; top: calc(100% + 4px); left: 8px; right: 8px; width: auto; }
/* Dans les deux onglets, la bande reste. En pleine page, elle court sous la tête. */
.rc-fiche-vie.rc-ot-vue-tache > .rc-rl-bande { display: flex !important; }
.rc-fc--grand > .rc-rl-bande { grid-column: 1 / -1; grid-row: 2; }
.rc-fc--grand:has(> .rc-rl-bande) { grid-template-rows: auto auto auto auto auto minmax(0, 1fr) !important; }
.rc-fc--grand:has(> .rc-rl-bande) > .rc-pro-ecarte { grid-row: 3; }
.rc-fc--grand:has(> .rc-rl-bande) > .rc-fa { grid-row: 4; }
.rc-fc--grand:has(> .rc-rl-bande) > .rc-fc-fil { grid-row: 5 / 7; }
.rc-fc--grand:has(> .rc-rl-bande) > .rc-fcb { grid-row: 3 / 7; }
.rc-fc--grand:has(> .rc-rl-bande) > .rc-ot-tache { grid-row: 3 / 7; }
/* La tête sans la pastille : le nom (et ses onglets) à gauche, les outils au bout. */
html[data-cadre] .rc-fc-flottant-tete > .rc-fc-qui { margin-right: auto; }
html[data-cadre] .rc-fc-flottant-tete:has(.rc-ot-seg) > .rc-fc-qui { margin-right: 0; }
html[data-cadre] .rc-fc-flottant-tete > .rc-ot-seg { margin-right: auto; }

/* ════ Plusieurs tâches, plusieurs rendez-vous (Tevini, 23 octobre 2026, maquette
   `onglets-plusieurs-options.html`, A) : leur nombre sur l'icône ; dans
   l'onglet, « 1 sur 2 » et la liste des autres. ════ */
.rc-ot-seg a.rc-ot-o { text-decoration: none; }
.rc-ot-seg .rc-ot-o { gap: 2px; display: inline-flex; align-items: center; justify-content: center; }
.rc-ot-seg .rc-ot-o sup { font-size: calc(10px * var(--rc-echelle-texte)); font-weight: 600; color: var(--accent-hi); line-height: 1; top: -.4em; }
.rc-ot-choix { flex: none; position: relative; padding: 8px 12px; border-bottom: 1px solid var(--border); background: rgba(255,255,255,.015); }
.rc-ot-choix > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 9px;
  border: 1px solid var(--border-strong); background: var(--card); }
.rc-ot-choix > summary::-webkit-details-marker { display: none; }
.rc-ot-choix > summary b { flex: 1; min-width: 0; font-weight: 500; font-size: calc(12.5px * var(--rc-echelle-texte)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-ot-choix-n { flex: none; color: var(--muted-foreground); font-size: calc(12px * var(--rc-echelle-texte)); }
.rc-ot-choix-pop { position: absolute; left: 12px; right: 12px; top: calc(100% - 4px); z-index: 20; display: flex; flex-direction: column; padding: 6px;
  border-radius: 12px; border: 1px solid var(--border-strong); background: var(--card); box-shadow: 0 20px 50px rgba(0,0,0,.6); }
.rc-ot-choix-pop a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; color: var(--foreground); text-decoration: none; }
.rc-ot-choix-pop a:hover, .rc-ot-choix-pop a[aria-current="true"] { background: var(--muted); }
.rc-ot-choix-pop a b { flex: 1; min-width: 0; font-weight: 500; font-size: calc(12.5px * var(--rc-echelle-texte)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-ot-choix-pop a small { flex: none; color: var(--muted-foreground); font-size: calc(11.5px * var(--rc-echelle-texte)); }

/* ════ LA BARRE DU HAUT ALLÉGÉE (Tevini, 23 octobre 2026, maquette
   `bulle-globale.html`, A) : sur ordinateur, la recherche et « Créer ». Les
   canaux de la barre d'action sont dans la bulle ; le téléphone garde la sienne. ════ */
.rc-haut-creer { display: none; position: relative; }
@media (min-width: 900px) {
  .rc-haut-ba, .rc-eclair, .rc-haut-plus--tel { display: none !important; }
  html:not([data-cadre]) .rc-ba { display: none !important; }
  .rc-haut-creer { display: block; margin-left: auto; }
  .rc-haut-creer-b { list-style: none; cursor: pointer; height: 36px; padding: 0 12px 0 14px; border-radius: 10px; display: inline-flex; align-items: center; gap: 7px;
    background: var(--primary, #8B7FE0); color: #fff; font-weight: 500; font-size: calc(13.5px * var(--rc-echelle-texte)); }
  .rc-haut-creer-b::-webkit-details-marker { display: none; }
  .rc-haut-creer-pop { position: absolute; right: 0; top: calc(100% + 8px); z-index: 120; width: 220px; padding: 6px; display: flex; flex-direction: column;
    border-radius: 12px; border: 1px solid var(--border-strong); background: var(--card); box-shadow: 0 20px 50px rgba(0,0,0,.6); }
  .rc-haut-creer-pop > button, .rc-haut-creer-pop > a { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border: 0; border-radius: 8px; background: none;
    color: var(--foreground); font: inherit; font-size: calc(13.5px * var(--rc-echelle-texte)); text-align: left; text-decoration: none; cursor: pointer; }
  .rc-haut-creer-pop > button:hover, .rc-haut-creer-pop > a:hover { background: var(--muted); }
  .rc-haut-creer-pop > button svg, .rc-haut-creer-pop > a svg { color: var(--muted-foreground); }
  .rc-haut-creer-sep { height: 1px; margin: 4px 6px; background: var(--border); }
}
/* La barre du haut passe devant la bulle : ses menus (Créer, cloche, gâteau)
   ne se cachent plus derrière elle. */
.rc-haut { z-index: 80; }
/* La recherche, à droite contre « Créer » (Tevini, 23 octobre 2026) : un vrai
   champ, lisible — la loupe, l'invite, « Ctrl K » en touche. */
@media (min-width: 900px) {
  html .rc-haut .rc-haut-chercher { order: 1; margin-left: auto; flex: 0 1 340px; width: auto; max-width: 340px; height: 36px; padding: 0 8px 0 12px;
    gap: 9px; border-radius: 10px; border: 1px solid var(--border-strong); background: rgba(255,255,255,.04); color: var(--muted-foreground);
    transition: border-color .15s, background .15s; }
  html .rc-haut .rc-haut-chercher:hover { border-color: var(--accent-ring-strong, rgba(180,168,255,.35)); background: rgba(255,255,255,.06); color: var(--foreground); }
  html .rc-haut .rc-haut-chercher svg { flex: none; color: var(--accent-hi); }
  html .rc-haut .rc-haut-chercher-t { display: inline; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(13px * var(--rc-echelle-texte)); }
  html .rc-haut .rc-haut-kbd { flex: none; font-size: calc(11px * var(--rc-echelle-texte)); padding: 2px 6px; border-radius: 6px; border: 1px solid var(--border-strong); background: var(--muted); color: var(--muted-foreground); }
  html .rc-haut .rc-haut-creer { order: 2; margin-left: 10px; }
  html .rc-haut .rc-haut-droite { order: 3; }
}
/* Pleine page : les réglages de la tâche (« Qui, projet, échéance, durée »)
   prennent la place qui reste et défilent, au lieu d'être coupés en bas ; ouverts,
   le texte de la tâche se resserre à son contenu (23 octobre 2026). */
.rc-fc--grand .rc-ot-tache > dialog.rc-tb { grid-template-rows: auto auto auto minmax(0, 1fr) auto auto !important; }
.rc-fc--grand .rc-ot-tache .rc-tb-reglages { align-self: start; max-height: 100%; min-height: 0; overflow-y: auto; scrollbar-width: thin; }
.rc-fc--grand .rc-ot-tache .tm-carte { grid-row: 5; }
.rc-fc--grand .rc-ot-tache:has(.rc-tb-reglages[open]) .rc-pj-ed-note .rc-ed--note .rc-ed-zone { min-height: 90px !important; max-height: 30vh; overflow-y: auto; }

/* ════ LES CARACTÉRISTIQUES D'UNE TÂCHE EN PUCES (Tevini, 23 octobre 2026,
   maquette `tache-proprietes-options.html`, A). ════ */
.rc-pu-rang { flex: none; display: flex; flex-wrap: wrap; gap: 6px; }
.rc-pu-d { position: relative; }
.rc-pu-d > summary { list-style: none; }
.rc-pu-d > summary::-webkit-details-marker { display: none; }
.rc-pu { height: 28px; max-width: 260px; padding: 0 10px; border-radius: 99px; border: 1px solid var(--border-strong); background: var(--card);
  display: inline-flex; align-items: center; gap: 6px; color: var(--foreground); font-size: calc(12.5px * var(--rc-echelle-texte)); text-decoration: none; cursor: pointer; white-space: nowrap; }
.rc-pu span { overflow: hidden; text-overflow: ellipsis; }
.rc-pu svg, .rc-pu-fl { flex: none; color: var(--muted-foreground); font-weight: 500; }
.rc-pu:hover, .rc-pu-d[open] > .rc-pu { border-color: var(--accent-ring-strong, rgba(180,168,255,.35)); background: rgba(180,168,255,.06); }
.rc-pu--vide { border-style: dashed; background: none; color: var(--muted-foreground); }
.rc-pu--retard { color: var(--destructive, #F87171); border-color: rgba(248,113,113,.4); background: rgba(248,113,113,.06); }
.rc-pu--retard svg { color: currentColor; }
.rc-pu--confiee { border-color: var(--accent-ring, rgba(180,168,255,.28)); background: rgba(180,168,255,.08); color: var(--accent-hi); }
.rc-pu-point { width: 8px; height: 8px; border-radius: 50%; background: var(--c); flex: none; }
.rc-pu-pop { width: 260px; display: flex; flex-direction: column; gap: 6px; padding: 10px; z-index: 30; }
.rc-pu-t { margin: 0 2px 2px; font-size: calc(10.5px * var(--rc-echelle-texte)); letter-spacing: .1em; text-transform: uppercase; color: var(--muted-foreground); }
.rc-pu-l { display: flex; align-items: center; width: 100%; padding: 7px 9px; border: 0; border-radius: 8px; background: none; color: var(--foreground);
  font: inherit; font-size: calc(13px * var(--rc-echelle-texte)); text-align: left; cursor: pointer; }
.rc-pu-l:hover, .rc-pu-l.on { background: var(--muted); }
.rc-pu-l.on::after { content: "✓"; margin-left: auto; color: var(--accent-hi); }
.rc-pu-autre { display: flex; gap: 6px; }
.rc-pu-autre .rc-saisie { flex: 1; min-width: 0; }
.rc-pu-grille { display: flex; flex-wrap: wrap; gap: 4px; }
/* Dans la fenêtre d'une tâche : sous la tête, avant le texte. */
.rc-tb-corps > .rc-pu-rang { margin-bottom: 2px; }
/* En pleine page : à droite, sous la tête ; le texte prend la hauteur qui reste. */
.rc-fc--grand .rc-ot-tache .rc-pu-rang { grid-column: 2; grid-row: 3; margin: 14px 18px 0; }
.rc-fc--grand .rc-ot-tache .rc-tb-desc { grid-row: 4 !important; align-self: stretch; min-height: 0; }
/* Le choix d'une puce s'ouvre sous la rangée, calé à gauche : il ne déborde
   jamais de la bulle. Dans l'onglet, la tête de la tâche (titre, échéance)
   ferait doublon avec le sélecteur et les puces : elle s'efface. */
.rc-pu-rang { position: relative; }
.rc-pu-d { position: static; }
.rc-pu-pop { left: 0 !important; right: auto !important; top: calc(100% + 6px) !important; width: min(280px, 100%); box-sizing: border-box; }
.rc-pu-l { justify-content: space-between; }
.rc-ot-tache .rc-tb-tete { display: none !important; }
.rc-pu-pop .rc-pu-l { display: flex !important; width: 100% !important; justify-content: space-between !important; }
/* L'échéance de la tête ferait doublon avec sa puce. */
.rc-tb-tete .rc-tb-ech { display: none; }

/* ════ LE PLANNING DE MA JOURNÉE A LA FORME D'UNE BULLE (Tevini, 23 octobre
   2026) : fixe à droite, à la place exacte d'une bulle, toujours visible ; la
   bulle d'une personne se pose par-dessus ; ⤢ l'élargit comme une bulle. ════ */
.mj-plan-semaine { font-size: calc(12px * var(--rc-echelle-texte)); color: var(--muted-foreground); text-decoration: none; padding: 0 4px; }
.mj-plan-semaine:hover { color: var(--accent-hi); }
.mj-plan-moins { display: none; }
.mj-plan--grand .mj-plan-plus { display: none; }
.mj-plan--grand .mj-plan-moins { display: inline-grid; }
button.mj-plan-fl { background: none; cursor: pointer; }
/* LA BULLE DE LA FICHE A LA TÊTE DE CELLE DE MA JOURNÉE (Tevini, 23 octobre
   2026 au soir) : la pastille et le nom, ⤢, et × qui la masque. */
.rc-fc-reduire-x { display: none; font-size: calc(18px * var(--rc-echelle-texte)); line-height: 1; }
@media (min-width: 900px) {
  html:not([data-cadre]) .rc-fiche-vie .rc-fc-flottant-tete { justify-content: flex-start; gap: 6px; padding: 9px 8px 9px 12px; }
  html:not([data-cadre]) .rc-fiche-vie .rc-fc-flottant-tete > b, html:not([data-cadre]) .rc-fiche-vie .rc-fc-flottant-tete > svg { display: none; }
  html:not([data-cadre]) .rc-fiche-vie .rc-fc-qui { display: inline-flex; align-items: center; gap: 8px; flex: 1; min-width: 0; margin-right: auto;
    color: var(--foreground); text-decoration: none; border-radius: 8px; }
  html:not([data-cadre]) .rc-fiche-vie .rc-fc-flottant-tete:has(.rc-ot-seg) > .rc-fc-qui { flex: 0 1 auto; margin-right: 0; }
  html:not([data-cadre]) .rc-fiche-vie .rc-fc-flottant-tete > .rc-ot-seg { margin-right: auto; }
  html:not([data-cadre]) .rc-fiche-vie .rc-fc-qui b { font-size: calc(14px * var(--rc-echelle-texte)); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html:not([data-cadre]) .rc-fiche-vie [data-fcb-agrandir] { order: 1; }
  html:not([data-cadre]) .rc-fiche-vie [data-fc-reduire] { order: 2; }
  html:not([data-cadre]) .rc-fiche-vie [data-fc-reduire] .rc-fc-reduire-ico { display: none; }
  html:not([data-cadre]) .rc-fiche-vie [data-fc-reduire] .rc-fc-reduire-x { display: inline; }
}

/* ════ LE ROND FLOTTANT (Tevini, 23 octobre 2026 au soir) : une seule bulle
   active, rappelée par un rond à ses initiales en bas à droite, partout — sur
   une fiche, celui de la fiche. La bulle se pose au-dessus de lui. Plus
   d'épinglés : les épingles des bulles et des tâches disparaissent. ════ */
.rc-v-reduire, [data-bp-reduire], .rc-bp-cmd[data-bp-cmd="reduire"] { display: none !important; }
.rc-rond { width: 56px; height: 56px; padding: 0; border-radius: 50%; display: grid; place-items: center; cursor: pointer;
  border: 1px solid var(--accent-ring-strong); background: color-mix(in srgb, var(--accent) 22%, var(--card)); color: var(--accent-hi);
  font: inherit; font-size: calc(16px * var(--rc-echelle-texte)); font-weight: 600; letter-spacing: .02em; box-shadow: 0 14px 34px rgba(0,0,0,.5); transition: background .12s, box-shadow .12s; }
.rc-rond:hover { background: color-mix(in srgb, var(--accent) 34%, var(--card)); }
.rc-rond--ouvert, html:not(.rc-fc-reduite) .rc-fc-rouvrir.rc-rond { box-shadow: 0 0 0 3px var(--accent-ring-strong), 0 14px 34px rgba(0,0,0,.5); }
.rc-bp-rond-zone { position: fixed; right: 20px; bottom: 20px; z-index: 76; }
.rc-bp-rond-zone[hidden] { display: none; }
.rc-bp-rond-x { position: absolute; top: -6px; right: -6px; width: 22px; height: 22px; padding: 0; border-radius: 50%; display: none; place-items: center;
  border: 1px solid var(--border-strong); background: var(--card); color: var(--muted-foreground); font: inherit; font-size: calc(14px * var(--rc-echelle-texte)); line-height: 1; cursor: pointer; }
.rc-bp-rond-zone:hover .rc-bp-rond-x, .rc-bp-rond-x:focus-visible { display: grid; }
.rc-bp-rond-x:hover { color: var(--foreground); }
@media (min-width: 900px) {
  .rc-bp:not(.rc-bp--grand) { bottom: 88px; }
  html:not([data-cadre]) .rc-fiche .rc-fiche-vie.rc-fc:not(.rc-fc--grand) { bottom: 88px; }
  html:not([data-cadre]) .rc-fc-rouvrir-zone { position: fixed; right: 20px; bottom: 20px; z-index: 41; display: flex; align-items: center; gap: 10px; }
  html:not(.rc-fc-reduite) .rc-fc-rouvrir-zone .rc-rl-pastille { display: none; }
  html:not([data-cadre]) .rc-fc-rouvrir.rc-rond { display: grid; }
}
@media (max-width: 899px) { .rc-bp-rond-zone, .rc-bp-choix { display: none !important; } }
.rc-rond [data-bp-rond-loupe] { display: grid; place-items: center; }
.rc-rond [hidden] { display: none !important; }

/* ════ CHOISIR QUELQU'UN (Tevini, 24 octobre 2026, maquette
   `rond-choisir-options.html`) : la recherche du rond, au-dessus de lui ; ou,
   bulle ouverte, en haut de la bulle (▾ à côté du nom). ════ */
.rc-bp-choix { position: fixed; right: 20px; bottom: 88px; width: 340px; max-height: min(520px, calc(100vh - var(--haut) - 110px)); z-index: 78;
  display: flex; flex-direction: column; border-radius: 16px; border: 1px solid var(--border-strong); background: var(--card);
  box-shadow: 0 24px 60px rgba(0,0,0,.55); overflow: hidden; }
.rc-bp-choix[hidden] { display: none; }
.rc-bp-choix--haut { bottom: auto; top: calc(var(--haut) + 64px); right: 36px; }
.rc-bp-choix-cherche { flex: none; display: flex; align-items: center; gap: 8px; margin: 12px; height: 40px; padding: 0 12px; border-radius: 11px;
  border: 1px solid var(--accent-ring-strong); background: rgba(255,255,255,.04); color: var(--muted-foreground); }
.rc-bp-choix-cherche input { flex: 1; min-width: 0; height: 100%; border: 0; background: none; color: var(--foreground); font: inherit; font-size: calc(14px * var(--rc-echelle-texte)); outline: none; }
.rc-bp-choix-grp { flex: none; margin: 0; padding: 2px 16px 6px; font-size: calc(10.5px * var(--rc-echelle-texte)); letter-spacing: .12em; text-transform: uppercase; color: var(--disabled-foreground, var(--muted-foreground)); }
.rc-bp-choix-liste { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 0 0 8px; }
.rc-bp-choix-l { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 16px; border: 0; background: none; color: var(--foreground);
  font: inherit; text-align: left; text-decoration: none; cursor: pointer; }
.rc-bp-choix-l:hover, .rc-bp-choix-l--actif { background: var(--accent-wash); }
.rc-bp-choix-qui { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.rc-bp-choix-qui b { font-weight: 500; font-size: calc(13.5px * var(--rc-echelle-texte)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-bp-choix-qui small { color: var(--muted-foreground); font-size: calc(12px * var(--rc-echelle-texte)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-bp-choix-l--creer { margin: 6px 10px 2px; width: calc(100% - 20px); padding: 10px 12px; border-radius: 11px; border: 1px dashed var(--accent-ring-strong);
  color: var(--accent-hi); font-weight: 500; }
.rc-bp-choix-creer { flex: none; display: flex; flex-direction: column; gap: 8px; padding: 4px 12px 12px; border-top: 1px solid var(--border); padding-top: 12px; }
.rc-bp-choix-creer[hidden] { display: none; }
.rc-bp-choix-creer .btn { height: 36px; justify-content: center; }
.rc-bp-choix-err { margin: 0; color: var(--error); font-size: calc(12.5px * var(--rc-echelle-texte)); }
/* ════ LE DESTINATAIRE EN PASTILLE (Tevini, 24 octobre 2026, maquette
   `destinataire-options.html`) ════ */
.rc-dest { position: relative; display: inline-flex; min-width: 0; }
.rc-dest-puce { display: inline-flex; align-items: center; gap: 6px; min-width: 0; height: 30px; padding: 0 10px; border-radius: 99px; cursor: pointer;
  border: 1px solid var(--accent-ring-strong); background: var(--accent-wash); color: var(--foreground); font: inherit; font-size: calc(13px * var(--rc-echelle-texte)); }
.rc-dest-puce b { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-dest-puce i { font-style: normal; color: var(--muted-foreground); font-size: calc(12px * var(--rc-echelle-texte)); white-space: nowrap; }
.rc-dest-puce svg { color: var(--accent-hi); transform: rotate(90deg); flex: none; }
.rc-dest-puce[aria-expanded="true"] svg { transform: rotate(-90deg); }
.rc-dest-pop { position: fixed; z-index: 90; max-height: 70vh; overflow-y: auto; display: flex; flex-direction: column;
  border-radius: 14px; border: 1px solid var(--border-strong); background: var(--popover, #191B25); box-shadow: 0 18px 40px rgba(0,0,0,.6); overflow: hidden; }
.rc-dest-pop[hidden] { display: none; }
.rc-dest-t { padding: 10px 14px 6px; font-size: calc(10.5px * var(--rc-echelle-texte)); letter-spacing: .12em; text-transform: uppercase; color: var(--disabled-foreground, var(--muted-foreground)); }
.rc-dest-liste { display: flex; flex-direction: column; }
.rc-dest-op { display: flex; align-items: center; gap: 4px; padding: 2px 8px 2px 4px; }
.rc-dest-op--on { background: var(--accent-wash); }
.rc-dest-choix { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 0; background: none; color: var(--foreground);
  font: inherit; text-align: left; cursor: pointer; }
.rc-dest-radio { flex: none; width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid var(--border-strong); }
.rc-dest-op--on .rc-dest-radio { border: 5px solid var(--accent); }
.rc-dest-txt { min-width: 0; display: flex; flex-direction: column; }
.rc-dest-txt b { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-dest-txt small { color: var(--muted-foreground); font-size: calc(12px * var(--rc-echelle-texte)); }
.rc-dest-ic { flex: none; min-width: 30px; height: 30px; padding: 0 6px; border-radius: 8px; border: 1px solid transparent; background: none; color: var(--muted-foreground);
  font: inherit; font-size: calc(13px * var(--rc-echelle-texte)); cursor: pointer; }
.rc-dest-ic:hover { border-color: var(--border-strong); color: var(--foreground); }
.rc-dest-suppr--sur { color: var(--error) !important; border-color: rgba(248,113,113,.45) !important; font-size: calc(12px * var(--rc-echelle-texte)); }
.rc-dest-ajout { display: flex; align-items: center; gap: 8px; margin: 6px 10px 10px; padding: 9px 12px; border-radius: 11px; border: 1px dashed var(--accent-ring-strong);
  background: none; color: var(--accent-hi); font: inherit; font-weight: 500; cursor: pointer; }
.rc-dest-champ { display: flex; gap: 6px; padding: 6px 10px; }
.rc-dest-champ .rc-saisie { flex: 1; min-width: 0; height: 34px; }
.rc-dest-champ .rc-dest-lib { flex: 0 0 92px; }
.rc-dest-err { margin: 0 14px 10px; color: var(--error); font-size: calc(12.5px * var(--rc-echelle-texte)); }
/* ════ LA NOTE ENRICHIE DE LA BULLE (Tevini, 24 octobre 2026) : l'éditeur des
   notes, puis un pied discret — le raccourci et « Ajouter ». ════ */
.rc-fcb .rc-fc-note--riche { display: flex; flex-direction: column; align-items: stretch; gap: 6px; }
.rc-fc-note--riche .rc-ed { flex: 1 1 auto; min-width: 0; }
.rc-fc-note-pied { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.rc-fc-note--riche .rc-fc-note-aide { margin: 0 !important; }
.rc-fc-note--riche:not(:focus-within) .rc-fc-note-pied:has([data-note-ajouter]:disabled) { display: none; }
/* La barre de mise en forme (images, captures, listes…) paraît en écrivant, même en bulle. */
.rc-fc .rc-fcb-zone .rc-fc-note--riche:focus-within .rc-ed-barre,
.rc-fc .rc-fcb-zone .rc-fc-note--riche:has([data-note-ajouter]:not(:disabled)) .rc-ed-barre { display: flex !important; }
/* ════ PLUS DE CHAMPS À FOND NOIR (Tevini, 24 octobre 2026) : dans la bulle, les
   tâches et les rendez-vous, les notes et les champs ont le format des messages —
   sur le fond de la carte, un cadre qui ne paraît qu'au survol ou en écrivant, un
   texte plus petit. ════ */
:is(.rc-fc, dialog.rc-tb, #rc-fiche-reunion, .rc-modale-tache) .rc-ed--note {
  background: none !important; border-color: transparent !important; box-shadow: none !important; transition: border-color .12s; }
:is(.rc-fc, dialog.rc-tb, #rc-fiche-reunion, .rc-modale-tache) .rc-ed--note:hover { border-color: var(--border) !important; }
:is(.rc-fc, dialog.rc-tb, #rc-fiche-reunion, .rc-modale-tache) .rc-ed--note:focus-within { border-color: var(--accent-ring-strong) !important; }
:is(.rc-fc, dialog.rc-tb, #rc-fiche-reunion, .rc-modale-tache) .rc-ed--note .rc-ed-zone { font-size: var(--text-sm); line-height: 1.55; padding: 8px 10px; }
:is(.rc-fc, dialog.rc-tb, #rc-fiche-reunion, .rc-modale-tache) .rc-ed--note .rc-ed-zone :is(h2, h3) { font-size: calc(15px * var(--rc-echelle-texte)); line-height: 1.35; margin: 2px 0 6px; }
:is(.rc-fc, dialog.rc-tb, #rc-fiche-reunion, .rc-modale-tache) .rc-ed--note .rc-ed-barre { background: none; border-top-color: var(--border); }
:is(.rc-fc, dialog.rc-tb, #rc-fiche-reunion, .rc-modale-tache) :is(input.rc-saisie, select.rc-saisie, textarea.rc-saisie, textarea:not(.rc-ed-source)) {
  background-color: rgba(255,255,255,.03) !important; border-color: var(--border) !important; font-size: var(--text-sm); }
:is(.rc-fc, dialog.rc-tb, #rc-fiche-reunion, .rc-modale-tache) :is(input.rc-saisie, textarea.rc-saisie, textarea:not(.rc-ed-source)):focus {
  border-color: var(--accent-ring-strong) !important; }
/* La note de la bulle : exactement le format d'un message. */
.rc-fcb-zone .rc-fc-note--riche .rc-ed { border: 0 !important; }
.rc-fcb-zone .rc-fc-note--riche .rc-ed-zone { padding: 6px 0 !important; min-height: 44px !important; }
.rc-fcb-zone .rc-fc-note--riche .rc-ed-barre { border: 0; padding: 0; }
/* ▾ à côté du nom, dans la bulle. */
.rc-bp-changer svg { transform: rotate(90deg); }
html[data-cadre] .rc-fc-flottant-tete > .rc-fc-qui:has(+ .rc-bp-changer) { flex: 0 1 auto; margin-right: 0; }
html[data-cadre] .rc-fc-flottant-tete:not(:has(.rc-ot-seg)) > .rc-bp-changer { margin-right: auto; }
html[data-cadre] .rc-bp-rond-zone, html[data-cadre] .rc-fc-rouvrir-zone { display: none !important; }

/* ════ LA FICHE EN DEUX COLONNES (Tevini, 23 octobre 2026 au soir, maquette
   `fiche-contact-options.html`, A) : à gauche la personne et ses informations,
   au centre ses campagnes, relations et documents — sans onglets. La fiche
   s'arrête où commence la bulle ; bulle masquée, elle prend la largeur. ════ */
.rc-fp-gauche, .rc-fp-centre { display: contents; }
@media (min-width: 900px) {
  /* Plus de grand cadre autour : deux colonnes de cartes, sur le fond. */
  html:not([data-cadre]) .rc-fiche-cadre > .rc-fiche { background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
  /* La largeur ne bouge pas quand la bulle s'ouvre : elle se pose par-dessus (Tevini, 24 octobre 2026). */
  html:not([data-cadre]) .rc-fiche > .rc-fiche-qui { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 14px; align-items: start;
    padding: 0 !important; background: none !important; max-width: none; }
  html:not([data-cadre]) .rc-fp-gauche, html:not([data-cadre]) .rc-fp-centre { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
  html:not([data-cadre]) .rc-fp-gauche { padding: 18px 16px; border: 1px solid var(--border); border-radius: 14px; background: var(--card); }
  html:not([data-cadre]) .rc-fp-centre > * { padding: 12px 16px !important; border: 1px solid var(--border) !important; border-radius: 14px !important; background: var(--card) !important; }
  html:not([data-cadre]) .rc-fiche-qui .rc-fp-onglets, html:not([data-cadre]) .rc-fiche-qui .rc-fiche-onglets { display: none !important; }
  html:not([data-cadre]) .rc-fiche-qui .rc-fiche-panneau { display: block !important; max-width: none !important; margin: 0; }
  html:not([data-cadre]) .rc-fiche-qui .rc-fiche-campagnes { display: block !important; margin: 0; }
  html:not([data-cadre]) .rc-fiche-qui .rc-fiche-campagnes .rc-groupe-titre.rc-sc-titre { display: flex !important; }
  html:not([data-cadre]) .rc-fp-gauche > .carte { margin: 0; padding: 0; border: 0; background: none; }
  /* La colonne de gauche est étroite : l'intitulé se resserre, la valeur se coupe au lieu de déborder. */
  html:not([data-cadre]) .rc-fp-gauche .rc-infos, html:not([data-cadre]) .rc-fp-gauche .rc-infos-bloc,
  html:not([data-cadre]) .rc-fp-gauche .rc-info { min-width: 0; max-width: 100%; }
  html:not([data-cadre]) .rc-fp-gauche .rc-info-cle { flex: 0 0 98px !important; min-width: 0 !important; width: 98px; }
  /* Téléphone, e-mail : l'intitulé au-dessus, les valeurs sur toute la largeur. */
  html:not([data-cadre]) .rc-fp-gauche .rc-info--canal { flex-direction: column; align-items: stretch; gap: 2px; padding: 6px 0; }
  html:not([data-cadre]) .rc-fp-gauche .rc-info--canal .rc-info-cle { flex: none !important; width: auto; }
  html:not([data-cadre]) .rc-fp-gauche .rc-canal-liste { width: 100%; }
  html:not([data-cadre]) .rc-fp-gauche .rc-canal-liste > .rc-canal-v, html:not([data-cadre]) .rc-fp-gauche .rc-canal-ligne > .rc-canal-v { justify-self: start; }
  /* Les relations gardent leur tête : « Ses relations », et « Mes relations » à droite. */
  html:not([data-cadre]) #rc-onglet-relations .rc-rel { padding: 0; border: 0; background: none; }
  html:not([data-cadre]) #rc-onglet-relations .rc-rel-tete { display: flex !important; margin: 2px 0 6px; }
  html:not([data-cadre]) #rc-onglet-relations .rc-rel-tete .rc-groupe-titre { display: flex !important; align-items: center; gap: 6px; margin: 0 auto 0 0; order: -1; }
}
/* Au téléphone, l'activité prend toute la largeur (elle se resserrait sur son contenu). */
@media (max-width: 899px) { .rc-fiche > .rc-fiche-vie { align-self: stretch; } }
/* Deux colonnes dès que la place le permet ; en dessous, l'une sous l'autre. */
@media (min-width: 1280px) {
  html:not([data-cadre]) .rc-fiche > .rc-fiche-qui { grid-template-columns: 340px minmax(0, 1fr); }
}

/* Montrer ou masquer la bulle des échanges depuis le haut de la fiche
   (Tevini, 23 octobre 2026 au soir). Au téléphone, la fiche a ses onglets. */
.rc-fc-bascule { display: inline-flex; align-items: center; gap: 6px; margin-right: 8px; }
.rc-fc-bascule-afficher, html.rc-fc-reduite .rc-fc-bascule-masquer { display: none; }
html.rc-fc-reduite .rc-fc-bascule-afficher { display: inline; }
@media (max-width: 899px) { .rc-fc-bascule { display: none; } }
html[data-cadre] .rc-fc-bascule { display: none; }

/* ════ MA JOURNÉE, OPTION A (Tevini, 23 octobre 2026 au soir, maquette
   `ma-journee-options.html`) : l'en-tête sur toute la largeur ; dessous, le
   planning en hauteur à GAUCHE, et à droite UNE carte qui se lit de haut en
   bas — Rendez-vous, À relancer, Tâches —, ce qui est fait replié au pied.
   Les onglets de famille disparaissent : chaque partie porte son titre et son
   nombre. ⤢ agrandit toujours le planning en grand. ════ */
@media (min-width: 900px) {
  /* Les familles reviennent à l'ordinateur (Tevini, 25 octobre 2026) : n'afficher qu'une sorte, d'un clic. */
  .mj.mj2 { grid-template-columns: minmax(0, 1fr) 340px; gap: 16px; align-items: stretch; }
  .mj2 > .mj-plan { align-self: start; position: sticky; top: calc(var(--haut) + 14px);
    height: calc(100vh - var(--haut) - 34px); max-height: none; min-height: 420px; }
  .mj2 > .mj2-liste { min-width: 0; border: 1px solid var(--border); border-radius: 14px; background: var(--card); overflow: hidden; }
  .mj2-liste .rc-j-rangees { display: flex; flex-direction: column; min-height: 100%; }
  .mj2-liste .mj2-sec { margin: 0; }
  .mj2-liste .mj2-sec + .mj2-sec { border-top: 1px solid var(--border); }
  .mj2-liste .mj2-sec .mj-fam-t { padding: 14px 16px 8px; margin: 0; align-items: center; gap: 8px; }
  .mj2-liste .mj2-sec .mj-fam-t::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--disabled-foreground); }
  .mj2-liste .mj-fam-t--rdv::before { background: var(--accent) !important; }
  .mj2-liste .mj-fam-t--relance::before { background: var(--info) !important; }
  .mj2-liste .mj2-sec .mj-fam-t h2 { font-size: calc(11px * var(--rc-echelle-texte)); font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--disabled-foreground); }
  .mj2-liste .mj2-sec .mj-fam-t em { font-size: calc(12px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
  /* Les lignes, à plat dans la carte : un trait les sépare, plus de carte dans la carte. */
  .mj2-liste .mj2-groupe { border: 0; border-radius: 0; background: none; }
  .mj2-liste .mj2-groupe > .mj-ligne { border-radius: 0; border-top: 1px solid var(--border); }
  .mj2-liste .mj2-groupe > .mj-ligne:first-child { border-top: 0; }
  .mj2-liste .mj-ligne { padding: 10px 16px; }
  /* Les rendez-vous en lignes, l'heure à gauche, les gestes à droite. */
  .mj2-liste .mj-rdvs { display: flex; flex-direction: column; gap: 0; }
  .mj2-liste .mj-rdv { border: 0; border-radius: 0; background: none; padding: 10px 16px; align-items: center; }
  .mj2-liste .mj-rdv + .mj-rdv { border-top: 1px solid var(--border); }
  .mj2-liste .mj-rdv:hover { background: #191B25; }
  .mj2-liste .mj-rdv-h { min-width: 52px; padding: 6px; }
  .mj2-liste .mj-rdv-corps { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; align-items: center; }
  .mj2-liste .mj-rdv-titre, .mj2-liste .mj-rdv-qui { grid-column: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mj2-liste .mj-rdv-gestes { grid-column: 2; grid-row: 1 / span 2; margin: 0; }
  /* Ce qui est fait, au pied de la carte. */
  .mj2-liste .mj2-fait { margin: auto 0 0; border-top: 1px dashed var(--border-strong); }
  .mj2-liste .mj2-fait > summary { border: 0; border-radius: 0; }
  .mj2-liste .mj2-fait[open] > summary { margin: 0; }
  .mj2-liste .rc-rien { margin: auto 0; }
  .rc-content--journee .mj > .mj-plan.mj-plan--grand { position: fixed !important; top: calc(var(--haut) + 14px); right: 20px; bottom: 20px;
    left: calc(var(--rail, 220px) + 18px); width: auto; height: auto; min-height: 0; max-height: none !important; margin: 0; z-index: 74; border-radius: 16px;
    border: 1px solid var(--border-strong); background: var(--card); overflow: hidden;
    box-shadow: 0 0 0 100vmax rgba(0,0,0,.45), 0 30px 80px rgba(0,0,0,.6); }
}

/* ════ UN CRÉNEAU DE L'AGENDA S'OUVRE COMME UNE BULLE (Tevini, 23 octobre
   2026) : la même place, la même taille, les mêmes coins, par-dessus le
   planning ; son contenu défile dedans. ════ */
@media (min-width: 900px) {
  html:not([data-cadre]) dialog.rc-volet.ed-v[open] { inset: calc(var(--haut) + 14px) 20px 20px auto !important; width: 420px !important; max-width: none;
    margin: 0; height: auto; border-radius: 16px; border: 1px solid var(--border-strong); background: var(--card);
    box-shadow: 0 24px 60px rgba(0,0,0,.55); overflow: hidden; z-index: 76; display: flex; flex-direction: column; }
  html:not([data-cadre]) dialog.rc-volet.ed-v[open] > .rc-v-corps { flex: 1 1 auto !important; max-height: none !important; height: auto !important; min-height: 0; overflow-y: auto; background: none; border-top: 0; padding: 14px; }
  html:not([data-cadre]) dialog.rc-volet.ed-v[open] > .rc-v-barre { background: none; }
  html:not([data-cadre]) dialog.rc-volet.ed-v[open] > .rc-v-pied, html:not([data-cadre]) dialog.rc-volet.ed-v[open] > footer { background: none; }
}

/* ════ LA PAGE CONTACTS, REPENSÉE (Tevini, 23 octobre 2026, maquette
   `contacts-options.html`, A) : une barre, des puces, une table nette. ════ */
.ct-tete, .ct-barre, .ct-th { display: none; }
@media (min-width: 900px) {
  .ct-ancienne, .ct-rep > .rc-facettes, .ct-rep .rc-repertoire-liste > .rc-sous-titre:first-child { display: none !important; }
  .ct-rep { display: block !important; }
  .ct-tete { display: flex; align-items: center; gap: 12px; margin: 4px 0 14px; }
  .ct-titre { margin: 0; flex: 1; font-size: calc(26px * var(--rc-echelle-texte)); font-weight: 600; letter-spacing: -.01em; display: flex; align-items: baseline; gap: 10px; }
  .ct-titre span { font-size: calc(15px * var(--rc-echelle-texte)); font-weight: 500; color: var(--muted-foreground); }
  .ct-cherche { flex: 0 1 380px; height: 40px; display: flex; align-items: center; gap: 9px; padding: 0 12px; border-radius: 11px;
    border: 1px solid var(--border-strong); background: rgba(255,255,255,.04); color: var(--muted-foreground); }
  .ct-cherche:focus-within { border-color: rgba(180,168,255,.45); background: rgba(255,255,255,.06); }
  .ct-cherche svg { color: var(--accent-hi); flex: none; }
  .ct-cherche input { flex: 1; min-width: 0; height: 100%; border: 0; background: none; color: var(--foreground); font: inherit; font-size: calc(13.5px * var(--rc-echelle-texte)); outline: none; }
  .ct-cherche-x { color: var(--muted-foreground); text-decoration: none; font-size: calc(18px * var(--rc-echelle-texte)); }
  .ct-nouveau { height: 40px; display: inline-flex; align-items: center; gap: 7px; padding: 0 16px; border-radius: 11px; }
  .ct-plus { position: relative; }
  .ct-ic { list-style: none; cursor: pointer; width: 40px; height: 40px; border-radius: 11px; border: 1px solid var(--border-strong); display: grid; place-items: center; color: var(--muted-foreground); }
  .ct-ic::-webkit-details-marker { display: none; }
  .ct-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; width: 230px; padding: 6px; display: flex; flex-direction: column;
    border-radius: 12px; border: 1px solid var(--border-strong); background: var(--card); box-shadow: 0 20px 50px rgba(0,0,0,.6); }
  .ct-menu > a, .ct-menu > button { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border: 0; border-radius: 8px; background: none;
    color: var(--foreground); font: inherit; font-size: calc(13px * var(--rc-echelle-texte)); text-align: left; text-decoration: none; cursor: pointer; }
  .ct-menu > a:hover, .ct-menu > button:hover { background: var(--muted); }
  .ct-menu svg { color: var(--muted-foreground); }

  .ct-barre { display: flex; align-items: center; gap: 8px; margin-bottom: 2px; flex-wrap: wrap; }
  .ct-rep { margin-top: 0 !important; }
  .ct-puces { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
  .ct-puce { list-style: none; cursor: pointer; height: 32px; padding: 0 13px; border-radius: 99px; border: 1px solid var(--border-strong);
    display: inline-flex; align-items: center; gap: 7px; color: var(--muted-foreground); font-size: calc(12.5px * var(--rc-echelle-texte)); text-decoration: none; white-space: nowrap; }
  .ct-puce::-webkit-details-marker { display: none; }
  .ct-puce b { color: var(--foreground); font-weight: 600; }
  .ct-puce:hover { color: var(--foreground); border-color: rgba(180,168,255,.35); }
  .ct-puce.on { background: rgba(180,168,255,.1); border-color: rgba(180,168,255,.4); color: var(--accent-hi); }
  .ct-puce.on b { color: var(--accent-hi); }
  .ct-puce--r b { color: var(--destructive, #F87171); }
  .ct-puce--w b { color: var(--warning); }
  .ct-sep { width: 1px; height: 20px; background: var(--border-strong); margin: 0 4px; }
  .ct-esp { flex: 1; }
  .ct-pop { position: relative; }
  .ct-pop-corps { position: absolute; left: 0; top: calc(100% + 6px); z-index: 30; width: 300px; max-height: 60vh; overflow-y: auto; padding: 8px;
    border-radius: 12px; border: 1px solid var(--border-strong); background: var(--card); box-shadow: 0 20px 50px rgba(0,0,0,.6); }
  .ct-pop-corps--droite { left: auto; right: 0; }
  .ct-pop-t { margin: 8px 8px 4px; font-size: calc(10.5px * var(--rc-echelle-texte)); letter-spacing: .12em; text-transform: uppercase; color: var(--muted-foreground); }
  .ct-affichage { display: inline-flex; padding: 3px; gap: 2px; border-radius: 10px; border: 1px solid var(--border-strong); }
  .ct-affichage a { width: 30px; height: 26px; display: grid; place-items: center; border-radius: 7px; color: var(--muted-foreground); }
  .ct-affichage a[aria-current="true"] { background: var(--muted); color: var(--foreground); }

  /* La table. */
  .ct-table { border: 1px solid var(--border); border-radius: 14px; background: var(--card); overflow: hidden; }
  .ct-th, .ct-ligne { display: grid !important; grid-template-columns: 26px minmax(220px, 1.7fr) minmax(90px, .8fr) minmax(130px, 1fr) minmax(180px, 1.3fr) 150px;
    gap: 14px; align-items: center; padding: 0 16px; }
  .ct-th { height: 40px; border-bottom: 1px solid var(--border); font-size: calc(11px * var(--rc-echelle-texte)); letter-spacing: .1em; text-transform: uppercase; color: var(--muted-foreground); }
  .ct-groupe { margin: 0 !important; }
  .ct-lettre { display: flex; align-items: center; gap: 10px; margin: 0; padding: 6px 16px; font-size: calc(11px * var(--rc-echelle-texte)); font-weight: 600; letter-spacing: .12em;
    color: var(--muted-foreground); background: rgba(255,255,255,.015); border-bottom: 1px solid var(--border); }
  .ct-ligne { position: relative; min-height: 60px; border: 0 !important; border-bottom: 1px solid var(--border) !important; border-radius: 0 !important;
    background: none !important; margin: 0 !important; box-shadow: none !important; }
  .ct-ligne:hover { background: rgba(180,168,255,.045) !important; }
  .ct-case { position: relative; z-index: 2; }
  .ct-case input { opacity: .35; }
  .ct-ligne:hover .ct-case input, .ct-case input:checked { opacity: 1; }
  .ct-qui { display: flex; align-items: center; gap: 12px; min-width: 0; }
  .ct-av { width: 36px; height: 36px; border-radius: 50%; flex: none; display: grid; place-items: center; font-size: calc(12px * var(--rc-echelle-texte)); font-weight: 600; object-fit: cover; }
  .ct-av--soc { border-radius: 10px; }
  .ct-t1 { background: rgba(125,211,252,.14); color: #7DD3FC; } .ct-t2 { background: rgba(251,191,36,.14); color: #FBBF24; }
  .ct-t3 { background: rgba(74,222,128,.12); color: #4ADE80; } .ct-t4 { background: rgba(248,113,113,.12); color: #F87171; }
  .ct-t5 { background: rgba(180,168,255,.15); color: #C8BEFF; } .ct-t6 { background: rgba(244,114,182,.13); color: #F472B6; }
  .ct-qui-t { min-width: 0; display: flex; flex-direction: column; }
  .ct-qui-t b { font-weight: 500; font-size: calc(14px * var(--rc-echelle-texte)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .ct-qui-t small { color: var(--muted-foreground); font-size: calc(12px * var(--rc-echelle-texte)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .ct-ville, .ct-dernier { color: var(--muted-foreground); font-size: calc(12.5px * var(--rc-echelle-texte)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .ct-dernier { color: var(--foreground); }
  .ct-dernier small { display: block; color: var(--muted-foreground); font-size: calc(11.5px * var(--rc-echelle-texte)); }
  .ct-dernier i { font-style: normal; color: var(--muted-foreground); opacity: .7; }
  .ct-prochaine { min-width: 0; }
  .ct-pa { position: relative; z-index: 2; max-width: 100%; height: 26px; display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; border-radius: 99px;
    font-size: calc(12px * var(--rc-echelle-texte)); background: rgba(180,168,255,.09); color: var(--accent-hi); text-decoration: none; }
  .ct-pa > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .ct-pa--r { background: rgba(248,113,113,.1); color: var(--destructive, #F87171); }
  .ct-pa--vide { background: none; border: 1px dashed var(--border-strong); color: var(--muted-foreground); }
  .ct-pa--vide:hover { color: var(--accent-hi); border-color: rgba(180,168,255,.35); }
  .ct-fin { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
  /* Le nom : la fiche entière, souligné au survol pour le dire. */
  .ct-nom { position: relative; z-index: 2; color: inherit; text-decoration: none; }
  .ct-nom:hover { color: var(--accent-hi); text-decoration: underline; text-underline-offset: 3px; }
  /* « Voir la fiche » : la ligne ouvre la bulle, ce bouton la fiche entière. */
  .ct-fiche { position: relative; z-index: 2; display: inline-flex; align-items: center; height: 30px; padding: 0 10px; border-radius: 8px;
    border: 1px solid var(--border-strong); color: var(--muted-foreground); font-size: calc(12.5px * var(--rc-echelle-texte)); white-space: nowrap; text-decoration: none; }
  .ct-ligne:hover .ct-fiche { color: var(--foreground); }
  .ct-fiche:hover { border-color: var(--accent-ring-strong); background: var(--accent-wash); color: var(--accent-hi) !important; }
  .ct-camp { display: inline-flex; align-items: center; gap: 4px; color: var(--muted-foreground); font-size: calc(12px * var(--rc-echelle-texte)); }
}
/* Au téléphone, la ligne mène déjà à la fiche. */
@media (max-width: 899px) { .ct-fiche { display: none; } }
/* Au téléphone, la même table devient une liste de cartes : la personne, sa
   prochaine action dessous. Ville et dernier échange se lisent dans la fiche. */
@media (max-width: 899px) {
  .ct-table { display: block; }
  .ct-groupe { margin: 0 0 6px !important; }
  .ct-lettre { margin: 14px 0 4px; font-size: calc(13px * var(--rc-echelle-texte)); font-weight: 600; color: var(--muted-foreground); }
  .ct-lettre .rc-masse-case, .ct-case, .ct-ville, .ct-dernier { display: none !important; }
  .ct-ligne { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 6px 10px; align-items: center;
    padding: 12px 2px; border-bottom: 1px solid var(--border); }
  .ct-qui { grid-column: 1; display: flex; align-items: center; gap: 12px; min-width: 0; }
  .ct-fin { grid-column: 2; grid-row: 1; display: flex; gap: 6px; align-items: center; }
  .ct-prochaine { grid-column: 1 / -1; padding-left: 52px; min-width: 0; }
  .ct-av { width: 40px; height: 40px; border-radius: 50%; flex: none; display: grid; place-items: center; font-size: calc(13px * var(--rc-echelle-texte)); font-weight: 600; object-fit: cover; }
  .ct-av--soc { border-radius: 11px; }
  .ct-t1 { background: rgba(125,211,252,.14); color: #7DD3FC; } .ct-t2 { background: rgba(251,191,36,.14); color: #FBBF24; }
  .ct-t3 { background: rgba(74,222,128,.12); color: #4ADE80; } .ct-t4 { background: rgba(248,113,113,.12); color: #F87171; }
  .ct-t5 { background: rgba(180,168,255,.15); color: #C8BEFF; } .ct-t6 { background: rgba(244,114,182,.13); color: #F472B6; }
  .ct-qui-t { min-width: 0; display: flex; flex-direction: column; }
  .ct-qui-t b { font-weight: 600; font-size: calc(15px * var(--rc-echelle-texte)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .ct-qui-t small { color: var(--muted-foreground); font-size: calc(13px * var(--rc-echelle-texte)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .ct-pa { position: relative; z-index: 2; max-width: 100%; height: 26px; display: inline-flex; align-items: center; gap: 6px; padding: 0 10px;
    border-radius: 99px; font-size: calc(12.5px * var(--rc-echelle-texte)); background: rgba(180,168,255,.09); color: var(--accent-hi); text-decoration: none; }
  .ct-pa > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .ct-pa--r { background: rgba(248,113,113,.1); color: var(--destructive, #F87171); }
  .ct-pa--vide { display: none; }
  .ct-camp { display: inline-flex; align-items: center; gap: 4px; color: var(--muted-foreground); font-size: calc(12px * var(--rc-echelle-texte)); }
}
@media (min-width: 900px) {
  .ct-barre .rc-colonnes { position: relative; }
  .ct-barre .ct-colonnes-corps { left: auto; right: 0; top: calc(100% + 6px); }
  .ct-vue-regler { display: flex; gap: 6px; margin: 8px 4px 4px; padding-top: 8px; border-top: 1px solid var(--border); }
  .ct-vue-regler .rc-saisie { flex: 1; min-width: 0; height: 32px; }
  .ct-vue-suppr { width: calc(100% - 8px); margin: 2px 4px 0; display: flex; align-items: center; gap: 8px; padding: 8px; border: 0; border-radius: 8px;
    background: none; color: var(--destructive, #F87171); font: inherit; font-size: calc(12.5px * var(--rc-echelle-texte)); cursor: pointer; }
  .ct-vue-suppr:hover { background: rgba(248,113,113,.08); }
  .ct-barre + .rc-filtres { margin: 0; }
}

/* ════ MA JOURNÉE : LES MAILS À RÉPONDRE (Tevini, 25 octobre 2026, maquette
   `a-repondre-options.html`) — l'orange de « à répondre », comme dans la boîte. ════ */
.mj-mails { --arep: #F0A86B; --arep-fond: rgba(240,168,107,.14); }
.mj2-liste .mj-fam-t--mail::before { background: var(--arep) !important; }
.mj-fam-t--mail { position: relative; }
.mj-mails-trier { margin-left: auto; font-size: calc(12px * var(--rc-echelle-texte)); color: var(--accent); text-decoration: none; white-space: nowrap; }
.mj-mails-trier:hover { text-decoration: underline; text-underline-offset: 3px; }
.mj-mails-trier b { font-weight: 600; }
.mj-mail .mj2-av { color: var(--accent); background: rgba(180,168,255,.12); }
.mj-mail .mj-mail-av--nouv { color: var(--info); background: rgba(125,211,252,.10); }
.mj-mail-nouv { margin-left: 7px; padding: 1px 7px; border-radius: 99px; font-size: calc(10.5px * var(--rc-echelle-texte)); font-weight: 500; color: var(--info);
  background: rgba(125,211,252,.12); vertical-align: 1px; }
.mj-mail .mj-tag-mail { color: var(--arep); background: var(--arep-fond); }
.mj-mail-extrait { color: var(--disabled-foreground) !important; }
.mj-mail.mj-ici { background: rgba(240,168,107,.07); box-shadow: inset 3px 0 0 var(--arep); }
.mj-nouveaux { color: var(--muted-foreground); text-decoration: none; }
.mj-nouveaux b { color: var(--accent); font-weight: 500; }
.mj-nouveaux:hover b { text-decoration: underline; text-underline-offset: 3px; }
.mj2-familles .mj-kpi--mail { --teinte: #F0A86B; }
.rc-bp-choix-x { flex: none; width: 26px; height: 26px; display: grid; place-items: center; margin-right: -6px; border: 0; border-radius: 7px;
  background: none; color: var(--muted-foreground); font: inherit; font-size: calc(18px * var(--rc-echelle-texte)); line-height: 1; cursor: pointer; }
.rc-bp-choix-x:hover { background: var(--muted); color: var(--foreground); }

/* ════ LES CAMPAGNES EN PASTILLES (Tevini, 25 octobre 2026, maquette
   `bulle-campagnes-options.html`, A) : la bulle de la personne, le mail ouvert. ════ */
.rc-cp { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 0; }
.rc-cp-p { min-width: 0; max-width: 100%; }
.rc-cp-b { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; height: 26px; padding: 0 8px 0 9px; border-radius: 99px;
  border: 1px solid var(--border); background: var(--muted); color: var(--foreground); font: inherit; font-size: calc(12px * var(--rc-echelle-texte)); cursor: pointer; }
.rc-cp-b:hover, .rc-cp-b[aria-expanded="true"] { border-color: var(--accent-ring-strong); }
.rc-cp-b[aria-expanded="true"] { box-shadow: 0 0 0 3px var(--accent-ring); }
.rc-cp-b > svg:first-child { color: var(--muted-foreground); flex: none; }
.rc-cp-b > svg:last-child { color: var(--disabled-foreground); flex: none; transform: rotate(90deg); }
.rc-cp-n { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px; color: var(--muted-foreground); }
.rc-cp-b b { font-weight: 500; color: var(--accent); white-space: nowrap; }
.rc-cp-p--abouti .rc-cp-b b { color: var(--success); }
.rc-cp-p--refus .rc-cp-b { border-color: var(--error); }
.rc-cp-plus { height: 26px; padding: 0 9px; border-radius: 99px; border: 1px dashed var(--border-strong); background: none;
  color: var(--muted-foreground); font: inherit; font-size: calc(12px * var(--rc-echelle-texte)); cursor: pointer; }
.rc-cp-menu { position: fixed; z-index: 120; width: 240px; max-height: 60vh; overflow-y: auto; padding: 6px; border-radius: 12px;
  background: #191B25; border: 1px solid var(--border-strong); box-shadow: 0 18px 40px rgba(0,0,0,.55); display: flex; flex-direction: column; gap: 1px; }
.rc-cp-menu[hidden] { display: none; }
.rc-cp-t { margin: 0; padding: 5px 8px 7px; font-size: calc(11px * var(--rc-echelle-texte)); color: var(--disabled-foreground); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rc-cp-e { display: flex; align-items: center; gap: 9px; width: 100%; padding: 7px 8px; border: 0; border-radius: 8px; background: none;
  color: var(--muted-foreground); font: inherit; font-size: calc(13px * var(--rc-echelle-texte)); text-align: left; cursor: pointer; }
.rc-cp-e i { width: 14px; height: 14px; flex: none; border-radius: 50%; border: 1.5px solid var(--border-strong); }
.rc-cp-e:hover, .rc-cp-e:focus-visible { background: var(--muted); color: var(--foreground); outline: none; }
.rc-cp-e[aria-checked="true"] { background: var(--accent-ring); color: var(--foreground); }
.rc-cp-e[aria-checked="true"] i { border-color: var(--accent); background: radial-gradient(circle, var(--accent) 40%, transparent 45%); }
.rc-cp-e--abouti[aria-checked="true"] i { border-color: var(--success); background: radial-gradient(circle, var(--success) 40%, transparent 45%); }
.rc-cp-voir { margin-top: 4px; padding: 7px 8px 3px; border-top: 1px solid var(--border); font-size: calc(12px * var(--rc-echelle-texte)); color: var(--accent); text-decoration: none; }
.rc-cp-voir:hover { text-decoration: underline; text-underline-offset: 3px; }
/* Dans la bulle : une ligne fine sous la tête, seulement dans la bulle (la fiche a sa colonne). */
.rc-cp--bulle { display: none; }
html[data-cadre] .rc-cp--bulle { display: flex; flex: none; padding: 7px 10px; border-bottom: 1px solid var(--border); }

/* ════════════════════════════════════════════════════════════════════════
   UN MAIL DANS LA BULLE (Tevini, 25 octobre 2026 : « pas du tout
   esthétique ») : la feuille de la page Mails, en petit. Des lignes fines,
   les étiquettes discrètes alignées sur le texte, des champs sans fond — pas
   de boîte dans la boîte —, et le texte qui prend la place. Petite bulle :
   à qui, l'objet, le texte, « Envoyer » en toutes lettres ; l'aperçu et les
   outils en pleine page. Grande : la mise en forme en pastille au-dessus du
   texte, les outils nommés.
   ════════════════════════════════════════════════════════════════════════ */
/* Une grille : chaque ligne sur toute la largeur, sauf la signature et
   « Joindre », côte à côte (une ligne de moins dans la bulle). */
.rc-fcb-zone .rc-mail .rc-mail-carte:not(#rc-aucun) { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-auto-flow: row dense; align-content: start; column-gap: 0; }
.rc-fcb-zone .rc-mail .rc-mail-carte > * { grid-column: 1 / -1; min-width: 0; }
.rc-fcb-zone .rc-mail .rc-mail-carte > .rc-mail-signature { grid-column: 1; }
.rc-fcb-zone .rc-mail .rc-mail-carte > .rc-mail-pieces { grid-column: 2; justify-content: flex-end; padding-left: 12px; }
.rc-fcb-zone .rc-mail .rc-mail-carte > .rc-v-ligne-coord { display: flex; align-items: center; gap: 10px; min-height: 34px; padding: 0 !important;
  border-bottom: 1px solid var(--border); background: none !important; }
.rc-fcb-zone .rc-mail .rc-mail-carte > .rc-v-ligne-coord:focus-within { border-bottom-color: color-mix(in srgb, var(--accent-hi) 55%, transparent); }
.rc-fcb-zone .rc-mail .rc-v-ligne-coord .rc-v-et { flex: none; width: 50px; padding: 0; font-size: var(--text-xs); font-weight: 400; line-height: 1.2;
  color: var(--disabled-foreground); }
/* ⚠️ `:not(#rc-aucun)` : la règle des champs de la bulle passe par un `:is()`
   qui contient un identifiant (#rc-fiche-reunion) ; sans lui, elle l'emporte. */
.rc-fcb-zone .rc-mail .rc-v-ligne-coord :is(input, select):not(#rc-aucun) { flex: 1; min-width: 0; height: 32px; padding: 0 !important; border: 0 !important;
  background: transparent !important; box-shadow: none !important; font-size: var(--text-sm); color: var(--foreground); }
/* « Envoyer » en toutes lettres : le geste qui compte ne se devine pas
   (exception à la règle des icônes du 21 octobre, pour le mail seulement). */
.rc-fc .rc-fcb-zone .rc-mail .rc-echange-pied .btn[data-mail-envoyer]:not(#rc-aucun) { width: auto !important; padding: 0 14px !important; gap: 6px !important; }
.rc-fc .rc-fcb-zone .rc-mail .rc-echange-pied .btn[data-mail-envoyer]:not(#rc-aucun) > .rc-b-txt { display: inline !important; }
.rc-fc .rc-fcb-zone .rc-mail .rc-echange-pied .btn[data-mail-envoyer]:not(#rc-aucun) > svg { width: 14px; height: 14px; flex: none; }
.rc-fcb-zone .rc-mail .rc-v-ligne-coord select.rc-v-num { margin-left: -3px; }
.rc-fcb-zone .rc-mail .rc-v-ligne-coord input[data-mail="objet"] { font-weight: 500; }
.rc-fcb-zone .rc-mail .rc-echange-copie-bascule { height: 24px; padding: 0 8px; border: 0; background: none; color: var(--muted-foreground);
  font-size: calc(12px * var(--rc-echelle-texte)); font-weight: 500; }
.rc-fcb-zone .rc-mail .rc-echange-copie-bascule:hover { color: var(--foreground); background: var(--muted); }
/* Le texte : le cadre d'une tâche (Tevini, 25 octobre 2026 : « j'aime bien,
   c'est discret ») — un trait fin arrondi, la mise en forme en bas, dedans. */
.rc-fcb-zone .rc-mail .rc-echange-zone { padding: 10px 0 4px; }
.rc-fcb-zone .rc-mail .rc-echange-zone .rc-ed:not(#rc-aucun) { display: flex; flex-direction: column; border: 1px solid var(--border) !important;
  border-radius: 10px; background: none !important; box-shadow: none !important; transition: border-color .12s; }
.rc-fcb-zone .rc-mail .rc-echange-zone .rc-ed:not(#rc-aucun):focus-within { border-color: var(--accent-ring-strong) !important; }
.rc-fcb-zone .rc-mail .rc-echange-zone .rc-ed-zone:not(#rc-aucun) { padding: 8px 10px !important; font-size: var(--text-sm); line-height: 1.55; }
/* La signature et « Joindre » : des lignes calmes. */
.rc-fcb-zone .rc-mail .rc-mail-signature, .rc-fcb-zone .rc-mail .rc-mail-pieces { padding: 6px 0; margin: 0; border: 0;
  border-top: 1px solid var(--border); }
.rc-fcb-zone .rc-mail .rc-mail-sig-choix .rc-v-et { width: auto; font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--disabled-foreground); padding: 0; }
.rc-fcb-zone .rc-mail .rc-mail-sig-choix select { height: 26px; border: 0; background-color: transparent; font-size: calc(13px * var(--rc-echelle-texte)); padding-left: 0; }
.rc-fcb-zone .rc-mail .rc-mail-pieces { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.rc-fcb-zone .rc-mail .rc-mail-pieces .rc-v-tag { height: 28px; border-radius: 99px; font-size: calc(12.5px * var(--rc-echelle-texte)); }
.rc-fcb-zone .rc-mail .rc-mail-pieces .rc-aide-fine:empty { display: none; }
@media (min-width: 900px) {
  /* Petite bulle : l'essentiel, et de la place pour écrire. */
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-mail .rc-v-ligne-coord:has([data-mail="apercu"]) { display: none !important; }
  .rc-fc:not(.rc-fc--grand) .rc-fcb-zone .rc-mail .rc-echange-zone .rc-ed-zone:not(#rc-aucun) { min-height: 84px !important; }
  /* Grande bulle : les outils nommés. */
  .rc-fc--grand .rc-fcb-zone .rc-mail .rc-echange-outils { padding: 10px 0; border-top: 1px solid var(--border); }
  .rc-fc--grand .rc-fcb-zone .rc-mail .rc-echange-listes { max-width: none; gap: 6px; }
  .rc-fc--grand .rc-fcb-zone .rc-mail .rc-echange-liste-btn { height: 30px; padding: 0 11px; gap: 6px; font-size: calc(12.5px * var(--rc-echelle-texte));
    border: 1px solid var(--border); border-radius: 99px; color: var(--muted-foreground); }
  .rc-fc--grand .rc-fcb-zone .rc-mail .rc-echange-liste-btn svg { width: 14px; height: 14px; }
  .rc-fc--grand .rc-fcb-zone .rc-mail .rc-v-ligne-coord .rc-v-et { width: 64px; }
}
/* La zone d'activité à la taille du fil (Tevini, 25 octobre 2026 : « ça prend
   beaucoup de place ») ; l'indication « Écrire le mail… » sous le curseur. */
.rc-fcb-zone .rc-mail .rc-mail-sig-choix select, .rc-fcb-zone .rc-mail .rc-echange-liste-btn { font-size: var(--text-xs); }
.rc-fcb-zone .rc-mail .rc-ed-zone--vide[data-indication]::after { top: 8px; left: 10px; right: 10px; font-size: var(--text-sm); }
@media (min-width: 900px) {
  /* Grande bulle : le texte prend la hauteur qui reste. */
  .rc-fc--grand .rc-fcb-zone .rc-mail .rc-echange-zone .rc-ed-zone:not(#rc-aucun) { min-height: max(30vh, calc(100vh - var(--haut) - 560px)) !important; }
}

/* ════ SES CAMPAGNES EN ONGLET (Tevini, 25 octobre 2026) : comme les tâches
   et les rendez-vous, dans la tête ; ouvert, il prend la place du fil. Chaque
   campagne sur une ligne, son étape au bout — un clic la change
   (`_campagnes_puces_js.html`). ════ */
.rc-fiche-vie.rc-ot-vue-camp > :not(.rc-fc-flottant-tete):not(.rc-rl-bande):not(.rc-otc):not(script):not(.rc-avis):not(.rc-fcb) { display: none !important; }
.rc-fiche-vie:not(.rc-ot-vue-camp) > .rc-otc { display: none !important; }
.rc-otc { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 14px 14px 18px; }
.rc-otc-t { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0 2px 10px; font-size: var(--text-xs);
  font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--muted-foreground); }
.rc-otc-t small { font-size: calc(11.5px * var(--rc-echelle-texte)); letter-spacing: 0; text-transform: none; font-weight: 400; color: var(--disabled-foreground); }
.rc-cp--liste { flex-direction: column; align-items: stretch; gap: 6px; flex-wrap: nowrap; }
.rc-cp--liste .rc-cp-p { width: 100%; }
.rc-cp--liste .rc-cp-b { width: 100%; height: auto; min-height: 44px; padding: 10px 12px; gap: 10px; border-radius: 10px;
  background: var(--card); font-size: var(--text-sm); }
.rc-cp--liste .rc-cp-n { flex: 1; max-width: none; text-align: left; color: var(--foreground); font-weight: 500; }
.rc-cp--liste .rc-cp-b b { padding: 2px 9px; border-radius: 99px; background: var(--accent-wash); font-size: calc(12px * var(--rc-echelle-texte)); }
.rc-cp--liste .rc-cp-p--abouti .rc-cp-b b { background: color-mix(in srgb, var(--success) 14%, transparent); }
/* « Ajouter à une campagne » dans la barre d'activité. */
.rc-fcb-camp .rc-fc-pop { min-width: 240px; max-height: 50vh; overflow-y: auto; }
.rc-fcb-camp .rc-fc-pop form { display: contents; }
.rc-fcb-camp .rc-fc-pop button { width: 100%; text-align: left; }
.rc-fcb-camp .rc-fc-pop button span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-fcb-camp-vide { margin: 4px 10px 8px; font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--disabled-foreground); }
.rc-otc .rc-cp--liste { padding: 0; border: 0; background: none; }
.rc-fcb-camp .rc-fc-pop.rc-fc-pop--haut { left: auto; right: 0; }
.rc-fcb-camp[open] > summary[data-aide]::after, .rc-fcb-camp[open] > summary[data-aide]::before { display: none !important; }
/* Les étapes d'une campagne, dans l'onglet : déroulées sous sa ligne, pleine largeur. */
.rc-cp--liste .rc-cp-p:has(> .rc-cp-menu:not([hidden])) .rc-cp-b { border-color: var(--accent-ring-strong); border-radius: 10px 10px 0 0; box-shadow: none; }
.rc-cp--liste .rc-cp-menu:not(#rc-aucun) { position: static; top: auto !important; left: auto !important; width: auto; max-height: none; overflow: visible;
  margin: -1px 0 0; padding: 4px; border: 1px solid var(--accent-ring-strong); border-top-color: var(--border); border-radius: 0 0 10px 10px;
  background: var(--card); box-shadow: none; }
.rc-cp--liste .rc-cp-t { display: none; }
.rc-cp--liste .rc-cp-e { padding: 8px 10px; }

/* ════ PLUS DE RAIL À GAUCHE (Tevini, 27 octobre 2026, maquette
   `maquette-bulle.html`) : Note et les canaux reviennent en ligne, au-dessus de
   la zone d'écriture, comme en pleine page ; RDV, Tâche et Campagne sont dans
   le « + » de la tête. (Le rail du 25 octobre est retiré.) ════ */
.rc-echange-copie-bascule[aria-expanded="true"] { color: var(--accent-hi) !important; }

/* ════ LES FENÊTRES DE LA BULLE, AU MILIEU DE L'ÉCRAN (Tevini, 25 octobre
   2026) : tâche, rendez-vous, relance. Le cadre couvre l'écran, transparent ;
   dedans, seule la fenêtre se voit, sur son voile. ════ */
.rc-bp.rc-bp--modale:not(#rc-aucun) { inset: 0 !important; width: auto !important; height: auto !important; z-index: 2000;
  border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.rc-bp.rc-bp--modale .rc-bp-tete { display: none !important; }
.rc-bp.rc-bp--modale iframe { background: transparent !important; }
html[data-cadre].rc-cadre-modale, html[data-cadre].rc-cadre-modale body { background: transparent !important; }
html[data-cadre].rc-cadre-modale body { visibility: hidden; }
html[data-cadre].rc-cadre-modale dialog:modal { visibility: visible; }
/* Au milieu de l'écran, chaque fenêtre garde sa largeur d'ailleurs. */
html[data-cadre].rc-cadre-modale dialog:modal:not(#rc-aucun) { inset: 0 !important; margin: auto !important; height: fit-content; max-height: calc(100dvh - 48px);
  width: min(640px, calc(100vw - 32px)) !important; max-width: none !important; border-radius: 18px !important; }
html[data-cadre].rc-cadre-modale dialog:modal:is(#rc-fenetre-reunion, #rc-fiche-reunion):not(#rc-aucun) { width: min(1000px, calc(100vw - 32px)) !important; }

/* ════ LES PROPRIÉTÉS D'UNE TÂCHE, DÈS SA CRÉATION (Tevini, 25 octobre 2026) :
   les mêmes lignes que la fenêtre d'une tâche — l'étiquette à gauche, la
   valeur à droite, séparées d'un trait fin. ════ */
.rc-tache-props { display: flex; flex-direction: column; margin-top: 14px; border-top: 1px solid var(--border); }
.rc-tache-prop { display: flex; align-items: center; gap: 12px; min-height: 42px; padding: 4px 0; border-bottom: 1px solid var(--border); }
.rc-tache-prop > span:first-child { flex: none; width: 150px; display: inline-flex; align-items: center; gap: 8px; font-size: calc(12.5px * var(--rc-echelle-texte)); color: var(--muted-foreground); }
.rc-tache-prop > :is(input, select).rc-saisie { flex: 1; min-width: 0; max-width: 320px; height: 32px; font-size: calc(13px * var(--rc-echelle-texte)); }
.rc-tache-durees { display: flex; flex-wrap: wrap; gap: 6px; }
.rc-tache-durees .rc-tache-jour { padding: 5px 10px; font-size: calc(12.5px * var(--rc-echelle-texte)); }
@media (max-width: 560px) { .rc-tache-prop { flex-wrap: wrap; gap: 6px; } .rc-tache-prop > span:first-child { width: 100%; } }
.rc-tache-prop > .rc-j-date, .rc-tache-prop .rc-j-date { flex: 1; min-width: 0; max-width: 320px; }
.rc-tache-prop .rc-j-date :is(button, .rc-j-date-v, input) { height: 32px; min-height: 32px; font-size: calc(13px * var(--rc-echelle-texte)); }
.rc-tache-props + .rc-tache-pied { justify-content: flex-end; }
.rc-tache-prop > :nth-child(2):not(.rc-tache-durees) { flex: 1 1 auto; min-width: 0; max-width: 320px !important; }
.rc-tache-prop > :nth-child(2):not(.rc-tache-durees):not(select):not(input) { height: 32px; min-height: 32px !important; padding-top: 0; padding-bottom: 0;
  font-size: calc(13px * var(--rc-echelle-texte)) !important; border-radius: var(--radius-md, 10px); }
.rc-tache-prop .rc-date-bouton:not(#rc-aucun) { flex: 1 1 auto; min-width: 0; max-width: 320px; height: 32px; min-height: 32px; padding: 0 12px;
  font-size: calc(13px * var(--rc-echelle-texte)); border-radius: 10px; }

/* Le rond de la bulle (Tevini, 25 octobre 2026) : plus petit, fixe en bas à droite. */
.rc-bp-rond-zone .rc-rond { width: 46px; height: 46px; font-size: calc(14px * var(--rc-echelle-texte)); }
.rc-bp-rond-zone .rc-rond svg { width: 18px; height: 18px; }
.rc-bp-rond-x { width: 20px; height: 20px; top: -5px; right: -5px; }
.rc-bp-choix { bottom: 78px; }

/* Modifier une relance (Tevini, 25 octobre 2026, comme la création) : pas de
   bloc noir dans le menu — les champs à plat sur le menu, séparés d'un trait ;
   et pas de barre de défilement visible. */
.rc-rl-pan .rc-rl-form:not(#rc-aucun) { padding: 12px 0 0; border: 0; border-top: 1px solid var(--border); border-radius: 0; background: none; }
.rc-rl-pan .rc-rl-form .rc-saisie { background-color: rgba(255,255,255,.04); }
.rc-rl-menu, .rc-rl-menu * { scrollbar-width: none; }
.rc-rl-menu::-webkit-scrollbar, .rc-rl-menu *::-webkit-scrollbar { display: none; }
/* Une relance à une heure, dans l'agenda (25 octobre 2026). */
.mj-plan-bloc--relance, .mj-plan-bloc--confiee { background: color-mix(in srgb, var(--warning, #FCD34D) 10%, var(--card));
  border-color: color-mix(in srgb, var(--warning, #FCD34D) 40%, transparent); border-left: 3px solid var(--warning, #FCD34D); }

/* Les filtres de Ma journée (Tevini, 25 octobre 2026) : pas de champs noirs dans
   le panneau — à plat sur lui, un trait fin, comme les relances. */
.mj2-filtrer-pan :is(.mj-drop-tete, .mj-camp-choix, select.rc-saisie, input.rc-saisie):not(#rc-aucun) {
  background-color: rgba(255,255,255,.04) !important; border-color: var(--border) !important; }
.mj2-filtrer-pan :is(.mj-drop-tete, .mj-camp-choix, select.rc-saisie):not(#rc-aucun):hover { border-color: var(--border-strong) !important; }
.mj2-filtrer-pan .mj-drop-panneau:not(#rc-aucun) { background: none !important; border: 0 !important; border-top: 1px solid var(--border) !important;
  border-radius: 0 !important; padding: 8px 0 0 !important; }
.mj2-filtrer-pan .mj-drop-cherche:not(#rc-aucun) { background-color: rgba(255,255,255,.04) !important; border-color: var(--border) !important; }
.mj2-filtrer-pan, .mj2-filtrer-pan * { scrollbar-width: none; }
/* La recherche filtre la liste sur place : une ligne écartée se cache. */
.ma-liste .rc-j-rangee[hidden] { display: none; }

.mj-rdv-gestes { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mj2 .mj-gestes { min-width: 0; }

/* ── Plus de bouton principal (Tevini, 27 octobre 2026) : la ligne s'ouvre d'un
   clic. Reporter, annuler, c'est fait : toujours là, mais légers — un trait
   sans cadre, qui prend sa couleur au survol de la ligne. ── */
.mj2 .mj-gestes .mj2-leger > .mj-rep-bouton, .mj2 .mj-gestes .mj2-leger > .mj-rep > .mj-rep-bouton,
.mj2 .mj-gestes .mj-rep-bouton.mj2-leger {
  width: 28px; height: 28px; border-color: transparent; background: none; color: var(--disabled-foreground);
  transition: color .12s, background .12s, border-color .12s;
}
.mj2 .mj-ligne:hover .mj-gestes .mj-rep.mj2-leger:not(.mj-vite) > .mj-rep-bouton { color: var(--warning); }
.mj2 .mj-ligne:hover .mj-gestes .mj2-leger .mj-vite--annule > .mj-rep-bouton { color: var(--error); }
.mj2 .mj-ligne:hover .mj-gestes .mj-vite--fait.mj2-leger > .mj-rep-bouton { color: var(--success); }
.mj2 .mj-ligne:hover .mj-gestes .mj-chrono-go { color: var(--accent-hi); }
.mj2 .mj-gestes .mj-rep.mj2-leger:not(.mj-vite) > .mj-rep-bouton:hover,
.mj2 .mj-gestes .mj-rep.mj2-leger:not(.mj-vite)[open] > .mj-rep-bouton { background: rgba(251,191,36,.12); border-color: rgba(251,191,36,.35); }
.mj2 .mj-gestes .mj2-leger .mj-vite--annule > .mj-rep-bouton:hover,
.mj2 .mj-gestes .mj2-leger .mj-vite--annule[open] > .mj-rep-bouton { color: var(--error); background: rgba(248,113,113,.12); border-color: rgba(248,113,113,.35); }
.mj2 .mj-gestes .mj-vite--fait.mj2-leger > .mj-rep-bouton:hover,
.mj2 .mj-gestes .mj-vite--fait.mj2-leger[open] > .mj-rep-bouton { color: var(--success); background: rgba(74,222,128,.12); border-color: rgba(74,222,128,.35); }
.mj2 .mj-gestes .mj-chrono-go:hover { color: var(--accent-hi); background: var(--accent-wash); border-color: var(--accent-ring-strong); }
.mj2 .mj-gestes { gap: 4px; }
/* La carte d'un rendez-vous s'ouvre d'un clic ; « Rejoindre » reste au-dessus. */
.mj-rdv { position: relative; cursor: pointer; }
.mj-rdv:hover { border-color: var(--border-strong); }
.mj-rdv-couvre { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.mj-rdv-titre, .mj-rdv-gestes { position: relative; z-index: 2; }
.mj2 .mj-rdv-gestes > a:last-child { margin-left: 0; }
.mj-rdv-gestes .btn-primary { margin-left: 4px; }
/* ⚠️ AU SURVOL SEULEMENT (Tevini, 27 octobre 2026 : « sinon ça fait lourd ») :
   à l'ordinateur, fait, reporter, annuler ne paraissent qu'au passage de la
   souris (et restent quand un menu est ouvert). Au téléphone, rien ne change. */
@media (hover: hover) and (min-width: 900px) {
  .mj2 .mj-gestes .mj2-leger { opacity: 0; transition: opacity .12s; }
  .mj2 .mj-ligne:is(:hover, :focus-within, :has([open])) .mj2-leger { opacity: 1; }
}
/* La corbeille, du même trait léger que les autres gestes. */
.mj2 .mj-gestes .mj-suppr-f .mj-rep-bouton {
  width: 28px; height: 28px; border-color: transparent; background: none; color: var(--muted-foreground);
}
.mj2 .mj-gestes .mj-suppr-f .mj-rep-bouton:hover { color: var(--error); background: rgba(248,113,113,.12); border-color: rgba(248,113,113,.35); }
/* Le titre ou le motif se modifie d'un clic : il passe au-dessus du lien de la ligne. */
.mj2 .mj-editable { position: relative; z-index: 2; cursor: text; border-radius: 5px; transition: background .12s, box-shadow .12s; }
.mj2 .mj-editable:hover, .mj2 .mj-editable:focus-visible { background: var(--muted); box-shadow: 0 0 0 3px var(--muted); outline: none; color: var(--foreground); }
/* La corbeille suit les autres gestes, devenus légers : rouge sans cadre, le cadre au survol. */
.mj2 .mj-gestes .mj-suppr-f .mj-suppr { width: 28px; height: 28px; border-color: transparent !important; background: none !important; }
.mj2 .mj-gestes .mj-suppr-f .mj-suppr:hover { border-color: rgba(248,113,113,.35) !important; background: rgba(248,113,113,.12) !important; }

/* ════ LA BULLE REFAITE (Tevini, 27 octobre 2026, maquette `maquette-bulle.html`) :
   plus d'onglets dans la tête — ses campagnes en pastille sous le nom, un « + »
   pour créer ; tâches et rendez-vous dans le fil, ouverts au centre. ════ */
/* Ses campagnes : une ligne sous le nom, alignée sur lui. */
.rc-fc-flottant-tete:has(.rc-fc-camp) { flex-wrap: wrap; row-gap: 2px; }
.rc-fc-camp { order: 10; flex: 1 0 100%; min-width: 0; padding-left: 38px; }
.rc-fc-camp .rc-cp { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; }
.rc-fc-camp .rc-cp-b { height: 22px; padding: 0 8px; font-size: calc(11.5px * var(--rc-echelle-texte)); border-radius: 99px; }
.rc-fc-camp .rc-cp-b svg:first-child { display: none; }
/* Le « + » : créer une tâche, une relance, un rendez-vous pour elle. */
.rc-fc-plus { position: relative; flex: none; margin-left: auto; }
.rc-fc-plus-b { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; list-style: none; cursor: pointer;
  background: var(--primary); color: var(--on-primary); transition: background .12s, transform .12s; }
.rc-fc-plus-b::-webkit-details-marker { display: none; }
.rc-fc-plus-b svg { stroke-width: 2.4; }
.rc-fc-plus-b:hover, .rc-fc-plus[open] > .rc-fc-plus-b { background: var(--accent); }
.rc-fc-plus-b:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.rc-fc-plus-menu { position: absolute; z-index: 60; top: calc(100% + 8px); right: 0; width: 240px; padding: 6px; display: flex; flex-direction: column;
  background: var(--card); border: 1px solid var(--border-strong); border-radius: 12px; box-shadow: 0 14px 36px rgba(0,0,0,.55); }
.rc-fc-plus-t { margin: 0; padding: 7px 9px 4px; font-size: calc(10.5px * var(--rc-echelle-texte)); font-weight: 500; letter-spacing: .1em;
  text-transform: uppercase; color: var(--disabled-foreground); }
.rc-fc-plus-menu form { margin: 0; }
.rc-fc-plus-menu :is(a, button) { width: 100%; display: flex; align-items: center; gap: 10px; padding: 7px 9px; border: 0; border-radius: 8px;
  background: none; color: var(--foreground); font: inherit; font-size: calc(13.5px * var(--rc-echelle-texte)); text-align: left;
  text-decoration: none; cursor: pointer; }
.rc-fc-plus-menu :is(a, button):hover, .rc-fc-plus-menu :is(a, button):focus-visible { background: var(--muted); outline: none; }
.rc-fc-plus-menu button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rc-fc-plus-i { width: 28px; height: 28px; flex: none; border-radius: 8px; display: grid; place-items: center;
  background: rgba(245,244,240,.07); color: var(--muted-foreground); }
.rc-fc-plus-i--tache { color: var(--foreground); }
.rc-fc-plus-i--relance { background: rgba(251,191,36,.12); color: var(--warning); }
.rc-fc-plus-i--rdv { background: rgba(139,127,224,.16); color: var(--accent-hi); }
.rc-fc-plus + .rc-fcb-outil, .rc-fc-plus ~ .rc-fc-reduire { margin-left: 2px; }
/* Une tâche à venir, dans le fil : la carte d'un rendez-vous, en neutre. */
.rc-fl-rdv.rc-fl-tache > svg { color: var(--muted-foreground); }
.rc-fl-rdv em.rc-fl-retard { color: var(--error); background: rgba(248,113,113,.12); }
/* La fenêtre d'une tâche ou d'un rendez-vous, au centre (plus d'onglet). */
.rc-ot-modale > dialog:modal:not(#rc-aucun) { position: fixed !important; inset: 0 !important; margin: auto !important; transform: none !important;
  width: min(640px, calc(100vw - 32px)) !important; max-width: none !important; height: fit-content; max-height: calc(100dvh - 48px) !important;
  border-radius: 18px !important; overflow: auto; }
.rc-ot-modale > dialog#rc-fiche-reunion:modal:not(#rc-aucun) { width: min(1000px, calc(100vw - 32px)) !important; }
.rc-ot-modale > dialog::backdrop { background: rgba(5,6,10,.62); }
/* La pastille et le « + » ne prennent pas l'habit des blocs de la tête. */
.rc-fc-flottant-tete .rc-fc-camp .rc-cp { border: 0; padding: 0; background: none; box-shadow: none; }
.rc-fc-flottant-tete .rc-fc-plus { border: 0; padding: 0; background: none; border-radius: 0; }
/* Les canaux, nommés (maquette du 27 octobre 2026, qui remplace le « pas de nom »
   du 21 : le rail parti, la place est revenue). */
.rc-fiche .rc-fcb-modes .rc-fcb-m:not(#rc-aucun) { width: auto; padding: 0 9px !important; gap: 6px; }
.rc-fiche .rc-fcb-modes .rc-fcb-m:not(#rc-aucun) > span { display: inline !important; font-size: calc(12.5px * var(--rc-echelle-texte)); }
.rc-fiche .rc-fcb-modes { gap: 2px; overflow-x: auto; scrollbar-width: none; }
/* Dans la bulle (cadre étendu à l'écran) : la bulle reste à sa place, la fenêtre
   au centre de ce qui reste, sur un voile ; les deux restent utilisables. */
html[data-cadre].rc-cadre-ot.rc-cadre-modale body { visibility: visible; }
html[data-cadre].rc-cadre-ot .rc-ot-voile { position: fixed; inset: 0; z-index: 80; background: rgba(5,6,10,.62); }
html[data-cadre].rc-cadre-ot .rc-fiche-vie.rc-fc:not(#rc-a):not(#rc-b) { position: fixed !important; z-index: 90;
  left: var(--ot-x) !important; top: var(--ot-y) !important; width: var(--ot-l) !important; height: var(--ot-h) !important;
  right: auto !important; bottom: auto !important; border-radius: 16px; overflow: hidden; background: var(--card);
  box-shadow: 0 0 0 1px var(--border-strong), 0 24px 60px rgba(0,0,0,.5); }
html[data-cadre].rc-cadre-ot [data-ot-modale] > dialog[open]:not(#rc-a):not(#rc-b) { position: fixed !important; z-index: 100; visibility: visible;
  top: 50% !important; left: calc((100vw - var(--ot-l) - 40px) / 2) !important; right: auto !important; bottom: auto !important;
  transform: translate(-50%, -50%) !important; margin: 0 !important;
  width: min(640px, calc(100vw - var(--ot-l) - 80px)) !important; max-width: none !important; max-height: calc(100dvh - 48px) !important;
  height: auto; overflow: auto; border-radius: 18px !important; box-shadow: 0 30px 70px rgba(0,0,0,.6); }
html[data-cadre].rc-cadre-ot [data-ot-modale] > dialog#rc-fiche-reunion[open]:not(#rc-a):not(#rc-b) { width: min(900px, calc(100vw - var(--ot-l) - 80px)) !important; }
.mj2 .mj-gestes .mj-mail-fait { width: 28px; height: 28px; border-color: transparent; background: none; color: var(--disabled-foreground); }
.mj2 .mj-ligne:hover .mj-gestes .mj-mail-fait { color: var(--success); }
.mj2 .mj-gestes .mj-mail-fait:hover { background: rgba(74,222,128,.12); border-color: rgba(74,222,128,.35); }

/* ════ AU CENTRE DE MA JOURNÉE (Tevini, 27 octobre 2026) : une tâche, un
   rendez-vous ou un mail cliqués dans la liste s'ouvrent au milieu de l'écran,
   sur un voile ; la bulle reste fermée, son rond sur la personne. ════ */
@media (min-width: 900px) {
  html:has(.mj2) :is(dialog.rc-volet.rc-tb, dialog#rc-fiche-reunion)[open]:not(#rc-a) { inset: 0; margin: auto; width: min(680px, calc(100vw - 64px));
    height: min(780px, calc(100dvh - 64px)); z-index: 90; border-radius: 18px;
    box-shadow: 0 0 0 100vmax rgba(5,6,10,.62), 0 30px 70px rgba(0,0,0,.6); }
}
@media (min-width: 900px) {
  html:has(.mj2) dialog#rc-fiche-reunion[open]:not(#rc-a) { height: fit-content; max-height: calc(100dvh - 64px); overflow: auto; }
}
.mj-fen-mail { width: min(860px, calc(100vw - 64px)); height: min(820px, calc(100dvh - 64px)); padding: 0; overflow: hidden;
  border: 1px solid var(--border-strong); border-radius: 18px; background: var(--card); box-shadow: 0 30px 70px rgba(0,0,0,.6); }
.mj-fen-mail::backdrop { background: rgba(5,6,10,.62); }
.mj-fen-mail iframe { width: 100%; height: 100%; border: 0; display: block; background: var(--card); }
.mj-fen-mail-x { position: absolute; top: 10px; right: 12px; z-index: 2; }