/* ManagerAtHome (JM, 29/10) : l'assistant IA du Manager sur le telephone. Jetons de la charte : mv2-tokens.css (Web.Shared).
   Le volet est la copie de celui du Manager (regles .mv2-asst* plus bas, recopiees de ManagerV2/wwwroot/css/site.css) ;
   ici, il occupe tout l'ecran. */
:root{--header-h:0px;--footer-h:0px;--mv2-side-w:100vw;--app-w:430px;--app-bg:#f4f4f6}
*{box-sizing:border-box}
html,body{margin:0;padding:0;color:var(--text,#1f2937);font-family:var(--font,-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif)}
body{overscroll-behavior:none;background:var(--app-bg)}

/* ----- Le format telephone, repris de l'application Conducteur V2 (ConducteurV2/wwwroot/css/site.css, « Cadre ») : une colonne de
   430 px au plus, centree ; au-dela de 480 px d'ecran, le fond autour d'elle grisé ; ce qui est fixe se cale sur la colonne. */
@media (min-width: 480px) { body { background: #e9e9ec; } }
.app{max-width:var(--app-w);margin:0 auto;min-height:100dvh;background:var(--app-bg);position:relative}
/* Le numero de build reste en haut a droite de l'application (cale sur le bord droit de la colonne). */
.build{position:fixed;top:4px;right:max(8px, calc((100vw - var(--app-w)) / 2 + 8px));z-index:1000;font-size:9px;line-height:1.25;color:var(--muted,#6b7280);pointer-events:none;display:flex;align-items:center;gap:4px}

/* ----- Les ecrans d'activation (lien, code) */
.ah-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px 22px;text-align:center}
.ah-logo{width:190px;max-width:70%}
.ah-app{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:20px;color:var(--text,#1f2937)}
.ah-app svg{color:var(--argus,#a6192e)}
.ah-sub{margin:0;color:var(--muted,#6b7280);font-size:14px;line-height:1.45;max-width:340px}
.ah-form{width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px;text-align:left}
.ah-form label{font-size:13px;font-weight:600}
.ah-form input{width:100%;font:inherit;font-size:16px;padding:11px 12px;border:1px solid var(--line,#e5e7eb);border-radius:10px}
.ah-form input:focus{outline:none;border-color:var(--argus,#a6192e)}
.ah-code{letter-spacing:.5em;text-align:center;font-size:22px!important;font-weight:700}
.ah-btn{display:block;width:100%;max-width:340px;font:inherit;font-size:16px;font-weight:700;padding:13px;border:none;border-radius:12px;background:var(--argus,#a6192e);color:#fff;cursor:pointer}
.ah-msg{margin:0;padding:9px 12px;border-radius:10px;font-size:13.5px;max-width:340px}
.ah-msg.bad{background:#fdecec;color:#b42318}
.ah-msg.info{background:#eef4ff;color:#1e3a8a}
.ah-bas{font-size:13px;color:var(--muted,#6b7280)}
.ah-bas a{color:var(--argus,#a6192e)}

/* ----- Le volet en plein ecran */
.mv2-asst.ah-full{position:fixed;top:0;bottom:0;left:0;right:0;width:auto;max-width:var(--app-w);margin:0 auto;height:100dvh;transform:none;border-left:none;box-shadow:none;
  padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.ah-who{font-size:11px;font-weight:500;color:var(--muted,#6b7280);margin-left:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.ah-out{border:none;background:none;color:var(--muted,#6b7280);font:inherit;font-size:12px;padding:6px;cursor:pointer}
.mv2-asst.ah-full .mv2-asst-input textarea{font-size:16px}

/* ===== L'ASSISTANT IA (28/10, lot 1) : bouton flottant en bas a droite (au-dessus du pied de page et de sa baguette). JM, 29/10 : le
   badge se voit (plein, rouge Argus, anneau) et se deplace a la souris pour la session (remis en place a la connexion) ; le volet
   s'ouvre comme le Materiel de demo, il POUSSE la page au lieu de la couvrir, l'un remplace l'autre, et sa largeur se tire. ===== */
  border:2px solid rgba(255,255,255,.8);background:rgba(236,130,150,.55);color:var(--argus,#a6192e);cursor:grab;touch-action:none;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:0 0 0 4px rgba(236,130,150,.18),0 8px 22px rgba(166,25,46,.22);
  display:inline-flex;align-items:center;justify-content:center;transition:transform var(--dur-fast) var(--ease)}
.mv2-asst{position:fixed;top:var(--header-h);right:0;width:var(--mv2-side-w,420px);max-width:90vw;height:calc(100vh - var(--header-h));z-index:900;
  background:var(--panel,#fff);border-left:1px solid var(--line);box-shadow:-6px 0 24px rgba(0,0,0,.08);display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform var(--dur-slow) var(--ease);font-family:var(--font)}
.mv2-asst-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line)}
.mv2-asst-title{display:flex;align-items:center;gap:6px;font-weight:800;font-size:15px;color:var(--text)}
.mv2-asst-title svg{color:var(--argus,#a6192e)}
.mv2-asst-tools{display:flex;gap:2px}
.mv2-asst-tools button{border:none;background:none;cursor:pointer;color:var(--muted);padding:6px;border-radius:6px;display:inline-flex}
.mv2-asst-tools button:hover{background:var(--panel-alt,#f6f6f7);color:var(--text)}
/* En-tete sur deux lignes quand il ne tient plus sur une (JM, 29/10) : titre et gestes en haut, le mode et les boutons dessous */
.mv2-asst-head.l2{flex-wrap:wrap;justify-content:flex-start;column-gap:2px;row-gap:6px}
.mv2-asst-head.l2 .mv2-asst-tools{display:contents}
.mv2-asst-head.l2 #mv2AsstNew{margin-left:auto}
.mv2-asst-head.l2::after{content:"";order:2;flex-basis:100%;height:0}
.mv2-asst-head.l2 .mv2-asst-mode,.mv2-asst-head.l2 .mv2-asst-membtn{order:3}
.mv2-asst-head.l2 .mv2-asst-mode{flex:1 1 0;min-width:96px;max-width:200px}
.mv2-asst-list{flex:1 1 auto;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}
.mv2-asst-empty{margin:auto;color:var(--muted);font-size:13px;text-align:center}
.mv2-asst-msg{max-width:88%;padding:8px 11px;border-radius:10px;font-size:13.5px;line-height:1.45;color:var(--text);word-wrap:break-word;white-space:normal}
.mv2-asst-msg p{margin:0 0 6px}
.mv2-asst-msg p:last-child{margin-bottom:0}
.mv2-asst-msg ul{margin:2px 0 6px;padding-left:18px}
.mv2-asst-msg.me{align-self:flex-end;background:var(--action-bg,#fdf2f4);white-space:pre-wrap}
.mv2-asst-msg.bot{align-self:flex-start;background:var(--panel-alt,#f6f6f7)}
.mv2-asst-msg.pending{color:var(--muted);font-style:italic}
.mv2-asst-msg.bad{background:var(--bad-bg,#fdecec);color:var(--bad,#b42318)}
.mv2-asst-foot{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}
.mv2-asst-input{position:relative;flex:1 1 auto}
.mv2-asst-input textarea{width:100%;box-sizing:border-box;resize:none;min-height:76px;max-height:200px;padding:9px 52px 9px 10px;
  border:1px solid var(--line);border-radius:8px;font:inherit;font-size:13.5px;color:var(--text);background:#fff}
.mv2-asst-input textarea:focus{outline:none;border-color:var(--argus,#a6192e)}
/* LA DICTEE D'ORDONIA (Front/src/Dictee.tsx), recopiee : le micro reste ou JM l'a mis (centre, a 18 px du bord). */
.mv2-asst-dict{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px}
.mv2-asst-mic{width:24px;height:24px;border-radius:999px;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  color:#77716a;border:1px solid var(--line,#e5ded1);background:#fff}
.mv2-asst-mic.parle{color:#c71e25;border-color:#c71e25;background:#c71e251a;animation:mv2-dict-pulse 1s ease-in-out infinite}
.mv2-asst-mic.ecrit{color:#0f2240;border-color:#0f2240;background:#0f22401a;animation:mv2-dict-pulse 1s ease-in-out infinite;cursor:wait}
.mv2-asst-mic:disabled{cursor:default}
.mv2-asst-mic.ecrit:disabled{cursor:wait}
.mv2-asst-chrono{font-size:11px;font-weight:700;color:#c71e25;font-variant-numeric:tabular-nums;background:#fff;padding:0 4px;border-radius:4px}
.mv2-asst-chrono[hidden],.mv2-asst-souci[hidden]{display:none}
.mv2-asst-souci{position:absolute;right:0;bottom:30px;width:260px;padding:6px 9px;font-size:12px;line-height:1.35;color:#c71e25;background:#fff;
  border:1px solid #c71e25;border-radius:4px;cursor:pointer;box-shadow:0 2px 8px rgba(20,38,63,.15);z-index:5}
@keyframes mv2-dict-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.mv2-asst-send{flex:0 0 auto;width:38px;height:38px;border-radius:8px;border:1px solid var(--line);background:var(--action-bg,#fdf2f4);
  color:var(--argus,#a6192e);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.mv2-asst-send.stop{background:var(--bad-bg,#fdecec);color:var(--bad,#b42318)}
@media(max-width:600px){ .mv2-asst{top:0;width:100vw;height:100dvh} .mv2-asst-btn{right:16px} }
/* Assistant, lot 2 : liens vers les pages, etapes repliees sous la reponse, listes numerotees, mentions. */
.mv2-asst-msg ol{margin:2px 0 6px;padding-left:20px}
.mv2-asst-link{color:var(--argus,#a6192e);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.mv2-asst-link:hover{text-decoration-thickness:2px}
.mv2-asst-steps{align-self:flex-start;max-width:88%;margin:-4px 0 2px 4px;font-size:12px;color:var(--muted)}
.mv2-asst-steps summary{cursor:pointer;user-select:none}
.mv2-asst-steps ul{margin:4px 0 0;padding-left:16px}
.mv2-asst-steps li span{color:var(--muted);opacity:.75;font-family:ui-monospace,Consolas,monospace;font-size:11px}
.mv2-asst-ment{position:absolute;left:0;right:0;bottom:calc(100% + 4px);background:var(--panel,#fff);border:1px solid var(--line);border-radius:8px;
  box-shadow:var(--shadow-md);max-height:220px;overflow-y:auto;z-index:2}
.mv2-asst-ment button{display:block;width:100%;text-align:left;border:none;background:none;padding:7px 10px;cursor:pointer;font:inherit;font-size:13px;color:var(--text)}
.mv2-asst-ment button:hover{background:var(--panel-alt,#f6f6f7)}
.mv2-asst-ment button span{color:var(--muted);font-size:12px}
.mv2-asst-h{font-weight:700;margin-top:4px}
.mv2-asst-table{overflow-x:auto;margin:6px 0}
.mv2-asst-table table{border-collapse:collapse;font-size:12px;width:100%}
.mv2-asst-table th,.mv2-asst-table td{border:1px solid var(--border,#e5e7eb);padding:4px 6px;text-align:left;vertical-align:top;white-space:nowrap}
.mv2-asst-table th{background:#f3f4f6;font-weight:600}
/* Assistant, lot 3 : fichiers (vignettes, pastilles) et boutons de suite sous la reponse. */
.mv2-asst-files{align-self:flex-start;display:flex;flex-wrap:wrap;gap:6px;max-width:88%;margin:-2px 0 2px}
.mv2-asst-thumb{padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;cursor:zoom-in;background:var(--panel-alt,#f6f6f7);width:96px;height:72px}
.mv2-asst-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mv2-asst-chip{border:1px solid var(--line);border-radius:8px;background:#fff;padding:6px 10px;font:inherit;font-size:12.5px;color:var(--text);cursor:pointer;max-width:100%;text-align:left}
.mv2-asst-chip:hover{border-color:var(--argus,#a6192e)}
.mv2-asst-next{align-self:flex-start;display:flex;flex-wrap:wrap;gap:6px;max-width:92%}
.mv2-asst-next button{border:1px solid var(--argus,#a6192e);border-radius:14px;background:var(--action-bg,#fdf2f4);color:var(--argus,#a6192e);
  padding:4px 11px;font:inherit;font-size:12.5px;cursor:pointer}
.mv2-asst-next button:hover{background:#fff}
/* Assistant, lot 4 : le mode, les cartes de modification (Confirmer / Refuser, Fait / Annuler), la carte de plan. */
.mv2-asst-mode{border:1px solid var(--line);border-radius:6px;background:#fff;font:inherit;font-size:12px;color:var(--text);padding:3px 4px;margin-right:4px}
.mv2-asst-acts{align-self:stretch;display:flex;flex-direction:column;gap:6px;margin:-2px 0 2px}
.mv2-asst-plan{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:700;color:var(--text);
  background:var(--action-bg,#fdf2f4);border:1px solid var(--line);border-radius:8px;padding:6px 8px}
.mv2-asst-act{border:1px solid var(--line);border-left:3px solid var(--warn,#b54708);border-radius:8px;background:#fff;padding:8px 10px;font-size:13px}
.mv2-asst-act.s-Done{border-left-color:var(--good,#067647)}
.mv2-asst-act.s-Failed{border-left-color:var(--bad,#b42318)}
.mv2-asst-act.s-Rejected,.mv2-asst-act.s-Expired,.mv2-asst-act.s-Undone{border-left-color:var(--line);opacity:.75}
.mv2-asst-act-sum{font-weight:600;color:var(--text)}
.mv2-asst-act-model{color:var(--muted);font-size:12px;margin-top:2px}
.mv2-asst-act-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.mv2-asst-act-row .mv2-btn{padding:3px 10px;font-size:12.5px}
.mv2-asst-act-allow{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:4px}
.mv2-asst-act-badge{font-size:12px;font-weight:700;color:var(--muted)}
.mv2-asst-act.s-Done .mv2-asst-act-badge{color:var(--good,#067647)}
.mv2-asst-act.s-Failed .mv2-asst-act-badge,.mv2-asst-act-msg.bad{color:var(--bad,#b42318)}
.mv2-asst-act-msg{font-size:12px;margin-top:4px;color:var(--muted)}
/* Assistant : les graphiques (camembert, anneau, barres) sous la reponse. */
.mv2-asst-charts{align-self:stretch;display:flex;flex-direction:column;gap:8px}
.mv2-asst-chart{border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 10px;color:var(--text)}
.mv2-asst-chart-title{font-weight:700;font-size:13px;margin-bottom:6px}
.mv2-asst-chart-body{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mv2-asst-legend{list-style:none;margin:0;padding:0;font-size:12px;flex:1 1 150px;min-width:0}
.mv2-asst-legend li{display:flex;align-items:center;gap:6px;padding:1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mv2-asst-legend .sw{width:10px;height:10px;border-radius:2px;flex:0 0 auto}
.mv2-asst-legend b{font-weight:600;color:var(--muted);margin-left:auto}
/* Assistant, lot 5 : la memoire (consignes du client, preferences). */
/* Les taches planifiees (JM, 29/10) : le compteur des resultats non lus, la liste, le formulaire, la barre des resultats. */
  font-size:11px;font-weight:800;line-height:20px;text-align:center;box-shadow:0 0 0 2px #fff}
.mv2-asst-n{display:inline-block;margin-left:5px;min-width:16px;padding:0 4px;border-radius:999px;background:#c71e25;color:#fff;font-size:10.5px;font-weight:800;line-height:16px;text-align:center}
.mv2-asst-tasks .sub{font-weight:400;color:var(--muted);font-size:11.5px}
.mv2-asst-tasks li.task{align-items:center}
.mv2-asst-tasks li.task.off{opacity:.6}
.mv2-asst-tasks li.task .meta{color:var(--muted);font-size:11.5px}
.mv2-asst-tasks li.task button{border:1px solid var(--line);background:#fff;border-radius:6px;font-size:11.5px;padding:2px 6px;color:var(--text)}
.mv2-asst-task-form{display:flex;flex-direction:column;gap:5px;margin-top:6px}
.mv2-asst-task-form input[type=text],.mv2-asst-task-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:6px;padding:5px 7px;font:inherit;font-size:12.5px;resize:vertical}
.mv2-asst-task-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px}
.mv2-asst-task-row select,.mv2-asst-task-row input{border:1px solid var(--line);border-radius:6px;padding:3px 5px;font:inherit;font-size:12.5px}
.mv2-asst-task-row input[type=number]{width:64px}
.mv2-asst-task-row [hidden]{display:none}
/* Sous chaque reponse : Copier, Exporter, Épingler (JM, 29/10). */
.mv2-asst-tools-row{align-self:flex-start;display:flex;gap:4px;margin:-4px 0 0 2px}
.mv2-asst-tools-row button{border:none;background:none;color:var(--muted);font:inherit;font-size:11.5px;padding:1px 4px;border-radius:4px;cursor:pointer}
.mv2-asst-tools-row button:hover{background:var(--panel-alt,#f6f6f7);color:var(--text)}
.mv2-asst-tools-row button:disabled{color:#15803d;cursor:default}
.mv2-asst-view .mv2-btn[hidden]{display:none}
.mv2-asst-view{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--line);background:var(--panel-alt,#f6f6f7);font-size:12.5px;font-weight:600}
.mv2-asst-view[hidden]{display:none}
.mv2-asst-membtn{border:1px solid var(--line);background:#fff;border-radius:6px;font:inherit;font-size:12px;padding:3px 8px;margin-right:4px;cursor:pointer;color:var(--text)}
.mv2-asst-mem{border-bottom:1px solid var(--line);background:var(--panel-alt,#f6f6f7);padding:8px 12px;max-height:45%;overflow-y:auto}
.mv2-asst-mem-head{font-weight:700;font-size:12.5px;margin-bottom:4px}
.mv2-asst-mem ul{list-style:none;margin:0 0 6px;padding:0;font-size:12.5px}
.mv2-asst-mem li{display:flex;align-items:flex-start;gap:6px;padding:3px 0;border-bottom:1px solid var(--line-soft,#eee)}
.mv2-asst-mem li.empty{color:var(--muted);border:none}
.mv2-asst-mem .tag{flex:0 0 auto;font-size:11px;font-weight:700;border-radius:4px;padding:0 5px;background:#fff;border:1px solid var(--line)}
.mv2-asst-mem .tag.tenant{color:var(--argus,#a6192e)}
.mv2-asst-mem .tx{flex:1 1 auto}
.mv2-asst-mem li button{border:none;background:none;cursor:pointer;color:var(--muted);font-size:15px;line-height:1}
.mv2-asst-mem-add{display:flex;gap:4px;flex-wrap:wrap}
.mv2-asst-mem-add input{flex:1 1 160px;border:1px solid var(--line);border-radius:6px;padding:4px 6px;font:inherit;font-size:12.5px}
.mv2-asst-mem-add select{border:1px solid var(--line);border-radius:6px;font:inherit;font-size:12px}