/* Native call and widget containers must fit a phone, including stored sizes. */
/* Match the native layer: layered !important rules outrank unlayered ones. */
@layer app-web {
@media (max-width: 760px) {
    body.wedoc2-mobile .mx_AppsDrawer {
        --minWidth: 0px;
        min-width: 0 !important;
        max-width: calc(100% - 16px);
        margin: 8px;
        flex: 0 1 auto;
    }
    body.wedoc2-mobile .mx_AppsDrawer_resizer {
        width: 100% !important;
        max-width: 100%;
        height: clamp(220px, 45dvh, 420px) !important;
        min-width: 0 !important;
    }
    body.wedoc2-mobile .mx_AppsDrawer--maximised .mx_AppsDrawer_resizer {
        height: 100% !important;
    }
    body.wedoc2-mobile .mx_AppsContainer {
        min-width: 0 !important;
        flex-direction: column;
        justify-content: flex-start;
        gap: 8px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    body.wedoc2-mobile .mx_AppsDrawer .mx_AppsContainer > .mx_AppTile {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100%;
        flex: 0 0 100% !important;
        border-radius: 8px;
    }
    body.wedoc2-mobile .mx_AppsContainer > .mx_ResizeHandle { display: none; }
    body.wedoc2-mobile :is(.mx_AppTileFullWidth, .mx_CallView, .mx_LegacyCallView) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100%;
    }
    body.wedoc2-mobile .mx_AppTileMenuBar_title { min-width: 0; flex: 1; }
    body.wedoc2-mobile .mx_AppTileMenuBar_widgets { flex-shrink: 0; }
    body.wedoc2-mobile .mx_AppTile_persistedWrapper { min-width: 0; min-height: 0; }
    body.wedoc2-mobile .mx_AppTileBody iframe { max-width: 100%; }
}
.wedoc-call-preparation {
    position: fixed;
    z-index: 10000;
    left: 16px;
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom));
    width: fit-content;
    max-width: calc(100vw - 32px);
    box-sizing: border-box;
    margin: auto;
    padding: 12px 16px;
    border-radius: 12px;
    background: #173f2b;
    color: white;
    white-space: pre-line;
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 1.5;
    pointer-events: none;
}
}