/* CDTO Telegraf anti-white critical (W1). Маркер: enroll-ux-antiwhite-w123-20260730 */
html,
body {
  background-color: #ecfdf5 !important;
}
html.cdto-telegraf-oauth-callback,
html.cdto-telegraf-enroll-settle,
html.cdto-telegraf-auth-first-paint,
html.cdto-telegraf-oauth-callback body,
html.cdto-telegraf-enroll-settle body,
html.cdto-telegraf-auth-first-paint body {
  background-color: #ecfdf5 !important;
  background-image: none !important;
}
html.cdto-telegraf-oauth-callback:not([data-cdto-busy-dismissed]) #cdto-telegraf-auth-busy,
html.cdto-telegraf-enroll-settle:not([data-cdto-busy-dismissed]) #cdto-telegraf-auth-busy,
html.cdto-telegraf-auth-first-paint:not([data-cdto-busy-dismissed]) #cdto-telegraf-auth-busy,
html.cdto-telegraf-oauth-callback:not([data-cdto-busy-dismissed]) #cdto-telegraf-auth-busy.cdto-telegraf-auth-busy--hidden,
html.cdto-telegraf-enroll-settle:not([data-cdto-busy-dismissed]) #cdto-telegraf-auth-busy.cdto-telegraf-auth-busy--hidden,
html.cdto-telegraf-auth-first-paint:not([data-cdto-busy-dismissed]) #cdto-telegraf-auth-busy.cdto-telegraf-auth-busy--hidden {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  position: fixed !important;
  top: var(--cdto-space-menu-h, 52px) !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 10050 !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-top: 0 !important;
  box-sizing: border-box !important;
  /* Mint база; particle-canvas — дочерний слой поверх (не transparent→Element). */
  background: #ecfdf5 !important;
  background-color: #ecfdf5 !important;
}

html.cdto-telegraf-oauth-callback #cdto-telegraf-auth-busy .cdto-auth-wait-card,
html.cdto-telegraf-enroll-settle #cdto-telegraf-auth-busy .cdto-auth-wait-card,
html.cdto-telegraf-auth-first-paint #cdto-telegraf-auth-busy .cdto-auth-wait-card {
  margin-top: var(--cdto-idp-card-gap-top, 146px) !important;
}
html.cdto-telegraf-oauth-callback .cdto-auth-wait-card,
html.cdto-telegraf-enroll-settle .cdto-auth-wait-card,
html.cdto-telegraf-auth-first-paint .cdto-auth-wait-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: min(36rem, calc(100vw - 2rem)) !important;
  min-height: 26rem !important;
  background: #fff !important;
  border-radius: 0.5rem !important;
  padding: 2rem 1.5rem !important;
  box-shadow: 0 4px 24px rgba(15, 118, 110, 0.12) !important;
}
#cdto-particle-network-canvas {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
/* T1c: поверх Element chrome, под busy-карточкой — иначе flat mint без particle. */
html.cdto-telegraf-enroll-settle #cdto-particle-network-canvas,
html.cdto-telegraf-oauth-callback #cdto-particle-network-canvas,
html.cdto-telegraf-auth-first-paint #cdto-particle-network-canvas,
html.cdto-telegraf-auth-in-progress #cdto-particle-network-canvas,
html.cdto-telegraf-launch-busy #cdto-particle-network-canvas {
  z-index: 10040 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* Particle внутри busy — всегда виден вокруг карточки (не под Element). */
#cdto-telegraf-auth-busy {
  isolation: isolate;
}
#cdto-telegraf-auth-busy #cdto-particle-network-canvas {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#cdto-telegraf-auth-busy .cdto-auth-wait-stage {
  position: relative !important;
  z-index: 1 !important;
}