[id^="cogo-large-dialog-"]::part(control) {
    padding: 0 !important;
    scrollbar-gutter: stable;
    overflow: auto;
}

[id^="cogo-large-dialog-"] .cogo-large-dialog-shell__body-scroll {
    scrollbar-gutter: stable;
}

[id^="cogo-large-dialog-"] .cogo-large-dialog-shell__header {
    padding: 1.5rem 1.5rem 1rem !important;
}

[id^="cogo-large-dialog-"] .cogo-large-dialog-shell__body {
    padding: 1rem 1.5rem 1.5rem !important;
}

[id^="cogo-large-dialog-"] .cogo-large-dialog-shell__footer {
    padding: 0 1.5rem 1.5rem !important;
}

@media screen and (max-width: 960px) {
    [id^="cogo-large-dialog-"] {
        height: 100%;
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        overflow: hidden;
    }

    [id^="cogo-large-dialog-"]::part(overlay) {
        top: var(--cogo-app-header-height);
        bottom: calc(var(--cogo-mobile-nav-height) + var(--cogo-mobile-nav-safe-area));
    }

    [id^="cogo-large-dialog-"]::part(positioning-region) {
        align-items: stretch !important;
        justify-content: stretch !important;
        inset: var(--cogo-app-header-height) 0 calc(var(--cogo-mobile-nav-height) + var(--cogo-mobile-nav-safe-area)) 0 !important;
        padding: 0 !important;
    }

    [id^="cogo-large-dialog-"]::part(control) {
        width: 100% !important;
        max-width: 100% !important;
        height: calc(var(--vh, 1vh) * 100 - var(--cogo-app-header-height) - var(--cogo-mobile-nav-height) - var(--cogo-mobile-nav-safe-area)) !important;
        max-height: calc(var(--vh, 1vh) * 100 - var(--cogo-app-header-height) - var(--cogo-mobile-nav-height) - var(--cogo-mobile-nav-safe-area)) !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    [id^="cogo-large-dialog-"] .cogo-large-dialog-shell__header,
    [id^="cogo-large-dialog-"] .cogo-large-dialog-shell__footer {
        position: relative;
        z-index: 1;
        background: var(--neutral-layer-1);
    }

    [id^="cogo-large-dialog-"] .cogo-large-dialog-shell__header {
        padding: 1.25rem 1.5rem 1rem !important;
    }

    [id^="cogo-large-dialog-"] .cogo-large-dialog-shell__body {
        padding: 1rem 1.5rem 1.25rem !important;
        min-height: 0;
    }

    [id^="cogo-large-dialog-"] .cogo-large-dialog-shell__body-scroll {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    [id^="cogo-large-dialog-"] .cogo-large-dialog-shell__footer {
        padding: 1rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom, 0px)) !important;
    }
}