/* === OEE Global Dashboard Theme Overrides === */
#oee,
#oee * {
  -webkit-tap-highlight-color: transparent;
}

/* Kill all toolbar/subheader/whiteframe/backgrounds (and their wrappers) */
#oee .md-toolbar,
#oee md-toolbar,
#oee .md-subheader,
#oee md-subheader,
#oee .md-toolbar-tools,
#oee .md-subheader ._md-subheader-inner,
#oee .md-toolbar .md-toolbar-tools,
#oee .md-card-title,
#oee md-card-title,
#oee .md-whiteframe-1dp,
#oee .md-whiteframe-2dp,
#oee .md-whiteframe-3dp,
#oee .md-whiteframe-z1,
#oee .md-whiteframe-z2,
#oee .md-whiteframe-z3 {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Angular Material often paints via pseudo-elements */
#oee .md-toolbar::before,
#oee .md-toolbar::after,
#oee .md-subheader::before,
#oee .md-subheader::after,
#oee md-toolbar::before,
#oee md-toolbar::after,
#oee md-subheader::before,
#oee md-subheader::after {
  content: none !important;
  display: none !important;
}

/* If Node-RED adds md-default-theme on parent, out-specificy it */
.md-default-theme #oee .md-toolbar,
.md-default-theme #oee .md-subheader,
.md-default-theme #oee .md-toolbar-tools,
.md-default-theme #oee .md-card-title {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Normalize our headings everywhere */
#oee h1.page-title,
#oee h2.section-title,
#oee .panel-title,
#oee h2.md-subheader,
#oee h2.panel-title {
  color: var(--text) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Safety: strip any inline background styles at render-time (class hook below) */
