@media (max-width: 960px) {
:root {
--ait-mobile-safe-bottom: max(14px, env(safe-area-inset-bottom, 0px));
--ait-mobile-keyboard-gap: 10px;
}
body.page-chat .app-shell,
body.page-chat .main,
body.page-home .app-shell,
body.page-home .main {
min-height: 100svh;
min-height: 100dvh;
}
body.page-chat .content-area,
body.page-home .content-area {
min-height: 0;
overflow: visible;
}
body.page-chat .page-shell-chat,
body.page-home .page-shell-chat {
min-height: calc(100svh - 64px);
min-height: calc(100dvh - 64px);
padding-bottom: var(--ait-mobile-safe-bottom);
}
body.page-chat .composer-dock,
body.page-home .composer-dock {
position: sticky;
bottom: 0;
z-index: 12;
padding-bottom: var(--ait-mobile-safe-bottom);
background: transparent;
box-shadow: none;
}
body.theme-light.page-chat .composer-dock,
body.theme-light.page-home .composer-dock {
background: transparent;
}
body.page-chat .input-panel,
body.page-home .input-panel {
width: min(100%, calc(100vw - 20px));
margin-inline: auto;
padding-bottom: var(--ait-mobile-keyboard-gap);
}
body.page-chat .input-wrap,
body.page-home .input-wrap {
max-width: 100%;
border-radius: 22px;
touch-action: manipulation;
}
body.page-chat #chat-composer-message,
body.page-home #chat-composer-message {
min-height: 46px;
max-height: min(34svh, 210px);
max-height: min(34dvh, 210px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.composer-actions-left,
.composer-actions-right {
min-width: 0;
}
.composer-icon-button.is-disabled,
.composer-icon-button:disabled {
opacity: .48;
cursor: not-allowed;
filter: grayscale(.2);
}
.composer-capability-status:not(.sr-only) {
max-width: 42vw;
color: var(--muted);
font-size: 11px;
line-height: 1.25;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mode-mobile-order-controls {
display: inline-flex;
gap: 6px;
align-items: center;
margin-left: 8px;
}
.mode-mobile-order-button {
min-width: 34px;
min-height: 34px;
border-radius: 12px;
border: 1px solid var(--panel-border);
background: rgba(255,255,255,.06);
color: var(--text);
font-weight: 800;
touch-action: manipulation;
}
.mode-mobile-order-button:disabled {
opacity: .36;
cursor: not-allowed;
}
[data-mode-drag-handle][aria-hidden="true"] {
display: none;
}
}
@media (min-width: 961px) {
.mode-mobile-order-controls {
display: none;
}
}
@media (max-width: 960px) {
body.page-chat .page-shell-chat-empty .chat-response-panel-empty,
body.page-home .page-shell-chat-empty .chat-response-panel {
touch-action: pan-y pinch-zoom;
overscroll-behavior-y: auto;
}
body.page-chat .page-shell-chat-empty .chat-response-panel-empty .message-list,
body.page-home .page-shell-chat-empty .chat-response-panel .message-list {
overflow: visible;
overflow-y: visible;
-webkit-overflow-scrolling: auto;
touch-action: pan-y pinch-zoom;
overscroll-behavior-y: auto;
}
body.page-chat .page-shell-chat-empty .home-hero,
body.page-home .page-shell-chat-empty .home-hero {
touch-action: pan-y pinch-zoom;
}
body.page-chat .page-shell-chat:not(.page-shell-chat-empty) .chat-response-panel .message-list {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior-y: contain;
}
}
@media (max-width: 960px) {
body.page-chat .main,
body.page-home .main,
body.page-chat .content-area,
body.page-home .content-area,
body.page-chat .page-shell-chat,
body.page-home .page-shell-chat,
body.page-chat .composer-dock,
body.page-home .composer-dock,
body.page-chat .input-panel,
body.page-home .input-panel,
body.page-chat .input-wrap,
body.page-home .input-wrap,
body.page-chat .home-input-wrap,
body.page-home .home-input-wrap {
box-sizing: border-box;
min-width: 0;
max-width: 100%;
}
body.page-chat:not(.sidebar-open) .main,
body.page-home:not(.sidebar-open) .main,
body.page-chat:not(.sidebar-open) .content-area,
body.page-home:not(.sidebar-open) .content-area {
inline-size: 100%;
width: 100%;
margin-left: 0;
transform: none;
}
body.page-chat .page-shell-chat,
body.page-home .page-shell-chat {
inline-size: 100%;
width: 100%;
max-width: 100%;
}
body.page-chat .composer-dock,
body.page-home .composer-dock {
inline-size: min(100%, calc(100vw - 16px));
width: min(100%, calc(100vw - 16px));
max-width: 940px;
margin-inline: auto;
flex-shrink: 0;
}
body.page-chat .input-panel,
body.page-home .input-panel,
body.page-chat .input-wrap,
body.page-home .input-wrap,
body.page-chat .home-input-wrap,
body.page-home .home-input-wrap {
inline-size: 100%;
width: 100%;
max-width: 100%;
}
body.page-chat .input-wrap,
body.page-home .input-wrap,
body.page-chat .home-input-wrap,
body.page-home .home-input-wrap {
display: flex;
flex-direction: column;
}
body.page-chat #chat-composer-message,
body.page-home #chat-composer-message {
inline-size: 100%;
width: 100%;
min-width: 0;
max-width: 100%;
box-sizing: border-box;
word-break: normal;
overflow-wrap: normal;
}
body.page-chat .composer-footer,
body.page-home .composer-footer {
inline-size: 100%;
width: 100%;
min-width: 0;
max-width: 100%;
box-sizing: border-box;
}
}