html:has([data-proof-dialog][open]),
body:has([data-proof-dialog][open]) {
    overflow: hidden;
}

.analytics-proof-dialog[open] {
    height: calc(100dvh - 36px);
    max-height: calc(100dvh - 36px);
    overflow: hidden;
}

.analytics-dialog-shell {
    height: 100%;
    max-height: 100%;
}

.analytics-dialog-image-wrap {
    position: relative;
    min-height: 0;
    overflow: hidden;
}

.analytics-dialog-image-wrap img {
    position: absolute;
    inset: 12px;
    width: calc(100% - 24px);
    height: calc(100% - 24px);
    max-height: calc(100% - 24px);
    object-fit: contain;
    box-shadow: none;
}

@media (max-width: 768px) {
    .analytics-dialog-top {
        flex-direction: row;
        align-items: center;
        padding: 14px;
    }
    .analytics-dialog-top h3 {
        font-size: 1.1rem;
    }
    .analytics-dialog-bottom {
        gap: 12px;
        padding: 14px;
    }
    .analytics-dialog-bottom p {
        font-size: 0.82rem;
    }
    .analytics-dialog-image-wrap {
        padding: 12px;
    }
}