html.chat-fullscreen-active,
html.chat-fullscreen-active body {
    overflow: hidden;
}

#chat-root.is-chat-fullscreen,
#chat-root:fullscreen,
#chat-root:-webkit-full-screen {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background-color: var(--color-surface);
}

#chat-root.chat-fullscreen-fallback {
    position: fixed;
    inset: 0;
    z-index: 70;
    width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    padding-top: env(safe-area-inset-top, 0px);
    padding-right: env(safe-area-inset-right, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    padding-left: env(safe-area-inset-left, 0px);
}

#chat-root:fullscreen,
#chat-root:-webkit-full-screen {
    width: 100%;
    height: 100%;
    padding-top: env(safe-area-inset-top, 0px);
    padding-right: env(safe-area-inset-right, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    padding-left: env(safe-area-inset-left, 0px);
}