/* Cloudflare Turnstile — solo se carga si TURNSTILE_SITE_KEY está configurada
   (reglas recuperadas de b36071f). */
/* Turnstile: hidden visually but not display:none so app-turnstile.js can render it
   (renderHost checks offsetParent !== null — display:none would block it) */
#scroll-reply-park .ts-host,
.scs-reply-form .ts-host {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
}

/* Override the hidden state when it's moved into the chat bar crop container */
.scs-reply-form .ccb-ts-crop .ts-host {
  position: static;
  width: 300px;
  height: 65px;
  opacity: 1;
  pointer-events: auto;
  overflow: visible;
}

/* Centered captcha */
.scr-turnstile { display: flex; justify-content: center; margin: 6px 0; }
/* Turnstile row: captcha + Preview button side by side. */
.scr-turnstile-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.scr-turnstile-row .scr-turnstile { margin: 0; }
/* Compact Turnstile inside the chat bar: a cropped window onto the widget. */
.ccb-ts { display: inline-flex; align-items: center; gap: 2px; }
/* Show ONLY the checkbox square — slightly scaled to sit closer to the other
   buttons' size, shifted so just the checkbox shows (logo/text/links cropped). */
.ccb-ts-crop {
  width: 16px; height: 16px; overflow: hidden; border-radius: 50%; flex: 0 0 auto;
  border: 2px solid var(--border-strong); box-sizing: content-box;
  transition: border-color 0.15s;
}
.ccb-ts-crop:hover { border-color: var(--accent); }
.ccb-ts-crop .ts-host {
  display: block; width: 300px; height: 65px;
  transform: scale(0.82); transform-origin: top left;
  margin: -18px 0 0 -11px;
}
.ccb-ts-retry { color: var(--accent); font-size: 1rem; padding: 2px 5px; }
.ccb-ts-retry:hover { background: var(--bg-toolbar-hover); }