/* Shared platform notice: opaque on both legacy and kit pages. */
.lf-site-tracking-consent {
  position: fixed;
  z-index: 10000;
  left: max(20px, env(safe-area-inset-left));
  bottom: max(20px, env(safe-area-inset-bottom));
  box-sizing: border-box;
  width: min(520px, calc(100% - max(20px, env(safe-area-inset-left)) - max(20px, env(safe-area-inset-right))));
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  display: grid;
  gap: 12px;
  padding: 20px;
  border: 1px solid var(--color-border, #e5e5e0);
  border-radius: var(--radius-card, 16px);
  background: var(--color-bg-card, #fff);
  color: var(--color-text-secondary, #4b5060);
  box-shadow: 0 8px 32px color-mix(in srgb, var(--color-scrim, #141414) 14%, transparent);
  font: 14px/1.5 var(--font-sans, "Manrope", sans-serif);
}
.lf-site-tracking-consent__copy { min-width: 0; }
.lf-site-tracking-consent__copy p { margin: 0; }
.lf-site-tracking-consent__copy a { color: var(--color-brand-text, #007a34); text-decoration: underline; text-underline-offset: 3px; }
.lf-site-tracking-consent__copy [role="status"]:not(:empty) { margin-top: 8px; }
.lf-site-tracking-consent__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.lf-site-tracking-consent__actions .btn { margin-top: 0; }
.lf-site-tracking-consent button[hidden] { display: none; }
.lf-site-tracking-consent button:disabled { opacity: .5; cursor: default; }
.lf-site-tracking-consent :focus-visible { outline: 3px solid var(--btn-focus-ring, #007a34); outline-offset: 3px; }
@media (max-width: 640px) {
  .lf-site-tracking-consent {
    left: max(12px, env(safe-area-inset-left));
    bottom: max(12px, env(safe-area-inset-bottom));
    width: calc(100% - max(12px, env(safe-area-inset-left)) - max(12px, env(safe-area-inset-right)));
    max-width: 520px;
    max-height: calc(100dvh - 24px);
    padding: 16px 16px 20px;
  }
}
