/* Dark Mode Override CSS - Loads after all other CSS files */
/* This ensures dark mode styles override original template CSS */
/* Maximum specificity to override original CSS */

html.uc-dark body,
html.uc-dark body.bg-white,
html.uc-dark body.text-gray-900,
html.uc-dark body.panel,
html.uc-dark .uni-body,
html.uc-dark .uni-body.bg-white,
html.uc-dark .uni-body.text-gray-900,
html.uc-dark .uni-body.panel,
html.uc-dark .wrap,
html.uc-dark #wrapper,
html.uc-dark #app,
html.uc-dark #app > div,
html.uc-dark .section,
html.uc-dark .section-outer,
html.uc-dark .section-inner,
html.uc-dark .section-content,
html.uc-dark .panel,
html.uc-dark .container,
html.uc-dark .container.max-w-xxl,
html.uc-dark .row,
html.uc-dark [class*='col-'],
html.uc-dark .card,
html.uc-dark .card-body {
  /* background-color: #000000 !important; */
  color: #e5e7eb !important;
}

html.uc-dark .bg-white,
html.uc-dark body.bg-white,
html.uc-dark .uni-body.bg-white {
  background-color: #000000 !important;
}

html.uc-dark .text-gray-900,
html.uc-dark .text-dark, /* Commented out - using .text-dark from style.min.css instead */
html.uc-dark body.text-gray-900,
html.uc-dark .uni-body.text-gray-900 {
  color: #101011 !important;
}

html.uc-dark .bg-gray-25,
html.uc-dark .bg-gray-100 {
  background-color: #1f2937 !important;
}

html.uc-dark p,
html.uc-dark span,
html.uc-dark div,
html.uc-dark h1,
html.uc-dark h2,
html.uc-dark h3,
html.uc-dark h4,
html.uc-dark h5,
html.uc-dark h6,
html.uc-dark .h1,
html.uc-dark .h2,
html.uc-dark .h3,
html.uc-dark .h4,
html.uc-dark .h5,
html.uc-dark .h6 {
  color: #e5e7eb !important;
}