html body .vsl-public-identity-badge { padding: 0 !important; cursor: pointer; font-family: inherit; }
html body .header-verified-badge.vsl-public-identity-badge { border: 0; }
html body .vsl-public-identity-badge.vsl-public-identity-badge--verified { color: #e5ab19 !important; }
html body .vsl-public-identity-badge.vsl-public-identity-badge--saved { color: #b18cc1 !important; }
html body .profile-hero__name .vsl-profile-identity-badge {
    display: inline-flex; align-items: center; justify-content: center;
    flex: none; border: 0; background: transparent; font-size: 16px;
    line-height: 1; vertical-align: middle;
}
html body .vsl-public-identity-badge:focus-visible { outline: 2px solid #4a174b; outline-offset: 3px; }
html body dialog.vsl-public-identity-dialog {
    --identity-accent: #b47b00; --identity-soft: #fff7df;
    position: fixed; inset: auto auto 20px 20px; margin: 0;
    box-sizing: border-box; width: min(360px, calc(100vw - 40px));
    max-height: calc(100dvh - 40px); overflow-y: auto; padding: 18px;
    border: 0; border-radius: 24px; background: #fff; color: #332536;
    box-shadow: 0 16px 48px #25091d26; font: 13px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
html body dialog.vsl-public-identity-dialog[open] { animation: vsl-identity-enter .2s ease-out; }
html body dialog.vsl-public-identity-dialog::backdrop { background: #25091d24; }
html body dialog.vsl-public-identity-dialog[data-vsl-identity-state="saved"] { --identity-accent: #9165a1; --identity-soft: #f5eff8; }
.vsl-public-identity-dialog__header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
.vsl-public-identity-dialog__brand { color: #4a174b; font-size: 11px; font-weight: 800; letter-spacing: .04em; }
.vsl-public-identity-dialog__brand > span { margin-left: 6px; color: #948397; font-size: 10px; font-weight: 500; letter-spacing: 0; }
.vsl-public-identity-dialog__close { position: absolute; top: 18px; right: 18px; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 0; border-radius: 50%; background: #f7f3f6; color: #4a174b; cursor: pointer; }
.vsl-public-identity-dialog__seller { padding-right: 36px; display: flex; align-items: center; gap: 14px; margin: 0 0 14px; }
.vsl-public-identity-dialog__seller > div { flex: 1; min-width: 0; }
.vsl-public-identity-dialog__emblem { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; flex: none; border-radius: 18px; background: var(--identity-soft); color: var(--identity-accent); }
.vsl-public-identity-dialog__emblem > i { font-size: 30px; line-height: 1; }
.vsl-public-identity-dialog__emblem::after { content: ""; position: absolute; top: 3px; right: -3px; width: 6px; height: 6px; border-radius: 50%; background: #fbc848; box-shadow: -51px 45px 0 -1px #fbc848; }
[data-vsl-identity-state="saved"] .vsl-public-identity-dialog__emblem::after { background: #c8add3; box-shadow: -51px 45px 0 -1px #c8add3; }
.vsl-public-identity-dialog__status { display: block; margin-bottom: 4px; color: var(--identity-accent); font-size: 11px; font-weight: 650; }
html body .vsl-public-identity-dialog__seller h2 { margin: 0; font: inherit; font-size: 18px; line-height: 1.3; font-weight: 750; color: #332536; overflow-wrap: anywhere; }
html body .vsl-public-identity-dialog p { margin: 0; font: inherit; color: inherit; }
html body .vsl-public-identity-dialog [data-vsl-identity-payment-note][hidden] { display: none !important; }
.vsl-public-identity-dialog__signals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 16px; }
.vsl-public-identity-dialog__signals[hidden] { display: none !important; }
.vsl-public-identity-dialog__signals > div { display: flex; align-items: center; gap: 9px; padding: 12px 10px; background: #f8f6f9; border-radius: 14px; }
.vsl-public-identity-dialog__signals i { font-size: 21px; color: #8b6495; line-height: 1; }
.vsl-public-identity-dialog__signals span { font-size: 10px; line-height: 1.35; color: #8d7b91; }
.vsl-public-identity-dialog__signals strong { display: block; margin-top: 2px; font-size: 12px; color: #4a174b; font-weight: 700; }
html body dialog.vsl-public-identity-dialog[open] .vsl-public-identity-dialog__emblem { animation: vsl-identity-emblem .32s ease-out; }
@keyframes vsl-identity-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes vsl-identity-emblem { from { transform: scale(.85) rotate(-10deg); } to { transform: scale(1) rotate(0); } }
@media (max-width: 991px) {
    html body dialog.vsl-public-identity-dialog { inset: auto 8px calc(8px + env(safe-area-inset-bottom)) 8px; width: calc(100vw - 16px); max-height: calc(100dvh - 24px); }
}
@media (prefers-reduced-motion: reduce) { html body dialog.vsl-public-identity-dialog[open], html body dialog.vsl-public-identity-dialog[open] .vsl-public-identity-dialog__emblem { animation: none; } }

/* Profile badge explanation only; quote and invoice presentation stays intact. */
html body dialog.vsl-public-identity-dialog[data-vsl-identity-context="profile"] {
    width: min(390px, calc(100vw - 40px)); padding: 18px; border-radius: 24px;
    box-shadow: none; font-size: 13px; line-height: 1.6;
    background: radial-gradient(ellipse at 100% 0, #fbc8481a, transparent 48%), #fff;
}
html body .vsl-public-identity-dialog[data-vsl-identity-context="profile"] .vsl-public-identity-dialog__header { margin-bottom: 18px; justify-content: flex-end; }
html body .vsl-public-identity-dialog[data-vsl-identity-context="profile"] .vsl-public-identity-dialog__brand { display: none; }
html body .vsl-public-identity-dialog[data-vsl-identity-context="profile"] .vsl-public-identity-dialog__close { width: 30px; height: 30px; background: #f6f2f8; }
html body .vsl-public-identity-dialog[data-vsl-identity-context="profile"] .vsl-public-identity-dialog__seller { gap: 12px; margin-bottom: 16px; }
html body .vsl-public-identity-dialog[data-vsl-identity-context="profile"] .vsl-public-identity-dialog__emblem { width: 48px; height: 48px; border-radius: 16px 16px 8px 16px; }
html body .vsl-public-identity-dialog[data-vsl-identity-context="profile"] .vsl-public-identity-dialog__emblem > i { font-size: 26px; }
html body .vsl-public-identity-dialog[data-vsl-identity-context="profile"] .vsl-public-identity-dialog__emblem > .bi-patch-check-fill { background: radial-gradient(circle at center, #fff 0 38%, transparent 40%); }
html body .vsl-public-identity-dialog[data-vsl-identity-context="profile"] .vsl-public-identity-dialog__emblem::after { right: -2px; top: -2px; width: 7px; height: 7px; box-shadow: none; }
html body .vsl-public-identity-dialog[data-vsl-identity-context="profile"] .vsl-public-identity-dialog__status { margin-bottom: 3px; font-size: 11px; font-weight: 650; }
html body .vsl-public-identity-dialog[data-vsl-identity-context="profile"] .vsl-public-identity-dialog__seller h2 { font-size: 18px; line-height: 1.25; font-weight: 700; }
html body .vsl-public-identity-dialog[data-vsl-identity-context="profile"] p[data-vsl-identity-payment-note] { padding: 14px; border-radius: 16px; background: #f7f4f9; color: #55475a; }
html body .vsl-public-identity-dialog[data-vsl-identity-context="profile"] .vsl-public-identity-dialog__signals { margin-top: 0; gap: 8px; }
html body .vsl-public-identity-dialog[data-vsl-identity-context="profile"] .vsl-public-identity-dialog__signals > div { padding: 13px 10px; background: #faf7ef; border-radius: 14px; }
html body .vsl-public-identity-dialog[data-vsl-identity-context="profile"] .vsl-public-identity-dialog__signals strong { font-weight: 650; }
@media (max-width: 991px) {
    html body dialog.vsl-public-identity-dialog[data-vsl-identity-context="profile"] { width: calc(100vw - 16px); }
}

/* Mobile badge explanation; desktop dialog and badge colours remain unchanged. */
@media (max-width: 991px) {
    html body dialog#vsl-public-identity-dialog.vsl-public-identity-dialog,
    html body dialog#vsl-public-identity-dialog.vsl-public-identity-dialog[data-vsl-identity-context="profile"] {
        inset: auto 0 0 0; margin: 0; width: 100%; max-width: 100%; min-width: 0;
        max-height: calc(100dvh - 16px); overflow-y: auto; overflow-x: hidden;
        padding: 24px max(20px, env(safe-area-inset-right)) max(24px, calc(16px + env(safe-area-inset-bottom))) max(20px, env(safe-area-inset-left));
        border: 0; border-radius: 26px 26px 0 0; box-sizing: border-box;
        background: radial-gradient(ellipse at 100% 0, var(--identity-soft), transparent 60%), #fff;
        box-shadow: 0 -8px 32px #25091d14; font-size: 14px; line-height: 1.5;
        overscroll-behavior: contain;
    }
    html body dialog#vsl-public-identity-dialog.vsl-public-identity-dialog::backdrop { background: #25091d55; }
    html body dialog#vsl-public-identity-dialog.vsl-public-identity-dialog .vsl-public-identity-dialog__close {
        top: 16px; right: max(16px, env(safe-area-inset-right));
        width: 40px; height: 40px; border-radius: 14px;
        background: #f2edf4; color: #4a174b; font-size: 18px;
    }
    html body dialog#vsl-public-identity-dialog.vsl-public-identity-dialog .vsl-public-identity-dialog__close:focus-visible {
        outline: 3px solid #4a174b; outline-offset: 3px;
    }
    html body dialog#vsl-public-identity-dialog.vsl-public-identity-dialog .vsl-public-identity-dialog__seller {
        gap: 14px; padding-right: 40px; margin: 0 0 18px; align-items: center;
    }
    html body dialog#vsl-public-identity-dialog.vsl-public-identity-dialog .vsl-public-identity-dialog__emblem {
        width: 58px; height: 58px; border-radius: 20px 20px 10px 20px;
        background: var(--identity-soft); color: var(--identity-accent);
    }
    html body dialog#vsl-public-identity-dialog.vsl-public-identity-dialog .vsl-public-identity-dialog__emblem > i { font-size: 32px; }
    html body dialog#vsl-public-identity-dialog.vsl-public-identity-dialog .vsl-public-identity-dialog__emblem::after {
        width: 7px; height: 7px; top: 1px; right: -2px;
        background: var(--identity-accent); box-shadow: -53px 48px 0 -1px var(--identity-accent);
    }
    html body dialog#vsl-public-identity-dialog.vsl-public-identity-dialog .vsl-public-identity-dialog__status {
        display: inline-block; max-width: 100%; padding: 4px 8px; margin-bottom: 7px;
        background: var(--identity-soft); color: var(--identity-accent);
        border-radius: 999px; font-size: 12px; line-height: 1.35; font-weight: 750;
    }
    html body dialog#vsl-public-identity-dialog.vsl-public-identity-dialog .vsl-public-identity-dialog__seller h2 {
        font-size: 20px; line-height: 1.25; font-weight: 800; color: #25091d;
        overflow-wrap: anywhere;
    }
    html body dialog#vsl-public-identity-dialog.vsl-public-identity-dialog p[data-vsl-identity-payment-note] {
        padding: 16px; margin: 0; border-radius: 18px;
        background: var(--identity-soft); color: #55475a; font-size: 14px; line-height: 1.55;
    }
    html body dialog#vsl-public-identity-dialog.vsl-public-identity-dialog .vsl-public-identity-dialog__signals {
        grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0;
    }
    html body dialog#vsl-public-identity-dialog.vsl-public-identity-dialog .vsl-public-identity-dialog__signals > div {
        flex-direction: column; align-items: flex-start; gap: 8px;
        padding: 14px; border-radius: 18px; background: var(--identity-soft);
    }
    html body dialog#vsl-public-identity-dialog.vsl-public-identity-dialog .vsl-public-identity-dialog__signals i {
        color: var(--identity-accent); font-size: 24px;
    }
    html body dialog#vsl-public-identity-dialog.vsl-public-identity-dialog .vsl-public-identity-dialog__signals span {
        color: #655970; font-size: 12px; line-height: 1.4;
    }
    html body dialog#vsl-public-identity-dialog.vsl-public-identity-dialog .vsl-public-identity-dialog__signals strong {
        color: #25091d; font-size: 14px; font-weight: 750;
    }
}