/* Global override: remove heavy animations and force black background */
:root, html, body, #app {
  background: #000 !important;
  background-image: none !important;
  min-height: 100vh;
  color: #fff !important;
}

/* Hide any injected background image elements used by the app */
#bg1, #bg2, .background-image1, .background-image2 {
  display: none !important;
  opacity: 0 !important;
  background-image: none !important;
}

/* Disable animations, transitions and transforms site-wide */
*,
*::before,
*::after {
  animation: none !important;
  transition: none !important;
  will-change: auto !important;
  scroll-behavior: auto !important;
  background-image: none !important;
}

/* Disable hover effects across the app to avoid pointer-triggered repaints */
*:hover,
*:hover::before,
*:hover::after {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Also stop animated icons and loading spinners */
.el-icon.is-loading,
.spinner,
.loading {
  animation: none !important;
}

/* Keep media elements visible but non-animated */
img, video {
  animation: none !important;
  transition: none !important;
}

/* Keep layout transforms intact for centered fixed headers and menus */
.header-content,
.header-content *,
.tabs-dropdown,
.tabs-dropdown * {
  transform: initial !important;
}

/* Force the dashboard header to use the full available width */
.el-header {
  padding: 0 !important;
}

.el-header .header-content {
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
  width: calc(100% - 32px) !important;
  max-width: none !important;
  margin: 0 16px !important;
}

.el-header .header-content:hover {
  transform: none !important;
}

.el-header .search-area {
  margin-left: 0 !important;
}

/* Tighten the system-config dashboard banner so it sits fully inside the viewport */
.header-content[data-v-7607b77d] {
  left: 16px !important;
  right: auto !important;
  transform: none !important;
  width: calc(100% - 48px) !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box;
}

.header-content[data-v-7607b77d]:hover {
  transform: none !important;
}

.sidebar-container[data-v-2718059d] {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  transition: none !important;
}

.sidebar-container[data-v-2718059d]:hover {
  box-shadow: none !important;
}

.main-container[data-v-7607b77d] {
  content-visibility: auto;
  contain-intrinsic-size: 1200px 1800px;
}

/* Lighter dashboard styling to reduce scroll jank from blur/shadow layers */
.status-panel .overview-card,
.status-panel .chart-card,
.status-panel .action-card,
.status-panel .file-info-card,
.status-panel .main-table,
.status-panel .directory-tree-popover,
.status-panel .el-card,
.status-panel .el-dropdown-menu {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  transition: none !important;
  contain: layout paint style;
}

.status-panel .overview-cards,
.status-panel .charts-section,
.status-panel .actions-section,
.status-panel .file-info-section {
  content-visibility: auto;
  contain-intrinsic-size: 400px 800px;
}

.status-panel .chart-card,
.status-panel .action-card,
.status-panel .file-info-card,
.status-panel .overview-card,
.status-panel .main-table {
  content-visibility: auto;
  contain-intrinsic-size: 240px 320px;
}

.status-panel .overview-card:hover,
.status-panel .chart-card:hover,
.status-panel .action-card:hover,
.status-panel .file-info-card:hover,
.status-panel .el-card:hover,
.status-panel .load-more:hover,
.status-panel .el-pager li:hover,
.status-panel .btn-next:hover,
.status-panel .btn-prev:hover {
  transform: none !important;
  box-shadow: none !important;
}

.status-panel .card-bg-media,
.status-panel .floating-shape,
.status-panel .floating-image,
.status-panel .error-animation,
.status-panel .stats-fill {
  animation: none !important;
  transition: none !important;
}

li.el-dropdown-menu__item:has(svg[data-icon="book"], svg.fa-book) {
  display: none !important;
}

/* Hide language toggles so the UI stays English-only */
.language-switcher,
.tabs-language-switcher {
  display: none !important;
}

/* Remove the upload-page brand/title block and fixed logo image */
.header .title,
.tabs .title,
.logo.logo--fixed.logo--normal.logo--hover-enabled {
  display: none !important;
}