/* User-authorized original ADK branding exception; frozen design/reference copies remain unchanged. */
.adk-brand-image {
  display: block;
  width: 42px;
  height: 42px;
  object-fit: contain;
  border-radius: var(--r-sm);
  flex: 0 0 auto;
}
.demo-bar .demo-adk-image,
.chat-head .adk-brand-image {
  width: 32px;
  height: 32px;
}

/* The original ADK raster fills its demo slot without the reference SVG's gold tile. */
[data-landing-demo] .demo-side-logo {
  background: none;
  border: none;
  overflow: hidden;
}
[data-landing-demo] .demo-side-logo .adk-brand-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Reference gold switches keep the native checkbox, keyboard semantics and 44px target. */
body[data-saas-public] input[type="checkbox"] {
  appearance: none; display: inline-block; position: relative; flex: 0 0 44px;
  width: 44px; min-width: 44px; height: 44px; min-height: 44px; margin: 0; padding: 0;
  border: 0; border-radius: var(--auth-reference-58); background: transparent; cursor: pointer; vertical-align: middle;
}
body[data-saas-public] input[type="checkbox"]::before {
  content: ''; position: absolute; left: 0; top: 9px; width: 44px; height: 26px;
  border-radius: var(--auth-reference-58); background: var(--auth-reference-59); transition: background .25s;
}
body[data-saas-public] input[type="checkbox"]::after {
  content: ''; position: absolute; left: 3px; top: 12px; width: 20px; height: 20px;
  border-radius: 50%; background: var(--auth-reference-33); box-shadow: var(--auth-reference-60); transition: transform .25s;
}
body[data-saas-public] input[type="checkbox"]:checked::before { background: var(--auth-reference-63); box-shadow: var(--auth-reference-64); }
body[data-saas-public] input[type="checkbox"]:checked::after { transform: translateX(18px); background: var(--auth-reference-65); }
body[data-saas-public] input[type="checkbox"]:disabled { opacity: .55; cursor: not-allowed; }
body[data-saas-public] input[type="checkbox"]:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
body[data-saas-public] .safe-toggle { position: relative; display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; cursor: pointer; }
body[data-saas-public] .safe-toggle input[type="checkbox"] { display: block; position: absolute; inset: 0; opacity: 0; z-index: 1; }
body[data-saas-public] .safe-toggle input[type="checkbox"]::before,
body[data-saas-public] .safe-toggle input[type="checkbox"]::after { display: none; }
body[data-saas-public] .safe-track { position: relative; display: block; width: 44px; height: 26px; flex-shrink: 0; border-radius: var(--auth-reference-58); background: var(--auth-reference-59); }
body[data-saas-public] .safe-track::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--auth-reference-33); box-shadow: var(--auth-reference-60); transition: transform .25s; }
body[data-saas-public] .safe-toggle input:checked + .safe-track { background: var(--auth-reference-63); box-shadow: var(--auth-reference-64); }
body[data-saas-public] .safe-toggle input:checked + .safe-track::after { transform: translateX(18px); background: var(--auth-reference-65); }
body[data-saas-public] .safe-toggle input:focus-visible + .safe-track { outline: 2px solid var(--gold); outline-offset: 3px; }
body[data-saas-public] .safe-toggle:has(input:disabled) { opacity: .55; cursor: not-allowed; }
@media (prefers-reduced-motion: reduce) {
  body[data-saas-public] input[type="checkbox"]::before,
  body[data-saas-public] input[type="checkbox"]::after,
  body[data-saas-public] .safe-track::after { transition: none; }
}

.footer-col .footer-requisites { margin-top: 12px; color: var(--text-2); font-size: 13px; font-weight: 400; line-height: 1.75; overflow-wrap: anywhere; }
.legal-document-text { color: var(--text-2); font-size: 15px; line-height: 1.85; overflow-wrap: anywhere; }
.legal-document-text h2 { margin-top: 40px; margin-bottom: 16px; color: var(--text); line-height: 1.4; }
.legal-document-text h3 { margin: 28px 0 12px; color: var(--text); font-size: 17px; line-height: 1.5; }
.legal-document-text p { margin: 0 0 16px; }
.legal-document-text strong { color: var(--text); font-weight: 600; }
.legal-document-text ul { margin: 12px 0 24px; padding-left: 24px; }
.legal-document-text li { margin-bottom: 8px; padding-left: 4px; }
.legal-document-text hr { margin: 32px 0; border: 0; border-top: 1px solid var(--border); }
@media (max-width: 600px) { .legal-document-text { font-size: 14px; line-height: 1.8; } .legal-document-text h2 { margin-top: 32px; } }

body[data-saas-public] .mobile-menu [data-action="close-menu"] {
  color: var(--red);
  background: var(--red-bg);
  border-color: var(--red-border);
  box-shadow: none;
}
body[data-saas-public] .mobile-menu [data-action="close-menu"]:hover {
  border-color: var(--red);
}

/* The provider controls its own palette; inherited dark-only canvas creates white corners. */
.smart-captcha iframe[title="SmartCaptcha checkbox"] {
  color-scheme: normal;
  border-radius: var(--r);
  background: transparent;
}

/* SmartCaptcha SDK injects these layout rules inline; serve them locally under strict CSP. */
.SmartCaptcha-Overlay {
  z-index: 9999999; width: var(--smart-captcha-doc-width,100%); height: var(--smart-captcha-doc-height,100%);
  background: var(--landing-reference-91); margin: 0; padding: 0; position: fixed; top: -10000px; left: -10000px;
}
.SmartCaptcha-Overlay.SmartCaptcha-Overlay_visible { position: fixed; top: 0; left: 0; }
.SmartCaptcha-Overlay.SmartCaptcha-Overlay_no_background { background: transparent; }
.SmartCaptcha-Overlay .SmartCaptcha-Spin { margin: auto; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); }
.SmartCaptcha-Spin { visibility: hidden; box-sizing: border-box; border: 2px solid transparent; border-radius: 50%; display: none; }
.SmartCaptcha-Overlay_visible.SmartCaptcha-Overlay_show_spinner .SmartCaptcha-Spin {
  visibility: visible; backface-visibility: hidden; border-top-color: var(--gold); border-left-color: var(--gold);
  width: 50px; height: 50px; animation: adk-captcha-spin 1s linear infinite; display: inline-block;
}
@keyframes adk-captcha-spin { from { transform: rotate(0); } to { transform: rotate(360deg); } }
