/*
 * Modalità grafica leggera.
 * Si attiva localmente sul dispositivo tramite data-crm-graphics="lite".
 */
html[data-crm-graphics="lite"] {
  scroll-behavior: auto !important;
}

html[data-crm-graphics="lite"][data-bs-theme="blue-theme"] body {
  animation: none !important;
  background-attachment: scroll !important;
  background-position: 4% 100%, 100% 88%, 88% 8%, 0 0, 50% 50% !important;
}

html[data-crm-graphics="lite"][data-bs-theme="blue-theme"] body::before,
html[data-crm-graphics="lite"][data-bs-theme="blue-theme"] body::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html[data-crm-graphics="lite"] .top-header .navbar,
html[data-crm-graphics="lite"] .top-header .navbar.topbar-scrolled,
html[data-crm-graphics="lite"] .top-header .navbar.sticky-header,
html[data-crm-graphics="lite"] .mobile-search-panel,
html[data-crm-graphics="lite"] .backdrop-blur {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html[data-crm-graphics="lite"] .top-header .navbar,
html[data-crm-graphics="lite"] .top-header .navbar.topbar-scrolled,
html[data-crm-graphics="lite"] .top-header .navbar.sticky-header {
  background: rgb(10, 16, 34) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 20px rgba(0, 0, 0, 0.16) !important;
}

html[data-crm-graphics="lite"] .sidebar-wrapper,
html[data-crm-graphics="lite"] .main-wrapper,
html[data-crm-graphics="lite"] .page-footer,
html[data-crm-graphics="lite"] .top-header .navbar {
  transition-duration: 0.01ms !important;
}

html[data-crm-graphics="lite"] [class^="login-"],
html[data-crm-graphics="lite"] [class*=" login-"] {
  animation-duration: 0.01ms !important;
  animation-delay: 0ms !important;
  animation-iteration-count: 1 !important;
}

html[data-crm-graphics="lite"] .login-scene::before,
html[data-crm-graphics="lite"] .login-scene::after,
html[data-crm-graphics="lite"] .login-core-wordmark::after {
  animation: none !important;
  filter: none !important;
}

html[data-crm-graphics="lite"] .login-core-wordmark {
  animation: none !important;
  filter: none !important;
  text-shadow:
    0 0 5px rgba(255, 255, 255, 0.72),
    0 0 12px rgba(56, 189, 248, 0.38) !important;
}

html[data-crm-graphics="lite"] .login-hero,
html[data-crm-graphics="lite"] .login-panel,
html[data-crm-graphics="lite"] .login-signal-pill,
html[data-crm-graphics="lite"] .login-float-card {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}

html[data-crm-graphics="lite"] .delivery-card,
html[data-crm-graphics="lite"] .dashboard-analytics-card {
  content-visibility: auto;
  contain-intrinsic-size: auto 320px;
}

@media (prefers-reduced-motion: reduce) {
  [class^="login-"],
  [class*=" login-"] {
    animation-duration: 0.01ms !important;
    animation-delay: 0ms !important;
    animation-iteration-count: 1 !important;
  }
}