/* 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; }

/* Recette Loïc 28/09 — même défaut que #2915, dans la messagerie : la boîte
   de saisie de la V3 pose « Envoyer » en bas à droite du fil, exactement sous
   la pastille repliée. Mesuré : recouvert à 390 et 900 px, à 1100 px, et à
   1280 / 1440 px dès que le volet de contexte est fermé (le centre du bouton
   tombait sur la pastille, on ne pouvait plus envoyer). Tant qu'un fil est à
   l'écran, la pastille repliée s'efface : le fil porte déjà son entrée vers
   Auguste, « Demander à Auguste » juste au-dessus de la boîte, et c'est aussi
   là que la maquette V3 range Auguste (dans la boîte, pas en pastille). La vue
   d'ensemble et, sur téléphone, la liste la gardent.
   Grand écran : le fil est affiché dès que la vue d'ensemble ne l'est pas.
   Téléphone : seulement sur l'écran du fil (`is-thread`). */
@media (min-width:861px){
  body:has(.page-messages.pm-v3:not(.is-home)) .auguste-pop .agent.min,
  body:has(.page-messages.pm-v3:not(.is-home)) .auguste-fab { display:none; }
}
@media (max-width:860px){
  body:has(.page-messages.pm-v3.is-thread) .auguste-pop .agent.min,
  body:has(.page-messages.pm-v3.is-thread) .auguste-fab { display:none; }
}

/* ═══ #4713 (Tatianna 09/10) — barre « Ouvrir Auguste · Démarrer » ═══════════
   Maquette du tableau de bord Maison du 07/10, `_auguste_floating_entry` :
   valeurs LITTÉRALES (place, tailles, couleurs), y compris le « Démarrer » en
   dégradé expresso du correctif de la maquette et le portrait recadré
   (cover, 50 % 30 %). Rendue dans l'enveloppe de la pastille
   (`.auguste-pop.has-entry`) : elle remplace la pastille repliée et s'efface
   quand la conversation est ouverte, comme `.augx[data-state] .augx-entry`
   de la maquette. Préfixe `.auguste-pop` : passe devant `.page-auguste`. */
.auguste-pop.has-entry .agent.min{display:none}
.auguste-pop.has-entry .agent:not(.min) ~ .augx-entry{opacity:0;pointer-events:none;transform:translateY(12px)}
body.ra-panel-open .auguste-pop .augx-entry,
body.te-ov-open .auguste-pop .augx-entry{display:none}

.auguste-pop .augx-entry{position:fixed;right:24px;bottom:24px;z-index:300;box-sizing:border-box;width:460px;height:72px;
  display:flex;align-items:center;padding:0 14px 0 11.45px;margin:0;
  border:1px solid #E4D9C7;border-radius:27px;
  background:linear-gradient(180deg,rgba(254,252,248,.985) 0%,rgba(250,245,239,.97) 100%);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 18px rgba(92,68,34,.11),0 1px 3px rgba(92,68,34,.06);
  cursor:pointer;text-align:left;color:#0E0C0C;font-family:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,opacity .2s ease}
.auguste-pop .augx-entry:hover{transform:translateY(-2px);border-color:#D9C8AA;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 24px rgba(92,68,34,.14),0 1px 3px rgba(92,68,34,.06)}
.auguste-pop .augx-entry:focus-visible{outline:2px solid var(--gold-primary);outline-offset:3px}
.auguste-pop .augx-entry-av-wrap{position:relative;flex:0 0 52px;width:52px;height:52px;margin-right:20.7px}
.auguste-pop .augx-entry-av{display:block;box-sizing:border-box;width:52px;height:52px;border-radius:50%;
  border:1px solid #E3D5BE;background-color:#FBF8F3;background-repeat:no-repeat;background-size:cover;background-position:50% 30%;
  box-shadow:0 1px 3px rgba(92,68,34,.14)}
.auguste-pop .augx-entry-badge{position:absolute;left:34.75px;top:32.9px;box-sizing:border-box;width:21.4px;height:21.4px;border-radius:50%;
  display:grid;place-items:center;border:1px solid var(--augx-badge-border);
  background:linear-gradient(180deg,#FEF7EA 0%,#F7E9CF 100%);color:var(--augx-badge-ink);
  box-shadow:0 1px 2px rgba(92,68,34,.12)}
.auguste-pop .augx-entry-badge svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.auguste-pop .augx-entry-txt{flex:1 1 auto;min-width:0;align-self:stretch;display:flex;flex-direction:column;padding-top:14.2px}
.auguste-pop .augx-entry-eyebrow{display:block;font-size:7.2px;line-height:9px;font-weight:600;letter-spacing:.172em;text-transform:uppercase;color:var(--augx-eyebrow);white-space:nowrap}
.auguste-pop .augx-entry-title{display:block;margin:1.6px 0 0 -.7px;font-family:'Playfair Display',Georgia,serif;font-size:15.9px;line-height:19px;font-weight:600;
  letter-spacing:0;color:#050404;white-space:nowrap}
.auguste-pop .augx-entry-sub{display:block;margin-top:1px;font-size:8.86px;line-height:13px;font-weight:400;color:#6F6F72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auguste-pop .augx-entry-cta{flex:0 0 95.2px;box-sizing:border-box;width:95.2px;height:36.4px;margin:1.4px 0 0 auto;
  display:flex;align-items:center;padding:0 0 0 17.1px;border:0;border-radius:18.2px;
  background:linear-gradient(135deg,#2A1E0E,#4A3520 55%,#6B4E2E);color:#fff;
  box-shadow:0 0 0 .6px rgba(217,200,168,.9),0 3px 8px rgba(64,42,14,.2),inset 0 1px 0 rgba(255,255,255,.06);
  font-size:9.9px;line-height:1;font-weight:500;letter-spacing:0;white-space:nowrap;
  transition:background .18s ease}
.auguste-pop .augx-entry:hover .augx-entry-cta{background:linear-gradient(135deg,#352712,#56402A 55%,#7A5A36)}
.auguste-pop .augx-entry-cta-arrow{flex:0 0 auto;width:13.3px;height:13.3px;margin-left:5.6px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .18s ease}
.auguste-pop .augx-entry:hover .augx-entry-cta-arrow{transform:translateX(2px)}
/* La maquette réserve 96 px sous la page : la barre ne couvre jamais le bas
   du contenu une fois défilé jusqu'au bout. */
.augx-entry-spacer{height:96px}
@media (max-width:500px){
  .auguste-pop .augx-entry{right:16px;bottom:16px;width:calc(100vw - 32px)}
}
@media (prefers-reduced-motion:reduce){
  .auguste-pop .augx-entry,.auguste-pop .augx-entry *{transition:none!important;animation:none!important}
}
