/* Social Checkup Analytics: consent banner. Uses the theme's tokens when present, with fallbacks. */
.sca-consent {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 9999;
  max-width: 420px;
  display: grid;
  gap: 14px;
  padding: 18px 20px;
  border: 1px solid var(--border, #e2e8f0);
  border-radius: 16px;
  background: #fff;
  color: var(--ink, #0f172a);
  box-shadow: 0 18px 40px -12px rgba(15, 23, 42, 0.25);
  font-family: inherit;
  font-size: 14.5px;
  line-height: 1.5;
}
.sca-consent[hidden] { display: none; }
.sca-consent::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  border-radius: 16px 16px 0 0;
  background: var(--gradient, linear-gradient(90deg, #6366f1 0%, #a855f7 50%, #ec4899 100%));
}
.sca-consent-text { margin: 0; color: var(--muted, #475569); }
.sca-consent-text strong { display: block; margin-bottom: 4px; color: var(--ink, #0f172a); font-size: 15.5px; }
.sca-consent-text a { color: var(--primary, #6366f1); font-weight: 600; }
.sca-consent-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sca-btn {
  height: 42px;
  padding: 0 16px;
  border: 1px solid var(--border, #e2e8f0);
  border-radius: 12px;
  background: #fff;
  color: var(--ink, #0f172a);
  font: inherit;
  font-size: 14.5px;
  font-weight: 700;
  cursor: pointer;
}
.sca-btn:hover { border-color: #cbd5e1; }
.sca-btn-accept { border-color: transparent; background: var(--primary, #6366f1); color: #fff; }
.sca-btn-accept:hover { background: var(--primary-hover, #4f46e5); }
.sca-btn:focus-visible { outline: 3px solid var(--primary-light, #c7d2fe); outline-offset: 2px; }
@media (max-width: 520px) {
  .sca-consent { left: 16px; right: 16px; bottom: 16px; max-width: none; }
}
.sca-link-button { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }