/* Eddie Vault 1.9.29.1 — mobile drawer layering correction.
   Retires the older pseudo-backdrop that can cover the drawer, restores
   side-specific drawers, and keeps the real overlay behind the panels. */
@media (max-width: 860px) {
    body.eddie-my-vault-page .eddie-my-vault--shell.is-library-open::after,
    body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open::after,
    body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open::after,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-library-open::after,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open::after,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open::after {
        content: none !important;
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__mobile-overlay,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-overlay {
        z-index: 640 !important;
        top: var(--eddie-vault-mobile-nav-h, 94px) !important;
        background: rgba(0, 0, 0, 0.50) !important;
        backdrop-filter: blur(3px) !important;
        -webkit-backdrop-filter: blur(3px) !important;
    }

    body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open .eddie-vault-shell__mobile-overlay,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open .eddie-vault-shell__mobile-overlay {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__library,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library,
    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        z-index: 700 !important;
        opacity: 1 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        will-change: transform !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__library,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library {
        left: 0 !important;
        right: auto !important;
        border-right: 1px solid rgba(145, 203, 255, 0.14) !important;
        border-left: 0 !important;
        border-radius: 0 20px 0 0 !important;
        box-shadow: 30px 0 82px rgba(0, 0, 0, 0.52) !important;
        transform: translate3d(-106%, 0, 0) !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        left: auto !important;
        right: 0 !important;
        border-left: 1px solid rgba(145, 203, 255, 0.14) !important;
        border-right: 0 !important;
        border-radius: 20px 0 0 0 !important;
        box-shadow: -30px 0 82px rgba(0, 0, 0, 0.52) !important;
        transform: translate3d(106%, 0, 0) !important;
    }

    body.eddie-my-vault-page .eddie-my-vault--shell.is-library-open .eddie-vault-shell__library,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-library-open .eddie-vault-shell__library,
    body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    body.eddie-my-vault-page .eddie-my-vault__nav,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav {
        z-index: 760 !important;
    }
}

/* Eddie Vault 1.9.29.2 — mobile drawer stacking-context fix.
   The drawer panels were correctly above the overlay by z-index, but their
   parent shell/stage containers created lower stacking contexts. That let the
   blurred overlay cover the panels anyway. Keep the page structure flat on
   mobile so overlay, drawers, and nav share the same z-index ladder. */
@media (max-width: 860px) {
    html body.eddie-my-vault-page .eddie-my-vault--shell,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell,
    html body.eddie-my-vault-page .eddie-vault-shell,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell,
    html body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline {
        isolation: auto !important;
        z-index: auto !important;
        transform: none !important;
        filter: none !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault--shell.is-library-open::before,
    html body.eddie-my-vault-page .eddie-my-vault--shell.is-library-open::after,
    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open::before,
    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open::after,
    html body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open::before,
    html body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open::after,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-library-open::before,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-library-open::after,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open::before,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open::after,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open::before,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open::after,
    html body.eddie-my-vault-page .eddie-vault-shell::before,
    html body.eddie-my-vault-page .eddie-vault-shell::after,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell::before,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell::after,
    html body.eddie-my-vault-page .eddie-vault-shell__mobile-overlay::before,
    html body.eddie-my-vault-page .eddie-vault-shell__mobile-overlay::after,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-overlay::before,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-overlay::after {
        content: none !important;
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    html body.eddie-my-vault-page .eddie-vault-shell__mobile-overlay,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__mobile-overlay,
    html body.eddie-my-vault-page .eddie-my-vault--shell .eddie-vault-shell__mobile-overlay,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell .eddie-vault-shell__mobile-overlay {
        position: fixed !important;
        z-index: 620 !important;
        top: var(--eddie-vault-mobile-nav-h, 94px) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        display: block !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        background: rgba(0, 0, 0, 0.50) !important;
        backdrop-filter: blur(3px) !important;
        -webkit-backdrop-filter: blur(3px) !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open .eddie-vault-shell__mobile-overlay,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-mobile-drawer-open .eddie-vault-shell__mobile-overlay {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body.eddie-my-vault-page .eddie-vault-shell__library,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library,
    html body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        position: fixed !important;
        z-index: 720 !important;
        top: var(--eddie-vault-mobile-nav-h, 94px) !important;
        bottom: 0 !important;
        opacity: 1 !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    html body.eddie-my-vault-page .eddie-vault-shell__library,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library {
        left: 0 !important;
        right: auto !important;
        transform: translate3d(-106%, 0, 0) !important;
    }

    html body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        left: auto !important;
        right: 0 !important;
        transform: translate3d(106%, 0, 0) !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault--shell.is-library-open .eddie-vault-shell__library,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-library-open .eddie-vault-shell__library,
    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        transform: translate3d(0, 0, 0) !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault__nav,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav {
        z-index: 760 !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-menu,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-menu {
        z-index: 820 !important;
    }
}

/* Eddie Vault 1.9.29.3 — right drawer escape hatch.
   The Details panel lives inside the media stage, while Library is a direct
   shell child. Some mobile browsers keep fixed children trapped inside their
   parent stacking context, so the Details drawer can end up beneath the
   shared blur overlay even when its own z-index is higher. When Details is
   open, lift the stage context above the shared overlay and add an internal
   dimmer underneath only the Details drawer. */
@media (max-width: 860px) {
    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline {
        position: relative !important;
        z-index: 700 !important;
        isolation: isolate !important;
        overflow: visible !important;
        transform: none !important;
        filter: none !important;
        opacity: 1 !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline::before,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline::before {
        content: "" !important;
        position: fixed !important;
        z-index: 710 !important;
        top: var(--eddie-vault-mobile-nav-h, 94px) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: none !important;
        background: rgba(0, 0, 0, 0.50) !important;
        backdrop-filter: blur(3px) !important;
        -webkit-backdrop-filter: blur(3px) !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        position: fixed !important;
        z-index: 760 !important;
        top: var(--eddie-vault-mobile-nav-h, 94px) !important;
        right: 0 !important;
        left: auto !important;
        bottom: 0 !important;
        width: min(91vw, 390px) !important;
        max-width: min(91vw, 390px) !important;
        height: calc(100svh - var(--eddie-vault-mobile-nav-h, 94px)) !important;
        height: calc(100dvh - var(--eddie-vault-mobile-nav-h, 94px)) !important;
        max-height: calc(100svh - var(--eddie-vault-mobile-nav-h, 94px)) !important;
        max-height: calc(100dvh - var(--eddie-vault-mobile-nav-h, 94px)) !important;
        transform: translate3d(0, 0, 0) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__mobile-overlay,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__mobile-overlay {
        z-index: 620 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}