/* ═══════════════════════════════════════════════════════════════════════
   donna-dock.css — [v1931] Bottom-dock donna (mock Margot handoff-chat-fiche).
   Le corps du chat hérite de accueil-page.css via .ak-scope — cette feuille
   ne porte que le voile, le tiroir et le header. Zéro couleur en dur.
   Le voile démarre à la droite de la sidebar (grid 220px, shell-v2).
   ═══════════════════════════════════════════════════════════════════════ */

/* [b2266] meme 220px en dur que .dpd (corrige en b2264) : c'est CE voile qui
   debordait sur la nav. */
.dpd-veil{ position:fixed; left:var(--shellv2-nav-w, 248px); right:0; bottom:0; height:66%; z-index:100030;
  pointer-events:none; opacity:0; transition:opacity .4s ease;
  background:linear-gradient(to top, var(--bg) 0%, var(--bg) 34%,
    color-mix(in srgb, var(--bg) 55%, transparent) 68%, transparent 100%); }
.dpd-veil.dpd-on{ opacity:1; }

:root{ --shellv2-nav-w: 248px; }   /* [b2264] largeur de nav, source unique */
/* [b2264] left etait fige a 220px — la sidebar fait 248px depuis son
   elargissement, donc le fond du dock debordait de 28px SUR la nav. */
.dpd{ position:fixed; left:var(--shellv2-nav-w, 248px); right:0; bottom:0; z-index:100032;
  display:flex; justify-content:center; padding:0 24px 22px;
  transform:translateY(24px); opacity:0; pointer-events:none;
  transition:transform .42s cubic-bezier(.2,.7,.3,1), opacity .38s ease; }
.dpd.dpd-on{ transform:none; opacity:1; pointer-events:auto; }

.dpd-c{ width:100%; max-width:680px; 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)); overflow:hidden;
  display:flex; flex-direction:column; max-height:min(70vh, 560px); }

/* ── Header ── */
.dpd-h{ display:flex; align-items:center; gap:9px; padding:11px 14px;
  border-bottom:1px solid var(--border); flex-shrink:0; }
.dpd-av{ width:24px; height:24px; border-radius:7px;
  background:var(--accent-dim,color-mix(in srgb,var(--accent) 11%,transparent));
  color:var(--accent); display:grid; place-items:center; flex-shrink:0; }
.dpd-av svg{ width:14px; height:14px; }
.dpd-tt{ font-size:13px; font-weight:700; color:var(--text); white-space:nowrap; }
.dpd-tt .dpd-s{ font-size:11px; font-weight:500; color:var(--muted); margin-left:5px; }
.dpd-ctx{ display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:600;
  color:var(--text-dim); background:var(--s2); border:1px solid var(--border);
  border-radius:99px; padding:3px 9px; max-width:220px; }
.dpd-ctx.ak-hidden{ display:none; }
.dpd-ctx #dpd-ctxn{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dpd-cd{ width:6px; height:6px; border-radius:50%; background:var(--accent); flex-shrink:0; }
.dpd-sp{ flex:1; }
.dpd-hb{ width:28px; height:28px; border:0; background:transparent; color:var(--muted);
  border-radius:var(--radius,8px); cursor:pointer; display:grid; place-items:center; padding:0; }
.dpd-hb:hover{ background:var(--s2); color:var(--text); }
.dpd-hb svg{ width:15px; height:15px; }

/* ── Corps : neutraliser le layout pleine-page du squelette home ── */
.dpd .ak-chat{ height:auto; flex:1; min-height:0; margin:0; }
/* [v1935] Sans hero, le mode vide ne doit rien étirer : la carte se resserre
   sur header + composer + suggestions. */
.dpd .ak-mode-hero .ak-thread{ display:none; }
.dpd .ak-thread{ max-width:none; padding:14px 15px 4px; }
.dpd .ak-dockw{ padding:8px 14px 13px; }
.dpd .ak-ask, .dpd .ak-ask2{ max-width:none; }
.dpd .ak-csugg{ max-width:none; margin-top:12px; }
.dpd .ak-foot{ display:none; }  /* dock compact : la ligne d'aide n'y tient pas */

/* Mobile : plein largeur, voile toute hauteur (mock) */
@media(max-width:900px){
  .dpd-veil{ left:0; height:100%; }
  .dpd{ left:0; padding:0; }
  .dpd-c{ max-width:100vw; border-radius:16px 16px 0 0; border-left:0; border-right:0;
    border-bottom:0; max-height:82vh; }
}