/* Los cuadros crecen en secuencia al entrar al dashboard, con rebote suave. */
#root .cbk-entry-topbar {
  animation: cbkEntryFromTop .42s cubic-bezier(.2, .75, .25, 1) both !important;
}

#root .cbk-entry-sidebar {
  animation: cbkEntryFromLeft .48s cubic-bezier(.2, .75, .25, 1) both !important;
}

#root .cbk-entry-menu-item {
  animation: cbkEntryMenuItem .38s cubic-bezier(.34, 1.4, .64, 1) both !important;
  animation-delay: var(--cbk-entry-delay, 0ms) !important;
}

#root .cbk-entry-card {
  transform-origin: center center;
  animation: cbkEntryGrow .66s cubic-bezier(.34, 1.45, .64, 1) both !important;
  animation-delay: var(--cbk-entry-delay, 0ms) !important;
}

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

@keyframes cbkEntryFromLeft {
  from { opacity: 0; transform: translateX(-24px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes cbkEntryMenuItem {
  from { opacity: 0; transform: scaleX(.2); transform-origin: left center; }
  to { opacity: 1; transform: scaleX(1); transform-origin: left center; }
}

@keyframes cbkEntryGrow {
  0% { opacity: 0; transform: translateY(42px) scale(.02); }
  72% { opacity: 1; transform: translateY(-3px) scale(1.045); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  #root .cbk-entry-topbar,
  #root .cbk-entry-sidebar,
  #root .cbk-entry-menu-item,
  #root .cbk-entry-card {
    animation: none !important;
  }
}