/*
 * The legacy application defines .wrapper as inline-block. Bot pages also use
 * max-width, so an RTL document pushes the whole inline block to the right and
 * leaves all remaining space on the left. Bot pages use a centered block shell.
 */
body.bot-ui-page {
    overflow-x: hidden;
}

body.bot-ui-page section.wrapper {
    display: block !important;
    float: none !important;
    width: calc(100% - 80px);
    margin-right: auto !important;
    margin-left: auto !important;
    box-sizing: border-box;
}

/* Give data-heavy bot screens more room without stretching compact forms. */
@media (min-width: 1600px) {
    body.bot-ui-page section.wrapper.balance-claims-page,
    body.bot-ui-page section.wrapper.bot-dashboard,
    body.bot-ui-page section.wrapper.bot-followups-page,
    body.bot-ui-page section.wrapper.bot-health,
    body.bot-ui-page section.wrapper.conversation-summary-page,
    body.bot-ui-page section.wrapper.group-broadcast-page,
    body.bot-ui-page section.wrapper.group-categories-page,
    body.bot-ui-page section.wrapper.routing-page {
        max-width: 1680px !important;
    }
}

@media (max-width: 767px) {
    body.bot-ui-page section.wrapper {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}