/* The analytics choice (D-80), shown only once an Analytics id is set (static/js/consent.js). Its own file
   because the backend pages load it too (scripts/merge_backend.py): they name their colours differently
   (--surface, --ink, --primary on the checkout and account pages), so each colour falls back through them. */
.dv-consent { position: fixed; z-index: 90; left: 16px; right: 16px; bottom: 16px; max-width: 560px; margin: 0 auto; padding: 16px 18px; border: 1px solid var(--line); border-radius: 16px; background: var(--bg-elevated, var(--surface, #0f1520)); color: var(--text, var(--ink)); box-shadow: 0 18px 40px rgba(0, 0, 0, .35); font-size: 14px; line-height: 1.55; }
.dv-consent p { margin: 0 0 6px; }
.dv-consent a { color: var(--accent, var(--primary, #74f0cf)); }
.dv-consent__row { display: flex; gap: 10px; margin-top: 12px; }
.dv-consent__btn { flex: 1; padding: 10px 14px; border: 1px solid var(--line); border-radius: 10px; background: transparent; color: var(--text, var(--ink)); font: 600 14px/1.2 inherit; cursor: pointer; }
.dv-consent__btn:focus-visible, .dv-consent__again:focus-visible { outline: 2px solid var(--focus-ring, var(--primary, #74f0cf)); outline-offset: 2px; }
.dv-consent__again { margin: 8px 0 0; padding: 0; border: 0; background: none; color: var(--muted); font: inherit; font-size: 12px; text-decoration: underline; cursor: pointer; }
/* light: a page with no surface colour of its own (the checkout's) would otherwise keep the dark box under dark text */
html[data-theme="light"] .dv-consent { background: var(--bg-elevated, #ffffff); box-shadow: 0 18px 40px rgba(9, 10, 12, .16); }
html[data-theme="light"] .dv-consent a { color: var(--accent, #0a6b58); }