/* Retour client 06/08 — pastille Auguste présente sur toutes les pages des
   espaces connectés. Reprend le gabarit replié de la fenêtre .agent.min des
   maquettes (bordure dégradé doré, portrait, deux lignes). */
.auguste-fab{
  position:fixed; right:20px; bottom:20px; z-index:290;
  display:inline-flex; align-items:center; gap:10px;
  padding:8px 14px 8px 8px; border-radius:var(--r-pill);
  background:#fff; text-decoration:none;
  border:1px solid transparent;
  background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,var(--gold-500),var(--gold-primary) 50%,var(--gold-500));
  background-origin:border-box; background-clip:padding-box,border-box;
  box-shadow:0 6px 22px rgba(40,28,8,.16);
  transition:transform .15s ease, box-shadow .15s ease;
}
.auguste-fab:hover{ transform:translateY(-2px); box-shadow:0 10px 28px rgba(40,28,8,.22); }
.auguste-fab-av{ width:34px; height:34px; border-radius:50%; overflow:hidden; flex-shrink:0;
  background:linear-gradient(135deg,var(--gold-200),var(--gold-100)); display:block; }
.auguste-fab-img{ width:100%; height:100%; object-fit:cover; display:block; }
.auguste-fab-body{ display:flex; flex-direction:column; line-height:1.2; }
.auguste-fab-name{ font-size:12.5px; font-weight:700; color:#2B211A; }
.auguste-fab-role{ font-size:10px; font-weight:600; color:var(--gold-600); letter-spacing:.3px; text-transform:uppercase; }
@media (max-width:640px){
  .auguste-fab{ right:12px; bottom:12px; padding:8px; }
  .auguste-fab-body{ display:none; }
}

/* Retour Loïc 10/08 — la pastille ouvre la fenêtre SUR PLACE au lieu de mener à
   /auguste. La fenêtre est celle de la page, réutilisée via `.page-auguste`. */
.auguste-pop .auguste-pop-more { padding: 0 16px 12px; text-align: center; }
.auguste-pop .agent.min .auguste-pop-more { display: none; }

/* Bouton « réinitialiser la conversation » (remplace le lien vers l'historique). */
.auguste-pop .auguste-pop-reset-form { margin: 0; }
.auguste-pop .auguste-pop-reset {
  background: none; border: 0; padding: 0; cursor: pointer;
  font-size: 12px; color: #8a8378;
}
.auguste-pop .auguste-pop-reset:hover { color: var(--gold-deep); text-decoration: underline; }

/* Retour Loïc 10/08 (2e passe) — « la vignette est toujours trop grosse ».
   Repliée, la fenêtre gardait toute la carte agent : badge, sous-titre, pastille
   de statut et bulle dorée, soit 264px de haut de carte posés sur chaque page.
   Repliée elle ne montre plus que le portrait et le prénom, comme la pastille
   d'origine. Dépliée, la carte complète revient. La page /auguste n'est pas
   touchée : ces règles sont toutes sous `.auguste-pop`. */
.auguste-pop .agent.min { width: auto; max-width: none; }
.auguste-pop .agent.min .agent-head { cursor: pointer; padding: 6px 14px 6px 6px; }
.auguste-pop .agent.min .agc { gap: 8px; align-items: center; }
.auguste-pop .agent.min .agc-avatar { width: 32px; height: 32px; }
.auguste-pop .agent.min .agc-sub,
.auguste-pop .agent.min .agc-subtitle,
.auguste-pop .agent.min .agc-badge,
.auguste-pop .agent.min .agc-status,
.auguste-pop .agent.min .agc-divider,
.auguste-pop .agent.min .agc-gold { display: none; }
.auguste-pop .agent.min .agc-name { font-size: 13px; white-space: nowrap; }
/* La carte agent porte son propre padding et une grille pensée pour la version
   dépliée : repliée, elle gonflait la pastille à 94px de haut et écrasait le
   prénom à 0px de large. On la remet à plat. */
.auguste-pop .agent.min .agc { padding: 0; height: auto; min-height: 0; display: flex; }
.auguste-pop .agent.min .agc-copy { display: flex; flex: 0 0 auto; min-width: max-content; }
.auguste-pop .agent.min .agc-title-row { min-width: max-content; }

/* Spinner d'envoi : le champ reste actif, seul le bouton change d'état. */
.page-auguste .ag-foot .send { position: relative; }
.page-auguste .ag-foot .send-spinner { display: none; }
.page-auguste .ag-foot.sending .send-icon { visibility: hidden; }
.page-auguste .ag-foot.sending .send-spinner {
  display: block; position: absolute; inset: 0; margin: auto;
  width: 14px; height: 14px; border-radius: 50%;
  border: 2px solid rgba(255,255,255,.45); border-top-color: #fff;
  animation: auguste-spin .7s linear infinite;
}
@keyframes auguste-spin { to { transform: rotate(360deg); } }

/* Bulle « Auguste réfléchit » : trois points, le temps de la requête. */
.page-auguste .auguste-thinking { display: inline-flex; gap: 4px; align-items: center; }
.page-auguste .auguste-dot {
  width: 6px; height: 6px; border-radius: 50%; background: var(--gold-600);
  animation: auguste-blink 1.2s ease-in-out infinite;
}
.page-auguste .auguste-dot:nth-child(2) { animation-delay: .2s; }
.page-auguste .auguste-dot:nth-child(3) { animation-delay: .4s; }
@keyframes auguste-blink { 0%, 80%, 100% { opacity: .25 } 40% { opacity: 1 } }

@media (prefers-reduced-motion: reduce) {
  .page-auguste .ag-foot.sending .send-spinner,
  .page-auguste .auguste-dot { animation: none; }
}

/* #2915 — la pastille est en position:fixed bas-droite avec un z-index (290)
   superieur aux tiroirs plein ecran (.ra-overlay est a 200) : elle se posait
   donc PAR-DESSUS leur zone d'action, rendant « Decliner » et « Repondre »
   difficiles d'acces voire masques. Tant qu'un tiroir est ouvert, la pastille
   s'efface : le tiroir porte deja sa propre entree vers Auguste. */
body.ra-panel-open .auguste-fab,
body.te-ov-open .auguste-fab { display: none; }
