/* Flex children must be allowed to shrink above the composer. */
.workspace,.conversation,.messages{min-height:0}
.conversation-bottom,.translation-bar{flex-shrink:0}

/* Applied only while typing in a visible mobile/touch conversation. */
html.chat-typing,html.chat-typing body{overflow:hidden;overscroll-behavior:none}
.chat-typing .app{
 position:fixed;
 top:var(--chat-viewport-top,0px);
 left:0;
 right:0;
 width:100%;
 height:var(--chat-viewport-height,100dvh);
 min-height:0;
 overflow:hidden;
}
.chat-typing .topbar,.chat-typing .demo-note,.chat-typing .rail,
.chat-typing .conversations,.chat-typing .right-panel,.chat-typing .mobile-nav,
.chat-typing .translation-bar,.chat-typing .suggestions,.chat-typing .composer-caption{display:none}
.chat-typing .conversation{display:flex;width:100%;min-height:0;overflow:hidden}
.chat-typing .conversation-header{height:64px;padding:10px 12px;gap:10px}
.chat-typing .conversation-header .avatar{width:38px;height:38px}
.chat-typing .conversation-person h2{font-size:15px;margin-bottom:3px}
.chat-typing .conversation-person span{font-size:10px}
.chat-typing .conversation-tools{gap:6px}
.chat-typing .conversation-tools .icon-button{width:38px;height:38px}
.chat-typing .messages{padding:14px 12px;overscroll-behavior-y:contain;scroll-behavior:auto}
.chat-typing .conversation-bottom{
 flex-shrink:0;
 padding:8px max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
 box-shadow:0 -4px 18px #667daa12;
}
.chat-typing .composer{margin:0;min-height:54px}
.chat-typing .composer input{font-size:16px;line-height:1.4}