/* ═══════════════════════════════════════════════════════════════════════════════════════════
   Fiche résumé d'un profil (29/09/2026, brief « Nouvelles fonctionnalités », partie 3) — js/65.
   ═══════════════════════════════════════════════════════════════════════════════════════════
   Une affiche sobre, à l'identité du CRM : la carte des fenêtres (.ag-fenetre), le portrait
   carré aux coins adoucis des en-têtes de fiche (.profile-av), Satoshi pour tout, DM Mono pour le
   seul chiffre (le taux de commission). Pas de dégradé, pas de bordure colorée sur un côté, une
   seule ombre (celle de toute fenêtre). Le statut : un point de couleur ET son texte.
   Couleurs : jetons seulement, dans les deux thèmes. Le mouvement est dans js/65 (GSAP) ; ce
   fichier n'anime rien. */

.rsm-ov{position:fixed;inset:0;z-index:10000;background:rgba(10,8,18,.55);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}
.rsm-carte{width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--bg2);color:var(--text);border:1px solid var(--border2);border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.5);font-family:var(--font);display:flex;flex-direction:column;transform-origin:50% 45%}

/* La barre : le logo d'Elevora (celui du CRM, suivi par le thème — .elv-logo-img, js/03), ce qu'est
   la fiche, et la fermeture. */
.rsm-barre{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 22px;border-bottom:1px solid var(--border)}
.rsm-logo{height:18px;width:auto;display:block;flex-shrink:0}
.rsm-surtitre{flex:1;min-width:0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)}
.rsm-fermer{width:40px;height:40px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--r);color:var(--text2);cursor:pointer}
.rsm-fermer:hover{background:var(--bg3);color:var(--text)}
.rsm-fermer:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Qui : le portrait, puis le statut, le nom, la fonction et la société, le lieu. */
.rsm-tete{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;padding:24px 24px 6px}
.rsm-portrait{width:112px;height:112px;border-radius:16px;overflow:hidden;background:var(--glow);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rsm-photo{width:100%;height:100%;object-fit:cover;display:block}
.rsm-initiales{font:700 38px/1 var(--font-display);letter-spacing:.02em;color:var(--accent)}
.rsm-identite{min-width:0}
.rsm-statut{display:flex;align-items:center;gap:7px;margin:0;font-size:12.5px;font-weight:500;color:var(--text2);min-height:18px}
.rsm-point{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--text3)}
.rsm-t-vert{background:var(--green)}.rsm-t-ambre{background:var(--amber)}.rsm-t-rouge{background:var(--red)}.rsm-t-bleu{background:var(--accent)}.rsm-t-neutre{background:var(--text3)}
.rsm-nom{margin:6px 0 4px;font:700 26px/1.15 var(--font-display);letter-spacing:-.01em;color:var(--text);overflow-wrap:anywhere}
.rsm-nom:focus{outline:none}
.rsm-nom:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.rsm-identite-suite p{margin:0}
.rsm-code{font:600 12px var(--mono);letter-spacing:.08em;color:var(--text3);margin-bottom:2px!important}
.rsm-role{font-size:14.5px;color:var(--text2);line-height:1.45;overflow-wrap:anywhere}
.rsm-sep{color:var(--text3);margin:0 2px}
.rsm-lieu{font-size:13px;color:var(--text3);margin-top:2px!important}

/* Le corps : la présentation, puis deux colonnes — Coordonnées, Repères. */
.rsm-corps{padding:10px 24px 18px}
.rsm-desc{margin:8px 0 18px;font-size:14.5px;line-height:1.6;color:var(--text2);white-space:pre-line;overflow-wrap:anywhere}
.rsm-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;padding-top:16px;border-top:1px solid var(--border)}
.rsm-h{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)}
.rsm-dl{margin:0;display:flex;flex-direction:column;gap:10px}
.rsm-dl>div{min-width:0}
.rsm-dl dt{font-size:11.5px;color:var(--text3);margin-bottom:2px}
.rsm-dl dd{margin:0;font-size:14px;color:var(--text);line-height:1.45;overflow-wrap:anywhere}
.rsm-dl a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.rsm-dl a:hover{text-decoration-thickness:2px}
.rsm-dl a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}
.rsm-chiffre{font:600 22px/1.1 var(--mono);color:var(--text);margin-right:4px}
.rsm-dd-suite{display:block;font-size:12.5px;color:var(--text2);margin-top:2px}
.rsm-vide{margin:0;font-size:13px;color:var(--text3)}

/* « Où on en est » (30/09/2026) : le seul bloc rédigé par l'IA. Un encart plein, sans bordure
   colorée ; le texte de la situation, puis ce qui est attendu et de qui, puis la date. */
.rsm-situation{margin:6px 0 18px;padding:14px 16px;background:var(--bg3);border-radius:12px}
.rsm-sit-tete{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;margin-bottom:6px}
.rsm-sit-tete .rsm-h{margin:0;color:var(--text2)}
.rsm-sit-maj{min-height:36px;padding:0 12px;background:transparent;border:1px solid var(--border2);border-radius:var(--r);font:600 12.5px var(--font);color:var(--text2);cursor:pointer}
.rsm-sit-maj:hover{background:var(--bg2);color:var(--text)}
.rsm-sit-maj:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rsm-sit-maj:disabled{opacity:.6;cursor:default}
.rsm-sit-maj[hidden]{display:none}
.rsm-sit-texte{margin:0;font-size:15px;line-height:1.55;color:var(--text);overflow-wrap:anywhere}
.rsm-sit-attendu{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--text);overflow-wrap:anywhere}
.rsm-sit-qui{display:block;font-size:11.5px;font-weight:600;color:var(--text2);margin-bottom:1px}
.rsm-sit-meta{margin:10px 0 0;font-size:12px;line-height:1.45;color:var(--text2)}
.rsm-sit-avis{margin-top:4px}
.rsm-sit-attente{margin:0;font-size:14px;color:var(--text2)}
.rsm-sit-erreur{margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--red)}
.rsm-situation .rsm-vide{color:var(--text2);line-height:1.5}

.rsm-erreur:empty{display:none}
.rsm-erreur{margin:0 24px 12px;font-size:13px;color:var(--red)}

.rsm-pied{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;padding:12px 24px 18px;border-top:1px solid var(--border)}
.rsm-source{margin:0;font-size:12px;color:var(--text3)}
.rsm-actions{display:flex;gap:8px;flex-wrap:wrap}
.rsm-actions .btn{min-height:36px}

/* Le squelette pendant la lecture : immobile (aucune animation, même sans réglage de mouvement). */
.rsm-skel{display:block;background:var(--bg3);border-radius:6px}
.rsm-skel-portrait{width:100%;height:100%;border-radius:0}
.rsm-skel-statut{width:120px;height:12px}
.rsm-skel-role{width:60%;height:14px;margin-top:4px}
.rsm-skel-ligne{height:13px;margin:8px 0;width:100%}
.rsm-skel-court{width:55%}
.rsm-skel-titre{height:10px;width:40%;margin:4px 0 12px}
.rsm-corps .rsm-grille .rsm-skel-ligne{width:80%}

/* Téléphone : une colonne, un portrait plus petit ; rien ne déborde à 320 px. */
@media (max-width:560px){
  .rsm-ov{padding:8px}
  .rsm-carte{max-height:calc(100vh - 16px);border-radius:14px}
  .rsm-barre{padding:8px 8px 8px 16px}
  .rsm-tete{gap:14px;padding:18px 16px 4px}
  .rsm-portrait{width:76px;height:76px;border-radius:12px}
  .rsm-initiales{font-size:26px}
  .rsm-nom{font-size:21px}
  .rsm-corps{padding:8px 16px 14px}
  .rsm-situation{padding:12px 14px}
  .rsm-grille{grid-template-columns:minmax(0,1fr)}
  .rsm-pied{padding:12px 16px 14px}
  .rsm-erreur{margin:0 16px 12px}
}
@media (max-width:360px){
  .rsm-tete{grid-template-columns:minmax(0,1fr)}
  .rsm-surtitre{font-size:10px}
}

/* Impression (« Imprimer », ou « Enregistrer en PDF » du navigateur) : la carte seule, en clair
   (js/65 pose le thème clair le temps de l'impression). */
@media print{
  body.rsm-impression > *:not(#resume-profil-ov){display:none!important}
  body.rsm-impression{background:var(--bg2)!important}
  body.rsm-impression #resume-profil-ov{position:static;display:block;padding:0;background:none;opacity:1!important;overflow:visible}
  body.rsm-impression .rsm-carte{width:100%;max-width:680px;max-height:none;overflow:visible;margin:0 auto;box-shadow:none;opacity:1!important;transform:none!important;filter:none!important}
  body.rsm-impression .rsm-fermer,body.rsm-impression .rsm-actions,body.rsm-impression .rsm-sit-maj{display:none!important}
  body.rsm-impression .rsm-dl a{text-decoration:none;color:var(--text)}
}

/* ── Les champs « Présentation » des formulaires de profil ───────────────────────────────────── */
.rc-legende{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:10px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rc-legende-note{color:var(--text3);font-weight:500;text-transform:none;letter-spacing:0;margin-left:4px}
fieldset.rc{margin-bottom:1rem}
fieldset.rc>.rc-etat,fieldset.rc>.fg{clear:both}  /* la légende des rubriques flotte (css/elevora.css) : l'état caché ne la « dégageait » pas, et la grille se tassait à côté */
.rc-lib{font:600 12px var(--font);color:var(--text2)}
.rc-aide{margin:2px 0 0;font-size:11.5px;line-height:1.45;color:var(--text3)}
.rc-msg{margin:2px 0 0;font-size:12px;color:var(--red)}
.rc-msg:empty{display:none}
.rc-etat{margin:0 0 8px;font-size:12px;color:var(--text3)}
.rc-etat:empty{display:none}
.rc-etat-avis{color:var(--amber)}
.rc-photo[hidden],.rc-photo-boutons [hidden]{display:none!important}  /* .btn, .fgr et .ag-champ posent un display : sans ceci, « hidden » ne cachait rien */
.rc-intro{margin:0 0 12px}
.rc-photo-ligne{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rc-apercu{width:56px;height:56px;border-radius:12px;overflow:hidden;background:var(--glow);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rc-apercu img{width:100%;height:100%;object-fit:cover;display:block}
.rc-apercu-vide{font-size:11px;color:var(--text3)}
.rc-photo-boutons{display:flex;gap:8px;flex-wrap:wrap}
.rc-photo-boutons .btn{min-height:36px}
.rc .fta,.rc-champ .fta{min-height:72px}

/* ── La recherche globale : « Aussi dans le CRM », sous la liste des clients ───────────────── */
.rech-autres{margin-top:14px;padding:14px 16px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl)}
.rech-autres-t{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)}
.rech-autres-groupe+.rech-autres-groupe{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}
.rech-autres-h{margin:0 0 6px;font-size:13px;font-weight:600;color:var(--text)}
.rech-autres-n{font-weight:400;color:var(--text3)}
.rech-autres-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.rech-autres-lien{width:100%;min-height:40px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;text-align:left;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:var(--r);font:inherit;color:var(--text);cursor:pointer}
.rech-autres-lien:hover{background:var(--bg3)}
.rech-autres-lien:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.rech-autres-nom{font-size:13.5px;font-weight:600;overflow-wrap:anywhere}
.rech-autres-detail{font-size:12px;color:var(--text3);overflow-wrap:anywhere}
.rech-autres-plus{margin:6px 0 0 10px;font-size:12px;color:var(--text3)}

/* 02/10/2026 (point 14) : les boutons d'action de la fiche résumé suivent la hauteur commune
   des commandes côte à côte (--cmd-h, css/elevora.css), écrite ici pour garder le préfixe rsm-
   dans sa feuille. */
.rsm-actions>.btn{height:var(--cmd-h,36px);min-height:var(--cmd-h,36px);padding-top:0;padding-bottom:0;font-size:13px}
.rsm-ov{background:var(--voile-fond)!important;-webkit-backdrop-filter:var(--voile-flou)!important;backdrop-filter:var(--voile-flou)!important} /* voile commun (point 1, css/elevora.css) */

/* [LB] 03/10/2026 : la présentation (fonction, site, photo) dans la fiche prospect refaite et dans les
   fenêtres de saisie (modification 15) prend les mêmes tailles que ses voisins : libellés de 14 px en
   --text2, aides de 14 px, boutons de 40 px. Écrit ici pour garder le préfixe rc- dans sa feuille. */
.ep .rc-lib,:is(.fenetre-saisie,#form-ov>.modal) .rc-lib{font:600 14px var(--font);color:var(--text2)}
.ep :is(.rc-aide,.rc-intro),:is(.fenetre-saisie,#form-ov>.modal) .rc-aide{font-size:14px;line-height:1.5;color:var(--text2)}
.ep .rc .fiche-section-t{margin-bottom:var(--s2)}
.ep .rc-photo-boutons .btn,:is(.fenetre-saisie,#form-ov>.modal) .rc-photo-boutons .btn{min-height:40px}