/*
 * Scholar BI shared UI components.
 *
 * Keep cross-page component rules here instead of embedding them in the PHP
 * header. Page-specific layout rules must stay scoped to their page.
 */

/*
 * Prevent the native select from flashing before Select2 finishes enhancing it.
 * The original control keeps its layout space; if Select2 does not initialize,
 * the fallback animation makes the native control visible after 1.5 seconds.
 */
@keyframes scholar-select2-native-fallback {
	to {
		visibility: visible;
	}
}

html body .page-content select[data-placeholder]:not(.select2-hidden-accessible) {
	visibility: hidden;
	animation: scholar-select2-native-fallback 0s linear 1.5s forwards;
}

html body .btn.green-haze,
html body .btn.green-haze:not(.btn-outline),
html body .btn.btn-outline.green-haze,
html body .btn.green-haze:hover,
html body .btn.green-haze:focus,
html body .btn.green-haze:active,
html body .btn.green-haze.active,
html body button.green-haze,
html body input.green-haze {
	background: linear-gradient(135deg, #ff9d00, #f36a00) !important;
	border: 1px solid #b54700 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	box-shadow: none !important;
}

html body .btn.green-haze *,
html body .btn.green-haze *::before,
html body .btn.green-haze *::after,
html body button.green-haze * {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

/*
 * Report controls, KPIs and shortcut buttons deliberately inherit the
 * original page/theme CSS.  Do not normalize them here: many reports use
 * page-specific Select2 highlights, dashboard-stat colors and btn-circle
 * palettes that carry business meaning.
 */
html body #filtreleForm .select2-container .select2-selection {
	background-color: #fff1f1;
}

html body #filtreleForm .select2-container .select2-selection__rendered,
html body #filtreleForm .select2-container .select2-selection__placeholder,
html body #filtreleForm .select2-container .select2-search__field,
html body #filtreleForm .select2-container .select2-search__field::placeholder,
html body #filtreleForm .form-control,
html body #filtreleForm .form-control::placeholder {
	color: #000 !important;
	-webkit-text-fill-color: #000 !important;
	font-weight: 900 !important;
	opacity: 1 !important;
}