/* V3.8 // live backend + Turnstile integration */

.turnstile-slot{
  min-height:30px;
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  overflow:visible!important;
  color:#6e8fa3!important;
  transition:border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.turnstile-slot[data-state="loading"]{color:#7dcfff!important}
.turnstile-slot[data-state="ready"]{color:#8fb7cb!important;border-color:rgba(90,223,255,.22)!important}
.turnstile-slot[data-state="verified"]{color:#63f3ba!important;border-color:rgba(57,231,166,.38)!important;background:rgba(57,231,166,.035)!important;box-shadow:inset 0 0 16px rgba(57,231,166,.025)}
.turnstile-slot[data-state="error"]{color:#ff8092!important;border-color:rgba(255,48,74,.35)!important;background:rgba(255,48,74,.025)!important}
.turnstile-slot[data-state="off"]{opacity:.72}
.turnstile-slot .cf-turnstile{max-width:100%;transform-origin:left center}
.turnstile-slot .backend-security-label{font:700 7px "Space Mono",monospace;letter-spacing:.08em;white-space:nowrap}

.backend-live-indicator{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}
.backend-live-indicator::before{
  content:"";
  width:5px;height:5px;border-radius:50%;
  background:#ff5e73;
  box-shadow:0 0 7px rgba(255,48,74,.45);
}
.backend-live-indicator.is-online::before{
  background:#4debb1;
  box-shadow:0 0 8px rgba(57,231,166,.55);
}

.terminal-response[data-state="sending"]{color:#7dcfff!important}
.terminal-response[data-state="ok"]{color:#63f3ba!important;text-shadow:0 0 9px rgba(57,231,166,.18)!important}
.terminal-response[data-state="pending"]{color:#ffd26a!important;text-shadow:0 0 8px rgba(255,196,72,.12)!important}
.terminal-response[data-state="error"]{color:#ff8092!important;text-shadow:0 0 9px rgba(255,48,74,.18)!important}

body.reduced-motion .turnstile-slot,
body.reduced-motion .terminal-response{transition:none!important}

@media(max-width:700px){
  .turnstile-slot{min-height:28px}
  .turnstile-slot .cf-turnstile{transform:scale(.92);transform-origin:left center}
}