:root {
  --mc-blue-1: #113da4;
  --mc-purple-1: #6c35c9;
  --mc-purple-2: #484bc8;
  --mc-bg: #f7faff;
  --mc-surface: #ffffff;
  --mc-text: #0b1020;
  --mc-border: rgba(17, 61, 164, 0.14);
  --mc-shadow: 0 12px 28px rgba(17, 61, 164, 0.12);
  --mc-grad: linear-gradient(327.98deg, #484bc8 24.86%, #2581f3 54.14%, #6c35c9 78.1%);
}

body {
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  color: var(--mc-text) !important;
  background: var(--mc-bg) !important;
  background-image: none !important;
  animation: none !important;
}

html,
#root {
  background: var(--mc-bg) !important;
  background-image: none !important;
  animation: none !important;
}

/* Убрать анимированный фон Vanta (canvas) */
.vanta-canvas,
canvas.vanta-canvas,
#root canvas.vanta-canvas {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* Статичный фон: убрать динамику/градиент с корня и первого уровня #root */
html::before,
html::after,
body::before,
body::after,
#root::before,
#root::after {
  display: none !important;
}

#root > div,
#root > div > div:first-child {
  background-color: var(--mc-bg) !important;
  background-image: none !important;
  animation: none !important;
}

.MuiPaper-root,
.MuiCard-root,
.MuiDialog-paper,
.MuiPopover-paper,
.MuiAccordion-root,
.MuiDrawer-paper {
  background-color: var(--mc-surface) !important;
  border: 1px solid var(--mc-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--mc-shadow) !important;
}

.MuiButton-root {
  border-radius: 12px !important;
  text-transform: none !important;
  font-weight: 600 !important;
}

.MuiButton-containedPrimary,
.MuiButton-contained {
  background-image: var(--mc-grad) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(72, 75, 200, 0.3) !important;
}

.MuiButton-outlined {
  border-color: var(--mc-border) !important;
  color: var(--mc-blue-1) !important;
}

.MuiOutlinedInput-root {
  border-radius: 12px !important;
  background: #fff !important;
}

.MuiOutlinedInput-notchedOutline {
  border-color: var(--mc-border) !important;
}

.MuiTabs-indicator {
  background: var(--mc-grad) !important;
  height: 3px !important;
}

.MuiChip-root {
  border-radius: 999px !important;
}

a {
  color: var(--mc-blue-1);
}

/* Preloader: hide bird and spinner immediately (also set in index.html inline) */
#preloader.main-preloader,
.main-preloader#preloader {
  background: var(--mc-bg) !important;
  background-image: none !important;
}
#preloader svg,
#preloader.main-preloader svg,
#preloader .loader_container,
#preloader .loader,
.main-preloader svg,
.main-preloader .loader_container,
.main-preloader .loader {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Hide legacy bird SVG (preloader or React login logo) */
#root svg[viewBox*="373"],
#root > div > svg {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Login screen cleanup (compiled UI): remove legacy logo/background layers */
#root img[src*="logo.webp"],
#root img[src*="logo_d.webp"],
#root img[src*="login_logo"],
#root [style*="logo.webp"],
#root [style*="logo_d.webp"],
#root [style*="login_logo"] {
  display: none !important;
}

#root [style*="background-image"] {
  background-image: none !important;
}

#root [class*="powered"],
#root [class*="Powered"],
#root [class*="copyright"],
#root [class*="version"] {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

/* Боковая панель (меню): бренд-цвета, без пастельного узора */
.MuiDrawer-paper,
#root .MuiDrawer-paper,
[class*="MuiDrawer"] {
  background-color: var(--mc-bg) !important;
  background-image: none !important;
  border-right: 1px solid var(--mc-border) !important;
}
.MuiDrawer-paper .MuiListItemButton-root:hover,
.MuiDrawer-paper .MuiListItemIcon-root {
  color: var(--mc-blue-1) !important;
}
.MuiDrawer-paper .Mui-selected {
  background: linear-gradient(90deg, rgba(17, 61, 164, 0.12), transparent) !important;
  color: var(--mc-blue-1) !important;
}

/* Верхняя панель (AppBar) и поля ввода под бренд */
.MuiAppBar-root {
  background: var(--mc-surface) !important;
  color: var(--mc-text) !important;
  border-bottom: 1px solid var(--mc-border) !important;
  box-shadow: var(--mc-shadow) !important;
}
.MuiAppBar-root .MuiIconButton-root {
  color: var(--mc-text) !important;
}
.MuiAppBar-root .MuiIconButton-root:hover {
  background-color: rgba(17, 61, 164, 0.08) !important;
  color: var(--mc-blue-1) !important;
}

/* Бейдж уведомлений — в бренд-цвете */
.MuiBadge-badge {
  background: var(--mc-purple-2) !important;
  color: #fff !important;
}

/* Скрыть welcome-элементы точечно (без скрытия всех модалок/бекдропов) */
body [style*="font-family"][style*="logo"],
body [style*="fontFamily"][style*="logo"],
#root [style*="font-family"][style*="logo"],
#root [style*="fontFamily"][style*="logo"],
body [class*="welcome"],
body [class*="Welcome"],
#root [class*="welcome"],
#root [class*="Welcome"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  clip: rect(0, 0, 0, 0) !important;
}
/* Скрыть первый пункт в выпадающем меню пользователя (приветствие в меню) */
.MuiMenu-paper .MuiList-root > .MuiListItem-root:first-child,
.MuiMenu-paper .MuiList-root > .MuiList-root > .MuiListItem-root:first-child,
.MuiMenu-paper .MuiList-root > .MuiListItemButton-root:first-child,
.MuiMenu-paper .MuiList-root > .MuiList-root > .MuiListItemButton-root:first-child,
.MuiMenu-paper .MuiList-root > li:first-child {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* Боковое меню: принудительно видимо и поверх backdrop */
aside.MuiDrawer-root,
.MuiDrawer-root.MuiDrawer-docked,
[class*="MuiDrawer-root"]:not(.MuiDrawer-modal) {
  flex-shrink: 0 !important;
  min-width: 260px !important;
  width: 260px !important;
  display: block !important;
  visibility: visible !important;
  z-index: 1200 !important;
}
.MuiDrawer-root .MuiDrawer-paper,
aside .MuiDrawer-paper,
[class*="MuiDrawer-paper"] {
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
  visibility: visible !important;
  transform: none !important;
  translate: 0 0 !important;
  z-index: 1201 !important;
  left: 0 !important;
  top: 0 !important;
}
/* Принудительно «открытый» drawer (убрать сдвиг влево при open=false) */
.MuiDrawer-root.MuiDrawer-modal .MuiDrawer-paper,
.MuiDrawer-root .MuiDrawer-paper {
  transform: translateX(0) !important;
}
.MuiDrawer-root .MuiDrawer-paper .MuiList-root,
.MuiDrawer-paper .MuiList-root {
  width: 100% !important;
  display: block !important;
  min-height: 200px !important;
}
.MuiDrawer-paper .MuiListItemButton-root,
.MuiDrawer-paper .MuiListItem-root {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Скрытый backdrop не должен перекрывать контент и боковое меню */
.MuiBackdrop-root[style*="opacity: 0"],
.MuiBackdrop-root[style*="visibility: hidden"] {
  pointer-events: none !important;
  z-index: -1 !important;
}
.MuiDrawer-root .MuiBackdrop-root {
  pointer-events: none !important;
}