.measurement-banner {
  position: fixed; z-index: 100; left: max(18px, env(safe-area-inset-left)); bottom: max(18px, env(safe-area-inset-bottom));
  display: flex; align-items: center; gap: 22px; width: min(570px, calc(100vw - 36px));
  padding: 17px 18px; border: 1px solid #32545a; border-radius: 20px;
  background: #071e23; box-shadow: 0 22px 55px #071e2355; color: #e8f1f2;
  font: 500 13px/1.45 'DM Sans', sans-serif;
}
.measurement-banner[hidden] { display: none; }
.measurement-banner p { margin: 0; flex: 1 1 240px; }
.measurement-banner a { color: #a3e5e9; text-decoration: underline; text-underline-offset: 3px; }
.measurement-actions { display: flex; align-items: center; gap: 8px; flex: none; }
.measurement-actions button { min-height: 38px; padding: 8px 15px; border: 1px solid #3b5c60; border-radius: 999px; background: transparent; color: #fff; font: 800 12px 'DM Sans', sans-serif; cursor: pointer; transition: transform .2s, background .2s; }
.measurement-actions button:hover { transform: translateY(-2px); background: #193b40; }
.measurement-actions button[data-consent="accept"] { border-color: #a3e5e9; background: #a3e5e9; color: #071e23; }
.measurement-actions button[data-consent="accept"]:hover { background: #c5f1f3; }
.measurement-actions button:focus-visible,.measurement-banner a:focus-visible,.measurement-settings:focus-visible { outline: 3px solid #eb5e0b; outline-offset: 3px; }
.measurement-settings { border: 0; background: transparent; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; padding: 0; }
.footer-signoff .measurement-settings { color: inherit; font: inherit; text-decoration: none; }
.footer-signoff .measurement-settings:hover { text-decoration: underline; }
@media (max-width: 600px) { .measurement-banner { align-items: stretch; flex-direction: column; gap: 13px; width: calc(100vw - 28px); left: 14px; bottom: max(12px, env(safe-area-inset-bottom)); padding: 15px; } .measurement-banner p { flex: 0 0 auto; } .measurement-actions { justify-content: flex-end; } }
@media (prefers-reduced-motion: reduce) { .measurement-actions button { transition: none; } .measurement-actions button:hover { transform: none; } }