/* Admin v3.10.78 — final performance layer for large tables/forms and smooth navigation. */
:root {
  --perf-fast: 90ms;
  --perf-ease: cubic-bezier(.2,.72,.2,1);
}

html { scroll-behavior: auto; }

.button,
.nav-button,
.record-tab,
.tab-button,
.notification-button,
.mobile-menu-button,
.sidebar-collapse-button,
.admin-directory-link,
.player-tree-toggle {
  transition-property: transform, opacity, color, background-color, border-color !important;
  transition-duration: var(--perf-fast) !important;
  transition-timing-function: var(--perf-ease) !important;
}

/* Lazy-render below-fold admin sections. This is especially important for long player/accounting views. */
@supports (content-visibility: auto) {
  .view.active .panel,
  .view.active .table-wrap,
  .view.active .form-card,
  .view.active .settings-card,
  .view.active .stat-card,
  .view.active .theme-editor-card {
    content-visibility: auto;
    contain-intrinsic-size: auto 520px;
  }
}

.panel,
.table-wrap,
.form-card,
.settings-card,
.stat-card,
.theme-editor-card,
.modal-card,
.notification-panel,
.view-context-bar {
  contain: layout paint style;
}

/* Scrolling never pays for blur, filters or animated shadows. */
.ui-scrolling .sidebar,
.ui-scrolling .topbar,
.ui-scrolling .panel,
.ui-scrolling .table-wrap,
.ui-scrolling .form-card,
.ui-scrolling .settings-card,
.ui-scrolling .stat-card,
.ui-scrolling .modal-card,
.ui-scrolling .notification-panel,
.ui-interacting .panel,
.ui-interacting .table-wrap {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

.ui-scrolling .panel,
.ui-scrolling .table-wrap,
.ui-scrolling .form-card,
.ui-scrolling .settings-card,
.ui-scrolling .stat-card,
.ui-scrolling .theme-editor-card {
  box-shadow: none !important;
}

.ui-paused *,
.ui-performance-lite .motion-reveal,
.ui-motion-lite .motion-reveal {
  animation-play-state: paused !important;
}

.ui-performance-lite .sidebar,
.ui-performance-lite .topbar,
.ui-performance-lite .panel,
.ui-performance-lite .table-wrap,
.ui-performance-lite .form-card,
.ui-performance-lite .settings-card,
.ui-performance-lite .stat-card,
.ui-performance-lite .modal-card,
.ui-performance-lite .notification-panel,
.ui-motion-lite .sidebar,
.ui-motion-lite .topbar,
.ui-motion-lite .panel,
.ui-motion-lite .table-wrap,
.ui-motion-lite .form-card,
.ui-motion-lite .settings-card,
.ui-motion-lite .stat-card,
.ui-motion-lite .modal-card,
.ui-motion-lite .notification-panel {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  box-shadow: none !important;
}

@media (max-width: 900px) {
  body::before { transform: none !important; }
  .sidebar,
  .topbar,
  .panel,
  .table-wrap,
  .form-card,
  .settings-card,
  .stat-card,
  .modal-card,
  .notification-panel {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}