/* === OEE Global Dashboard Theme Overrides === */

/* General touch highlight cleanup */
#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;
}

/* Ensure any md-content wrappers don't reintroduce elevation */
#oee md-content,
#oee .md-content {
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
}

/* === Final tier override — covers wrappers and late-injected inline styles === */
:root md-toolbar,
:root .md-toolbar,
:root md-subheader,
:root .md-subheader,
:root .md-toolbar-tools,
:root .md-card-title,
:root .panel-title,
:root h2.md-subheader,
:root h2.panel-title {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border: none !important;
	color: var(--text) !important;
}

/* Catch any Node-RED containers outside #oee */
body > md-content,
body > md-content > md-content,
.nr-dashboard-template md-content {
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
}

/* Global fail-safe: strip any inline background styles */
[style*="background"],
[style*="background-color"] {
	background: transparent !important;
	background-color: transparent !important;
}