/* v18 keeps v17's 640px frame, Inter text, 18px bubbles and native colors. */
.teammate-interactive { display:grid; grid-template-columns:92px minmax(0,1fr); }
.teammate-bots { display:flex; flex-direction:column; gap:8px; padding:12px 6px; border-right:1px solid #e6e6e6; background:#f5f5f5; }
.teammate-bot { border:0; border-radius:10px; padding:10px 4px; color:inherit; background:transparent; font:inherit; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; }
.teammate-bot[aria-pressed=true] { background:#e6e6e6; }
.teammate-bot:hover { background:#ebebeb; }
.teammate-bot small { display:block; color:#737373; font-size:10px; line-height:14px; }
.teammate-bot[data-bot=sam] .teammate-avatar,.teammate-chat[data-active-bot=sam] [data-active-avatar] { background:#dde7fc; color:#1251d3; }
.teammate-bot[data-bot=maya] .teammate-avatar,.teammate-chat[data-active-bot=maya] [data-active-avatar] { background:#cde4cd; color:#067906; }
.teammate-conversation { min-width:0; height:360px; display:grid; grid-template-rows:58px minmax(0,1fr) auto; }
.teammate-interactive .teammate-messages { overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:18px 20px; scroll-behavior:auto; }
.teammate-interactive .teammate-message { flex-shrink:0; }
.teammate-interactive .teammate-message p { white-space:pre-wrap; }
.teammate-interactive .teammate-composer { margin:0; gap:8px; align-items:flex-end; }
.teammate-interactive textarea.teammate-placeholder { display:block; width:100%; height:34px; max-height:74px; resize:none; border:0; font:inherit; line-height:20px; color:rgba(0,0,0,.9); overflow-y:auto; }
.teammate-interactive textarea::placeholder { color:#737373; }
.teammate-send { display:grid; place-items:center; flex-shrink:0; width:34px; height:34px; border:0; border-radius:50%; background:#2267f5; cursor:pointer; }
.teammate-send img { width:20px; height:20px; filter:brightness(0) invert(1); }
.teammate-send:disabled { background:#e6e6e6; cursor:default; }
.teammate-send:disabled img { filter:none; opacity:.4; }
.teammate-interactive :is(button,textarea,ol):focus-visible { outline:2px solid #2267f5; outline-offset:2px; }
.teammate-demo-note { margin:12px auto 0; color:#737373; font-size:11px; line-height:16px; text-align:center; }
@media(max-width:540px) {
 .teammate-interactive { grid-template-columns:minmax(0,1fr); }
 .teammate-bots { flex-direction:row; padding:6px; gap:4px; border-right:0; border-bottom:1px solid #e6e6e6; }
 .teammate-bot { flex:1; min-width:0; flex-direction:row; justify-content:center; padding:8px 4px; gap:6px; font-size:12px; line-height:16px; text-align:left; }
 .teammate-bot .teammate-avatar { width:26px; height:26px; font-size:14px; }
 .teammate-bot small { display:none; }
 .teammate-conversation { height:360px; }
 .teammate-interactive .teammate-messages { padding:16px 12px; }
}
/* The page already reserves header space through html scroll-padding-top. */
.teammate-section { scroll-margin-top:0; }