/* Responsive */
@media (max-width: 1040px) {
    .gb-shell {
        --gb-sidebar-width: 188px;
        --gb-right-width: 154px;
    }

    .gb-shell #chat-messages {
        padding-inline: 18px;
    }
}

@media (max-width: 820px) {
    .gb-shell #channels-shell,
    .gb-shell .gb-layout {
        grid-template-columns: 1fr;
    }

    .gb-shell #channel-sidebar {
        position: absolute;
        inset: 0 auto 0 0;
        width: min(82vw, 260px);
        z-index: 60;
        transform: translateX(-100%);
        opacity: 0;
        pointer-events: none;
    }

    .gb-shell #channel-sidebar.is-open {
        transform: translateX(0);
        opacity: 1;
        pointer-events: auto;
    }

    .gb-shell #admin-sidebar {
        display: none;
    }

    .gb-shell #channel-header-bar {
        top: 10px;
        max-width: calc(100vw - 16px);
    }

    .gb-shell #chat-messages {
        padding: 78px 12px 16px;
    }

    .gb-shell .composer-shell {
        padding: var(--gb-space-2);
    }

    .gb-shell .composer-bubble,
    .gb-shell .gb-composer {
        max-width: calc(100vw - 20px);
    }
}