/* Nonmodal consent panel. Equal button treatment makes declining as easy as
   accepting. It remains scrollable on small screens without trapping focus. */
.analytics-preferences {
  position: fixed;
  z-index: 100;
  inset: auto 18px 18px auto;
  width: min(480px, calc(100% - 36px));
  max-height: calc(100dvh - 36px);
  overflow: auto;
  padding: 22px;
  border: 2px solid var(--accent);
  border-radius: var(--radius);
  background: var(--paper);
  color: var(--ink);
  box-shadow: 0 8px 35px #0005;
}
.analytics-preferences[hidden] { display: none; }
.analytics-preferences h2 { font-size: 1.25rem; margin: 0 0 12px; }
.analytics-preferences p { font-size: .95rem; margin: 0 0 12px; }
.analytics-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.analytics-actions button, [data-analytics-settings] {
  font: inherit;
  color: inherit;
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 6px;
  padding: 9px 12px;
  cursor: pointer;
  min-height: 44px;
}
.analytics-actions button:focus-visible, [data-analytics-settings]:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}
.analytics-preferences .analytics-status { margin: 12px 0 0; }