/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */

/*!
 * OpenUI5
 * (c) Copyright 2026 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */

@import "../../../../../../Base/baseLib/baseTheme/base.less"; /* ORIGINAL IMPORT PATH: "../../../../../sap/ui/core/themes/base/base.less" */

@import "../../../../../sap/ui/core/themes/base/global.less";

/* START "ActionsStrip.less" */
/* ====================================================== */
/* CSS for control sap.ui.integration.controls/ActionsStrip */
/* Base theme                                             */
/* ====================================================== */

.sapUiIntActionsStrip {
	display: flex;
	align-items: center;
	flex: 1;
	min-width: 0;

	.sapMIBar {
		flex: 1;
		padding: 0;
	}

	.sapMBarChild:first-child {
		margin-left: 0;
	}

	.sapMLabel {
		font-weight: normal;
		font-family: @sapUiFontFamily;
		color: @sapUiContentLabelColor;
	}
}
/* END "ActionsStrip.less" */

/* START "AdaptiveCard.less" */
/* ====================================================== */
/* CSS for control sap.ui.integration.AdaptiveCard */
/* Base theme                                             */
/* ====================================================== */

.ac-actionSet {
    padding: 0.125rem;
}
/* END "AdaptiveCard.less" */

/* START "AnalyticsCloudContent.less" */
/* =========================================================== */
/* CSS for control sap.ui.integration.controls/AnalyticsCloudContent */
/* Base theme                                                  */
/* =========================================================== */

.sapFCard {
	.sapFCardContent:has(.sapFCardAnalyticsCloudContent),
	.sapFCardAnalyticsCloudContent {
		overflow: visible;
	}

	.sapUiIntAnalyticsCloudContentContainer {
		height: 100%;
		width: 100%;

		&>div {
			border-bottom-left-radius: 0.95rem;
			border-bottom-right-radius: 0.95rem;
		}
	}
}

/* END "AnalyticsCloudContent.less" */

/* START "BlockingMessage.less" */
/* =========================================================== */
/* CSS for control sap.ui.integration.controls/BlockingMessage */
/* Base theme                                                  */
/* =========================================================== */

.sapUiIntBlockingMsg {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
/* END "BlockingMessage.less" */

/* START "CalendarContent.less" */
/* =========================================================== */
/* CSS for control sap.ui.integration.controls/CalendarContent */
/* Base theme                                                  */
/* =========================================================== */

.sapFCardCalendarContent .sapFCalCard {
	padding: 1rem;
	.sapUiCal:not(.sapUiCalInt) {
		width: 100%;
		padding: 0;
		min-height: 16.5rem;
		min-width: 16.5rem;
	}
	.sapUiCalMonthPicker,
	.sapUiCalYearPicker {
		left: 0;
		margin-left: 0;
	}
	.sapUiCal .sapUiCalMonthView {
		padding: 0;
	}

	.sapUiCalendarAppContainer {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		box-sizing: border-box;
		padding-right: 0;
	}

	.sapFCalCardLineSeparator {
		border-top: 0.0625rem solid @sapUiGroupContentBorderColor;
		margin-bottom: 1rem;
	}

	.sapUiCalendarAppContainer > .sapUiCalendarAppContainerLeft {
		padding: 0;
		width: 15%;
		margin: 0 0.75rem 0 0;
		.sapUiCalendarAppStart {
			font-size: @sapMFontMediumSize;
			color: @sapUiBaseText;
			text-align: right;
		}
		.sapUiCalendarAppEnd {
			font-size: @sapMFontSmallSize;
			color: @sapUiContentLabelColor;
			margin-top: 0.25rem;
			text-align: right;
		}
	}
	.sapUiCalendarAppContainer > .sapUiCalendarAppContainerRight {
		flex: 1 1 auto;
		margin-right: 0;
		width: 70%;
	}

	.sapFCalCardRightSide {
		display: flex;
		flex-direction: column;
		.sapFCalCardAppList{
			width: 100%
		}
		.sapMBtn {
			align-self: center;
		}
	}

	.sapUiCalendarAppContainer.sapUiCalendarAppCurrent > .sapUiCalendarAppContainerRight {
		position: relative;

		&::after {
			content: '';
			display: block;
			position: absolute;
			border: 2px solid @sapUiLegendCurrentDateTime;
			border-radius: 4px;
			top: -4px;
			left: -4px;
			bottom: -4px;
			right: -4px;
			pointer-events: none;
		}
	}

	.sapUiCalendarAppContainer > .sapUiCalendarAppContainerRight > .sapUiCalendarApp {
		margin: 0;
	}
	.sapUiCalLegMoreText {
		font-size: @sapMFontMediumSize;
		color: @sapUiLinkActive;
		margin-left: 0.25rem;
		&>.sapUiUnifiedLegendSquare {
			display: none;
		}
	}

	.sapFCalCardNoItemsText {
		line-height: 2rem;
		text-align: center;
		font-size: 0.9rem;
	}

	.sapUiUnifiedLegend {
		padding: 1rem 0.5rem;
	}

	.sapUiCalendarAppContainer > .sapUiCalendarAppContainerRight > .sapUiCalendarApp:not(.sapUiCalendarAppDisabled):active {
		.sapUiCalendarAppCont {
			.sapUiCalendarAppIcon:before,
			.sapUiCalendarAppTitleWrapper .sapUiCalendarAppTitle,
			.sapUiCalendarAppTitleWrapper .sapUiCalendarAppText{
				color: @sapUiContentSelectedTextColor;
			}
		}
	}

	.sapUiCalendarApp.sapUiCalendarAppDisabled.sapUiCalendarAppSel,
	.sapUiCalendarApp.sapUiCalendarAppDisabled:active,
	.sapUiCalendarApp.sapUiCalendarAppDisabled.sapUiCalendarAppSel:active{
		color: transparent;
		background-color: transparent;
	}

	.sapUiCalendarApp.sapUiCalendarAppDisabled {
		 cursor: auto;
	}
}

.sapUiSizeCompact {
	.sapFCardCalendarContent .sapFCalCard {
		.sapUiCalMonthPicker,
		.sapUiCalYearPicker {
			left: 0;
			margin-left: 0;
		}
	}
}

.sapFCalCard .sapMTBStandard {
	border-bottom: none;
}

.sapFCalCard .sapUiCalendarAppCont {
	height: 100%;
	display: flex;
}

// center vertically if it is title-only or text-only appointment
.sapFCalCard .sapUiCalendarAppOneLine {
	.sapUiCalendarAppIcon,
	.sapUiCalendarAppTitle,
	.sapUiCalendarAppText {
		height: 3rem;
		line-height: 3rem;
		padding-top: 0;
		padding-bottom: 0;
	}

	.sapUiCalendarAppIcon {
		top: 0;
	}
}

/* ======================================= */
/* Two columns                             */
/* ======================================= */

.sapFCardCalendarContent.sapMPCInCardTwoColumns {
	.sapFCalCardLayout {
		display: flex;
	}

	.sapFCalCardLineSeparator {
		display: none;
	}
	.sapFCalCardLeftSide,
	.sapFCalCardRightSide {
		width: 50%;
	}

	.sapFCalCardRightSide {
		display: flex;
		flex-direction: column;
		.sapFCalCardAppList{
			width: 100%
		}
		.sapMBtn {
			align-self: center;
		}
	}

	// visualize the start and end on top of the appointment content
	.sapUiCalendarAppContainer {
		flex-direction: column;

		.sapUiCalendarAppContainerLeft {
			width: 100%;
			margin: 0;
			padding: 0 0 0.0625rem 0;

			.sapUiCalendarAppStart,
			.sapUiCalendarAppEnd {
				display: inline-block;
				margin: 0;
				padding: 0;
			}

			.sapUiCalendarAppEnd {
				margin-left: 0.25rem;
			}
		}

		.sapUiCalendarAppContainerRight {
			width: 100%;
		}
	}
}

// adjust calendar card on small screen sizes (phone) or higner zoom factor
html.sapUiMedia-Std-Phone,
html.sapUiMedia-StdExt-Phone {
	.sapFCardCalendarContent .sapFCalCard {
		padding: 1rem 0.375rem;
		.sapMIBar.sapMTB .sapMBarChild ~ .sapMBarChild {
			margin-left: 0.125rem;
		}
	}
}

html.sapUiMedia-Std-Tablet,
html.sapUiMedia-StdExt-Tablet {
	.sapFCardCalendarContent .sapFCalCard {
		.sapMIBar.sapMTB .sapMBarChild ~ .sapMBarChild {
			margin-left: 0.25rem;
		}
	}
}

.sapFCardCalendarContent .sapFCalCard {
	.sapUiCalMonthPicker,
	.sapUiCalYearPicker {
		width: auto;
	}
}



/* END "CalendarContent.less" */

/* START "Card.less" */
/* =============================================== */
/* CSS for control sap.ui.integration.widgets/Card */
/* Base theme                                      */
/* ================================================*/

.sapUiIntCard {
	min-height: 5rem;
}

.sapUiIntCardDialog {
	.sapMDialogSection,
	.sapMDialogScroll,
	.sapMDialogScrollCont,
	.sapUiIntCard {
		/* allows scrolling inside the card content instead of dialog content */
		max-height: inherit;
	}

	.sapUiIntCard {
		border-radius: @sapUiElementBorderCornerRadius;

		.sapFCardHeader {
			box-shadow: @sapUiContentHeaderShadow;
		}

		&:has(.sapFCardFilterBar) .sapFCardHeader {
			box-shadow: unset;
		}

		.sapFCardFilterBar {
			border-bottom: none;
			box-shadow: @sapUiContentHeaderShadow;
		}

		.sapFCardContent {
			overflow: auto;
		}

		.sapFCardObjectContent>.sapMVBox {
			padding-bottom: 1rem;
		}

		.sapFCardFooter {
			border-top: 1px solid @sapUiPageFooterBorderColor;
			padding-top: 0.25rem;
			padding-bottom: 0.25rem;
		}
	}

	&.sapMDialog:not(.sapUiResponsiveContentPadding):not(.sapUiContentPadding) .sapMDialogScroll {
		padding-bottom: 0px;
		padding-top: 0px;
	}
}

.sapFCard.sapUiIntCardWithFooter .sapFCardContent {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.sapFCard.sapUiIntCardStandard .sapFCardHeaderBanner {
	/* the banner feature is not yet available for standard card variant */
	display: none!important;
}

.sapUiIntCardCustomImage {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
}

.sapMIllustratedMessageMainContent:has(.sapUiIntCardCustomImage) svg {
	visibility: hidden;
}



/* END "Card.less" */

/* START "CardTileVariant.less" */
/* =============================================================== */
/* CSS for control sap.ui.integration.widgets/Card in Tile Variant */
/* Base theme                                                      */
/* ================================================================*/
.sapFCard.sapUiIntCardTileStandard,
.sapFCard.sapUiIntCardTileStandardWide,
.sapFCard.sapUiIntCardTileFlat,
.sapFCard.sapUiIntCardTileFlatWide {
	.sapFCardHeader {
		height: 100%;
		position: relative;
		padding: 0;

		&.sapFCardHeaderHasToolbar {

			// Always hide toolbar for tiles
			.sapFCardHeaderToolbarCont {
				display: none;
			}

			.sapFCardHeaderText {
				margin-inline-end: 0;
			}
		}

		.sapFCardDataTimestamp,
		.sapFCardStatus {
			display: none;
		}

		.sapFCardHeaderMainPart {
			padding: 1rem;
			box-sizing: border-box;
			flex-direction: column;
			justify-content: space-between;
			height: 100%;
			text-decoration: none;
		}

		.sapFCardHeaderText {
			justify-content: flex-start;
		}

		&.sapFCardNumericHeader {
			.sapFCardHeaderMainPart .sapFCardSubtitle {
				align-items: flex-start;
			}

			.sapFCardAvatarAndIndicatorsLine {
				display: flex;
				align-items: center;
				overflow: hidden;
		
				.sapFCardIcon.sapFAvatar {
					margin-top: 0.5rem;
					margin-right: 0;
				}
			}
		}
	}

	&.sapFCardNoContent .sapFCardHeader.sapFCardHeaderMainPartOnly .sapFCardHeaderMainPart {
		align-items: unset;
	}
}

.sapFCard.sapUiIntCardTileFlat,
.sapFCard.sapUiIntCardTileFlatWide {
	.sapFCardHeader {

		.sapFCardHeaderMainPart {
			padding: 1rem 1rem 0.75rem;
		}

		.sapFCardHeaderText {
			justify-content: flex-start;
		}

		.sapFCardIcon.sapFAvatar {
			margin: 0;
		}

		.sapFCardIcon.sapFAvatarXS.sapFAvatarColorTransparent .sapUiIcon {
			font-size: 1.75rem;
		}

		&.sapFCardHeaderHasIcon,
		&.sapFCardHeaderHasNumber {
			.sapFCardSubtitle,
			.sapFCardUnitOfMeasurement {
				display: none;
			}
		}

		&.sapFCardNumericHeader {
			.sapFCardHeaderMainPart {
				padding: 1rem 1rem 0.75rem;
			}

			.sapFCardHeaderDetailsWrapper {
				display: none;
			}

			.sapFCardAvatarAndIndicatorsLine {
				.sapFCardIcon.sapFAvatar {
					margin: 0;
				}

				.sapFCardNumericIndicators {
					margin: 0;
					align-items: center;

					.sapMNC {
						margin: 0;

						.sapMNCValue > .sapMNCLargeFontSize {
							padding: 0;
							height: 1.75rem;
						}

						.sapMNCValue.WithoutMargin {
							justify-content: start;
						}

						.sapMNCIndScale {
							margin-left: 0.125rem;
							padding: 0rem;
						}
					}

					.sapFCardNumericIndicatorsSide {
						margin: 0;
						padding: 0;
					}
				}
			}

			&.sapFCardHeaderHasNumber .sapFCardIcon.sapFAvatarXS.sapFAvatarColorTransparent .sapUiIcon {
				font-size: 1.5rem;
			}
		}

		.sapFCardHeaderBanner {
			position: absolute;
			bottom: 0.75rem;;
			right: 1.125rem;
		}

		.sapMIllustratedMessage {
			padding: 0;
			.sapMTitle {
				font-size: 0.875rem;
			}
			.sapMIllustratedMessageDescription {
				font-size: 0.75rem;
			}
		}
	}
}

.sapFCard.sapUiIntCardTileStandard,
.sapFCard.sapUiIntCardTileFlat {
	.sapFCardHeader .sapFCardNumericIndicatorsSide {
		display: none;
	}
}

.sapFCard.sapUiIntCardTileFlat .sapFCardHeaderBanner {
	/* there is no space for banner in 2x1 tile */
	display: none;
}

/* END "CardTileVariant.less" */

/* START "CustomElementBase.less" */
/* ======================================== */
/* CSS for control sap.ui.integration/Base  */
/* Base theme                               */
/* ======================================== */

ui-integration-card {
	display: inline-block;
	width: 100%;

	& > div[data-sap-ui-area] {
		height: 100%;
		width: 100%;
	}
}
/* END "CustomElementBase.less" */

/* START "CustomElementCard.less" */
/* ======================================== */
/* CSS for control sap.ui.integration/Card  */
/* Base theme                               */
/* ======================================== */

ui-integration-card {
	.sapFCard {
		height: 100%;
	}
}
/* END "CustomElementCard.less" */

/* START "Paginator.less" */
/* ====================================================== */
/* CSS for control sap.ui.integration.controls/Paginator */
/* Base theme                                             */
/* ====================================================== */

@_sap_ui_integration_Paginator_IconOutlineOffset: -3px;
@_sap_ui_integration_Paginator_BulletActiveBackground: @sapUiSelected;
@_sap_ui_integration_Paginator_BulletActiveBorder: @_sap_ui_integration_Paginator_BulletActiveBackground;

@_sap_ui_integration_Paginator_BulletInactiveBackground: @sapUiContentNonInteractiveIconColor;
@_sap_ui_integration_Paginator_BulletInactiveBorderColor: @sapUiContentNonInteractiveIconColor;
@_sap_ui_integration_Paginator_BulletInactiveHoverBackground: none;

@_sap_ui_integration_Paginator_BulletInactiveWidth: 0.25rem;
@_sap_ui_integration_Paginator_BulletInactivePadding: 0.375rem;

.sapUiIntPaginator {
	.sapMCrslControls {
		.sapMCrslControlsContainer {
			margin: 0;
		}

		.sapMCrslPrev,
		.sapMCrslNext {
			background: none;
			border: none;
			transition: opacity 0.25s ease-out;
		}

		.sapUiIcon {
			pointer-events: auto;
			border-radius: 50%;
			background-color: @sapUiButtonBackground;
			border: 1px solid @sapUiButtonBorderColor;

			outline-offset: @_sap_ui_integration_Paginator_IconOutlineOffset;

			&:focus {
				outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
			}
		}

		.sapUiIcon:hover {
			background: @sapUiButtonHoverBackground;
		}

		.sapUiIcon:active {
			background: @sapUiButtonActiveBackground;
			color: @sapUiButtonActiveTextColor;
		}

		.sap-desktop & {
			.sapMCrslPrev,
			.sapMCrslNext {
				opacity: 0;
			}
		}

		.sap-desktop &:hover,
		.sap-desktop &:focus-within {
			.sapMCrslPrev,
			.sapMCrslNext {
				opacity: 1;
			}
		}

		.sapMCrslBulleted > span {
			transition: margin 0.2s, padding 0.2s, width 0.2s, height 0.2s;
			content: "";
			box-sizing: border-box;
			display: block;
			width: @_sap_ui_integration_Paginator_BulletInactiveWidth;
			height: @_sap_ui_integration_Paginator_BulletInactiveWidth;
			border-radius: 50%;
			background-color: @_sap_ui_integration_Paginator_BulletInactiveBackground;
			border: 1px solid @_sap_ui_integration_Paginator_BulletInactiveBorderColor;

			&.sapMCrslActive {
				padding: 0.1875rem;
				width: 0.5rem;
				height: 0.5rem;
				background-color: @_sap_ui_integration_Paginator_BulletActiveBackground;
				border: 1px solid @_sap_ui_integration_Paginator_BulletActiveBorder;
			}

			&:not(.sapMCrslActive) {
				cursor: pointer;

				&:hover {
					padding: 0.1875rem;
					margin: 0 0.25rem;
					background-color: @_sap_ui_integration_Paginator_BulletInactiveHoverBackground;
					width: 0.5rem;
					height: 0.5rem;
				}
			}
		}
	}
}

.sapUiIntCard  {
	.sapFCardContentCloned {
		position: absolute;
		left: 0;
		right: 0;
	}

	.sapFCardContentTransition {
		transition: transform 0.4s linear;
	}

	.sapFCardContentOriginal,
	.sapFCardContentCloned.sapFCardContentTransition.sapFCardContentReverseAnim {
		transform: translate(0, 100%);
	}

	.sapFCardContentOriginal.sapFCardContentReverseAnim,
	.sapFCardContentCloned.sapFCardContentTransition {
		transform: translate(0, -100%);
	}

	.sapFCardContentOriginal.sapFCardContentTransition {
		transform: translate(0, 0);
	}
}
/* END "Paginator.less" */

/* START "Footer.less" */
/* ====================================================== */
/* CSS for control sap.ui.integration.cards/Footer */
/* Base theme                                             */
/* ====================================================== */

.sapFCardFooter {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
/* END "Footer.less" */

/* START "ImageWithOverlay.less" */
/* ============================================================ */
/* CSS for control sap.ui.integration.controls/ImageWithOverlay */
/* Base theme                                                   */
/* ============================================================ */

.sapUiIntImageWithOverlay {
	display: flex;

	.sapUiIntImgWithOverlayImg {
		width: 100%;
		height: 100%;
	}

	.sapUiIntImgWithOverlayLayout {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 1rem;
		height: 100%;
		opacity: 0;

		.sapMText {
			line-height: 1.5rem;

			&.sapUiIntImgWithOverlayTitle {
				font-size:  1.75rem;
				line-height: 1.75rem;
				font-weight: 900;
			}
		}
	}

	&.sapUiIntImageWithOverlayPaddingMediumStart .sapUiIntImgWithOverlayLayout {
		padding-inline-start: @sapUiMarginMedium;
	}
}

.sapFCardObjectGroup {
	.sapUiIntImageWithOverlay.sapFCardObjectImageFullWidth.sapFCardObjectImage:only-child {
		height:  ~"calc(100% + 32px)";
	}

	.sapUiIntImageWithOverlay:not(.sapFCardObjectImageFullWidth):only-child .sapUiIntImgWithOverlayImg {
		max-height: 100%;
	}
}

.sapUiIntImgWithOverlayLoaded .sapUiIntImgWithOverlayLayout {
	animation: sapUiInImgWithOverlayFadeInAnimation ease 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: 500ms;
}

@keyframes sapUiInImgWithOverlayFadeInAnimation {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.sapUiIntImageWithOverlay.sapUiIntImgWithOverlayNoAnimation .sapUiIntImgWithOverlayLayout {
	opacity: 1;
}
/* END "ImageWithOverlay.less" */

/* START "LinkWithIcon.less" */
/* =========================================================== */
/* CSS for control sap.ui.integration.controls/LinkWithIcon */
/* Base theme												  */
/* =========================================================== */

.sapUiIntCardLinkWithIcon.sapMLnk>.sapUiIcon {
	cursor: inherit;
	margin-right: 0.5rem;
	line-height: 1rem;
	vertical-align: text-bottom;
}

/* END "LinkWithIcon.less" */

/* START "ListContentItem.less" */
/* =========================================================== */
/* CSS for control sap.ui.integration.controls/ListContentItem */
/* Base theme                                                  */
/* =========================================================== */

@_sap_ui_integration_ListContentItem_BottomBorderHeight: 1px;
@_sap_ui_integration_ListContentItem_TextShadow: 0 0 @sapUiListTextColor;

.sapUiIntLCI {
	padding: unset;

	// apply the padding to the contents, to prevent clipping when buttons are hovered for example, due to overflow
	.sapUiIntLCIContent > * {
		padding: 0 1rem;
	}

	&.sapUiIntLCIOneLine .sapUiIntLCIIconAndLines {
		height: calc(2.75rem ~"-" @_sap_ui_integration_ListContentItem_BottomBorderHeight);
		align-items: center
	}

	&.sapUiIntLCIOneLine.sapUiIntLCIWithActionsStrip .sapUiIntLCIIconAndLines {
		height: 2.75rem;
	}

	&.sapUiIntLCITwoLines .sapUiIntLCIIconAndLines,
	&.sapUiIntLCIOneLine.sapUiIntLCIThumbnail .sapUiIntLCIIconAndLines {
		height: calc(5rem ~"-" @_sap_ui_integration_ListContentItem_BottomBorderHeight);
		align-items: center
	}

	&.sapUiIntLCITwoLines.sapUiIntLCIWithActionsStrip .sapUiIntLCIIconAndLines,
	&.sapUiIntLCIOneLine.sapUiIntLCIThumbnail.sapUiIntLCIWithActionsStrip .sapUiIntLCIIconAndLines {
		height: 5rem;
	}

	&.sapUiIntLCIMultipleLines {
		padding-top: 1rem;
		padding-bottom: calc(1rem ~"-" @_sap_ui_integration_ListContentItem_BottomBorderHeight);

		.sapUiIntActionsStrip {
			margin-top: 0.5rem;
		}
	}

	&.sapUiIntLCITwoLines,
	&.sapUiIntLCIMultipleLines {
		.sapUiIntLCITitleWrapper {
			margin-bottom: 0.25rem;
		}
	}


	&.sapUiIntLCIWithActionsStrip {
		padding-bottom: calc(0.5rem ~"-" @_sap_ui_integration_ListContentItem_BottomBorderHeight);
	}

	.sapUiIntLCIIconAndLines {
		display: flex;

		> .sapFCardIcon {
			flex-shrink: 0;
		}

		.sapUiIntLCILines {
			flex: 1;
			overflow: hidden;
			display: flex;
			flex-direction: column;
			row-gap: 0.5rem;
			justify-content: center;

			.sapUiIntLCIAttrRow {
				display: flex;
				align-items: center;
			}

			.sapUiIntLCIAttrSecondCell {
				justify-content: flex-end;

				.sapMObjStatus {
					text-align: end;
				}
			}

			.sapUiIntLCIAttrCell {
				flex: 1;
				display: flex;
				align-items: center;
			}

			.sapMObjStatusNone .sapMObjStatusText {
				color: @sapUiContentLabelColor;
			}
		}
	}

	.sapUiIntLCITitleWrapper,
	.sapUiIntLCIDescriptionWrapper {
		display: flex;
	}

	&.sapMLIBShowSeparator:last-child {
		border-bottom: 1px solid transparent;
	}
}

.sapUiIntLCITitle {
	color: @sapUiListTextColor;
	text-shadow: @_sap_ui_integration_ListContentItem_TextShadow;
	font-size: @sapMFontMediumSize;
	flex: 1;
}

.sapUiIntLCIDescription {
	color: @sapUiContentLabelColor;
	font-size: @sapMFontMediumSize;
	flex: 1;
}

.sapUiIntLCIInfo {
	display: flex;
	font-size: @sapMFontMediumSize;
	text-align: right;
	margin-left: 1rem;
	max-width: 40%;
}

.sapUiIntLCITitle,
.sapUiIntLCIDescription,
.sapUiIntLCIInfo {
	line-height: 1rem;
	font-family: @sapUiFontFamily;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapUiIntLCIContent .sapUiIntLCIInfo {
	white-space: normal;
}

// Interactive states
.sapUiIntLCI.sapMLIBActive {
	.sapFCardIcon.sapFAvatar .sapUiIcon,
	.sapUiIntLCIInfo {
		color: @sapUiListActiveTextColor;
	}
}

// Styles for compact mode only
.sapUiSizeCompact .sapUiIntLCI {
	&.sapUiIntLCIOneLine .sapUiIntLCIIconAndLines {
		height: calc(2rem ~"-" @_sap_ui_integration_ListContentItem_BottomBorderHeight);
	}

	&.sapUiIntLCIOneLine.sapUiIntLCIWithActionsStrip .sapUiIntLCIIconAndLines {
		height: 2rem;
	}

	&.sapUiIntLCIOneLine.sapUiIntLCIThumbnail .sapUiIntLCIIconAndLines {
		height: 5rem;
	}
}

/* END "ListContentItem.less" */

/* START "Microchart.less" */
/* ====================================================== */
/* 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%;
	}
}
/* END "Microchart.less" */

/* START "MicrochartLegend.less" */
/* ============================================================ */
/* CSS for control sap.ui.integration.controls/MicrochartLegend */
/* Base theme                                                   */
/* ============================================================ */

.sapUiIntMicrochartLegend {
	padding-top: 0.5rem;
	padding-left: 1rem;

	.sapUiIntMicrochartLegendItem {
		display: inline-flex;
		margin-right: 3rem;
		margin-bottom: 0.5rem;
		max-width: 100%;

		// color segment
		:first-child {
			flex-shrink: 0;
			width: 0.75rem;
			height: 0.75rem;
			margin-right: 0.5rem;
		}

		// title
		:nth-child(2) {
			height: 0.75rem;
			font-size: 0.75rem;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

	}
}

.sapUiIntMicrochartLegendItem {
	&Neutral {
		background: @sapUiChartPaletteSemanticNeutral;
	}

	&Good {
		background: @sapUiChartPaletteSemanticGood;
	}

	&Error {
		background: @sapUiChartPaletteSemanticBad;
	}

	&Critical {
		background: @sapUiChartPaletteSemanticCritical;
	}
}

/* END "MicrochartLegend.less" */

/* START "ObjectContent.less" */
/* ====================================================== */
/* CSS for control sap.ui.integration.cards/ObjectContent */
/* Base theme                                             */
/* ====================================================== */

.sapFCardObjectContent {
	padding: 1rem;

	&.sapFCardObjectContentWithOverlay {
		.sapMFlexBox.sapUiIntImgWithOverlayLayout,
		.sapMFlexBox.sapFCardObjectGroup:has( > .sapUiIntImageWithOverlay:only-child ),
		 > .sapMFlexBox,
		.sapUiIntImageWithOverlay:only-child {
			height: 100%;
		}
	}
}

.sapUiIntCardWithFooter .sapFCardObjectContent {
	padding-bottom: 0;
}

.sapFCardObjectGroup {

	.sapFCardObjectItemTitle {
		margin-bottom: 0.5rem;
	}

	> .sapFCardObjectItemLabel {
		margin-top: 1rem;
	}

	&:not(.sapFCardObjectGroupLastInColumn) {
		padding-bottom: 1.75rem;
	}

	&:not(.sapFCardObjectGroupWithTitle) {

		/* Don't apply margin to the first label when there is no title */
		> .sapFCardObjectItemLabel {
			margin-top: 0;
		}

		/* Apply margin to the rest of the labels */
		> .sapFCardObjectItemLabel ~ .sapFCardObjectItemLabel {
			margin-top: 1rem;
		}
	}

	// Don't add margin top to the value if it's the first element in the group (not labeled)
	.sapFCardObjectItemValue:not(:first-child) {
		margin-top: 0.25rem;
	}

	.sapFCardObjectItemPairContainer {
		min-width: 0; // prevent overflow of the flex container
	}

	.sapFCardObjectItemAvatar {
		margin-right: 0.5rem;
		flex-shrink: 0;
	}

	// Rating Indicator
	.sapMRI {
		margin-bottom: 0;
	}

	// Image

	> .sapFCardObjectImage:not(:first-child) {
		margin-top: 1rem;
	}

	.sapUiIntImageWithOverlay.sapFCardObjectImageFullWidth:first-child,
	.sapMImg.sapFCardObjectImageFullWidth:first-child {
		top: -16px;
		margin-top: 0;
		height: ~"calc(100% + 16px)";
	}

	.sapUiIntImageWithOverlay.sapFCardObjectImageFullWidth:last-child,
	.sapMImg.sapFCardObjectImageFullWidth:last-child {
		margin-bottom: -16px;
	}

	.sapUiIntImageWithOverlay.sapFCardObjectImageFullWidth:only-child,
	.sapMImg.sapFCardObjectImageFullWidth:only-child {
		margin-bottom: -32px;
	}

	.sapUiIntImageWithOverlay.sapFCardObjectImageFullWidth,
	.sapMImg.sapFCardObjectImageFullWidth {
		width: ~"calc(100% + 32px)";
		left: -16px;
	}

	.sapFCardObjectImage  {
		position: relative;
	}
}

.sapFCardObjectSpaceBetweenGroup {
	margin-right: 2rem;
}

.sapFCard .sapFCardContent {
	.sapFCardObjectContent .sapUiAFLayout .sapUiAFLayoutItem.sapFCardInvisibleContent {
		display: none;
	}
}

// Removing top space of NumericIndicators
.sapUiIntOCNumericIndicators {
	// size L
	&:not(.sapMTileSmallPhone) {
		// number
		.sapMNCValue >:first-child {
			padding-top: 0;
			height: 2.5rem;
			line-height: 2rem;
		}

		// trend and unit
		.sapMNCValue :nth-child(2) {
			padding-top: 0;
			height: 2rem;
		}
	}

	// size S
	&.sapMTileSmallPhone {
		.sapMNC {
			width: auto;
		}

		// number
		.sapMNCValue :first-child {
			padding-top: 0.25rem;
		}

		// trend and unit
		.sapMNCValue .sapMNCIndScale {
			padding-top: 0px;

			.sapMNCScale,
			.sapMNCIndIcon {
				padding-top: 0;
			}
		}
	}
}

.sapUiIntOCNumericIndicators .sapUiIntOCNumericIndicatorsDetails {
	color: @sapUiTileTextColor;
	height: 1rem;
}

.sapFCardObjectContent {

	.sapFAvatarGroupInactive {
		pointer-events: none;

		&.sapFAvatarGroupIndividual .sapFAvatarGroupItem {
			pointer-events: none;
		}
	}

	.sapFAvatarGroupMoreButton.sapMBtnDisabled {
		cursor: default;
		opacity: 1;
	}

	.sapUiIntCardObjectButtonGroup {
		padding-left: 0;

		.sapMBarChild:first-child {
			margin-left: 0;
		}
	}
}
/* END "ObjectContent.less" */

/* START "ObjectStatus.less" */
/* ============================================================= */
/* CSS for control sap.ui.integration.controls/sapUiIntObjStatus */
/* Base theme                                                    */
/* ============================================================= */

.sapMObjStatus.sapUiIntObjStatus:not(.sapMObjStatusInverted) {
	.sapMObjStatusText,
	.sapMObjStatusWrapper {
		display: inline;
		vertical-align: top;
	}
}
/* END "ObjectStatus.less" */

/* START "WebPageContent.less" */
/* ======================================================= */
/* CSS for control sap.ui.integration.cards/WebPageContent */
/* Base theme                                              */
/* ======================================================= */

.sapFCardWebPageContent {
	padding: 1px;

	.sapUiIntWPCFrame {
		display: block;
		box-sizing: border-box;
		border: none;
		width: 100%;
		min-height: 100%;
	}
}
/* END "WebPageContent.less" */