/* ====================================================== */
/* CSS for control sap.ui.integration.controls/Microchart */
/* Base theme                                             */
/* ====================================================== */


.sapUiIntMicrochartValue {
	&Neutral {
		color: @sapUiNeutralText;
	}

	&Good {
		color: @sapUiPositiveText;
	}

	&Error {
		color: @sapUiNegativeText;
	}

	&Critical {
		color: @sapUiCriticalText;
	}
}

.sapUiIntMicrochartChartWrapper {
	min-height: 1rem;
	max-height: 3rem;
	display: flex;
	align-items: center;
	justify-content: space-between;

	.sapUiIntMicrochartChart {
		flex-grow: 1;
		.sapUiIntMicrochartChartInner {
			height: 100%;
		}
	}
}

.sapUiIntMicrochartInHeader.sapUiIntMicrochartChartWrapper {
	flex-grow: 1;
	margin-top: 0.5rem;
	max-width: 8.5rem;
	min-width: 5rem;

	&:has(.sapUiIntMicrochartSizeS) {
		max-height: 3.5rem;
		margin-top: 0.25rem;
		max-width: 8.25rem;

		&:has(.sapMSLIInfo) {
			max-width: 13rem;
		}
	}
	.sapUiIntMicrochartSizeS {
		height: 3.5rem;
	}

	&:only-child {
		max-width: 100%;
	}
}