/* A brief dissolve and slide keeps tab changes clear without delaying input. */
#root [data-tab-view] {
  animation: tab-view-enter 260ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes tab-view-enter {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  #root [data-tab-view] { animation: none; }
}

@media print {
  #root [data-tab-view] { animation: none; }
}