/* Remove all borders from sections and cards — EXCLUDE landing page */
.section:not([data-landing] *),
div[class="section"]:not([data-landing] *),
div[class*="section"]:not([data-landing] *),
div[class*="Section"]:not([data-landing] *),
.card:not([data-landing] *),
div[class*="Card"]:not([data-landing] *),
div[class*="panel"]:not([data-landing] *),
div[class*="Panel"]:not([data-landing] *),
div[class*="box"]:not([data-landing] *),
div[class*="Box"]:not([data-landing] *),
div[class="container"]:not([data-landing] *),
div[class="tabContent"]:not([data-landing] *),
div[class*="form"]:not([data-landing] *),
div[class*="Form"]:not([data-landing] *),
.tabContent > div:not([data-landing] *),
.container > div:not([data-landing] *),
.placeholderContent:not([data-landing] *),
.maintenanceItem:not([data-landing] *),
.error:not([data-landing] *),
.statusCard:not([data-landing] *) {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove borders from pseudo-elements — EXCLUDE landing page */
.section:not([data-landing] *)::before,
.section:not([data-landing] *)::after,
div[class="section"]:not([data-landing] *)::before,
div[class="section"]:not([data-landing] *)::after,
div[class*="section"]:not([data-landing] *)::before,
div[class*="section"]:not([data-landing] *)::after,
div[class*="Section"]:not([data-landing] *)::before,
div[class*="Section"]:not([data-landing] *)::after,
.card:not([data-landing] *)::before,
.card:not([data-landing] *)::after,
div[class*="Card"]:not([data-landing] *)::before,
div[class*="Card"]:not([data-landing] *)::after,
div[class*="panel"]:not([data-landing] *)::before,
div[class*="panel"]:not([data-landing] *)::after,
div[class*="Panel"]:not([data-landing] *)::before,
div[class*="Panel"]:not([data-landing] *)::after,
div[class*="box"]:not([data-landing] *)::before,
div[class*="box"]:not([data-landing] *)::after,
div[class*="Box"]:not([data-landing] *)::before,
div[class*="Box"]:not([data-landing] *)::after,
div[class="container"]:not([data-landing] *)::before,
div[class="container"]:not([data-landing] *)::after,
div[class="tabContent"]:not([data-landing] *)::before,
div[class="tabContent"]:not([data-landing] *)::after {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove borders from section titles and headings — EXCLUDE landing page */
.sectionTitle:not([data-landing] *),
h1:not([data-landing] *), h2:not([data-landing] *), h3:not([data-landing] *), h4:not([data-landing] *), h5:not([data-landing] *), h6:not([data-landing] *),
div[class*="section"]:not([data-landing] *) h1,
div[class*="section"]:not([data-landing] *) h2,
div[class*="section"]:not([data-landing] *) h3,
div[class*="section"]:not([data-landing] *) h4,
div[class*="section"]:not([data-landing] *) h5,
div[class*="section"]:not([data-landing] *) h6,
div[class*="Section"]:not([data-landing] *) h1,
div[class*="Section"]:not([data-landing] *) h2,
div[class*="Section"]:not([data-landing] *) h3,
div[class*="Section"]:not([data-landing] *) h4,
div[class*="Section"]:not([data-landing] *) h5,
div[class*="Section"]:not([data-landing] *) h6,
.card:not([data-landing] *) h1,
.card:not([data-landing] *) h2,
.card:not([data-landing] *) h3,
.card:not([data-landing] *) h4,
.card:not([data-landing] *) h5,
.card:not([data-landing] *) h6,
div[class*="Card"]:not([data-landing] *) h1,
div[class*="Card"]:not([data-landing] *) h2,
div[class*="Card"]:not([data-landing] *) h3,
div[class*="Card"]:not([data-landing] *) h4,
div[class*="Card"]:not([data-landing] *) h5,
div[class*="Card"]:not([data-landing] *) h6,
div[class*="panel"]:not([data-landing] *) h1,
div[class*="panel"]:not([data-landing] *) h2,
div[class*="panel"]:not([data-landing] *) h3,
div[class*="panel"]:not([data-landing] *) h4,
div[class*="panel"]:not([data-landing] *) h5,
div[class*="panel"]:not([data-landing] *) h6,
div[class*="Panel"]:not([data-landing] *) h1,
div[class*="Panel"]:not([data-landing] *) h2,
div[class*="Panel"]:not([data-landing] *) h3,
div[class*="Panel"]:not([data-landing] *) h4,
div[class*="Panel"]:not([data-landing] *) h5,
div[class*="Panel"]:not([data-landing] *) h6,
div[class*="details"]:not([data-landing] *) h1,
div[class*="details"]:not([data-landing] *) h2,
div[class*="details"]:not([data-landing] *) h3,
div[class*="details"]:not([data-landing] *) h4,
div[class*="details"]:not([data-landing] *) h5,
div[class*="details"]:not([data-landing] *) h6,
div[class*="Details"]:not([data-landing] *) h1,
div[class*="Details"]:not([data-landing] *) h2,
div[class*="Details"]:not([data-landing] *) h3,
div[class*="Details"]:not([data-landing] *) h4,
div[class*="Details"]:not([data-landing] *) h5,
div[class*="Details"]:not([data-landing] *) h6,
div[class*="info"]:not([data-landing] *) h1,
div[class*="info"]:not([data-landing] *) h2,
div[class*="info"]:not([data-landing] *) h3,
div[class*="info"]:not([data-landing] *) h4,
div[class*="info"]:not([data-landing] *) h5,
div[class*="info"]:not([data-landing] *) h6,
div[class*="Info"]:not([data-landing] *) h1,
div[class*="Info"]:not([data-landing] *) h2,
div[class*="Info"]:not([data-landing] *) h3,
div[class*="Info"]:not([data-landing] *) h4,
div[class*="Info"]:not([data-landing] *) h5,
div[class*="Info"]:not([data-landing] *) h6 {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding-bottom: 8px !important;
}

/* Ensure consistent blue theme background for entire page */
html, body, #root {
  background: linear-gradient(135deg, #0a0e17 0%, #1a1f2e 100%) !important;
  min-height: 100vh !important;
  color: #ffffff !important;
}

/* ============================================
   LANDING PAGE EXCLUSIONS
   The [data-landing] attribute is set on the landing wrapper.
   All dark-theme overrides below MUST exclude landing page elements
   to allow the light theme to render correctly.
   ============================================ */

/* Landing page wrapper — reset the dark background inherited from html/body/#root */
[data-landing] {
  background: #FFFFFF !important;
  color: #1A2332 !important;
}

/* Ensure super admin dashboard has consistent blue theme background */
div[class*="dashboardContainer"],
div[class*="mainContent"],
div[class*="container"]:not([data-landing] *) {
  background: transparent !important;
}

/* Fix white-on-white text issues - exclude landing page elements */
div[class*="container"]:not([data-landing] *) div:not([data-landing] *),
div[class*="container"]:not([data-landing] *) span:not([data-landing] *),
div[class*="container"]:not([data-landing] *) p:not([data-landing] *),
div[class*="container"]:not([data-landing] *) h1:not([data-landing] *),
div[class*="container"]:not([data-landing] *) h2:not([data-landing] *),
div[class*="container"]:not([data-landing] *) h3:not([data-landing] *),
div[class*="container"]:not([data-landing] *) h4:not([data-landing] *),
div[class*="container"]:not([data-landing] *) h5:not([data-landing] *),
div[class*="container"]:not([data-landing] *) h6:not([data-landing] *),
div[class*="container"]:not([data-landing] *) label:not([data-landing] *) {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Only override cards that don't already have proper styling — exclude landing page */
div[class*="card"]:not([data-landing] *):not([class*="Card"]),
div[class*="panel"]:not([data-landing] *):not([class*="Panel"]) {
  background: rgba(13, 18, 30, 0.9) !important;
  color: #ffffff !important;
  border: 1px solid rgba(0, 229, 255, 0.2) !important;
  border-radius: 8px !important;
}

/* Fix input and form elements for blue theme — exclude landing page */
input:not([data-landing] *):not([class*="Input"]):not([class*="input"]),
select:not([data-landing] *):not([class*="Select"]):not([class*="select"]),
textarea:not([data-landing] *):not([class*="Textarea"]):not([class*="textarea"]) {
  background: rgba(13, 18, 30, 0.7) !important;
  color: #ffffff !important;
  border: 1px solid rgba(0, 229, 255, 0.2) !important;
}

input:not([data-landing] *):not([class*="Input"]):not([class*="input"])::placeholder,
textarea:not([data-landing] *):not([class*="Textarea"]):not([class*="textarea"])::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Fix table styling for blue theme — exclude landing page */
table:not([data-landing] *):not([class*="Table"]):not([class*="table"]),
table:not([data-landing] *):not([class*="Table"]):not([class*="table"]) th,
table:not([data-landing] *):not([class*="Table"]):not([class*="table"]) td {
  background: rgba(13, 18, 30, 0.9) !important;
  color: #ffffff !important;
  border-color: rgba(0, 229, 255, 0.1) !important;
}