/* Сердечник v30810 overlay/visibility hotfix */

html,
body,
#root {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 100vh !important;
  width: 100% !important;
  overflow: auto !important;
}

html {
  background: #f4eadc !important;
}

body {
  margin: 0 !important;
  background: #f4eadc !important;
  color: #3b2926 !important;
}

body::before,
body::after,
#root::before,
#root::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#root {
  position: relative !important;
  z-index: 1 !important;
}

/* скрываем заглушку, если она осталась параллельно */
#root .sr30710-root-placeholder {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* поднимаем реальную панель выше любых старых слоёв */
#root .sr30810-root,
#root [data-sr-cabinet-core-v30810="true"] {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  position: relative !important;
  inset: auto !important;
  z-index: 2147483000 !important;
  min-height: 100vh !important;
  width: 100% !important;
  max-width: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  clip: auto !important;
  clip-path: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
  color: #3b2926 !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(216, 163, 107, .24), transparent 34%),
    radial-gradient(circle at 82% 0%, rgba(119, 156, 148, .18), transparent 32%),
    linear-gradient(135deg, #fbf2e5 0%, #f3dfca 100%) !important;
}

#root .sr30810-root *,
#root [data-sr-cabinet-core-v30810="true"] * {
  box-sizing: border-box !important;
}

/* не красим все тексты одним цветом, только возвращаем видимость */
#root .sr30810-root,
#root .sr30810-root *,
#root [data-sr-cabinet-core-v30810="true"],
#root [data-sr-cabinet-core-v30810="true"] * {
  visibility: visible !important;
  opacity: 1 !important;
}

#root .sr30810-sidebar {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 100vh !important;
  position: relative !important;
  z-index: 3 !important;
  transform: none !important;
}

#root .sr30810-main {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 100vh !important;
  position: relative !important;
  z-index: 2 !important;
  overflow: visible !important;
  transform: none !important;
}

#root .sr30810-rel-grid,
#root .sr30810-today-grid,
#root .sr30810-path-grid,
#root .sr30810-message-grid,
#root .sr30810-detail-grid,
#root .sr30810-quick-grid,
#root .sr30810-info-grid {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* если какой-то старый полноэкранный слой остался поверх */
body > div:not(#root):not([id^="metrika"]):not([class*="ym-"]) {
  pointer-events: none !important;
}

@media (max-width: 900px) {
  #root .sr30810-root,
  #root [data-sr-cabinet-core-v30810="true"] {
    display: block !important;
  }

  #root .sr30810-sidebar {
    min-height: auto !important;
  }
}