/* Auth mascot + coffee cup (panel side) — shared by tenant / central logins */

.auth-cat {
  position: relative;
  width: min(100%, 292px);
  margin: 1.65rem 0 0.55rem;
  z-index: 1;
}

.auth-cat-glow {
  position: absolute;
  left: 50%;
  top: 44%;
  width: 168px;
  height: 168px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(46, 196, 166, 0.35), transparent 68%),
    radial-gradient(circle at 70% 70%, rgba(196, 146, 98, 0.12), transparent 55%);
  filter: blur(8px);
  pointer-events: none;
  animation: authCatGlow 4.8s ease-in-out infinite;
}

.auth-cat-svg {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 12px 24px rgba(13, 33, 55, 0.25));
}

.auth-cat-body {
  transform-origin: 120px 170px;
  animation: authCatBreathe 4.2s ease-in-out infinite;
}

.auth-cat-head {
  animation: authCatNod 6.5s ease-in-out infinite;
}

.auth-cat-tail {
  animation: authCatTail 3.6s ease-in-out infinite;
}

.auth-cat-shadow {
  transform-origin: 120px 198px;
  animation: authCatShadow 4.2s ease-in-out infinite;
}

.auth-cat-eye {
  transform-box: fill-box;
  transform-origin: center;
  animation: authCatBlink 5.5s ease-in-out infinite;
}

.auth-cat-whiskers {
  animation: authCatWhisker 5s ease-in-out infinite;
}

.auth-cat--compact {
  width: 118px;
  margin: 0.15rem auto 0.95rem;
}

.auth-cat--compact .auth-cat-glow {
  width: 84px;
  height: 84px;
}

.auth-cat-mobile {
  display: none;
}

/* Coffee cup — login / form side */
.auth-cup {
  width: 92px;
  margin: 0 0 0.35rem;
  position: relative;
  overflow: visible;
}

.auth-cup--compact {
  width: 76px;
  margin: 0 auto 0.55rem;
}

.auth-cup-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.auth-cup-body {
  transform-origin: 54px 88px;
  animation: authCupBob 3.8s ease-in-out infinite;
}

.auth-cup-shadow {
  animation: authCupShadow 3.8s ease-in-out infinite;
}

.auth-cup-steam-line {
  animation: authSteam 2.6s ease-in-out infinite;
}
.auth-cup-steam-a { animation-delay: 0s; }
.auth-cup-steam-b { animation-delay: 0.35s; }
.auth-cup-steam-c { animation-delay: 0.7s; }

.auth-cup-shine {
  animation: authCoffeeShine 2.8s ease-in-out infinite;
}

.auth-cup-gem {
  transform-origin: 54px 92px;
  animation: authCupGem 2.4s ease-in-out infinite;
}

.auth-cup-ripple {
  transform-origin: 54px 58px;
  animation: authCupRipple 3.2s ease-in-out infinite;
}

@keyframes authCatBreathe {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-5px) scale(1.015); }
}

@keyframes authCatNod {
  0%, 100% { transform: rotate(0deg); }
  40% { transform: rotate(-1.4deg); }
  70% { transform: rotate(1.1deg); }
}

@keyframes authCatTail {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(8deg); }
}

@keyframes authCatShadow {
  0%, 100% { transform: scaleX(1); opacity: 0.28; }
  50% { transform: scaleX(0.88); opacity: 0.18; }
}

@keyframes authCatBlink {
  0%, 42%, 48%, 100% { transform: scaleY(1); }
  45% { transform: scaleY(0.08); }
}

@keyframes authCatWhisker {
  0%, 100% { opacity: 0.45; }
  50% { opacity: 0.75; }
}

@keyframes authCatGlow {
  0%, 100% { opacity: 0.65; transform: translate(-50%, -50%) scale(1); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.08); }
}

@keyframes authCupBob {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  35% { transform: translateY(-5px) rotate(-1.5deg); }
  70% { transform: translateY(-2px) rotate(1.2deg); }
}

@keyframes authCupShadow {
  0%, 100% { transform: scaleX(1); opacity: 0.12; }
  50% { transform: scaleX(0.86); opacity: 0.06; }
}

@keyframes authSteam {
  0% { opacity: 0.1; transform: translateY(5px) translateX(0); }
  40% { opacity: 0.75; transform: translateY(-6px) translateX(2px); }
  100% { opacity: 0; transform: translateY(-18px) translateX(-2px); }
}

@keyframes authCoffeeShine {
  0%, 100% { opacity: 0.18; transform: translateX(0); }
  50% { opacity: 0.4; transform: translateX(3px); }
}

@keyframes authCupGem {
  0%, 100% { transform: scale(1); opacity: 0.75; }
  50% { transform: scale(1.18); opacity: 1; }
}

@keyframes authCupRipple {
  0%, 100% { transform: scaleX(1); }
  50% { transform: scaleX(1.04); }
}

@keyframes authFadeUp {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes authPulseDot {
  0%, 100% { box-shadow: 0 0 0 3px rgba(46, 196, 166, 0.22); }
  50% { box-shadow: 0 0 0 6px rgba(46, 196, 166, 0.08); }
}

@keyframes authShimmer {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

@keyframes authOrbDrift {
  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.45; }
  50% { transform: translate(12px, -18px) scale(1.08); opacity: 0.75; }
}

.auth-stagger > *:nth-child(1) { animation: authFadeUp 0.55s ease-out both; }
.auth-stagger > *:nth-child(2) { animation: authFadeUp 0.55s ease-out 0.08s both; }
.auth-stagger > *:nth-child(3) { animation: authFadeUp 0.55s ease-out 0.16s both; }
.auth-stagger > *:nth-child(4) { animation: authFadeUp 0.55s ease-out 0.24s both; }
.auth-stagger > *:nth-child(5) { animation: authFadeUp 0.55s ease-out 0.32s both; }
.auth-stagger > *:nth-child(6) { animation: authFadeUp 0.55s ease-out 0.4s both; }

.auth-orb {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.28), transparent 70%);
  animation: authOrbDrift 8s ease-in-out infinite;
}
.auth-orb-a { width: 18px; height: 18px; top: 18%; left: 14%; animation-delay: 0s; }
.auth-orb-b { width: 10px; height: 10px; top: 62%; right: 18%; animation-delay: 1.4s; }
.auth-orb-c { width: 14px; height: 14px; bottom: 16%; left: 36%; animation-delay: 2.6s; }

@media (prefers-reduced-motion: reduce) {
  .auth-cat-glow,
  .auth-cat-body,
  .auth-cat-head,
  .auth-cat-tail,
  .auth-cat-shadow,
  .auth-cat-eye,
  .auth-cat-whiskers,
  .auth-cup-body,
  .auth-cup-shadow,
  .auth-cup-steam-line,
  .auth-cup-shine,
  .auth-cup-gem,
  .auth-cup-ripple,
  .auth-stagger > *,
  .auth-orb {
    animation: none !important;
  }
}