/* Sessions : composition avec les seules mesures et couleurs de l'identité 2026. */
#sessions[hidden], #contexte:not([open]), #avis:not([open]) { display: none; }
#contexte, #avis { margin: auto; border: 0; width: min(var(--largeur-fil), calc(100vw - 2 * var(--espace-4))); max-height: calc(100dvh - 2 * var(--espace-4)); color: var(--text-primary); font-size: var(--t-texte); }
#contexte::backdrop, #avis::backdrop { background: var(--dialogue-voile); }
#contexte .case, #avis .case { min-width: 0; overflow-wrap: anywhere; }
#sessions { position: fixed; z-index: 20; inset: var(--espace-4) var(--espace-4) var(--espace-4) auto; width: min(var(--largeur-fil), calc(100vw - 2 * var(--espace-4))); display: flex; flex-direction: column; gap: var(--espace-3); padding: var(--espace-4); overflow: auto; font-size: var(--t-texte); }
#sessions :is(h2, h3), #session-suite h2, #contexte h2, #avis h2 { font-size: var(--t-titre-case); line-height: var(--i-titre-case); }
.sessions-ouvertes .activite-agent { visibility: hidden; }
.sessions-tete, .sessions-commandes { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espace-3); }
.sessions-tete h2, .sessions-commandes .champ { flex: 1; min-width: 0; }
#sessions-resultats { display: flex; flex-direction: column; gap: var(--espace-3); }
#sessions ul { list-style: none; }
.session-ligne { flex-wrap: wrap; padding-inline: 0; }
.session-ligne__ouvrir { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--espace-1); text-align: left; overflow-wrap: anywhere; min-height: var(--controle-h); }
.session-ligne__actions { display: flex; flex-wrap: wrap; gap: var(--espace-2); }
.session-ligne form { width: 100%; display: flex; flex-direction: column; gap: var(--espace-2); }
#session-entete { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espace-2); font-size: var(--t-aide); }
.session-flux { padding: var(--espace-2) var(--espace-3); font-size: var(--t-aide); line-height: var(--i-aide); color: var(--text-secondary); white-space: nowrap; }
.session-flux:empty { display: none; }
#session-main { color: var(--text-primary); }
#session-main:empty { display: none; }
.main-invite { margin: 0 var(--espace-5) var(--espace-2); padding: var(--espace-2) var(--espace-3); font-size: var(--t-aide); color: var(--text-secondary); }
.main-invite[hidden] { display: none; }
#main[data-main="autre"] #composer button.send[type="submit"], #main:has(#envoyer-file:not([hidden])) #composer button.send[type="submit"] { display: none; }
#main[data-main="autre"] #composer textarea { color: var(--text-secondary); }
#file-fil { flex: none; margin: 0 var(--espace-5) var(--espace-3); padding: var(--espace-3) var(--espace-4); display: flex; flex-direction: column; gap: var(--espace-2); font-size: var(--t-texte); }
#file-fil[hidden] { display: none; }
#file-fil ul { list-style: none; display: flex; flex-direction: column; gap: var(--espace-2); }
#file-fil li { display: flex; align-items: center; gap: var(--espace-3); }
.file-fil__texte { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-secondary); }
@media (max-width: 1100px) { #file-fil, .main-invite { margin-inline: var(--espace-3); } }
.session-selecteur { text-align: left; overflow-wrap: anywhere; min-width: 0; }
#session-documents, #session-jauge { display: flex; flex-direction: column; gap: var(--espace-3); padding: var(--espace-4); }
#session-documents[hidden], #session-jauge[hidden] { display: none; }
#session-documents ul { list-style: none; }
#session-documents .bouton { font-size: var(--t-aide); padding-inline: var(--espace-3); }
.documents-version { display: flex; flex-wrap: wrap; align-items: end; gap: var(--espace-3); }
.documents-version .champ { flex: 1; }
.depot input { max-width: 100%; font-size: var(--t-aide); }
.depot input::file-selector-button { font: inherit; color: var(--text-primary); background: var(--bg-surface); border: calc(var(--espace-1) / 4) solid var(--border-controle); border-radius: var(--rayon-controle); padding: var(--espace-2); margin-right: var(--espace-2); }
#session-suite, #session-proposition { flex: none; margin: 0 var(--espace-5) var(--espace-3); max-height: 50%; overflow: auto; font-size: var(--t-texte); }
#session-suite .case, #session-resume, [data-bornes-agent], #bornes-agent { display: flex; flex-direction: column; gap: var(--espace-3); }
#session-resume textarea { resize: vertical; }
#main:has(#session-suite .decision) #saisie-fil, #main[data-session-etat="close"] #saisie-fil { display: none; }
body:has(#sessions:not([hidden])) #composer .send { background: var(--bg-surface); color: var(--text-primary); border: calc(var(--espace-1) / 4) solid var(--border-controle); }
body:has(dialog[open]) .app, body:has(dialog[open]) #sessions { pointer-events: none; }
#contexte header, #avis header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--espace-3); }
#contexte .etapes-contexte { padding: 0; }
#contexte .etapes-contexte strong { flex: 1; }
.msg--borne { border: 0; box-shadow: none; }
@media (max-width: 640px) {
  .fil-tete .presence--fil { width: 100%; }
  #session-suite, #session-proposition { margin-inline: var(--espace-3); }
  #sessions { inset: var(--espace-2); width: auto; padding: var(--espace-3); }
  .session-ligne__actions { width: 100%; }
  #composer { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; }
  #composer #destinataire { grid-column: 1 / -1; justify-self: start; }
  #composer #input { grid-column: 1; min-width: 0; }
  #composer #joindre-piece { grid-column: 2; }
  #composer > [data-dicter] { grid-column: 3; }
  #composer > .send { grid-column: 4; }
}

/* Finition A1–A10 : cases compactes, panneau de la largeur de l'activité, régions de lecture. */
.fil-tete { align-items: center; flex-wrap: wrap; }
.fil-tete__droite { flex: 1 1 auto; min-width: 0; align-items: center; }   /* base automatique : si les commandes ne tiennent pas à côté de la carte, elles passent dessous (avec `flex: 1`, elles débordaient sur la carte) */
#session-entete { justify-content: flex-end; }
.session-selecteur, .session-puce { padding: var(--espace-2) var(--espace-3); min-height: var(--espace-6); line-height: var(--i-aide); }
.session-puce { display: none; }
#sessions { inset: var(--espace-5) calc(var(--espace-7) + var(--espace-5) + 2 * var(--espace-4)) auto auto; width: var(--largeur-activite); max-height: calc(100dvh - 2 * var(--espace-5)); }
.sessions-tete { padding: var(--espace-3) var(--espace-4); gap: var(--espace-2); }
.sessions-tete .lien { flex: none; font-size: var(--t-aide); }
.sessions-commandes { flex-direction: column; align-items: stretch; }
.sessions-commandes .champ { flex: none; }
.sessions-commandes input { background: var(--bg-controle-verre); }
#sessions-resultats > .case, #sessions-resultats > section { padding: var(--espace-3) var(--espace-4); }
#sessions-resultats h3 { font-size: var(--t-repere); line-height: var(--i-repere); text-transform: uppercase; letter-spacing: .04em; color: var(--text-secondary); }
.session-ligne { gap: var(--espace-1); border: 0; padding: var(--espace-2); border-radius: var(--rayon-controle); }
.session-ligne:has([aria-current]) { background: var(--accent-doux); }
.session-ligne__ouvrir { font-weight: var(--g-normal); }
.session-ligne__ouvrir strong { font-weight: var(--g-moyen); }
.session-ligne__actions { gap: var(--espace-2); }
.session-ligne__actions .bouton { padding: var(--espace-1); min-height: var(--cible-min); background: transparent; border-color: transparent; font-size: var(--t-aide); }
.session-transfert { padding: var(--espace-3) var(--espace-4); }
.session-transfert p { margin-top: var(--espace-1); }
#session-documents, #session-jauge { flex: none; gap: var(--espace-2); }
.documents-tete { display: flex; align-items: center; justify-content: space-between; gap: var(--espace-3); }
.documents-tete .lien { font-size: var(--t-aide); }
.documents-version { align-items: center; gap: var(--espace-2); }
.documents-version .champ { flex: none; width: auto; }
.documents-version select { min-height: var(--espace-6); padding: var(--espace-1) var(--espace-2); font-size: var(--t-aide); }
#session-documents ul { display: flex; flex-direction: column; gap: var(--espace-2); }
#session-documents .piece { padding: var(--espace-2) var(--espace-3); border: calc(var(--espace-1) / 4) solid var(--border-subtle); border-radius: var(--rayon-controle); background: var(--bg-surface); gap: var(--espace-1); }
.piece__icone { flex: none; display: grid; place-items: center; }
.piece__nom { font-size: var(--t-texte); }
#session-documents .piece .hint, .piece__meta { line-height: var(--i-aide); }
#session-documents .piece__actions .bouton { min-height: var(--cible-min); padding: 0 var(--espace-1); border-color: transparent; background: transparent; }
#session-documents [role="alertdialog"] { padding: var(--espace-3); border: calc(var(--espace-1) / 4) solid var(--etat-attention); border-radius: var(--rayon-controle); }
#session-documents [role="alertdialog"] .piece__actions { margin-top: var(--espace-2); }
.depot { position: relative; cursor: pointer; text-align: center; }
.depot--compact { padding: var(--espace-2); font-size: var(--t-aide); }
.depot progress { width: 100%; }
#session-jauge .paire { border: 0; padding: 0; gap: var(--espace-2); display: flex; justify-content: space-between; }
#session-jauge .paire dd { white-space: nowrap; }
.jauge__resume { display: flex; gap: var(--espace-2); align-items: center; }
.jauge__resume progress { flex: 0 1 32%; }
.jauge__resume p { flex: 1; }
.jauge[data-seuil="premier"] .jauge__resume, .jauge[data-seuil="second"] .jauge__resume { color: var(--etat-attention); }
.proposition-session { padding: var(--espace-3) var(--espace-4); display: flex; gap: var(--espace-3); align-items: center; flex-wrap: wrap; font-size: var(--t-aide); }
.proposition-session > p:first-child { flex: 1; min-width: 50%; color: var(--etat-attention); }
.proposition-session [role="status"]:empty { display: none; }
#session-suite .case { padding: var(--espace-4); }
#session-suite .decision { border-color: var(--accent); }
.appuis { margin-top: var(--espace-1); }
.appuis summary { padding-block: var(--espace-1); }
.appuis[open] { padding-bottom: var(--espace-2); }
.appuis[open] summary { color: var(--text-primary); }
.appuis [data-contexte-session] { margin-top: var(--espace-2); }
#contexte { width: min(calc(var(--largeur-fil) - 5 * var(--espace-6)), calc(100vw - 2 * var(--espace-4))); padding: var(--espace-5); }
#contexte > .case, .contexte-etapes { padding: var(--espace-3) var(--espace-4); }
#contexte header .bouton { min-height: var(--cible-min); padding: var(--espace-1); border: 0; background: transparent; font-size: var(--t-aide); }
.contexte-resume { display: flex; flex-direction: column; gap: var(--espace-1); font-size: var(--t-aide); }
#contexte .etapes-contexte { gap: 0; margin-top: var(--espace-2); }
.etapes-contexte details { padding: var(--espace-1); border-radius: var(--rayon-controle); }
.etapes-contexte details[open] { background: var(--accent-doux); }
.etapes-contexte strong { font-weight: var(--g-normal); }
.etape-rang, .etape-taille, .etape-geste { font-size: var(--t-aide); color: var(--text-secondary); }
.etape-geste::after { content: 'Ouvrir ›'; }
[open] > summary .etape-geste::after { content: 'Replier'; }
.etapes-contexte [data-texte-etape] { padding: 0 var(--espace-2) var(--espace-2); }
.etapes-contexte pre { padding: var(--espace-3); background: var(--bg-hover); border-radius: var(--rayon-controle); font-size: var(--t-aide); }
.etapes-contexte [data-texte-etape] > .hint { margin-top: var(--espace-2); }
#bornes-agent { padding: var(--espace-4); }
#agents > li:first-child:has([data-agent="associe"]) { padding-bottom: var(--espace-2); margin-bottom: var(--espace-1); border-bottom: calc(var(--espace-1) / 4) solid var(--border-subtle); }
#main[data-depot-survol]::after { content: 'Lâche pour joindre à cette conversation'; position: absolute; inset: 20% var(--espace-5) 40%; z-index: 9; display: grid; place-items: center; padding: var(--espace-4); border: calc(var(--espace-1) / 2) dashed var(--accent); border-radius: var(--rayon-case); background: var(--bg-controle-verre); color: var(--text-primary); pointer-events: none; }
#main[data-depot-survol] { position: relative; }
@media (max-width: 1100px) {
  .session-puce { display: inline-flex; }
  #session-entete { justify-content: flex-start; }
  #sessions { right: calc(var(--espace-7) + var(--espace-5) + 2 * var(--espace-3)); }
}
@media (max-width: 640px) {
  #sessions { inset: var(--espace-2); width: auto; max-height: none; padding: var(--espace-4); }
  .sessions-tete { padding-inline: var(--espace-3); }
  .session-ligne__actions { width: auto; }
  .session-ligne { align-items: flex-start; }
  #contexte { padding: var(--espace-3); }
  #contexte .etape-taille { width: 100%; padding-left: var(--espace-4); }
  .etape-geste { display: none; }
  .fil-tete__droite { justify-content: flex-start; }
}
/* Les contrôles sur le verre portent une fumée et un contour mesurables. */
.session-selecteur, .session-puce { background: var(--bg-controle-verre); border: calc(var(--espace-1) / 4) solid var(--border-controle); }
.sessions-commandes > .bouton--plein { border: calc(var(--espace-1) / 2) solid var(--verre-fumee); }
.session-ligne__actions .bouton { width: var(--espace-6); }
#session-documents .piece { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
#session-documents .piece__tete { grid-column: 1 / -1; flex-wrap: nowrap; }
#session-documents .piece__nom { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: var(--g-normal); }
#session-documents .piece__meta { grid-column: 1; grid-row: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.piece__cause { grid-column: 1 / -1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.piece__gestion { grid-column: 2; grid-row: 2; min-width: 0; font-size: var(--t-aide); }
.piece__gestion summary { cursor: pointer; min-height: var(--cible-min); }
.piece__gestion[open] { grid-column: 1 / -1; grid-row: auto; }
#session-documents .piece [role="alertdialog"] { grid-column: 1 / -1; }
#session-jauge > .lien { align-self: flex-start; }
@media (max-width: 640px) {
  .app[data-vue="chat"] { padding-top: var(--espace-2); }
  .app[data-vue="chat"] .barres-bascule { top: var(--espace-5); left: var(--espace-5); }
  .app[data-vue="chat"] .presence--fil { margin-left: calc(var(--controle-h) + var(--espace-3)); width: calc(100% - var(--controle-h) - var(--espace-3)); }
  .app[data-vue="chat"] .msg--agent > .buste { display: grid; width: var(--espace-6); height: var(--espace-6); }
  .app[data-vue="chat"] .msg--agent > .buste .buste__sigle { min-width: 0; padding: 0 var(--espace-1); right: 0; }
  #composer { display: flex; }
  #composer .icon-btn, #composer .send { flex: none; width: var(--espace-6); height: var(--espace-6); }
  #composer #input { width: 0; flex: 1; }
}

/* Planches A6–A10 reçues : appuis, continuation, menu et fiche technique. */
.session-commandes { position: relative; min-width: 0; }
#session-menu[hidden], #menu-mobile[hidden] { display: none; }
#session-menu { position: absolute; z-index: 25; top: calc(100% + var(--espace-1)); right: 0; width: 300px; max-width: calc(100vw - 2 * var(--espace-5)); padding: var(--espace-2); display: flex; flex-direction: column; gap: var(--espace-1); background: var(--case-reflet), var(--bg-controle-verre); box-shadow: var(--ombre-case); }
#session-menu > .lien { text-align: left; padding: var(--espace-2) var(--espace-3); min-height: var(--controle-h); font-size: var(--t-texte); }
#session-menu .session-transfert { border-top: calc(var(--espace-1) / 4) solid var(--border-subtle); background: var(--accent-doux); border-radius: var(--rayon-controle); padding: var(--espace-3); }
#session-menu [role="status"]:empty, #session-suite [role="status"]:empty, [data-bornes-statut]:empty { display: none; }
.appuis[open] { padding: var(--espace-2) var(--espace-3); background: var(--bg-surface); border-radius: var(--rayon-controle); }
.appuis[open] .appuis-compte { display: none; }
.appuis section { margin-top: var(--espace-2); }
.appuis .repere { margin-bottom: var(--espace-1); }
.appuis ul { list-style: none; margin: 0; padding: 0; }
.appuis li { margin-block: var(--espace-1); }
.appuis-sans { margin-top: var(--espace-1); }
#session-suite .decision { border-width: calc(var(--espace-1) / 2); gap: var(--espace-2); }
#session-suite .decision > .repere { color: var(--accent); }
#session-suite .decision .actions { display: flex; flex-wrap: wrap; gap: var(--espace-2); }
#session-suite .decision .bouton--plein { flex: 1; }
#session-suite .suite-origine { padding: var(--espace-2) var(--espace-3); margin-bottom: var(--espace-3); width: fit-content; font-size: var(--t-aide); }
#session-suite .resume-suite { gap: var(--espace-2); }
#session-resume { gap: var(--espace-1); }
#session-resume textarea { background: var(--bg-surface); min-height: calc(2 * var(--controle-h)); }
.resume-attention { color: var(--etat-attention); }
#session-suite .session-close { flex-direction: row; align-items: center; flex-wrap: wrap; font-size: var(--t-texte); }
.session-close p { flex: 1; }
#thread .msg--borne { padding: var(--espace-2) var(--espace-3); font-size: var(--t-aide); line-height: var(--i-aide); color: var(--etat-attention); border-radius: var(--rayon-controle); }
#fp-technique > .case { display: flex; flex-direction: column; gap: var(--espace-3); }
.bornes-champs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--espace-4); }
.bornes-champs .champ { min-width: 0; }
.bornes-champs input { width: 100%; background: var(--bg-controle-verre); }
.bornes-champs input[aria-invalid="true"] { border: calc(var(--espace-1) / 2) solid var(--etat-echec); }
.bornes-champs .borne-erreur { color: var(--etat-echec); }
#fp-technique .bouton { align-self: flex-start; }
#fp-technique .actions { display: flex; flex-wrap: wrap; gap: var(--espace-2); }
#fp-technique summary { font-size: var(--t-aide); cursor: pointer; }
.agent-legende { display: none; }
#agents [data-agent="associe"] { position: relative; overflow: visible; }
#agents [data-agent="associe"][data-etat="travaille"] .buste { outline: calc(var(--espace-1) / 2) dashed var(--text-secondary); outline-offset: var(--espace-1); }
#agents [data-agent="associe"][data-etat="attend"]::after { content: ''; position: absolute; width: var(--espace-3); height: var(--espace-3); top: 0; right: 0; border: calc(var(--espace-1) / 2) solid var(--bg-surface); border-radius: 50%; background: var(--accent); }
#avis { position: fixed; inset: var(--espace-5) calc(var(--espace-7) + var(--espace-5) + 2 * var(--espace-4)) auto auto; margin: 0; width: var(--largeur-activite); padding: var(--espace-4); max-height: calc(100dvh - 2 * var(--espace-5)); }
#avis .case { padding: var(--espace-3) var(--espace-4); }
#avis header .lien { font-size: var(--t-aide); }
#avis article { display: flex; flex-direction: column; gap: var(--espace-2); }
.avis-ouverts .activite-agent { visibility: hidden; }
/* Seuls les dialogues modaux neutralisent l'application ; Avis reste un panneau. */
body:has(#avis[open]):not(:has(dialog:modal)) .app { pointer-events: auto; }
#avis-menu { display: flex; justify-content: space-between; gap: var(--espace-2); padding: var(--espace-2) var(--espace-3); text-align: left; }
:is(#avis-menu, #menu-mobile-avis) .pastille { border: calc(var(--espace-1) / 4) solid currentColor; }
:is(#avis-menu, #menu-mobile-avis) .pastille::before { content: none; }
@media (max-width: 1100px) {
  #avis { right: calc(var(--espace-7) + var(--espace-5) + 2 * var(--espace-3)); }
}
@media (max-width: 640px) {
  #session-menu { left: 0; right: auto; }
  #session-suite .decision [data-session-relire] { display: none; }
  #session-suite .decision .bouton--plein { width: 100%; }
  .bornes-champs { grid-template-columns: minmax(0, 1fr); }
  #avis { inset: var(--espace-2); width: auto; max-height: none; }
  #menu-mobile { position: fixed; z-index: 40; inset: var(--espace-2); display: flex; flex-direction: column; gap: var(--espace-3); padding: var(--espace-3); overflow: auto; }
  #menu-mobile > header { order: 0; display: flex; align-items: center; justify-content: space-between; padding: var(--espace-3) var(--espace-4); }
  #menu-mobile h2 { font-size: var(--t-titre-case); }
  #menu-mobile .rail { display: flex; position: static; width: 100%; max-height: none; flex: none; padding: var(--espace-2); border-radius: var(--rayon-case); background: var(--case-reflet), var(--bg-surface); border: calc(var(--espace-1) / 4) solid var(--border-subtle); box-shadow: none; align-items: stretch; gap: 0; }
  #menu-mobile #rail-droit { order: 1; }
  #menu-mobile #rail-gauche { order: 2; }
  #menu-mobile #rail-droit::before, #menu-mobile #rail-gauche::before { font-size: var(--t-repere); color: var(--text-secondary); padding: var(--espace-2); }
  #menu-mobile #rail-droit::before { content: 'AGENTS'; }
  #menu-mobile #rail-gauche::before { content: 'SECTIONS'; }
  #menu-mobile :is(.logo, .sep) { display: none; }
  #menu-mobile #agents { gap: 0; width: 100%; }
  #menu-mobile #agents > li { border: 0; margin: 0; padding: 0; }
  #menu-mobile .agent { width: 100%; height: auto; padding: var(--espace-2); display: flex; gap: var(--espace-3); text-align: left; border: 0; border-radius: var(--rayon-controle); }
  #menu-mobile .agent[aria-pressed="true"] { background: var(--accent-doux); }
  #menu-mobile .agent .buste { width: var(--controle-h); height: var(--controle-h); flex: none; }
  #menu-mobile .agent-legende { display: flex; flex-direction: column; font-size: var(--t-texte); }
  #menu-mobile [data-agent="associe"][data-etat="attend"]::after { top: var(--espace-4); right: var(--espace-2); }
  #menu-mobile #nav { display: flex; flex-direction: column; width: 100%; gap: 0; }
  #menu-mobile .rail-item { width: 100%; height: auto; min-height: var(--controle-h); display: flex; gap: var(--espace-2); padding: var(--espace-2); text-align: left; border-radius: var(--rayon-controle); }
  #menu-mobile .rail-item::after { content: attr(aria-label); position: static; border: 0; background: none; font-size: var(--t-texte); }
  #menu-mobile .rail-item svg { display: none; }
  #menu-mobile-compte { order: 3; display: flex; align-items: center; gap: var(--espace-3); padding: var(--espace-3); }
  #menu-mobile-avis { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: var(--espace-2); text-align: left; text-decoration: none; }
  #menu-mobile #employe { order: -1; }
  #menu-mobile #employe > button { width: var(--controle-h); height: var(--controle-h); }
  #menu-mobile #compte-menu { z-index: 45; }
  .app:has(#menu-mobile:not([hidden])) > :is(#main, #activite-agent, #barres-bascule) { visibility: hidden; }
}
#avis { z-index: 30; }
@media (max-width: 640px) {
  #menu-mobile #agents > li:nth-child(n+5) { display: none; }
  #menu-mobile .agent { padding-block: var(--espace-1); }
  #menu-mobile .rail-item::after { content: attr(data-libelle); }
  #menu-mobile #tous-agents::after { content: 'Tous les agents · ' attr(data-compte) ' ›'; }
  #menu-mobile #ajouter-agent::after { content: 'Créer un agent'; }
  #menu-mobile :is(#tous-agents, #ajouter-agent) { min-height: var(--cible-min); font-size: var(--t-aide); }
}

#session-suite .decision .actions .bouton { width: auto; }
.suite-explication-courte { display: none; }
#main:has(#session-resume) .fil-vide { display: none; }
#session-menu .lien { text-decoration: none; }
#session-menu .lien:hover { text-decoration: underline; }
@media (max-width: 640px) {
  .suite-explication-longue { display: none; }
  .suite-explication-courte { display: block; }
  #menu-mobile .rail::before { position: static; inset: auto; z-index: auto; background: none; mask: none; -webkit-mask: none; border-radius: 0; }
  #menu-mobile :is(#agents, #nav) { align-items: stretch; }
  #menu-mobile .agent { justify-content: flex-start; box-shadow: none; }
  #menu-mobile .rail-item { justify-content: flex-start; }
  #menu-mobile :is(#tous-agents, #ajouter-agent) { border: 0; background: transparent; box-shadow: none; align-items: flex-start; }
}
.bornes-champs .champ { font-size: var(--t-texte); color: var(--text-primary); }
#fp-technique .paire { grid-template-columns: calc(5 * var(--espace-6)) minmax(0, 1fr); border: 0; padding-block: var(--espace-1); }
#fp-technique .paire dd { text-align: left; }
@media (max-width: 640px) {
  #menu-mobile .rail-item { min-height: var(--espace-6); padding-block: var(--espace-1); }
  #menu-mobile #employe > button { border-radius: var(--rayon-rond); }
  #menu-mobile [data-etat="attend"] .hint { color: var(--etat-attention); }
  #fp-technique .paire { grid-template-columns: minmax(0, 1fr); }
}
:is(#session-documents, #contexte) .pastille::before { content: none; }
:is(#session-documents, #contexte) .pastille { border: calc(var(--espace-1) / 4) solid currentColor; font-weight: var(--g-normal); white-space: nowrap; }