/*
     * ========================================================
     * MYEDIN CUSTOM PUSH PROMPT
     * ========================================================
     */

    #tutor-pn-permission.myedin-native-push {

        position: fixed;

        right: 8px;
        bottom: 8px;

        width: 430px;
        max-width: calc(100vw - 16px);

        z-index: 2147483647;

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Roboto,
            Helvetica,
            Arial,
            sans-serif;

        transform:
            translateY(130%);

        opacity: 0;

        transition:
            transform .35s ease,
            opacity .35s ease;

        pointer-events: none;

    }


    #tutor-pn-permission.myedin-native-push {

        transform:
            translateY(0);

        opacity: 1;

        pointer-events: auto;

    }


    /*
     * Main card (soft corners on ALL sides, including bottom)
     */

    .myedin-push-inner {

        overflow: hidden;

        background:
            var(--myedin-brand,#172554);

        border-radius: 12px;

        box-shadow:
            0 12px 35px
            rgba(15,23,42,.28);

        border:
            1px solid
            rgba(255,255,255,.08);

    }


    /*
     * Message area
     */

    .myedin-push-message {

        display: flex;

        align-items: center;

        gap: 16px;

        min-height: 92px;

        padding:
            14px 18px;

        box-sizing:
            border-box;

    }


    /*
     * Favicon (soft corners)
     */

    .myedin-push-icon {

        width: 64px;
        height: 64px;

        flex:
            0 0 64px;

        object-fit:
            contain;

        background:
            #FFFFFF;

        border-radius:
            12px;

        padding:
            4px;

        box-sizing:
            border-box;

    }


    /*
     * Text
     */

    .myedin-push-text {

        min-width:
            0;

        flex:
            1;

    }


    .myedin-push-title {

        color:
            #FFFFFF;

        font-size:
            18px;

        line-height:
            1.45;

        font-weight:
            500;

        letter-spacing:
            -.1px;

    }


    /*
     * Buttons (compact row)
     */

    .myedin-push-actions {

        display:
            flex;

        width:
            100%;

        border-top:
            1px solid
            rgba(255,255,255,.14);

    }


    .myedin-push-actions button {

        appearance:
            none;

        -webkit-appearance:
            none;

        border:
            0;

        outline:
            none;

        cursor:
            pointer;

        height:
            44px;

        flex:
            1 1 50%;

        padding:
            0 10px;

        color:
            #FFFFFF;

        font-size:
            15px;

        font-family:
            inherit;

        font-weight:
            500;

        background:
            transparent;

        transition:
            background .18s ease;

    }


    /*
     * Left button – bottom-left soft corner matching card
     */

    .myedin-push-later {

        border-right:
            1px solid
            rgba(255,255,255,.14) !important;

        background:
            #1E3A8A !important;

        border-radius:
            0 0 0 12px !important;

    }


    .myedin-push-later:hover {

        background:
            #1E40AF !important;

    }


    /*
     * Allow button – bottom-right soft corner matching card
     */

    .myedin-push-allow {

        background:
            #1E3A8A !important;

        border-radius:
            0 0 12px 0 !important;

    }


    .myedin-push-allow:hover {

        background:
            #1E40AF !important;

    }


    .myedin-push-actions button:disabled {

        opacity:
            .7;

        cursor:
            wait;

    }


    /*
     * ========================================================
     * DESKTOP – align with 1180px content area (with margin)
     * ========================================================
     */

    @media (min-width: 1025px) {

        #tutor-pn-permission.myedin-native-push {

            /* Added + 20px to create a right-side margin */
            right: calc((100vw - 1180px) / 2 + -5px);

            bottom: 8px;

            width: 430px;

            max-width: 430px;

        }

    }


    /*
     * ========================================================
     * TABLET
     * right padding = 16px, card bottom corners stay soft
     * ========================================================
     */

    @media
    (max-width: 1024px) {

        #tutor-pn-permission.myedin-native-push {

            right:
                16px;

            left:
                16px;

            bottom:
                8px;

            width:
                auto;

            max-width:
                none;

        }


        .myedin-push-inner {

            border-radius:
                12px;

        }


        .myedin-push-later {

            border-radius:
                0 0 0 12px !important;

        }


        .myedin-push-allow {

            border-radius:
                0 0 12px 0 !important;

        }


        .myedin-push-message {

            min-height:
                84px;

            padding:
                12px 15px;

            gap:
                13px;

        }


        .myedin-push-icon {

            width:
                56px;

            height:
                56px;

            flex-basis:
                56px;

            border-radius: 10px;

        }


        .myedin-push-title {

            font-size:
                16px;

            line-height:
                1.4;

        }


        .myedin-push-actions button {

            height:
                42px;

            font-size:
                14px;

        }

    }


    /*
     * ========================================================
     * SMALL MOBILE
     * bottom padding = 0, side padding = 8px, corners soft
     * ========================================================
     */

    @media
    (max-width: 480px) {

        #tutor-pn-permission.myedin-native-push {

            right:
                8px;

            left:
                8px;

            bottom:
                0;

        }


        .myedin-push-inner {

            border-radius:
                12px 12px 12px 12px;

        }


        .myedin-push-later {

            border-radius:
                0 0 0 12px !important;

        }


        .myedin-push-allow {

            border-radius:
                0 0 12px 0 !important;

        }


        .myedin-push-message {

            min-height:
                78px;

            padding:
                11px 14px;

        }


        .myedin-push-icon {

            width:
                52px;

            height:
                52px;

            flex-basis:
                52px;

            border-radius: 10px;

        }


        .myedin-push-title {

            font-size:
                15px;

            line-height:
                1.35;

        }


        .myedin-push-actions button {

            height:
                40px;

            font-size:
                14px;

        }

    }

    
#tutor-pn-permission.myedin-native-push {display:none;left:auto;width:430px;right:max(8px,calc((100vw - 1180px)/2));bottom:8px!important;transform:none!important;opacity:1;pointer-events:auto;padding:0;background:transparent;}
#tutor-pn-permission.myedin-native-push > .myedin-push-inner {display:block;padding:0;max-width:none;position:relative;}
#tutor-pn-permission.myedin-native-push .myedin-push-message {margin:0;color:#fff;}
#tutor-pn-permission.myedin-native-push #tutor-pn-close {position:absolute;right:8px;top:6px;width:24px;height:24px;padding:0;min-width:0;line-height:24px;border-radius:50%;background:transparent;color:white;}
@media(max-width:767px){#tutor-pn-permission.myedin-native-push{right:8px;width:calc(100vw - 16px);}}