/* Fixed status indicator; no blocking pointer events on public pages. */
.r4-security-guard-badge {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1030;
    width: min(var(--r4-sg-badge-desktop, 220px), calc(100vw - 32px));
    max-width: 100%;
    pointer-events: none;
    isolation: isolate;
}
/* Alternative corner remains flush with the bottom/left edges. */
.r4-security-guard-badge.r4-security-guard-badge--left {
    left: 0;
    right: auto;
}

/* The whole chatbot is lifted only with an actual bottom-right badge. */
#r4-chatbot-widget.r4-sg-above-badge {
    bottom: var(--r4-sg-chatbot-bottom, 20px);
}
#r4-chatbot-widget.r4-sg-above-badge #r4-chatbot-window {
    max-height: max(0px, calc(100dvh - var(--r4-sg-chatbot-bottom, 20px) - 16px));
}

.r4-security-guard-badge img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .18));
}
.r4-security-guard-badge a { display: block; pointer-events: auto; }
.r4-security-guard-badge a:focus-visible { outline: 3px solid #2563eb; outline-offset: 2px; }
@media (min-width: 576px) and (max-width: 991.98px) {
    .r4-security-guard-badge {
        width: min(var(--r4-sg-badge-tablet, 175px), calc(100vw - 32px));
    }
}
@media (max-width: 575.98px) {
    .r4-security-guard-badge {
        width: min(var(--r4-sg-badge-mobile, 120px), calc(100vw - 24px));
        right: 0;
        bottom: 0;
    }
}