/* NewAPI dashboard light-theme override
   Only apply when the page is explicitly in light mode.
   This avoids breaking dark mode when the runtime toggles theme via html attrs/classes.
*/

html:not(.dark):not(.theme-dark):not([data-theme='dark']) body:not(.dark):not(.theme-dark):not(.dark-mode):not([theme-mode='dark']) {
  background: #f5f6f8 !important;
}

html:not(.dark):not(.theme-dark):not([data-theme='dark']) body:not(.dark):not(.theme-dark):not(.dark-mode):not([theme-mode='dark']) .semi-layout-content,
html:not(.dark):not(.theme-dark):not([data-theme='dark']) body:not(.dark):not(.theme-dark):not(.dark-mode):not([theme-mode='dark']) main,
html:not(.dark):not(.theme-dark):not([data-theme='dark']) body:not(.dark):not(.theme-dark):not(.dark-mode):not([theme-mode='dark']) [class*="mt-[60px]"] {
  background: transparent !important;
}

html:not(.dark):not(.theme-dark):not([data-theme='dark']) body:not(.dark):not(.theme-dark):not(.dark-mode):not([theme-mode='dark']) .semi-card,
html:not(.dark):not(.theme-dark):not([data-theme='dark']) body:not(.dark):not(.theme-dark):not(.dark-mode):not([theme-mode='dark']) .semi-table,
html:not(.dark):not(.theme-dark):not([data-theme='dark']) body:not(.dark):not(.theme-dark):not(.dark-mode):not([theme-mode='dark']) .semi-table-container,
html:not(.dark):not(.theme-dark):not([data-theme='dark']) body:not(.dark):not(.theme-dark):not(.dark-mode):not([theme-mode='dark']) .semi-tabs-content {
  background: rgba(255, 255, 255, 0.92) !important;
}