.crm-glass-tooltip {
    position: fixed;
    z-index: 100000;
    pointer-events: auto;
    max-width: min(320px, calc(100vw - 16px));
    box-sizing: border-box;
    padding: 9px 15px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(180deg,#ffffffed,#f4f9ffd9 45%,#d8eaffd9);
    box-shadow: inset 0 2px 2px #fff, inset 0 -2px 3px #86bce566, 0 6px 16px #173d6926;
    backdrop-filter: blur(14px);
    color: #173c70;
    font: 600 var(--crm-text-size)/1.5 var(--crm-font);
    text-align: center;
    overflow-y: auto;
    overflow-wrap: anywhere;
    white-space: pre-line;
    animation: crm-tooltip-appear 120ms ease-out;
}
.crm-glass-tooltip[hidden] { display: none; }
.crm-glass-tooltip--instant { animation: none; }
@keyframes crm-tooltip-appear { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .crm-glass-tooltip { animation: none; } }

/* Rich conditions use the same viewport-safe overlay; source remains in the DOM. */
html body .purchase-payment-tooltip { display: none; }
.crm-glass-tooltip--rich { text-align: left; font-weight: 400; }
.crm-glass-tooltip--rich strong { display: block; margin-bottom: 8px; font-weight: 600; }
.crm-glass-tooltip--rich span { white-space: pre-line; }