/* Admin console polish: scroll-reveal (driven by the reveal Stimulus controller), card hover
   lift, animated bars, and a soft page background. Kept tiny and admin-only. */

.adm-reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .55s cubic-bezier(.16,1,.3,1), transform .55s cubic-bezier(.16,1,.3,1);
  will-change: opacity, transform;
}
.adm-reveal.is-visible { opacity: 1; transform: none; }

/* Subtle lift on interactive cards */
.adm-card { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.adm-card:hover { transform: translateY(-2px); box-shadow: 0 12px 30px -12px rgba(2,6,23,.18); }

/* Dotted/!grid backdrop for the shell */
.adm-shell {
  background-color: #f8fafc;
  background-image: radial-gradient(rgba(15,23,42,.04) 1px, transparent 1px);
  background-size: 22px 22px;
}

/* Active nav item */
.adm-nav-active { background: linear-gradient(90deg, rgba(79,70,229,.12), rgba(79,70,229,0)); color: #4f46e5; font-weight: 600; }
.adm-nav-active .adm-nav-bar { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .adm-reveal { opacity: 1; transform: none; transition: none; }
  .adm-card:hover { transform: none; }
}