/* Veyro 1.3.12-RC3.3.15 — Cloudflare Turnstile */
.veyro-turnstile {
  display: grid;
  gap: 9px;
  width: 100%;
  margin: 2px 0 4px;
}

.veyro-turnstile-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: rgba(226, 228, 245, .72);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .02em;
}

.veyro-turnstile-label span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.veyro-turnstile-label span i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #7bffcf;
  box-shadow: 0 0 0 5px rgba(123, 255, 207, .08), 0 0 18px rgba(123, 255, 207, .25);
}

.veyro-turnstile-label em {
  color: rgba(171, 176, 209, .48);
  font-size: 11px;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.veyro-turnstile-widget {
  width: 100%;
  min-width: 300px;
  min-height: 65px;
  overflow: hidden;
  border-radius: 0;
}

.veyro-turnstile-widget > div,
.veyro-turnstile-widget iframe {
  max-width: 100%;
}

.veyro-turnstile-unavailable {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 58px;
  padding: 13px 14px;
  border: 1px solid rgba(255, 113, 137, .25);
  border-radius: 12px;
  background: rgba(255, 76, 111, .08);
  color: #ffd9e0;
}

.veyro-turnstile-unavailable > span {
  display: grid;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 8px;
  background: rgba(255, 92, 124, .16);
  color: #ff8ba4;
  font-weight: 900;
}

.veyro-turnstile-unavailable p {
  margin: 1px 0 0;
  color: inherit;
  font-size: 12px;
  line-height: 1.55;
}

.vp-auth-submit:disabled,
.super-login-submit:disabled {
  cursor: not-allowed;
  opacity: .48;
  filter: saturate(.35);
  transform: none !important;
}

.super-login-card .veyro-turnstile {
  margin-top: 2px;
}

.super-login-card .veyro-turnstile-label {
  color: rgba(226, 228, 245, .68);
}

.sa4-turnstile-note {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 18px;
  padding: 17px 18px;
  border: 1px solid rgba(121, 92, 255, .18);
  border-radius: 17px;
  background: linear-gradient(135deg, rgba(121, 92, 255, .08), rgba(41, 218, 181, .045));
}

.sa4-turnstile-note > span {
  display: grid;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 12px;
  background: rgba(121, 92, 255, .12);
  color: #a993ff;
  font-size: 17px;
}

.sa4-turnstile-note strong {
  display: block;
  margin-bottom: 4px;
  color: var(--sa-text, #151827);
  font-size: 13px;
}

.sa4-turnstile-note p {
  margin: 0;
  color: var(--sa-muted, #6f7488);
  font-size: 12px;
  line-height: 1.65;
}

.turnstile-clear-control {
  min-height: 48px;
  padding: 7px !important;
  border: 1px solid rgba(230, 73, 101, .16) !important;
  border-radius: 13px !important;
  background: rgba(230, 73, 101, .045) !important;
}

.turnstile-clear-control input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.turnstile-clear-control label {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 32px;
  border-radius: 9px;
  color: #cf5168;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  transition: background .2s ease, color .2s ease;
}

.turnstile-clear-control input:checked + label {
  background: rgba(230, 73, 101, .12);
  color: #b92443;
}

@media (max-width: 430px) {
  .veyro-turnstile-widget {
    min-width: 0;
  }

  .veyro-turnstile-label em {
    display: none;
  }
}

.veyro-turnstile-status {
  display: block;
  margin-top: 8px;
  min-height: 18px;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(255,255,255,.58);
}
.veyro-turnstile-status[data-state="success"] { color: #71e6a6; }
.veyro-turnstile-status[data-state="error"],
.veyro-turnstile-status[data-state="expired"] { color: #ff9b9b; }