/* Prenship Meet — mobile quick bar
   Safe UI layer: triggers existing vendor controls only. */

#prenshipMobileQuickbar {
    display: none;
}

@media (max-width: 680px) {
    #actionButtons:has(button:not(.hidden)) + #prenshipMobileQuickbar {
        position: fixed;
        z-index: 10060;
        top: 10px;
        right: 10px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 5px;
        padding: 5px;
        border: 1px solid rgba(255,255,255,.20);
        border-radius: 15px;
        background: rgba(16,24,39,.78);
        box-shadow: 0 8px 22px rgba(0,0,0,.24);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    #prenshipMobileQuickbar button {
        width: 38px;
        height: 38px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 11px;
        color: #ffffff;
        background: rgba(255,255,255,.13);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        line-height: 1;
        touch-action: manipulation;
    }

    #prenshipMobileQuickbar button:active {
        transform: scale(.94);
        background: rgba(255,255,255,.24);
    }

    #prenshipMobileQuickbar button[data-pm-action="leave"] {
        background: #ef4f5b;
    }

    /* Hide only the vendor hamburger after our real quick bar exists. */
    #actionButtons:has(button:not(.hidden)) + #prenshipMobileQuickbar ~ #actionButtonMobileMenu {
        display: none !important;
    }
}