/* ======================================= */
/* CSS for control sap.ushell/DynamicTile  */
/* Quartz Dark theme                       */
/* ======================================= */

.sapUshellDynamicTile {
	/* Colors for displaying dynamic tile contents (esp. large numbers, arrows, text)
	note: these values are different than the ones specified in TileBase */
	.sapUshellDynamicTileData {

		&.sapUshellDynamicTileDataNegative {
			color: var(--sapChart_Bad);

			.sapUshellDynamicTileDataUp {
				border-bottom-color: var(--sapChart_Bad);
			}

			.sapUshellDynamicTileDataDown {
				border-top-color: var(--sapChart_Bad);
			}
		}

		&.sapUshellDynamicTileDataNeutral {
			color: var(--sapChart_Neutral);

			.sapUshellDynamicTileDataUp {
				border-bottom-color: var(--sapChart_Neutral);
			}

			.sapUshellDynamicTileDataDown {
				border-top-color: var(--sapChart_Neutral);
			}
		}

		&.sapUshellDynamicTileDataPositive {
			color: var(--sapChart_Good);

			.sapUshellDynamicTileDataUp {
				border-bottom-color: var(--sapChart_Good);
			}

			.sapUshellDynamicTileDataDown {
				border-top-color: var(--sapChart_Good);
			}
		}

		&.sapUshellDynamicTileDataCritical {
			color: var(--sapChart_Critical);

			.sapUshellDynamicTileDataUp {
				border-bottom-color: var(--sapChart_Critical);
			}

			.sapUshellDynamicTileDataDown {
				border-top-color: var(--sapChart_Critical);
			}
		}
	}
}

.sapUiMedia-Std-Desktop,
.sapUiMedia-Std-Tablet {

	.sapUshellDynamicTile{

		/* the number */
		.sapUshellDynamicTileNumber {
			font-size: @_sap_ushell_DynamicTile_NumberFontSizeDesktop;
			font-weight: normal;
		}
		/* the scaling factor for the number */
		.sapUshellDynamicTileNumberFactor {
			font-weight: normal;
			font-size: @_sap_ushell_DynamicTile_NumberFactorFontSizeDesktop;
		}
	}

	.sapUshellDynamicTileStateArrow {

		/* Desktop */
		&.sapUshellDynamicTileDataUp,
		&.sapUshellDynamicTileDataDown {
			font-size: @_sap_ushell_DynamicTile_NumberFontSizeDesktop;
		}
	}
}

.sapUiMedia-Std-Phone {

	.sapUshellDynamicTile {

		/* Phone */
		/* the number */
		.sapUshellDynamicTileNumber {
			font-size:   @_sap_ushell_DynamicTile_NumberFontSizePhone;
			font-weight: normal;
		}

		/* the scaling factor for the number */
		.sapUshellDynamicTileNumberFactor {
			font-weight: normal;
			font-size:   @_sap_ushell_DynamicTile_NumberFactorFontSizePhone;
		}
	}
}