/* aionly-site-theme: restrained tech purple */
:root {
  --aionly-bg-base: #12101f;
  --aionly-bg-surface: #1a1729;
  --aionly-bg-elevated: #1e1a32;
  --aionly-bg-footer: #0f0d1a;
}

html,
body,
#app {
  background-color: var(--aionly-bg-base);
}

.loading-box {
  background: var(--aionly-bg-base);
}

/* Dark footer: slightly deeper anchor */
.footer[data-v-e438f8f1] {
  background: var(--aionly-bg-footer) !important;
}

.f-code-box,
.copyright {
  background: var(--aionly-bg-footer) !important;
}

/* Agreement pages (/agreement, /mobileAgreement): white readable background */
html:has(.modelDetail),
html:has(.ql-snow) {
  background-color: #fff !important;
}

html:has(.modelDetail) body,
html:has(.modelDetail) #app,
html:has(.ql-snow) body,
html:has(.ql-snow) #app {
  background-color: #fff !important;
}

.modelDetail {
  background: #fff !important;
  color: #333 !important;
}

.modelDetail h1 {
  color: #333 !important;
}

.modelDetail .detail-content {
  color: #666 !important;
  opacity: 1 !important;
}

.ql-snow {
  background: #fff !important;
  min-height: 100vh;
}

.ql-snow .ql-editor {
  color: #333 !important;
}

/* Hide footer QR code block */
.qr-code {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Hide right-side floating action panel (phone / online consult buttons) */
.panel-btns {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.float-panel:has(.panel-btns) {
  display: none !important;
  pointer-events: none !important;
}