﻿html,body{
    width:100%;
    max-width:100%;
    overflow-x:clip;
    overscroll-behavior-x:none;
}

#app{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:clip;
}

.drawer,
#workspace-menu{
    display:none!important;
}

.ohelp-loading-compact{
    min-height:100dvh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:24px;
}

.ohelp-chat-header,
.ohelp-chat-messages,
.ohelp-chat-composer{
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
}

.ohelp-chat-messages{
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    overflow-anchor:none;
}

.ohelp-chat-composer{
    position:relative;
    transform:none!important;
}

@media(max-width:768px){
    input,textarea,select{
        font-size:16px!important;
    }

    .ohelp-chat-header,
    .ohelp-chat-composer{
        width:100%;
    }

    .ohelp-chat-messages{
        scroll-behavior:auto;
    }
}
