/* Shared, token-only consent UI for public pages and the protected desk. */
.measurement-consent { position: fixed; z-index: 100; right: var(--ct-space-4); bottom: var(--ct-space-4); width: min(33rem, calc(100% - (var(--ct-space-4) * 2))); padding: var(--ct-space-5); border: 1px solid var(--ct-color-line-on-dark); background: var(--ct-color-ink); color: var(--ct-color-paper); box-shadow: 0 1rem 3rem var(--ct-color-shadow); }
.measurement-consent__eyebrow { margin: 0 0 var(--ct-space-2); color: var(--ct-color-lichen); font-size: var(--ct-text-label); font-weight: 700; letter-spacing: var(--ct-tracking-label); text-transform: uppercase; }
.measurement-consent__copy { max-width: 48ch; margin: 0; color: var(--ct-color-on-dark-muted); font-size: var(--ct-text-small); }
.measurement-consent__actions { display: flex; flex-wrap: wrap; gap: var(--ct-space-2); margin-top: var(--ct-space-4); }
.measurement-consent button { min-height: var(--ct-control-min); padding: var(--ct-space-2) var(--ct-space-3); border: 1px solid var(--ct-color-line-on-dark); background: transparent; color: inherit; font: inherit; font-size: var(--ct-text-label); font-weight: 700; letter-spacing: .04em; cursor: pointer; }
.measurement-consent button:hover { background: var(--ct-color-paper); color: var(--ct-color-ink); }
.measurement-consent button:focus-visible, [data-consent-settings]:focus-visible { outline: var(--ct-focus-outline); outline-offset: var(--ct-focus-offset); }
@media (max-width: 38rem) { .measurement-consent { right: var(--ct-space-3); bottom: var(--ct-space-3); width: calc(100% - (var(--ct-space-3) * 2)); } .measurement-consent__actions { display: grid; grid-template-columns: 1fr; } }