/* Keep the existing desktop shell intact while making the global title bar fit
   narrow phone viewports used by RCPS and the rest of the platform. */
@media (max-width: 480px) {
    html body .vario-win-titlebar,
    html[data-vario-theme] body .vario-win-titlebar {
        gap: 6px !important;
        padding-inline: 10px !important;
        overflow: hidden !important;
    }

    html body .vario-topbar-left,
    html[data-vario-theme] body .vario-topbar-left {
        flex: 1 1 auto !important;
        gap: 7px !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    html body .vario-topbar-module-title,
    html[data-vario-theme] body .vario-topbar-module-title {
        min-width: 0 !important;
        overflow: hidden !important;
    }

    html body .vario-topbar-module-title h1,
    html body .vario-topbar-module-title > span,
    html[data-vario-theme] body .vario-topbar-module-title h1,
    html[data-vario-theme] body .vario-topbar-module-title > span {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body .vario-topbar-actions,
    html body .vario-topbar-global-actions,
    html[data-vario-theme] body .vario-topbar-actions,
    html[data-vario-theme] body .vario-topbar-global-actions {
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }

    html body .vario-topbar-profile,
    html[data-vario-theme] body .vario-topbar-profile {
        gap: 3px !important;
        min-width: 0 !important;
        padding-left: 0 !important;
        border-left: 0 !important;
    }

    html body .vario-topbar-profile > .ai-assistant,
    html body .vario-topbar-profile > .team-communication,
    html[data-vario-theme] body .vario-topbar-profile > .ai-assistant,
    html[data-vario-theme] body .vario-topbar-profile > .team-communication {
        display: none !important;
    }

    html body .vario-login-user,
    html[data-vario-theme] body .vario-login-user {
        max-width: 68px !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    html body .vario-login-display-name,
    html[data-vario-theme] body .vario-login-display-name {
        display: block !important;
        overflow: hidden !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body .vario-login-user-name,
    html[data-vario-theme] body .vario-login-user-name {
        display: none !important;
    }
}