/* Eddie Vault 1.9.6 — panel balance pass.
   The left rail is a browser first: compact helper copy, larger scrollable media list.
   The right rail resets to the top on selection and uses tighter field spacing. */
@media (min-width: 761px) {
    body.eddie-my-vault-page .eddie-vault-shell__library,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library {
        min-height: 0 !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__library-head,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library-head {
        flex: 0 0 auto !important;
        padding: 12px 14px 9px !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__library-head h1,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library-head h1 {
        font-size: 24px !important;
        line-height: .98 !important;
        margin: 0 !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__library-head p:not(.eddie-my-vault__eyebrow),
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library-head p:not(.eddie-my-vault__eyebrow),
    body.eddie-my-vault-page .eddie-vault-shell__guide,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__guide {
        display: none !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse {
        flex: 0 0 auto !important;
        margin: 8px 10px 6px !important;
        padding: 8px 10px !important;
        border: 1px solid rgba(145, 203, 255, .12) !important;
        border-radius: 12px !important;
        background: rgba(33, 113, 181, .075) !important;
        box-shadow: none !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse div,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse div {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 2px !important;
        min-width: 0 !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse span,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse span {
        display: none !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse strong,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse strong {
        display: block !important;
        overflow: hidden !important;
        color: #f8fbff !important;
        font-size: 15px !important;
        line-height: 1.12 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse em,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse em {
        display: block !important;
        overflow: hidden !important;
        color: rgba(226, 232, 240, .68) !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__controls,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__controls {
        flex: 0 0 auto !important;
        padding: 7px 10px 6px !important;
        gap: 6px !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__search input,
    body.eddie-my-vault-page .eddie-vault-shell__sort select,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__search input,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__sort select {
        min-height: 32px !important;
        height: 32px !important;
        border-radius: 10px !important;
        font-size: 11px !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__sort,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__sort {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__sort span,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__sort span {
        display: none !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__tabs,
    body.eddie-my-vault-page .eddie-vault-shell__typebar,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__tabs,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__typebar {
        flex: 0 0 auto !important;
        flex-wrap: nowrap !important;
        gap: 4px !important;
        overflow-x: auto !important;
        padding: 0 10px 5px !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch;
    }

    body.eddie-my-vault-page .eddie-vault-shell__tabs::-webkit-scrollbar,
    body.eddie-my-vault-page .eddie-vault-shell__typebar::-webkit-scrollbar,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__tabs::-webkit-scrollbar,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__typebar::-webkit-scrollbar {
        display: none;
    }

    body.eddie-my-vault-page .eddie-vault-shell__tab,
    body.eddie-my-vault-page .eddie-vault-shell__type,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__tab,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__type {
        flex: 0 0 auto !important;
        min-height: 28px !important;
        padding: 6px 8px !important;
        border-radius: 999px !important;
        font-size: 10px !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__list,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__list {
        flex: 1 1 auto !important;
        min-height: 260px !important;
        padding: 7px 8px !important;
        overflow-y: auto !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__stats,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stats {
        flex: 0 0 auto !important;
        gap: 5px !important;
        padding: 7px 8px 9px !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__stats div,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stats div {
        padding: 6px 3px !important;
        border-radius: 10px !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__stats strong,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stats strong {
        font-size: 14px !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__stats span,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stats span {
        margin-top: 3px !important;
        font-size: 7.5px !important;
        letter-spacing: .08em !important;
    }
}

@media (min-width: 921px) {
    body.eddie-my-vault-page .eddie-vault-shell,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell {
        grid-template-columns: minmax(252px, 292px) minmax(0, 1fr) !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline {
        grid-template-columns: minmax(0, 1fr) minmax(292px, 326px) !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 {
        padding: 12px 13px 86px !important;
        overflow-y: auto !important;
        scrollbar-width: thin !important;
        scrollbar-color: rgba(145, 203, 255, .24) transparent !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__actions,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__actions {
        bottom: -1px !important;
        margin-top: 8px !important;
        padding: 8px 0 10px !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__meta,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__meta {
        gap: 6px !important;
        margin-top: 8px !important;
    }
}

@media (max-width: 760px) {
    body.eddie-my-vault-page .eddie-vault-shell__library-head p:not(.eddie-my-vault__eyebrow),
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__library-head p:not(.eddie-my-vault__eyebrow),
    body.eddie-my-vault-page .eddie-vault-shell__guide,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__guide {
        display: none !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse {
        margin: 6px 10px !important;
        padding: 7px 9px !important;
        border: 1px solid rgba(145, 203, 255, .12) !important;
        border-radius: 12px !important;
        background: rgba(33, 113, 181, .08) !important;
        box-shadow: none !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse span,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse span {
        display: none !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse strong,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse strong {
        font-size: 14px !important;
        line-height: 1.1 !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse em,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell .eddie-my-vault__pulse em {
        display: block !important;
        overflow: hidden !important;
        font-size: 10.5px !important;
        line-height: 1.2 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.eddie-my-vault-page .eddie-vault-shell__list,
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__list {
        min-height: 42svh !important;
        min-height: 42dvh !important;
    }
}

/* Eddie Vault 1.9.7 — mobile crop ghost-bar repair.
   When a crop preset is active, the mobile next/prev overlay should not sit on
   top of the image. It looked like a dark vertical bar and stole taps from the
   crop layer. Crop mode now owns the image surface until the user returns to
   Full image. */
@media (max-width: 760px) {
    .eddie-my-vault-viewer.is-crop-profile .eddie-my-vault-viewer__nav,
    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline.is-crop-profile .eddie-my-vault-viewer__nav {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .eddie-my-vault-viewer.is-crop-profile .eddie-my-vault-viewer__crop-layer,
    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline.is-crop-profile .eddie-my-vault-viewer__crop-layer {
        z-index: 90 !important;
        pointer-events: auto !important;
        touch-action: none !important;
    }

    .eddie-my-vault-viewer.is-crop-profile .eddie-my-vault-viewer__crop-box,
    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline.is-crop-profile .eddie-my-vault-viewer__crop-box {
        z-index: 91 !important;
        box-shadow:
            0 0 0 9999px rgba(2, 6, 14, .46),
            0 0 0 1px rgba(145, 203, 255, .72),
            0 12px 26px rgba(0,0,0,.28) !important;
    }

    .eddie-my-vault-viewer.is-crop-dragging .eddie-my-vault-viewer__crop-box,
    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline.is-crop-dragging .eddie-my-vault-viewer__crop-box {
        box-shadow:
            0 0 0 9999px rgba(2, 6, 14, .42),
            0 0 0 1px rgba(110, 231, 183, .78),
            0 14px 30px rgba(0,0,0,.30) !important;
    }

    .eddie-my-vault-viewer.is-crop-profile.is-nav-idle .eddie-my-vault-viewer__crop-box,
    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline.is-crop-profile.is-nav-idle .eddie-my-vault-viewer__crop-box {
        box-shadow:
            0 0 0 9999px rgba(2, 6, 14, .46),
            0 0 0 1px rgba(145, 203, 255, .64),
            0 12px 26px rgba(0,0,0,.26) !important;
    }

    .eddie-my-vault-viewer.is-crop-dragging,
    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline.is-crop-dragging {
        overscroll-behavior: contain !important;
    }
}