/* lk-animations.css — Keyframes + transitions */

@keyframes mod-spring {
  0%   { opacity: 0; transform: translateY(8px) scale(.98); }
  60%  { opacity: 1; transform: translateY(-2px) scale(1.005); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes mod-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes lz-shimmer {
  0%   { background-position: -600px 0; }
  100% { background-position: 600px 0; }
}

/* ── Skeleton ────────────────────────────────────────────────────────────────── */
.lz-sk {
  background: linear-gradient(
    90deg,
    var(--bg-surface) 25%,
    var(--bg-hover)   50%,
    var(--bg-surface) 75%
  );
  background-size: 1200px 100%;
  animation: lz-shimmer 1.4s infinite linear;
  border-radius: var(--radius-md);
}
.lz-skel-card { height: 80px; width: 100%; }
.lz-skel-line { height: 14px; width: 60%; }
.lz-skel-line--sm { height: 10px; width: 40%; }

/* ── Module mount ────────────────────────────────────────────────────────────── */
#moduleContent > div { animation: mod-spring 240ms cubic-bezier(.34,1.56,.64,1); }

/* ── Sidebar transitions ─────────────────────────────────────────────────────── */
.ul1-panel { transition: width var(--transition-normal), opacity var(--transition-normal); }
html.ul-collapsed .ul1-panel { opacity: 0; pointer-events: none; }

/* ── Popup ───────────────────────────────────────────────────────────────────── */
.pop--open { animation: mod-fade-in 120ms ease; }

/* ── Toast ───────────────────────────────────────────────────────────────────── */
.lz-toast { animation: mod-spring 200ms ease; }

/* ── Blade ───────────────────────────────────────────────────────────────────── */
.ld-dimmer--on { animation: mod-fade-in 200ms ease; }