/* Axalyon Standard — styles des vues (FRONT-VUES A) : tableau de bord, appels, supervision, e-mails,
   scripts, notifications, profil. Complète app.css sans le dupliquer : les patrons du design
   « Nexoria Mobile Console » (P1 à P29) y vivent une seule fois — .entete-vue P6, .surtitre P3/P4,
   .titre-vue P5, .carte P1, .liste/.element P2, .bouton P7/P8/P9, .champ P13/P15, .pastille P10,
   .onglets/.onglet P11, .recherche-champ P12, .encart P20/P25, .vide P21, .kv P22, .cc P19,
   .avatar P18, .sw + [data-pill] P17, .retour P28, .barre-outils, .ic.t11…t26.
   Préfixes : vx- (commun), tdb- (tableau), ap- (appels), sv- (supervision), em- (e-mails),
   sc- (scripts), nt- (notifications), pf- (profil). Mobile d'abord : les grilles s'élargissent avec min-width. */

/* ---------- Commun ---------- */
.vx-marge{margin-top:14px}
.vx-intertitre{font-family:var(--texte);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:16px 0 8px}
.pousse-texte{flex:1;min-width:0}
.petit-champ{min-height:30px;padding:4px 30px 4px 10px;font-size:12.5px;border-radius:8px;width:auto}

.vx-ic{width:34px;height:34px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--chip);color:var(--ink2)}
.vx-ic.ok{background:var(--okbg);color:var(--ok)}
.vx-ic.bad{background:var(--badbg);color:var(--bad)}
.vx-ic.warn{background:var(--warnbg);color:var(--warn)}
.vx-ic.info{background:var(--infobg);color:var(--info)}
.vx-ic.vif{background:var(--okbg);color:var(--ok);animation:vx-pouls 1.6s ease-in-out infinite}
.vx-ic.grand{width:44px;height:44px}
.vx-ic.grand .ic{width:22px;height:22px}
@keyframes vx-pouls{0%,100%{box-shadow:0 0 0 0 rgba(76,195,138,.35)}50%{box-shadow:0 0 0 6px rgba(76,195,138,0)}}

/* Ligne de liste : lien principal + bouton d'action à droite */
.vx-ligne{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-right:10px;min-width:0}
.vx-ligne > .element,.vx-ligne > div.element{border-bottom:0;flex:1;min-width:0}
.liste > .vx-ligne:last-child,.tdb-liste > .vx-ligne:last-child{border-bottom:0}
.vx-ligne > .bouton{flex:none}
@media (max-width:560px){
  .vx-ligne > .bouton{padding:0;width:36px;min-width:36px}
  .vx-ligne > .bouton > span{display:none}
}
.vx-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none;max-width:42%;min-width:0}
.vx-meta .pastille{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.tdb-liste .element > .pastille{align-self:flex-start;margin-top:2px;max-width:40%;overflow:hidden;text-overflow:ellipsis}
.vx-heure{font-size:15px;font-weight:600;min-width:48px;color:var(--ink)}
.vx-barre .element-titre{text-decoration:line-through;color:var(--mut)}
.vx-duree{color:var(--ok);font-weight:600}
.vx-indices{display:inline-flex;gap:6px;color:var(--mut)}
.vx-indices:empty{display:none}

.vx-citation{margin:0;padding:12px 14px;border-left:3px solid var(--red);background:var(--surface);border-radius:0 10px 10px 0;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}
.vx-citation.grande{font-family:var(--titre);font-size:16px;line-height:1.5}

.vx-pli{border-bottom:1px solid var(--line)}
.vx-pli:last-child{border-bottom:0}
.vx-pli > .element{border-bottom:0}
.vx-pli > .element > .ic:last-child{transition:transform .15s;color:var(--mut)}
.vx-pli > .element[aria-expanded="true"] > .ic:last-child{transform:rotate(180deg)}
.vx-deplie{padding:0 16px 14px;display:grid;gap:10px}

/* Filtres */
.vx-filtres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;gap:10px;align-items:end;margin:0 0 16px}
.vx-filtre{display:block;min-width:0;margin:0}
.vx-filtre .etiquette{margin:0 0 5px}
.vx-filtre.large{grid-column:1/-1}
.vx-filtre.bas{display:flex;align-items:center;min-height:40px;margin:0}
.vx-filtres .case{margin:0}
@media (min-width:700px){
  .vx-filtres{display:flex;flex-wrap:wrap}
  .vx-filtre{flex:1 1 150px}
  .vx-filtre.large{flex:2 1 240px}
  .vx-filtre.bas{flex:0 0 auto}
}
.vx-bandeau{align-items:center;margin:0 0 12px}
.vx-bandeau > span{flex:1;min-width:0}
.vx-plus{margin-top:12px}

/* Puces et définitions */
.vx-puces{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.vx-puces li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--ink2);min-width:0;overflow-wrap:anywhere}
.vx-puces li .ic{margin-top:3px;color:var(--red2)}
.vx-defs{display:grid;grid-template-columns:minmax(0,1fr);gap:8px 16px;margin:10px 0 0}
@media (min-width:560px){.vx-defs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vx-defs:empty{display:none}
.vx-def{min-width:0}
.vx-def dt{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.vx-def dd{margin:2px 0 0;overflow-wrap:anywhere}
.vx-fiche{border:1px solid var(--line);border-radius:10px}

/* Choix d'une fiche */
.vx-choix{position:relative}
.vx-choix-resultats{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;background:var(--card);border:1px solid var(--line2);border-radius:10px;box-shadow:var(--ombre);max-height:280px;overflow-y:auto;padding:4px}
.vx-choix-resultats .element{border-bottom:0;border-radius:8px;padding:8px 10px}
.modale .vx-choix-resultats{position:static;margin-top:4px;box-shadow:none}
.vx-choix-puce{display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 4px 4px 8px;border:1px solid var(--line);border-radius:10px;background:var(--champ)}
.vx-choix-puce .tronque{flex:1;font-weight:700}
.vx-choix-puce .bouton-icone{width:30px;height:30px}

/* ---------- Tableau de bord ---------- */
.tdb-grille{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
@media (min-width:760px){
  .tdb-grille{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
  .tdb-large{grid-column:1/-1}
}
.tdb-bloc{display:flex;flex-direction:column;padding:0;overflow:hidden}
.tdb-entete{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px 10px 16px;border-bottom:1px solid var(--line);min-height:52px}
.tdb-entete .carte-titre{margin:0;min-width:0}
.tdb-entete .carte-titre > span:not(.menu-compteur){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdb-actions{display:flex;align-items:center;gap:6px;flex:none}
@media (max-width:560px){
  .tdb-entete{flex-wrap:wrap;row-gap:6px}
  .tdb-entete .carte-titre{flex:1 1 170px}
  .tdb-entete .carte-titre > span:not(.menu-compteur){white-space:normal}
  .tdb-actions{margin-left:auto}
  .tdb-etape{padding:10px 10px}
  .tdb-etape-nom{letter-spacing:0;font-size:10px}
}
.tdb-compteur{margin-left:4px;letter-spacing:0}
.tdb-compteur.neutre{background:var(--chip);color:var(--ink2)}
.tdb-corps{min-height:60px;transition:opacity .15s}
.tdb-corps.tdb-maj{opacity:.72}
.tdb-corps .bloc-chargement{padding:22px 16px}
.tdb-corps > .groupe-boutons,.tdb-corps > blockquote{margin:14px 16px}
.tdb-corps > blockquote + .groupe-boutons{margin-top:0}
.tdb-vide,.tdb-indispo{display:flex;align-items:center;gap:8px;padding:18px 16px;color:var(--mut);font-size:13px}
.tdb-indispo{color:var(--ink2)}
.tdb-indispo .ic{color:var(--warn)}
.tdb-liste .element{padding:10px 16px}
.tdb-liste > li{border-bottom:1px solid var(--line)}
.tdb-liste > li:last-child{border-bottom:0}
.tdb-liste > li > .element{border-bottom:0}
.tdb-sous-titre{display:flex;align-items:center;gap:8px;padding:10px 16px 4px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.tdb-encart{margin:12px 16px 0}
.tdb-transferts .groupe-boutons{padding:4px 16px 16px}
.tdb-script .vx-citation{margin-bottom:10px}

.tdb-etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
@media (min-width:700px){.tdb-etapes{grid-template-columns:repeat(6,minmax(0,1fr))}}
.tdb-etape{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:var(--card);text-decoration:none;color:var(--ink);border-top:3px solid var(--neutre);min-width:0}
.tdb-etape:hover{background:var(--survol);color:var(--ink)}
.tdb-etape .chiffre-cle{font-size:24px}
.tdb-etape-nom{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tdb-etape-montant{font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.etape-contacte{border-top-color:var(--info)}
.etape-proposition{border-top-color:var(--warn)}
.etape-negociation{border-top-color:var(--accent-clair)}
.etape-gagne{border-top-color:var(--ok)}
.etape-perdu{border-top-color:var(--bad)}

.tdb-chiffres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
@media (min-width:560px){.tdb-chiffres{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}
.tdb-bloc .tdb-chiffres:last-child{border-bottom:0}
.tdb-chiffre{background:var(--card);padding:12px 16px;display:flex;flex-direction:column;gap:2px;min-width:0}
.tdb-chiffre .chiffre-cle{font-size:26px}
.tdb-chiffre.ok .chiffre-cle{color:var(--ok)}
.tdb-chiffre.bad .chiffre-cle{color:var(--bad)}
.tdb-chiffre.warn .chiffre-cle{color:var(--warn)}
.tdb-chiffre.info .chiffre-cle{color:var(--info)}
.tdb-chiffre-lib{font-size:12px;color:var(--mut);font-weight:600}

.tdb-etat{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line)}
.tdb-etat:last-child{border-bottom:0}
.tdb-etat .element-texte{-webkit-line-clamp:3}
.tdb-notifs .notif{padding:10px 16px}

.tdb-raccourcis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px 16px}
@media (min-width:560px){.tdb-raccourcis{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}
.tdb-raccourci{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink2);text-decoration:none;font-weight:700;font-size:13px;min-width:0}
.tdb-raccourci span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdb-raccourci:hover{border-color:var(--line2);color:var(--ink);background:var(--survol)}
.tdb-raccourci .ic{color:var(--red2)}

.tdb-composer{display:flex;gap:8px;width:100%;max-width:380px}
.tdb-composer .champ{flex:1;min-width:0}
@media (max-width:560px){.tdb-composer{max-width:none}}

/* ---------- Appels : journal et fiche d'appel (design 5.7 / 5.8) ---------- */
.ap-zone:empty{display:none}
.ap-jour{font-family:var(--texte);font-size:16px;font-weight:600;color:#B0BAC5;margin:24px 0 10px;letter-spacing:0}
.ap-zone > .ap-jour:first-child{margin-top:0}
.ap-liste{overflow:hidden}
.ap-liste .vx-ligne{border-bottom:0;padding-right:16px;gap:8px}
.ap-liste .vx-ligne + .vx-ligne{border-top:1px solid #1D232C}
.ap-liste .element{align-items:center;gap:8px 14px;padding:14px 16px;flex-wrap:wrap;border-bottom:0}
.ap-lien{text-decoration:none;color:#EDF0F3}
.ap-liste .element:hover,.ap-encours .element:hover{background:#1B2027}
.ap-corps{flex:1 1 200px;min-width:0}
.ap-nom{font-weight:700;font-size:14px}
.ap-sous{color:#8A95A3;font-size:12.5px;-webkit-line-clamp:1}
.ap-rond{width:38px;height:38px;background:#222832;color:#B0BAC5}
.ap-rond.ok{background:rgba(34,197,94,.14);color:#4ADE80}
.ap-rond.bad{background:rgba(239,68,68,.14);color:#F87171}
.ap-rond.warn{background:rgba(245,158,11,.14);color:#FBBF24}
.ap-rond.info{background:rgba(141,155,168,.14);color:#A9B7C5}
.ap-rond.vif{background:rgba(34,197,94,.14);color:#4ADE80}
.ap-duree{flex:none;width:52px;text-align:right;font-size:13px;color:#EDF0F3}
.ap-heure{flex:none;width:44px;text-align:right;color:#8A95A3;font-size:12.5px}
.ap-resume{margin-top:4px;font-size:12.5px;color:#C6CED6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ap-compte{color:#8A95A3;font-size:12.5px;margin:0 0 10px}
.ap-etat:empty{display:none}
.ap-etat{margin-top:4px}

/* « En cours maintenant » : liste encadrée à en-tête vert (design 5.7) */
.ap-encours{padding:0;margin:0 0 16px;overflow:hidden}
.ap-encours-entete{display:flex;align-items:center;gap:8px;padding:14px 16px 12px;color:#4ADE80;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ap-encours-titre{min-width:0}
.ap-point{width:7px;height:7px;flex:none;background:#22C55E;border-radius:50%;box-shadow:0 0 7px #22C55E}
.ap-encours-corps .tdb-liste{border-radius:0}
.ap-encours .vx-ligne{border-top:1px solid #1D232C;border-bottom:0;padding-right:16px}
.ap-encours .element{align-items:center;gap:8px 14px;padding:12px 16px;border-bottom:0;flex-wrap:wrap}
.ap-encours .tdb-sous-titre{padding:10px 16px 0;margin:0;border-top:1px solid #1D232C}
.ap-ligne > .bouton{align-self:center}

/* Fiche d'appel */
.ap-entete{align-items:flex-end}
.ap-entete .titre-vue{overflow-wrap:anywhere;min-width:0}
.ap-titre-ligne{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.ap-resume-ia{margin-top:18px}
.ap-resume-texte{margin:6px 0 0;font-size:15px;line-height:1.55;max-width:72ch;color:#EDF0F3;overflow-wrap:anywhere}
.ap-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start;margin-top:16px}
.ap-colonne{min-width:0;gap:16px}
.ap-traitement{text-transform:none;letter-spacing:0;font-weight:700}
.ap-traitement:empty{display:none}
.ap-analyse-pied{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #1D232C;color:#8A95A3;font-size:12px;flex-wrap:wrap}
.ap-analyse-pied .bouton{flex:none}
.ap-analyse > div > .encart{margin-bottom:12px}

/* Transcription : un tour de parole par bloc (design 5.8) */
.ap-transcription{display:flex;flex-direction:column}
.ap-transcription-actions{flex:none;display:flex;gap:8px}
.ap-transcription-note{margin:14px 0 0;color:#8A95A3;font-size:12px}
.ap-bulles{display:flex;flex-direction:column;max-height:min(560px,70vh);overflow-y:auto;overscroll-behavior:contain}
.ap-bulle{padding:10px 0;border-bottom:1px solid #1D232C}
.ap-bulle:last-child{border-bottom:0}
.ap-bulle.agent{padding-left:14px;border-left:2px solid #8D9BA8}
.ap-bulle-qui{display:flex;gap:10px;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8A95A3}
.ap-bulle.agent .ap-bulle-qui{color:#A9B7C5}
.ap-bulle-temps{font-weight:600}
.ap-bulle-texte{margin:4px 0 0;font-size:13.5px;color:#C6CED6;white-space:pre-wrap;overflow-wrap:anywhere}
.ap-lecteur{display:block;width:100%;margin:4px 0 8px;height:40px;color-scheme:dark}
.ap-notes textarea{min-height:120px}
.ap-notes-pied{margin-top:8px}
/* Assistant vocal (contrat §19.10) : compte rendu et réécoute de la conversation avec l'assistant */
.ap-assistant{border-color:rgba(141,155,168,.22)}
.ap-assistant > .encart{margin-bottom:10px;flex-wrap:wrap}
/* Voice Center (§20.3) : parcours entre les agents IA */
.ap-parcours-ligne{display:block;font-size:12px;color:#B0BAC5;overflow-wrap:anywhere}
.ap-parcours{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.ap-parcours-liste{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ap-etape{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;border:1px solid #272E39;background:#0F1319;font-size:11.5px;color:#8A95A3;min-width:0;overflow-wrap:anywhere}
.ap-etape + .ap-etape::before{content:"\2192";margin:0 6px 0 -2px;color:#8A95A3}
.ap-etape.actuelle{border-color:rgba(141,155,168,.22);background:rgba(141,155,168,.14);color:#A9B7C5;font-weight:700}
.ap-etape-nom{min-width:0}
.ap-etape-poste{font-size:11px;color:#8A95A3}

@media (max-width:560px){
  .ap-liste .element,.ap-encours .element{padding:12px 14px}
  .ap-duree,.ap-heure{width:auto}
  .ap-jour{margin:18px 0 8px}
}

/* ---------- Scripts ---------- */
.sc-contexte{margin-bottom:16px}
.sc-groupe{margin-bottom:22px}
.sc-grille{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:900px){.sc-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sc-carte{display:flex;flex-direction:column;gap:10px}
.sc-carte h3{font-size:15px;min-width:0;overflow-wrap:anywhere}
.sc-texte{flex:1}
.sc-variable{background:var(--warnbg);color:var(--warn);border-radius:4px;padding:0 3px;font-family:var(--mono);font-size:.9em}
.sc-resultat{margin-top:14px;display:grid;gap:10px}
.sc-resultat:empty{display:none}

/* ---------- Notifications ---------- */
.nt-liste{padding:0;overflow:hidden}
.nt-ligne{display:flex;align-items:center;border-bottom:1px solid var(--line)}
.nt-ligne:last-child{border-bottom:0}
.nt-ligne .notif{border-bottom:0;flex:1;min-width:0;padding:12px 16px}
.nt-ligne .notif-texte{-webkit-line-clamp:4}
.nt-ligne > .bouton-icone{margin-right:8px;flex:none}
.nt-liste > .vide{padding:40px 16px}
.nt-liste > .encart{margin:14px}

/* ---------- Profil ---------- */
.pf-grille{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
@media (min-width:1000px){.pf-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pf-section{display:flex;flex-direction:column;gap:12px}
.pf-section > .carte-titre{margin:0}
.pf-form{display:flex;flex-direction:column;gap:10px}
.pf-form .formulaire{gap:4px 16px}
.pf-voix .element{flex-wrap:wrap}
.pf-champ{display:block;min-width:0}
.pf-message:empty{display:none}
.pf-pastille{margin-left:8px;vertical-align:middle}
.pf-totp,.pf-push{display:flex;flex-direction:column;gap:10px}
.pf-enrolement{display:flex;flex-direction:column;gap:6px}
.pf-appareils .vx-ligne{padding-right:0}
.pf-appareils .element{padding:10px 0}
.pf-appareils .element-titre{white-space:normal}

/* ---------- E-mails : liste ---------- */
/* Barre d'outils et recherche de la boîte (P12). */
.em-outils{margin-bottom:0}
.em-recherche{flex:1 1 220px;min-width:0;max-width:300px;margin:0}
/* Titre de panneau du design (h2 16 px) avec sa marge sous les deux panneaux latéraux. */
.em-titre-panneau{margin-bottom:12px}
/* Ligne encadrée d'un panneau (fiche liée, conversation) : absente du design, bordure seule
   pour que le survol de .element (#1B2027) reste visible. */
.em-ligne-encadree{align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:12px}
.em-zone-compte{margin-bottom:14px}
.em-zone-compte:empty{display:none}
.em-compte{align-items:center;flex-wrap:wrap}
.em-etat-compte:empty{display:none}
.em-liste .em-element{align-items:stretch;padding:16px;border-bottom:0;box-shadow:none}
.em-ligne{min-width:0}
.em-liste > li{border-bottom:0}
.em-liste > li + li{border-top:1px solid var(--line-fin)}
.em-liste > li > .element{border-bottom:0}
.em-l1{display:flex;align-items:center;gap:6px;min-width:0}
.em-l1 .element-titre{min-width:0}
.em-sujet{display:block;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.em-element.non-lu .element-titre,.em-element.non-lu .em-sujet{font-weight:800}
.em-element:not(.non-lu) .element-titre{font-weight:600;color:var(--ink2)}
.em-element:not(.non-lu) .em-sujet{color:var(--ink2)}
.em-pastilles{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.em-pastilles:empty{display:none}
.em-date{padding-top:2px}
.em-etat:empty{display:none}
.em-etat{margin-top:4px}
.em-sans-liste{display:flex;flex-direction:column;gap:6px}

/* ---------- E-mails : détail ---------- */
.em-entete{min-width:0}
.em-titre{margin-bottom:12px;align-items:flex-start}
.em-sujet-titre{overflow-wrap:anywhere}
.em-titre .em-pastilles{margin-top:10px}
.em-entetes{margin:0 0 12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--rayon);background:var(--card);display:grid;gap:4px;font-size:13px}
.em-entete-ligne{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px}
.em-entete-ligne dt{color:var(--mut);font-weight:700}
.em-entete-ligne dd{margin:0;overflow-wrap:anywhere;color:var(--ink2)}
.em-actions{margin-bottom:18px}
.em-categorie{display:inline-flex}
.bouton.actif-important{background:var(--warnbg);border-color:rgba(245,158,11,.25);color:var(--warn)}
/* P29 — grille des deux panneaux du détail. */
.em-detail{display:grid;align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:16px}
/* P20 — encart du résumé de l'IA (le panneau .carte laisse la place à l'encart). */
.em-resume{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding:14px 16px;background:rgba(141,155,168,.07);border:1px solid rgba(141,155,168,.22);border-radius:14px}
.em-resume > .ic{flex:none;margin-top:2px;color:var(--accent-clair)}
.em-surtitre-ia{font-family:var(--texte);font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-clair);margin:0}
.em-resume-texte{margin:0;font-size:14.5px;line-height:1.55;overflow-wrap:anywhere}
.em-resume .aide{margin:8px 0 0}
.em-texte{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;color:var(--ink3)}
.em-cite{color:var(--mut);border-left:2px solid var(--line2);padding-left:12px;margin-top:8px;font-size:13px}
.em-citation{margin-top:12px}
.em-citation summary{cursor:pointer;color:var(--mut);font-size:12.5px;font-weight:700;width:max-content;max-width:100%;padding:3px 0}
.em-citation summary:hover{color:var(--ink)}
.em-lien{color:var(--accent-clair);text-decoration:underline;text-decoration-color:rgba(141,155,168,.4);overflow-wrap:anywhere}
.em-lien:hover{color:var(--ink)}
.em-pieces{margin-top:12px;border-top:1px solid var(--line);padding-top:2px}
.em-pieces-liste{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.em-piece{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--champ);color:var(--ink);text-decoration:none;font-size:13px;font-weight:400}
.em-piece:hover{border-color:var(--line2);background:var(--survol);color:var(--ink)}
.em-piece.indisponible{color:var(--mut);border-style:dashed}
.em-piece .tronque{max-width:240px}
.em-fiche-recherche:empty{display:none}
.em-fiche-recherche{margin-top:8px}
.em-fil-liste .element{padding:9px 0}
.em-fil-liste > li:last-child .element{border-bottom:0}
.em-fil-envoye .element-titre{color:var(--ink2)}
.em-fil-liste .vx-ic{width:28px;height:28px}

/* Éditeur de réponse */
.em-reponse{display:flex;flex-direction:column;gap:10px}
.em-reponse > .tdb-entete{padding:0;border:0;min-height:0}
.em-reponse .etiquette{margin-top:2px}
.em-statut:empty{display:none}
.em-destinataire{display:block;min-width:0}
.em-destinataire-valeur{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:13.5px;overflow-wrap:anywhere;color:var(--ink2)}
.em-corps-saisie{min-height:180px;padding:12px;font-size:13.5px;line-height:1.6}
.em-titre-pieces{margin:0 0 10px}
/* Lignes d'une liste encadrée des panneaux latéraux (fiche liée, conversation). */
.em-ligne-titre{display:block;font-weight:700;font-size:13.5px}
.em-ligne-note{display:block;color:var(--mut);font-size:12.5px;margin-top:2px}
.em-exemple{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.em-exemple .vx-citation{border-left-color:var(--line2);color:var(--ink2)}
.em-ia{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line)}
.em-ia-consigne{flex:1 1 240px;min-width:0}
.em-ia > .bouton{flex:none}
.em-boutons{padding-top:12px;border-top:1px solid var(--line);margin-top:4px}
@media (max-width:560px){
  .em-boutons .bouton,.em-ia > .bouton{flex:1 1 100%}
  .em-entete-ligne{grid-template-columns:60px minmax(0,1fr)}
  .em-actions .bouton{flex:1 1 auto}
}
.em-nouveau{gap:8px}
.em-nouveau .etiquette{margin-top:4px}
.em-nouveau .em-corps-saisie{min-height:200px}


/* =====================================================================
   Deltas des patrons du design — les patrons eux-mêmes vivent dans app.css
   (.entete-vue P6, .surtitre P3/P4, .titre-vue P5, .bouton P7/P8/P9, .pastille P10,
   .onglets/.onglet P11, .recherche-champ P12, .champ P13/P15, .carte P1, .liste/.element P2,
   .vide P21, .encart P20/P25, .kv P22, .cc P19, .sw + [data-pill] P17, .avatar P18,
   .barre-outils, .ic.t11…t26). Ici : seulement ce qui s'en écarte sur ces écrans.
   ===================================================================== */

/* P11 — les pilules de filtre vivent dans une barre d'outils qui porte déjà son espacement. */
.vx-pilules{margin-bottom:0}
/* P12 — largeur du champ de recherche sur ces écrans. */
.vx-recherche{flex:1 1 220px;min-width:0;max-width:300px;margin:0}
/* P3 — surtitre de section posé en tête de panneau, sur la même ligne qu'une action. */
.vx-surtitre-section{margin:0;flex:1 1 auto;min-width:0}
.vx-panneau-entete{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
/* P20 — variante « 16 px / rayon 14 » de l'encart IA (résumé d'appel). */
.vx-encart-ia{padding:16px;border-radius:14px;gap:12px}
.vx-encart-ia > .ic{margin-top:2px}
.vx-encart-surtitre{font-family:var(--texte);font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#A9B7C5}
/* P22 — clé de largeur fixe (relevé de l'IA). */
.vx-kv-cle{width:96px;font-size:12.5px}
/* P17 — l'étiquette qui porte l'interrupteur. */
.vx-sw-etiquette{flex:none;display:inline-flex;align-items:center;cursor:pointer}
.vx-sw-etiquette.fige{cursor:default}
/* P28 — lien de retour en bouton discret. */
.vx-lien{color:#8A95A3;font-weight:600;font-size:13px;text-decoration:none}
.vx-lien:hover{color:#EDF0F3}

/* Graphique en colonnes (une par heure) */
.vx-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;gap:6px}
.vx-col-val{flex:none;font-size:11px;font-weight:600;color:#B0BAC5}
.vx-col-piste{flex:1;width:100%;min-height:0;display:flex;align-items:flex-end}
.vx-col-barre{width:100%;background:#8D9BA8;border-radius:5px 5px 0 0}
.vx-col-barre.pointe{background:#A9B7C5}
.vx-col-heure{flex:none;font-size:10.5px;color:#8A95A3}


/* ---------- Supervision : agents et distribution (design 5.3) ---------- */
.sv-chargement:empty{display:none}
.sv-chargement{margin-top:16px}
.chiffres + .ap-encours{margin-top:18px}
.sv-graphique{margin-top:18px}
.sv-graphique .vx-panneau-entete{align-items:baseline;gap:12px;margin-bottom:16px}
.sv-pointe{flex:none;color:#8A95A3;font-size:12px}
.sv-colonnes{display:flex;align-items:flex-end;gap:8px;height:150px}

.sv-files{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.sv-file{padding:0;overflow:hidden}
.sv-file-entete{display:flex;align-items:center;gap:12px;padding:14px 15px;flex-wrap:wrap}
.sv-file-titre{font-family:var(--titre);font-size:16px;font-weight:600;flex:1 1 160px;min-width:0;margin:0;letter-spacing:0}
.sv-file-puce{flex:none;letter-spacing:0}
.sv-file-note{flex:none;color:#8A95A3;font-size:12.5px}
.sv-file .vide{border:0;border-top:1px solid #1D232C;border-radius:0;background:none}
.sv-liste{border:0;background:none;border-radius:0}
.sv-agent{display:flex;align-items:center;flex-wrap:wrap;gap:8px 13px;padding:11px 13px;border-top:1px solid #1D232C;border-bottom:0;min-width:0}
.sv-agent:hover{background:#1B2027}
.sv-agent.eteint{opacity:.55}
.sv-agent-corps{flex:1 1 150px;min-width:0}
.sv-agent-nom{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sv-agent-poste{display:block;color:#8A95A3;font-size:12px}
.sv-etat{flex:0 1 auto;min-width:0;display:inline-flex;align-items:center;gap:7px;color:#8A95A3;font-size:12.5px;font-weight:600;white-space:nowrap}
.sv-point{width:8px;height:8px;flex:none;background:#3A424E;border-radius:50%}
.sv-etat.ok{color:#4ADE80}
.sv-etat.ok .sv-point{background:#22C55E;box-shadow:0 0 8px #22C55E}
.sv-etat.warn{color:#FBBF24}
.sv-etat.warn .sv-point{background:#F59E0B}
.sv-etat.bad{color:#F87171}
.sv-etat.bad .sv-point{background:#EF4444}
.sv-etat.info{color:#A9B7C5}
.sv-etat.info .sv-point{background:#8D9BA8}
.sv-depuis,.sv-agent .vx-duree{flex:0 0 76px;text-align:right;color:#8A95A3;font-size:11.5px;font-weight:400;white-space:nowrap}
.sv-depuis .vx-duree{color:inherit;font-weight:400}

.sv-renvois{margin-top:18px}
.sv-renvois-note{margin:0 0 8px;color:#8A95A3;font-size:12.5px}
.sv-renvoi{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:12px 0;border-top:1px solid #1D232C}
.sv-renvoi-corps{flex:1 1 200px;min-width:0}
.sv-renvoi-titre{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.sv-renvoi-note{display:block;color:#8A95A3;font-size:12.5px}

@media (max-width:899.98px){
  .vx-recherche{max-width:none}
  .sv-colonnes{height:120px}
  .sv-agent{gap:8px 10px;padding:11px}
  .sv-depuis,.sv-agent .vx-duree{flex:0 0 auto}
  .ap-detail{gap:14px}
}

/* ---------- Mouvement réduit ---------- */
@media (prefers-reduced-motion:reduce){
  .vx-ic.vif{animation:none}
  .tdb-corps,.vx-pli > .element > .ic:last-child{transition:none}
}

/* ---------- E-mails : boîtes des agents IA (sélecteur de boîte) ---------- */
/* Rangée de boîtes au-dessus des onglets : « Toutes », la boîte commune, puis une par agent.
   Segments arrondis dans la charte (fond .card, trait .line), jamais des onglets P11 :
   les onglets restent le filtre de dossier. */
.em-boites-zone{margin-bottom:14px}
.em-boites-zone[hidden]{display:none}
.em-boites{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}
.em-boite{display:inline-flex;align-items:center;gap:9px;min-width:0;max-width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink2);font:inherit;font-size:13px;cursor:pointer;text-align:left}
.em-boite:hover{background:var(--survol);color:var(--ink)}
.em-boite:focus-visible{outline:2px solid var(--accent-clair);outline-offset:2px}
.em-boite.actif{border-color:var(--line2);background:var(--chip);color:var(--ink)}
.em-boite .ic{flex:none;color:var(--mut)}
.em-boite.actif .ic{color:var(--ink2)}
.em-boite-corps{display:flex;flex-direction:column;min-width:0}
.em-boite-nom{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.em-boite-adresse{color:var(--mut);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.em-boite-compteur{flex:none;background:var(--chip);color:var(--ink2);font-variant-numeric:tabular-nums}
.em-boite.actif .em-boite-compteur{background:var(--infobg);color:var(--info)}

/* ---------- E-mails : envois en attente (délai d'annulation) ---------- */
.em-attente-zone{margin-bottom:14px}
.em-attente-zone[hidden]{display:none}
.em-attente{border-color:var(--line2)}
.em-attente-titre{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.em-attente-titre .ic{flex:none;color:var(--warn)}
.em-attente-aide{margin:0 0 12px}
.em-attente-liste{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}
.em-attente-ligne{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.em-attente-tete{display:flex;align-items:center;gap:12px;min-width:0}
.em-attente-corps{display:flex;flex-direction:column;min-width:0;flex:1}
.em-attente-objet{font-weight:700;overflow-wrap:anywhere}
.em-attente-note{color:var(--mut);font-size:12.5px;overflow-wrap:anywhere}
.em-attente-meta{flex:none;text-align:right}
.em-attente-reste{display:inline-block;font-family:var(--titre);font-size:13px;font-weight:600;color:var(--warn);font-variant-numeric:tabular-nums;white-space:nowrap}
.em-attente-reste.parti{color:var(--mut)}
.em-attente-pastilles{margin-top:0}
.em-attente-apercu{margin:0;color:var(--ink2);font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.em-attente-relecture > summary{cursor:pointer;color:var(--mut);font-size:12.5px;font-weight:700;padding:2px 0}
.em-attente-relecture > summary:hover{color:var(--ink)}
.em-attente-relecture[open] > summary{margin-bottom:8px}
.em-attente-actions{margin-top:2px}

/* ---------- E-mails : relecture automatique d'un message d'agent ---------- */
.em-relecture{margin-top:16px}
.em-relecture-tete{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.em-relecture-tete .em-pastilles{margin-top:0;flex:none}
.em-relecture-intro{margin:0 0 10px;color:var(--ink2);font-size:13.5px;line-height:1.6;max-width:72ch}
.em-relecture-corps{display:flex;flex-direction:column;gap:10px;min-width:0}
.em-relecture-note{margin:0;color:var(--ink);font-size:13.5px;line-height:1.6;max-width:72ch;overflow-wrap:anywhere}
.em-relecture-bloc{min-width:0}
.em-relecture-bloc .etiquette{margin-bottom:6px}
.em-controles{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
.em-controle{display:flex;align-items:flex-start;gap:10px;min-width:0}
.em-controle .vx-ic{width:26px;height:26px}
.em-controle .vx-ic .ic{width:14px;height:14px}
.em-controle-corps{display:flex;flex-direction:column;min-width:0}
.em-controle-titre{font-size:13.5px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.em-controle-note{color:var(--mut);font-size:12.5px;line-height:1.5;overflow-wrap:anywhere}
.em-fil-pastilles{margin-top:4px}

@media (max-width:899.98px){
  .em-boite{flex:1 1 auto}
  .em-attente-tete{flex-wrap:wrap}
  .em-attente-meta{text-align:left}
}