body {
    gap: 0 !important;
    overflow: hidden !important;
    height: 100dvh !important;
}

body.static-pwa {
    min-width: 0 !important;
}

body.static-pwa .header,
body.static-pwa .footer {
    display: none !important;
}

.grid-c {
    grid-template-rows: auto 1fr;
}

.container,
.width-limit {
    width: 100% !important;
    max-width: 100% !important;
}

.main,
#content,
.any-chat {
    width: 100%;
}

.container {
    min-height: initial;
    justify-content: stretch;
    align-items: stretch;
}

.main {
    flex: 1 0 100%;
    justify-content: stretch;
    align-items: stretch;
}

#content {
    flex: 1 0 100%;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0 !important;
}

.header > .row {
    padding-left: 20px;
    padding-right: 20px;
}

.footer {
    display: none;
}


/* CHATS */

.any-chat {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
}

.any-chat #coomeet_container,
.any-chat #app_container {
    flex: 1 1 100%;
    width: 100%;
    height: 100%;
}

.any-chat .buttons {
    gap: 5px !important;
    flex: 0 0 auto;
}


.any-chat .buttons.fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
    padding: 0;
}

.any-chat .buttons.fixed > .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-radius: 0 3px 0 0;
    flex: 0 0 auto;
}

.any-chat .buttons.static {
    padding: 5px
}

.any-chat .buttons.static > .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 12px;
    border-radius: 5px;
    flex: 0 0 auto;
    width: auto;
    height: 40px;
}

.any-chat .buttons.static > .icon.wm {
    opacity: 0.2;
}

.any-chat .buttons.static > .icon.nobutton {
    padding: 0;
    border-radius: 0;
    background: none;
}


.any-chat .buttons.static > .icon img {
    display: flex;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.any-chat .buttons.static > .icon.nobutton img {
    width: 100%;
    height: 100%;
}

