/* ADMIN PREVIEW v1.5.03 — replaces the previous-screen cloning transition. */
.v1503-nav-loader{
  position:fixed;
  inset:0;
  z-index:11020;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#f8fbf9;
  color:#30594a;
  box-sizing:border-box;
  padding:24px;
  pointer-events:auto;
}
.v1503-nav-loader-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:16px;
  min-width:120px;
}
.v1503-nav-spinner{
  display:block;
  width:39px;
  height:39px;
  border:3px solid #d9e9e0;
  border-top-color:#3d8865;
  border-right-color:#6aad85;
  border-radius:50%;
  animation:v1503-spinner-rotate .8s linear infinite;
}
.v1503-nav-loader-label{
  font-size:13px;
  font-weight:650;
  letter-spacing:.035em;
  color:inherit;
}
@keyframes v1503-spinner-rotate{to{transform:rotate(360deg)}}
html[data-ayukone-mode="dark"] .v1503-nav-loader{
  background:#11171c;
  color:#d6e7df;
}
html[data-ayukone-mode="dark"] .v1503-nav-spinner{
  border-color:#33443e;
  border-top-color:#94dab4;
  border-right-color:#5fa586;
}
/* Client panel: preserve the scrim. The former dark-mode rule incorrectly
   painted the ENTIRE fullscreen backdrop opaque rather than just the card. */
html[data-ayukone-mode="dark"] body .v1438-panel{
  background:transparent!important;
}
html[data-ayukone-mode="dark"] body .v1438-panel>.v1438-card{
  background:var(--admin-dark-panel,#1d262d)!important;
  color:var(--admin-dark-ink,#e9f0f2)!important;
  border-color:var(--admin-dark-border,#394851)!important;
}