/* White glass variant, loaded only by the admin sign-in layout. */
.auth-canvas.auth-motion-light {
  --a-lime: #4d9e36;
  --a-lime-d: #397c2c;
  color: #183c2c;
  background: #fffefa;
}
.auth-motion-light .packr8-motion {
  background:
    radial-gradient(ellipse 32% 70% at -4% 65%, #d8efd2, transparent 95%),
    radial-gradient(ellipse 30% 60% at 102% 42%, #e3f3db, transparent 90%),
    #fffefa;
}
.auth-motion-light .packr8-motion[data-ready] { background: #fffefa; }
.auth-motion-light .packr8-motion::after {
  background: radial-gradient(ellipse 42% 70% at 50% 50%, rgba(255,254,250,.45), transparent 100%);
}
.auth-motion-light .auth-brand a { color: #173b2b; }
.auth-motion-light .auth-card {
  color: #183c2c;
  border-color: rgba(112,157,113,.3);
  background: linear-gradient(140deg, rgba(255,255,255,.95), rgba(244,250,239,.96));
  box-shadow: 0 28px 80px rgba(35,76,40,.07), inset 0 1px 0 rgba(255,255,255,.95), inset 1px 0 0 rgba(255,255,255,.55);
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .auth-motion-light .auth-card {
    background: linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.06) 42%, rgba(247,252,243,.10) 72%, rgba(255,255,255,.20));
  }
}
.auth-motion-light .auth-h1 { color: #183c2c; }
.auth-motion-light .auth-sub { color: #3c5543; }
.auth-motion-light .auth-label { color: #294d38; }
.auth-motion-light .auth-input { color: #183c2c; background: rgba(255,255,255,.7); border-color: #bed2bb; }
.auth-motion-light .auth-input::placeholder { color: #6c806e; }
.auth-motion-light .auth-input:focus { background: #fff; border-color: #5b9a47; box-shadow: 0 0 0 3px rgba(91,154,71,.12); }
.auth-motion-light .auth-input-wrap .lead { color: #64865d; }
.auth-motion-light .auth-input-wrap:focus-within .lead { color: #397c2c; }
.auth-motion-light .auth-remember { color: #3f5644; }
.auth-motion-light .auth-secured { color: #5b735f; }
.auth-motion-light .auth-prefill { color: #506d50; background: rgba(222,239,211,.45); border-color: #c6dabc; margin-top: 18px; }
.auth-motion-light .auth-input:-webkit-autofill { -webkit-text-fill-color: #183c2c; box-shadow: 0 0 0 1000px #f3f9ed inset; caret-color: #183c2c; }
.auth-motion-light .auth-admin-chip {
  display: table; margin: 0 auto 16px; padding: 6px 11px;
  border: 1px solid #c3d9b8; border-radius: 999px;
  background: rgba(232,245,220,.6); color: #426834;
  font-size: 10px; font-weight: 600; letter-spacing: .13em;
}
.auth-motion-light .auth-admin-alert { margin: 18px 0 0; }
.auth-motion-light .auth-admin-divider { display: flex; align-items: center; gap: 14px; margin: 22px 0 18px; color: #64775e; font-size: 12px; }
.auth-motion-light .auth-admin-divider::before, .auth-motion-light .auth-admin-divider::after { content: ''; height: 1px; flex: 1; background: #d6e3cc; }
.auth-motion-light .auth-admin-google { min-height: 50px; padding: 12px 16px; border: 1px solid #bfd4b5; border-radius: 13px; color: #294d38; background: rgba(255,255,255,.74); text-decoration: none; }
.auth-motion-light .auth-admin-google:hover { background: #f0f8e9; border-color: #8cb17e; }
.auth-motion-light .packr8-motion-toggle { color: #47723b; background: rgba(255,254,250,.85); border-color: #bdd4b2; }
.auth-motion-light .packr8-motion-toggle:hover { color: #244c20; background: #f1f8ea; }
.auth-motion-light .packr8-motion-toggle:focus-visible { outline-color: #397c2c; }