/* Local-only consent UI; uses the existing site palette and no external assets. */
.mv-consent { width: min(580px, calc(100% - 32px)); max-height: calc(100dvh - 40px); margin: auto; padding: 0; border: 1px solid var(--line, #e4e7ee); border-top: 3px solid var(--red, #b21e34); border-radius: var(--radius, 14px); color: var(--ink, #14213a); background: var(--bg, #fff); box-shadow: 0 24px 80px #0a173333; font: 16px/1.55 var(--f-sans, 'Satoshi', system-ui, sans-serif); }
.mv-consent::backdrop { background: #0a173380; }
.mv-consent__content { position: relative; padding: 28px; }
.mv-consent h2 { margin: 0 32px 12px 0; color: var(--navy-900, #0a1733); font: 600 23px/1.25 var(--f-sans, 'Satoshi', system-ui, sans-serif); }
.mv-consent p { margin: 0 0 20px; color: var(--muted, #586073); }
.mv-consent__close { position: absolute; right: 12px; top: 12px; width: 40px; height: 40px; border: 0; border-radius: 8px; background: transparent; color: inherit; font-size: 28px; cursor: pointer; }
.mv-consent__choice { display: flex; align-items: flex-start; gap: 12px; padding: 14px 0; border-top: 1px solid var(--line, #e4e7ee); cursor: pointer; }
.mv-consent__choice input { width: 20px; height: 20px; flex-shrink: 0; margin: 3px 0 0; accent-color: var(--navy-900, #0a1733); }
.mv-consent__choice strong, .mv-consent__choice small { display: block; }
.mv-consent__choice small { margin-top: 3px; color: var(--muted, #586073); font-size: 14px; }
.mv-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.mv-consent__actions button { flex: 1 1 140px; min-height: 46px; padding: 10px 14px; border: 1px solid var(--navy-900, #0a1733); border-radius: 8px; background: var(--navy-900, #0a1733); color: var(--bg, #fff); font: 600 14px/1.4 var(--f-sans, 'Satoshi', system-ui, sans-serif); cursor: pointer; }
.mv-consent__actions [data-mv-save] { flex-basis: 100%; color: var(--navy-900, #0a1733); background: var(--bg, #fff); }
.mv-consent__actions button:hover { opacity: .88; }
.mv-consent :focus-visible, .mv-consent-reopen:focus-visible { outline: 3px solid var(--gold, #c79a4b); outline-offset: 3px; }
.mv-consent-reopen { border: 0; background: transparent; padding: 0; color: inherit; text-decoration: underline; text-underline-offset: 3px; font: inherit; cursor: pointer; }
@media (max-width: 480px) { .mv-consent__content { padding: 24px 20px; } .mv-consent__actions button { flex-basis: 100%; } }