/* Eddie Vault 1.9.5 — viewer fit + crop hitbox repair.
   Keep this at the end so it wins over older layout passes. */
.eddie-my-vault-viewer__crop-layer,
.eddie-my-vault-viewer__crop-box {
    pointer-events: auto !important;
    touch-action: none !important;
    -webkit-tap-highlight-color: transparent;
}

.eddie-my-vault-viewer__crop-layer {
    z-index: 30 !important;
    overflow: hidden !important;
}

.eddie-my-vault-viewer__crop-box {
    z-index: 31 !important;
    min-width: 48px !important;
    min-height: 48px !important;
    cursor: grab !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

.eddie-my-vault-viewer__crop-box::before {
    pointer-events: none !important;
}

.eddie-my-vault-viewer__crop-box i {
    width: 28px !important;
    height: 28px !important;
    pointer-events: auto !important;
    touch-action: none !important;
}

.eddie-my-vault-viewer__crop-box i:nth-child(1) { left: -10px !important; top: -10px !important; }
.eddie-my-vault-viewer__crop-box i:nth-child(2) { right: -10px !important; top: -10px !important; }
.eddie-my-vault-viewer__crop-box i:nth-child(3) { right: -10px !important; bottom: -10px !important; }
.eddie-my-vault-viewer__crop-box i:nth-child(4) { left: -10px !important; bottom: -10px !important; }

.eddie-my-vault-viewer.is-nav-idle .eddie-my-vault-viewer__crop-box i {
    opacity: .01 !important;
    pointer-events: auto !important;
}

.eddie-my-vault-viewer__image-frame--crop img,
.eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__image-frame--crop img {
    pointer-events: none !important;
}

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

    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline,
    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline {
        grid-template-columns: minmax(0, 1fr) minmax(266px, 304px) !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        padding: 13px 14px 18px !important;
        overflow-y: auto !important;
        scrollbar-gutter: auto !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side [data-vault-viewer-details] {
        display: flex !important;
        flex-direction: column !important;
        min-height: 100%;
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side h2,
    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side h2 {
        font-size: clamp(22px, 2.2vw, 32px) !important;
        margin-bottom: 6px !important;
        line-height: 1 !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__eyebrow {
        margin-bottom: 5px !important;
        font-size: 9px !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__position,
    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__package-line {
        margin: 0 0 7px !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__summary,
    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__notice {
        margin-top: 7px !important;
        font-size: 11.5px !important;
        line-height: 1.38 !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__notice {
        padding: 9px 10px !important;
        border-radius: 12px !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__actions {
        order: 4 !important;
        position: sticky !important;
        bottom: -18px !important;
        z-index: 20 !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 7px !important;
        margin: 9px 0 0 !important;
        padding: 9px 0 14px !important;
        background: linear-gradient(180deg, rgba(5, 10, 17, 0), rgba(5, 10, 17, .98) 26%, rgba(5, 10, 17, 1) 100%) !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault__button {
        min-height: 38px !important;
        padding: 8px 10px !important;
        border-radius: 11px !important;
        font-size: 10.5px !important;
        line-height: 1.15 !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__profiles {
        order: 5 !important;
        margin: 9px 0 0 !important;
        padding: 9px !important;
        border-radius: 13px !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__profiles-head {
        margin-bottom: 7px !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__profile-grid {
        gap: 6px !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__profile {
        min-height: 42px !important;
        padding: 7px !important;
        border-radius: 10px !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__profile strong {
        font-size: 10px !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__profile span,
    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__profile-note {
        font-size: 9px !important;
        line-height: 1.28 !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__crop-reset {
        min-height: 30px !important;
        margin-top: 7px !important;
        padding: 6px 10px !important;
        border-radius: 10px !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__crop-applied {
        margin-top: 7px !important;
        padding: 8px 9px !important;
        border-radius: 11px !important;
        font-size: 9.5px !important;
        line-height: 1.3 !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__meta {
        order: 6 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin: 9px 0 0 !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__meta div {
        padding: 8px !important;
        border-radius: 10px !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__meta span {
        margin-bottom: 4px !important;
        font-size: 7.8px !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__meta strong {
        font-size: 10px !important;
        line-height: 1.2 !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__direct {
        order: 7 !important;
        margin-top: 8px !important;
        font-size: 10px !important;
    }
}

@media (min-width: 921px) and (max-height: 760px) {
    body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__nav,
    body.eddie-my-vault-page .eddie-my-vault--shell .eddie-my-vault__nav {
        flex-basis: 44px !important;
        min-height: 44px !important;
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault__toprow,
    body.eddie-my-vault-page .eddie-my-vault--shell .eddie-my-vault__toprow {
        height: 44px !important;
        min-height: 44px !important;
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell,
    body.eddie-my-vault-page .eddie-vault-shell {
        height: calc(100dvh - 44px) !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__summary,
    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__profile-note {
        display: none !important;
    }
}

@media (max-width: 760px) {
    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__stage,
    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__stage {
        height: clamp(330px, 54dvh, 560px) !important;
        min-height: 330px !important;
        touch-action: none !important;
    }

    body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        padding: 15px 14px max(92px, calc(env(safe-area-inset-bottom, 0px) + 88px)) !important;
    }

    .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__actions {
        margin-bottom: 10px !important;
        position: sticky !important;
    }

    .eddie-my-vault-viewer__crop-box {
        min-width: 62px !important;
        min-height: 62px !important;
    }

    .eddie-my-vault-viewer__crop-box i {
        width: 34px !important;
        height: 34px !important;
    }

    .eddie-my-vault-viewer__crop-box i:nth-child(1) { left: -12px !important; top: -12px !important; }
    .eddie-my-vault-viewer__crop-box i:nth-child(2) { right: -12px !important; top: -12px !important; }
    .eddie-my-vault-viewer__crop-box i:nth-child(3) { right: -12px !important; bottom: -12px !important; }
    .eddie-my-vault-viewer__crop-box i:nth-child(4) { left: -12px !important; bottom: -12px !important; }
}