.conv-title { display:flex; flex-direction:column; min-width:0; line-height:1.25; }
.conv-name { font-weight:700; font-size:14px; }
.conv-sub { font-size:12px; color:var(--text-2); display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.back { display:none; }
.conv-top {
  top:0; left:0; right:0; z-index:3; display:flex; justify-content:center; align-items:center; gap:4px;
  position:static; flex:none; pointer-events:none; box-shadow:none; padding:12px var(--page-gutter) 28px;
  background:linear-gradient(to bottom, var(--bg) 0, var(--bg) 45%, color-mix(in srgb, var(--bg) 70%, transparent) 72%, transparent);
}
.conv-top > * { pointer-events:auto; }
.pa .conv-top .back { display:none; background:var(--surface); box-shadow:var(--shadow-sm); border-radius:999px; }
.pill-agent {
  display:inline-flex; align-items:center; max-width:100%; border:0; border-radius:999px; text-align:left;
  transition:background .15s, box-shadow .15s;
}
/* header: centered quiet pill with mascot and name */
.pa .pill-agent { animation:none; gap:10px; min-height:44px; padding:4px 16px 4px 6px; background:var(--ag-bg); box-shadow:var(--shadow-sm); }
.pill-agent .conv-name { font-size:14px; font-weight:600; }
.pill-agent.on .pill-chev { transform:rotate(90deg); }
.pa .pill-agent:hover { background:var(--nav-active-bg); }
.pa .pill-agent.on { background:var(--nav-active-bg); box-shadow:none; }
.pa .pill-agent .av { width:32px; height:32px; }
.pill-txt { display:flex; flex-direction:column; min-width:0; line-height:1.2; }
.pill-txt .conv-sub { flex-wrap:nowrap; white-space:nowrap; }
.pill-chev { color:var(--text-2); transition:transform .15s; }
.conv > .conv-top { position:relative; z-index:3; align-self:start; }
@container (max-width: 719px) {
  .back { display:inline-flex; margin-left:-8px; }
  .conv-top { justify-content:flex-start; padding:8px 10px 24px; }
  .pa .conv-top .back { display:inline-flex; }
}
@media (prefers-reduced-motion: reduce) {
  .pa .pill-agent { transition:none; }
}