/* SiteHub chat — personal-data consent row (above the message box).
   Same wording pattern and "required" badge as the site's other forms. Self-contained, brand tokens with fallbacks. */

.adev-support-consent {
  position: relative; display: flex; align-items: flex-start; gap: 10px; margin: 0 0 8px; padding: 8px 10px; border-radius: 12px; cursor: pointer;
  background: rgba(255, 138, 0, .05); border: 1px solid rgba(255, 138, 0, .26); color: #CFC6BF; font-size: 12px; line-height: 1.4;
  transition: border-color .2s, background-color .2s; box-sizing: border-box;
}
.adev-support-consent[hidden] { display: none !important; }
.adev-support-consent:hover { border-color: rgba(255, 138, 0, .5); }
.adev-support-consent input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.adev-support-consent__box {
  display: grid; place-items: center; flex: none; width: 20px; height: 20px; margin-top: 1px; border-radius: 6px; color: transparent;
  background: #1B1917; border: 1px solid #4A403A; transition: background-color .2s, border-color .2s, color .2s, box-shadow .2s;
}
.adev-support-consent__box svg { width: 13px; height: 13px; stroke-width: 3; opacity: 0 !important; color: #fff !important; } /* the tick is drawn only when checked, whatever the chat theme sets on svg */
.adev-support-consent input:checked + .adev-support-consent__box svg { opacity: 1 !important; }
.adev-support-consent input:checked + .adev-support-consent__box { color: #fff; border-color: transparent; background: linear-gradient(135deg, #FF8A00, #FF3B30 60%, #FF2D55); }
.adev-support-consent input:focus-visible + .adev-support-consent__box { box-shadow: 0 0 0 3px rgba(255, 138, 0, .5); }
.adev-support-consent__copy { display: block; min-width: 0; font-size: 12px; }
.adev-support-consent__copy b {
  display: inline-block; margin-right: 6px; padding: 1px 7px; vertical-align: 1px; border-radius: 99px; font-size: 10.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
  color: #FF8A00; background: rgba(255, 138, 0, .1); border: 1px solid rgba(255, 138, 0, .3);
}
.adev-support-consent__copy a { color: #FFAE62; text-decoration: underline; text-underline-offset: 3px; }
.adev-support-consent__copy a:focus-visible { outline: none; border-radius: 3px; box-shadow: 0 0 0 3px rgba(255, 138, 0, .5); }

/* asked to tick it: red frame + a short shake */
.adev-support-consent input[aria-invalid="true"] + .adev-support-consent__box { border-color: #FF6B5E; box-shadow: 0 0 0 3px rgba(255, 107, 94, .2); }
.adev-support-consent.is-attn { border-color: #FF6B5E; background: rgba(255, 107, 94, .08); animation: adev-consent-shake .4s ease; }
@keyframes adev-consent-shake { 20% { transform: translateX(-5px); } 40% { transform: translateX(5px); } 60% { transform: translateX(-3px); } 80% { transform: translateX(3px); } }

@media (max-width: 420px) { .adev-support-consent { padding: 9px 10px; font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .adev-support-consent, .adev-support-consent__box { transition: none; } .adev-support-consent.is-attn { animation: none; } }