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

.sapUiIntMicrochartValue {

	&Neutral {
		color: var(--sapNeutralTextColor);
	}

	&Good {
		color: var(--sapPositiveTextColor);
	}

	&Error {
		color: var(--sapNegativeTextColor);
	}

	&Critical {
		color: var(--sapCriticalTextColor);
	}
}

.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;
	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%;
	}
}