/* Public desktop shell reuses the authenticated desktop Grafik without exposing
   authenticated navigation or account surfaces. Mobile is intentionally untouched. */

@media (min-width: 931px) {
    html.panel-public-guest body.desktop-schedule-preview-body #desktop-preview-frame.phone-frame {
        width: 100vw !important;
        max-width: none !important;
        height: 100vh !important;
        margin: 0 !important;
    }

    html.panel-public-guest body.desktop-schedule-preview-body #desktop-preview-frame > .bottom-nav-responsive,
    html.panel-public-guest body.desktop-schedule-preview-body #desktop-preview-frame > [data-global-modal-header],
    html.panel-public-guest body.desktop-schedule-preview-body #header-profile-avatar,
    html.panel-public-guest body.desktop-schedule-preview-body [data-global-modal-actions] {
        display: none !important;
    }

    html.panel-public-guest body.desktop-schedule-preview-body .panel-public-guest-bar {
        position: fixed;
        z-index: 90;
        top: 0;
        left: 0;
        right: 0;
        width: auto;
        min-height: 76px;
        padding: 0 40px;
        border-bottom: 1px solid var(--ui-line, #ececec);
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 3px 14px rgba(51, 51, 51, .04);
        backdrop-filter: blur(12px);
    }

    html.panel-public-guest body.desktop-schedule-preview-body .panel-public-guest-bar__brand {
        gap: 10px;
        font-size: 16px;
    }

    html.panel-public-guest body.desktop-schedule-preview-body .panel-public-guest-bar__brand img {
        width: 34px;
        height: 34px;
    }

    html.panel-public-guest body.desktop-schedule-preview-body .panel-public-guest-bar__login {
        padding: 9px 14px;
        border-radius: 10px;
        font-size: 12px;
    }

    html.panel-public-guest body.desktop-schedule-preview-body #desktop-preview-frame > .compact-header {
        top: 94px !important;
        left: 32px !important;
        right: 32px !important;
        width: auto !important;
        transform: none !important;
    }

    html.panel-public-guest body.desktop-schedule-preview-body #desktop-preview-frame > #main-scroll {
        left: 0 !important;
        right: 0 !important;
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    html.panel-public-guest body.desktop-schedule-preview-body .bottom-sheet-overlay {
        top: 76px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    }

    html.panel-public-guest body.desktop-schedule-preview-body .bottom-sheet {
        top: 76px !important;
        width: min(500px, calc(100vw - 32px)) !important;
        height: calc(100vh - 76px) !important;
        max-height: calc(100vh - 76px) !important;
    }

    html.panel-public-guest body.desktop-schedule-preview-body .bottom-sheet.desktop-sheet-centered,
    html.panel-public-guest body.desktop-schedule-preview-body .bottom-sheet.desktop-sheet-signup {
        max-width: min(720px, calc(100vw - 64px)) !important;
    }

    html.panel-public-guest body.desktop-schedule-preview-body #desktop-guided-filter-sheet {
        top: 50% !important;
        left: 50% !important;
        width: min(760px, calc(100vw - 64px)) !important;
        height: min(720px, calc(100vh - 112px)) !important;
        max-height: calc(100vh - 112px) !important;
        border-radius: 20px !important;
    }

    html.panel-public-guest body.desktop-schedule-preview-body #desktop-guided-filter-overlay {
        top: 76px !important;
        left: 0 !important;
    }
}

@media (min-width: 931px) and (max-width: 1180px) {
    html.panel-public-guest body.desktop-schedule-preview-body .panel-public-guest-bar {
        padding-left: 24px;
        padding-right: 24px;
    }

    html.panel-public-guest body.desktop-schedule-preview-body #desktop-preview-frame > .compact-header {
        left: 24px !important;
        right: 24px !important;
    }

    html.panel-public-guest body.desktop-schedule-preview-body #desktop-preview-frame > #main-scroll {
        left: 0 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    html.panel-public-guest body.desktop-schedule-preview-body .bottom-sheet-overlay {
        left: 0 !important;
    }

    html.panel-public-guest body.desktop-schedule-preview-body .bottom-sheet {
        width: min(480px, calc(100vw - 32px)) !important;
    }
}