#ms-replay-consent {
    box-sizing: border-box; position: fixed; inset-inline-end: 24px; bottom: 24px;
    z-index: 999990; width: min(480px, calc(100% - 48px)); max-height: calc(100dvh - 140px);
    overflow-y: auto; padding: 16px; direction: rtl; text-align: start;
    background: var(--e-global-color-ms_surface, #1c1e21); color: #fff;
    border: 1px solid rgba(255,255,255,.3); border-radius: 16px;
    font-family: Rubik, sans-serif; font-size: 14px; line-height: 1.5;
}
#ms-replay-consent[hidden] { display: none !important; }
#ms-replay-consent h2 { font: 800 18px/1.15 Rubik, sans-serif; color: #fff; margin: 0 0 8px; }
#ms-replay-consent p { color: #fff; font: inherit; margin: 0 0 8px; }
#ms-replay-consent a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
#ms-replay-consent .ms-consent-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#ms-replay-consent .ms-consent-actions button {
    appearance: none; box-sizing: border-box; margin: 0; min-width: 0; width: 100%; min-height: 48px; padding: 12px;
    border: 1px solid rgba(255,255,255,.6); border-radius: 999px;
    background: rgba(255,255,255,.05); color: #fff;
    font: 500 15px/1.4 Rubik, sans-serif; cursor: pointer; touch-action: manipulation;
}
#ms-replay-consent .ms-consent-note { margin: 8px 0 0; font-size: 12px; }
/* The chat prompt must not cover the consent controls or explanation. */
body:has(#ms-replay-consent:not([hidden])) #lc_text-widget,
body:has(#ms-replay-consent:not([hidden])) chat-widget { display: none !important; }
#ms-replay-consent button:focus-visible, #ms-replay-consent a:focus-visible,
#ms-replay-preferences:focus-visible { outline: 3px solid #ea580b; outline-offset: 4px; }
#ms-replay-preferences {
    display: block; margin: 0 auto; padding: 12px 16px; min-height: 44px;
    background: transparent; color: #fff; border: 0; font: 400 14px/1.5 Rubik, sans-serif;
    text-decoration: underline; text-underline-offset: 3px; cursor: pointer; touch-action: manipulation;
}
@media (hover: hover) and (pointer: fine) {
    #ms-replay-consent .ms-consent-actions button:hover { background: rgba(255,255,255,.1); }
}
@media (max-width: 600px) {
    #ms-replay-consent { inset-inline: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); width: auto; padding: 16px; max-height: calc(100dvh - 24px); }
}
@media print { #ms-replay-consent, #ms-replay-preferences { display: none !important; } }