/* ═══════════════════════════════════════════════════════════════════════
   donna-popup.css — [v1930] Popup chat donna (mock Margot handoff-chat-popup).
   Valeurs relevées dans son HTML, tokens des 4 thèmes, zéro couleur en dur
   (exception : ombres). Le CORPS du chat hérite de accueil-page.css via la
   classe .ak-scope — cette feuille ne porte que le chrome de la popup.
   ═══════════════════════════════════════════════════════════════════════ */

.dpp-scrim{ position:fixed; inset:0; background:rgba(10,12,20,.5);
  backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); z-index:100040; }
[data-theme="noir"] .dpp-scrim{ background:rgba(0,0,0,.62); }
.dpp-scrim.ak-hidden{ display:none; }

.dpp{ position:fixed; z-index:100045; left:50%; top:80px; transform:translateX(-50%);
  width:640px; max-width:calc(100vw - 32px); height:min(620px, calc(100vh - 120px));
  background:var(--surface); border:1px solid var(--border); /* [v1933] bordure atténuée (retour Anthony) */
  border-radius:16px; box-shadow:var(--shadow-lg,0 30px 80px rgba(20,22,31,.28));
  display:flex; flex-direction:column; overflow:hidden;
  animation:dppin .28s cubic-bezier(.2,.7,.3,1); transform-origin:top right; }
.dpp.ak-hidden{ display:none; }
@keyframes dppin{ from{ opacity:0; transform:translateX(-50%) translateY(-10px) scale(.985); }
  to{ opacity:1; transform:translateX(-50%); } }

/* Réduction en diagonale vers le trigger navbar (haut gauche du CRM : la
   sidebar porte le bouton donna IA) — le mock visait haut-droite (trigger de
   review) ; ici la cible réelle est la sidebar gauche. */
.dpp.dpp-min{ animation:dppmini .34s cubic-bezier(.4,0,.2,1) forwards; }
@keyframes dppmini{ from{ opacity:1; transform:translateX(-50%) scale(1); }
  to{ opacity:0; transform:translate(calc(-50vw + 140px), -40px) scale(.06); } }
#da-sb-item.dpp-pulse{ animation:dpptpop .3s ease; }
@keyframes dpptpop{ 0%{ transform:scale(1); } 40%{ transform:scale(1.1); } 100%{ transform:scale(1); } }

/* ── Header ── */
.dpp-h{ display:flex; align-items:center; gap:10px; padding:13px 15px;
  border-bottom:1px solid var(--border); flex-shrink:0; }
.dpp-av{ width:26px; height:26px; border-radius:8px;
  background:var(--accent-dim,color-mix(in srgb,var(--accent) 11%,transparent));
  color:var(--accent); display:grid; place-items:center; flex-shrink:0; }
.dpp-av svg{ width:15px; height:15px; }
.dpp-tt{ font-size:14px; font-weight:700; color:var(--text); }
.dpp-tt .dpp-s{ font-size:11px; font-weight:500; color:var(--muted); margin-left:6px; }
.dpp-sp{ flex:1; }
.dpp-kb{ font-family:var(--mono,monospace); font-size:10px; color:var(--muted);
  border:1px solid var(--border); border-radius:4px; padding:2px 6px; }
.dpp-hb{ width:30px; height:30px; border:1px solid transparent; background:transparent;
  color:var(--muted); border-radius:var(--radius,8px); cursor:pointer;
  display:grid; place-items:center; padding:0; }
.dpp-hb:hover{ background:var(--s2); color:var(--text); }
.dpp-hb svg{ width:16px; height:16px; }

/* ── Corps : neutraliser le layout pleine-page du squelette home ── */
.dpp .ak-chat{ height:auto; flex:1; min-height:0; margin:0; }
.dpp .ak-thread{ max-width:none; padding:16px 18px 6px; }
.dpp .ak-dockw{ padding:10px 15px 14px; }
.dpp .ak-ask, .dpp .ak-ask2{ max-width:none; }
.dpp .ak-hero{ max-height:280px; }
.dpp .ak-hero h1{ font-size:21px; }
.dpp .ak-sparkle{ width:48px; height:48px; border-radius:14px; margin-bottom:16px; }
.dpp .ak-csugg{ max-width:none; }

/* Mobile : plein écran (mock) */
@media(max-width:640px){
  .dpp{ inset:0; left:0; top:0; transform:none; width:100vw; max-width:100vw;
    height:100vh; height:100dvh; border-radius:0; border:0; }
  @keyframes dppin{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:none; } }
  .dpp.dpp-min{ animation:dppminm .28s ease forwards; }
  @keyframes dppminm{ to{ opacity:0; transform:translateY(20px); } }
}