/* General styles */
* {
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: transparent;
}

*:focus {
  outline: none;
}

html {
  font-family: 'IBM Plex Sans Var', Inter var, Roboto, Arial, sans-serif;
  background-color: #FEFEFE;
}

html.dark {
  background-color: #1C1C1C !important;
}

body {
  line-height: 1.3;
  font-size: 0.8125rem;
  overflow-x: hidden;
  font-feature-settings: "salt";
  color: #1C1C1C;
  background-color: #FEFEFE;
}

body.dark {
  color: #FFFFFF;
  background-color: #1C1C1C !important;
}

/* Main content area */
.main-content {
  flex: 1 1 auto;
  min-height: 100vh;
  background-color: #FEFEFE;
}

body.dark .main-content {
  background-color: #1C1C1C !important;
}

/* Navigation base styles */
body:not(.dark) .navigation {
  background-color: #FEFEFE !important;
}
body.dark .navigation {
  background-color: #1C1C1C !important;
}

body:not(.dark) .singularity-list-item {
  background-color: #FEFEFE !important;
}
body.dark .singularity-list-item {
  background-color: #1E1E1E !important;
}

/* Menu styles */
body:not(.dark) .navigation .singularity-list-item-text-primary {
  color: #1C1C1C;
}
body.dark .navigation .singularity-list-item-text-primary {
  color: #FFFFFF;
}

/* Active menu item styles */
body:not(.dark) .navigation .singularity-list-item.active {
  background-color: #E0E0E0;
}
body.dark .navigation .singularity-list-item.active {
  background-color: #2D2D2D;
}

/* Navigation hover styles */
body:not(.dark) {
  --nav-hover-bg: #e3f2fd;
  --nav-hover-text: #1C1C1C;
}
body.dark {
  --nav-hover-bg: #004B94;
  --nav-hover-text: #B0B0B0;
}
.singularity-list-item:hover {
  background-color: var(--nav-hover-bg) !important;
}
.singularity-list-item:hover .singularity-list-item-text-primary {
  color: var(--nav-hover-text);
}

/* Navigation toolbar icon styles */
body:not(.dark) .navigation .MuiIconButton-root,
body:not(.dark) .navigation .shortcut-icon,
body:not(.dark) .navigation .SingularitySvgIcon,
body:not(.dark) .navigation .SingularitySvgIcon svg {
  color: #0571D1;
  fill: #0571D1;
  stroke: #0571D1;
}
body.dark .navigation .MuiIconButton-root,
body.dark .navigation .shortcut-icon,
body.dark .navigation .SingularitySvgIcon,
body.dark .navigation .SingularitySvgIcon svg {
  color: #64B5F6;
  fill: #64B5F6;
  stroke: #64B5F6;
  opacity: 0.6;
}

/* UserMenu styles */
body:not(.dark) .user-menu, body:not(.dark) .MuiPaper-root {
  background-color: #FEFEFE;
  color: #1C1C1C;
}
body:not(.dark) .user-menu .title, body:not(.dark) .user-menu .subtitle {
  color: #1C1C1C;
}
body.dark .user-menu, body.dark .MuiPaper-root {
  background-color: #1C1C1C;
  color: #FFFFFF;
}
body.dark .user-menu .title, body.dark .user-menu .subtitle {
  color: #FFFFFF;
}

/* FeatureNavigationBox styles */
body:not(.dark) .documentation-hero {
  background-color: #FEFEFE;
  color: #1C1C1C;
}
body.dark .documentation-hero {
  background-color: #1C1C1C;
  color: #FFFFFF;
}

/* DemoHeader IconButton styles */
body:not(.dark) .MuiIconButton-root {
  background-color: #FEFEFE;
  color: #1C1C1C;
}
body.dark .MuiIconButton-root {
  background-color: #1C1C1C;
  color: #FFFFFF;
}

/* StreamingIssuesWidget square styles */
body:not(.dark) .github-issues-new {
  background-color: #EEF2FF;
  color: #1C1C1C;
}
body.dark .github-issues-new {
  background-color: #312E81;
  color: #FFFFFF;
}
body:not(.dark) .github-issues-closed {
  background-color: #ECFDF5;
  color: #1C1C1C;
}
body.dark .github-issues-closed {
  background-color: #064E3B;
  color: #FFFFFF;
}

/* SingularityShortcuts icon styles */
body:not(.dark) .shortcut-icon {
  color: #1C1C1C;
}
body.dark .shortcut-icon {
  color: #FFFFFF;
}

/* Navigation group heading and subheading styles */
body:not(.dark) .navigation .singularity-list-subheader-text .MuiListItemText-primary {
  color: #1C1C1C;
}
body.dark .navigation .singularity-list-subheader-text .MuiListItemText-primary {
  color: #FFFFFF;
}
body:not(.dark) .navigation .singularity-list-subheader-text .MuiListItemText-secondary {
  color: #0571D1;
}
body.dark .navigation .singularity-list-subheader-text .MuiListItemText-secondary {
  color: #B0B0B0;
}

/* Footer popover styles */
body:not(.dark) .footer-popover {
  background-color: #FEFEFE;
}
body:not(.dark) .footer-popover.MuiPaper-root {
  background-color: #FEFEFE;
}
body.dark .footer-popover {
  background-color: #1C1C1C;
}
body:not(.dark) .footer-popover.light-mode-fix {
  background-color: #FEFEFE;
}
body:not(.dark) .footer-popover-content .MuiMenuItem-root {
  background-color: transparent;
  color: #1C1C1C;
}
body.dark .footer-popover-content .MuiMenuItem-root {
  background-color: transparent;
  color: #FFFFFF;
}
body:not(.dark) .footer-popover-content .MuiMenuItem-root:hover {
  background-color: #6BC9F7;
}
body.dark .footer-popover-content .MuiMenuItem-root:hover {
  background-color: #003087;
}
body:not(.dark) .footer-popover-content .MuiTypography-root {
  color: #1C1C1C;
}
body.dark .footer-popover-content .MuiTypography-root {
  color: #FFFFFF;
}
body:not(.dark) .footer-icon-button {
  color: #1C1C1C;
}
body.dark .footer-icon-button {
  color: #FFFFFF;
}
body:not(.dark) .footer-popover-content .MuiListItemIcon-root {
  color: #1C1C1C;
}
body.dark .footer-popover-content .MuiListItemIcon-root {
  color: #FFFFFF;
}

/* UserMenu Popover specific styles */
body:not(.dark) .user-menu-popover.MuiPaper-root {
  background-color: #FEFEFE;
  color: #1C1C1C;
}
body.dark .user-menu-popover.MuiPaper-root {
  background-color: #1C1C1C;
  color: #FFFFFF;
}
body:not(.dark) .user-menu-popover .MuiMenuItem-root {
  background-color: transparent;
  color: #1C1C1C;
}
body.dark .user-menu-popover .MuiMenuItem-root {
  background-color: transparent;
  color: #FFFFFF;
}
body:not(.dark) .user-menu-popover .MuiMenuItem-root:hover {
  background-color: #6BC9F7;
}
body.dark .user-menu-popover .MuiMenuItem-root:hover {
  background-color: #003087;
}
body:not(.dark) .user-menu-popover .MuiListItemText-primary {
  color: #1C1C1C;
}
body.dark .user-menu-popover .MuiListItemText-primary {
  color: #FFFFFF;
}
body:not(.dark) .user-menu-popover .MuiListItemIcon-root,
body:not(.dark) .user-menu-popover .SingularitySvgIcon,
body:not(.dark) .user-menu-popover .SingularitySvgIcon svg {
  color: #1C1C1C;
  fill: #1C1C1C;
  stroke: #1C1C1C;
}
body.dark .user-menu-popover .MuiListItemIcon-root,
body.dark .user-menu-popover .SingularitySvgIcon,
body.dark .user-menu-popover .SingularitySvgIcon svg {
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

/* Perfect Scrollbar styles */
.ps, .ps__rail-y, .ps__rail-x {
}

.ps > .ps__rail-y,
.ps > .ps__rail-x {
  z-index: 99;
}

[dir="rtl"] .ps__thumb-y {
  right: auto;
  left: 2px;
}

[dir="rtl"] .ps > .ps__rail-y {
  left: 0;
  right: auto;
}

a[role=button] {
  text-decoration: none;
}

[role="tooltip"] {
  z-index: 9999;
}

.MuiModal-root {
  z-index: 9999;
}

@media only screen and (min-width: 992px) {
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: rgba(0, 0, 0, 0);
  }

  ::-webkit-scrollbar:hover {
    width: 8px;
    height: 8px;
    background-color: rgba(0, 0, 0, 0.06);
  }

  ::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 20px;
  }

  ::-webkit-scrollbar-thumb:active {
    border-radius: 20px;
  }
}

form label {
  z-index: 99;
}

body.no-animate *,
body.no-animate *::before,
body.no-animate *::after {
  transition: none;
  animation: none;
}

button:focus {
  outline: none;
}

:focus {
  outline-color: transparent;
}

.fc-scrollgrid-section-liquid {
  height: 1px;
}

.shortcut-icon {
  transition: stroke 0.3s ease;
}

/* BasicInfoTab and OrdersTable container styles */
body:not(.dark) .products-tab-container {
  background-color: #EEEEEE;
}
body.dark .products-tab-container {
  background-color: #1C1C1C;
}
body:not(.dark) .orders-table-container {
  background-color: #FEFEFE;
}
body.dark .orders-table-container {
  background-color: #1C1C1C;
}

/* Styles for SingularityNavVerticalItem.tsx */
.singularity-list-item {
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.singularity-list-item-icon {
  transition: stroke 0.3s ease, color 0.3s ease;
}