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

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

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

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

/* START "AvatarGroup.less" */
/* ================================= */
/* CSS for control sap.f/Avatar      */
/* Quartz High Contrast White theme  */
/* ================================= */

.sapFAvatarGroup {
	padding: @sapContent_FocusWidth;
}
/* END "AvatarGroup.less" */

/* START "DynamicPage.less" */
/* ================================== */
/* CSS for control sap.f/DynamicPage  */
/* Quartz High Contrast White theme   */
/* ================================== */

.sapFDynamicPageContent,
.sapFDynamicPageContentFitContainer {
	padding: 1rem 2rem 0 2rem;
}

.sapFDynamicPage-Std-Desktop-XL {
	.sapFDynamicPageContent,
	.sapFDynamicPageContentFitContainer {
		padding: 1rem 3rem 0 3rem;
	}
}

.sapFDynamicPage.sapUiResponsiveContentPadding {
	&.sapFDynamicPage-Std-Phone {
		.sapFDynamicPageContent,
		.sapFDynamicPageContentFitContainer {
			padding-left: 1rem;
			padding-right: 1rem;
		}
	}

	&.sapFDynamicPage-Std-Tablet {
		.sapFDynamicPageContent,
		.sapFDynamicPageContentFitContainer {
			padding-left: 2rem;
			padding-right: 2rem;
		}
	}

	&.sapFDynamicPage-Std-Desktop-XL {
		.sapFDynamicPageContent,
		.sapFDynamicPageContentFitContainer {
			padding-left: 3rem;
			padding-right: 3rem;
		}
	}
}

/* Tablet and Desktop */
.sapFDynamicPageToggleHeaderIndicator,
.sapFDynamicPageHeaderPinButton {
	width: 2.5rem;
	height: 2.5rem;
	font-size: 1.375rem;

	// Reflection: styles overwritten
	.sapMBtnInner {
		height: 2rem;
		bottom: 0.5rem;

		.sapMBtnIcon {
			line-height: 2rem;
		}
	}
}

/* Compact */
.sapUiSizeCompact {
	.sapFDynamicPageToggleHeaderIndicator,
	.sapFDynamicPageHeaderPinButton {
		width: 1.5rem;
		height: 2rem;
		font-size: 1rem;

		// Reflection: styles overwritten
		.sapMBtnInner {
			min-width: 1.5rem;
			width: 1.5rem;
			height: 1.5rem;
			bottom: 0.25rem;

			.sapMBtnIcon {
				width: 100%;
				padding: 0;
				line-height: 1.375rem;
			}
		}
	}
	.sapFDynamicPageToggleHeaderIndicator {
		margin-left: -1rem;
	}
	.sapFDynamicPageHeaderPinnable .sapFDynamicPageToggleHeaderIndicator {
		margin-left: -2rem;
	}
}

.sapFDynamicPageHeaderPinButton > .sapMBtnInner {
		border: 0.0625rem solid;
		&:not(.sapMToggleBtnPressed) {
			background-color: @sapUiButtonBackground;
		}

}

.sapFDynamicPage {

	.sapFDynamicPageContentWrapperList,
	.sapFDynamicPageContentWrapperTransparent {
		&>.sapFDynamicPageContent {
			background: @sapUiBaseBG;
		}
	}
}

.sapFDynamicPageHeaderPinButton:hover > .sapMBtnInner.sapMBtnHoverable {
	background-color: @sapUiButtonHoverBackground;

	&.sapMToggleBtnPressed {
		background-color: @sapUiToggleButtonPressedHoverBackground;
	}
}

.sapFDynamicPageHeaderPinButton > .sapMBtnInner.sapMBtnActive,
.sapFDynamicPageHeaderPinButton > .sapMBtnInner.sapMBtnActive.sapMBtnHoverable {
	background-color: @sapUiButtonActiveBackground;
}

.sapFDynamicPage {
	/* DynamicPageTitle and Toggle Header Visual Indicator hover state */
	&.sapFDynamicPageTitleClickEnabled {
		&.sapFDynamicPageTitleForceHovered .sapFDynamicPageTitle {
			background: @sapUiObjectHeaderHoverBackground;
			box-shadow: @sapUiShadowHeader;
		}
		&.sapFDynamicPageTitleForceHovered {
			.sapFDynamicPageToggleHeaderIndicator {
				.sapMBtnInner {
					background-color: @sapUiHighlight;
				}
			}
		}
	}

	// Footer
	.sapFDynamicPageFooter {
		opacity: 1;

		.sapFDynamicPageActualFooterControl.sapMTB {
			box-shadow: @sapUiShadowLevel2;
			border-bottom: 0 none;
		}
	}
}

/* END "DynamicPage.less" */

/* START "DynamicPageTitle.less" */
/* ======================================= */
/* CSS for control sap.f/DynamicPageTitle  */
/* Quartz High Contrast White theme        */
/* ======================================= */

.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnapped > .sapFDynamicPageTitle:focus,
.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleOnly > .sapFDynamicPageTitle:focus {
	box-shadow: none;
}

html.sap-desktop .sapFDynamicPageTitle.sapFDynamicPageTitleFocus {
	outline-width: 0.125rem;
	outline-offset: -0.25rem; // due to bottom border overlapping
}

.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnappedTitleOnMobile > .sapFDynamicPageTitle {
	border-bottom: 1px solid @sapUiObjectHeaderBorderColor;
}

.sapFDynamicPageTitle {
	padding: 0.5rem 2rem;
	word-wrap: break-word;

	&.sapFDynamicPageTitleTransparent {
		background: @sapUiObjectHeaderBackground;
	}
}

.sapFDynamicPage-Std-Desktop-XL .sapFDynamicPageTitle {
	padding: 0.5rem 3rem;
}

.sapFDynamicPage-Std-Tablet {
	.sapFDynamicPageTitle,
	.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnapped > .sapFDynamicPageTitle {
		padding: 0.5rem 2rem;
	}

	// Needed because on some high-end phones in landscape mode,
	// the width of the viewport is bigger than 600 (Tablet breakpoint).
	.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnappedTitleOnMobile > .sapFDynamicPageTitle {
		padding: 0 2rem;
	}
}

.sapFDynamicPage-Std-Phone {
	.sapFDynamicPageTitle,
	.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleOnly > .sapFDynamicPageTitle,
	.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnapped > .sapFDynamicPageTitle {
		padding: 0.5rem 1rem;
	}

	.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnappedTitleOnMobile > .sapFDynamicPageTitle {
		padding: 0 1rem;
	}
}

.sapFDynamicPageTitle .sapMTB {
	background: transparent;
	padding: 0;
}

.sapFDynamicPageTitleMainNavigationArea > .sapMTBSeparator {
	margin: 0 0.5rem;
}

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

/* IE and Edge ignores outline-offset. Use an overlay: */
/* TODO remove after the end of support for Internet Explorer */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapFDynamicPageTitle.sapFDynamicPageTitleFocus {
		outline: none;
		position: relative;
	}
	.sapFDynamicPageTitle.sapFDynamicPageTitleFocus:before {
		content: " ";
		box-sizing: border-box;
		width: 100%;
		height: 98%; // due to bottom border overlapping
		position: absolute;
		left: 0;
		top: 0;
		border: 0.125rem dashed @sapUiContentFocusColor;
		pointer-events: none;
	}
}

/* Firefox fix due to focus cut out from top and left */
html[data-sap-ui-browser^="ff"].sap-desktop {
	.sapFDynamicPageTitle.sapFDynamicPageTitleFocus {
		outline: none;
		position: relative;
	}
	.sapFDynamicPageTitle.sapFDynamicPageTitleFocus:before {
		content: " ";
		box-sizing: border-box;
		width: 100%;
		height: 98%; // due to bottom border overlapping
		position: absolute;
		left: 0;
		top: 0;
		border: 0.125rem dotted @sapUiContentFocusColor;
		pointer-events: none;
	}
}

.sapFDynamicPageNavigation .sapFDynamicPageTitleWrapper.sapFDynamicPageTitleOnly > .sapFDynamicPageTitle {
	box-shadow: none;
}
/* END "DynamicPageTitle.less" */

/* START "FlexibleColumnLayout.less" */
/* =========================================== */
/* CSS for control sap.f/FlexibleColumnLayout  */
/* Quartz High Contrast White theme            */
/* =========================================== */

// Cozy mode
.sapFFCL > {
	& > .sapFFCLColumnMid.sapFFCLColumnActive {
		border-left: 1px solid @sapUiGroupContentBorderColor;
		border-right: 1px solid @sapUiGroupContentBorderColor;
	}

	& > .sapFFCLColumnActive.sapFFCLColumnLastActive {
		border-right: none;
		border-left: 1px solid @sapUiGroupContentBorderColor;
	}

	& > .sapFFCLColumnActive.sapFFCLColumnFirstActive {
		border-right: 1px solid @sapUiGroupContentBorderColor;
		border-left: none;
	}

	& > .sapFFCLColumnActive.sapFFCLColumnOnlyActive {
		border-right: none;
		border-left: none;
	}

	&.sapFFCLBackgroundDesign {
		background: @sapUiBaseBG;
	}
}

.sapFFCL {
	.sapFFCLNavigationButton {
		.sapMBtnInner {
			border: 1px solid @sapUiButtonBorderColor;

			.sapMBtnIcon {
				width: auto;
			}
		}
		&:before,
		&:after {
			background-size: 0.125rem 100%;
			background-position-x: calc(50% - 0.0625rem);
		}
		&:before {
			background-image: linear-gradient(to top, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
		}

		&:after {
			background-image: linear-gradient(to bottom, @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0));
		}
	}
}

/* END "FlexibleColumnLayout.less" */

/* START "Card.less" */
/* ================================= */
/* CSS for control sap.f/Card        */
/* Quartz High Contrast White theme  */
/* ================================= */

@_sap_f_Card_BoxShadow: none;
@_sap_f_Card_HeaderFocusBorderBottomOffset: 2px;
@_sap_f_Card_Badge_Background: @sapHighlightColor;
@_sap_f_Card_Badge_Border: 0.0625rem solid @sapContent_ForegroundBorderColor;

.sapFCard .sapFCardHeader.sapFCardSectionClickable {
	&:hover {
		.sapFCardNumericIndicatorsMain {
			.sapMNCValue,
			.sapMNCIndicator,
			.sapMNCScale,
			.sapMNCIndIcon {
				color: @sapUiContentContrastTextColor;
			}
		}
	}

	&:active {
		.sapFCardNumericIndicatorsMain {
			.sapMNCValue,
			.sapMNCIndicator,
			.sapMNCScale,
			.sapMNCIndIcon {
				color: @sapUiContentContrastTextColor;
			}
		}
	}
}

/* END "Card.less" */

/* START "ShellBar.less" */
/* ================================= */
/* CSS for control sap.f/ShellBar    */
/* Quartz High Contrast White theme  */
/* ================================= */

@_sap_f_Shell_Bar_Copilot_Design: dark; // Possible designs are "dark" and "light"

.sapFShellBar {
	height: 2.75rem;
	box-shadow: inset 0 -0.0625rem 0 0 @sapUiShellBorderColor;
	.sapFShellBarOTB {
		height: 2.75rem;
		background-color: transparent;
	}
}
.sapFButtonNotifications[data-notifications],
.sapFShellBarOverflowButton[data-notifications] {
	&:after {
        line-height: 1rem;
        background: @sapUiGroupContentBackground;
        border: solid 1px @sapUiGroupContentBorderColor;
        color: @sapUiContentForegroundTextColor;
    }
}.sapFShellBar .CPImage {
	.color1 {
		stop-color: @sapUiContentIconColor;
	}
	.color2 {
		stop-color: @sapUiContentIconColor;
	}
	&:focus {
		outline-width: 0.125rem;
		outline-offset: -0.375rem;
	}
	html[data-sap-ui-browser^="ie"] &:focus:before {
		border-width: 0.125rem;
	}
}

html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
	background-color: @sapUiButtonAttentionActiveBackground;
}
/* END "ShellBar.less" */

/* START "CardLoading.less" */
/* ================================== */
/* CSS for control sap.f/CardLoading  */
/* Quartz High Contrast White theme         */
/* ================================== */

@sap_f_Card_Background_Placeholder_Color: @sapHC_ReducedForeground;
@sap_f_Card_Placeholder_Gradient: linear-gradient(to right, @sapHC_ReducedForeground 0%, @sapHC_ReducedForeground 35%, @sapHC_ReducedAltForeground 50%, @sapHC_ReducedForeground 65%, @sapHC_ReducedForeground 100%);


/* END "CardLoading.less" */

/* START "GridContainer.less" */
/* =================================== */
/* CSS for control sap.f/GridContainer */
/* Quartz High Contrast White theme    */
/* =================================== */

@_sap_f_GridContainer_FocusBorderOffset: -2px;
/* END "GridContainer.less" */

/* START "GridListItem.less" */
/* =================================== */
/* CSS for control sap.f/GridListItem  */
/* Fiori 3 theme                       */
/* =================================== */

@_sap_f_GridListItem_HeaderBoxShadow: 0 0 0.25rem 0 fade(@sapUiContentShadowColor, 15), inset 0 -0.0625rem 0 0 @sapUiPageHeaderBorderColor;
@_sap_f_GridListItem_HeaderHeight: 2.75rem;

/* END "GridListItem.less" */

/* START "DynamicPageHeader.less" */
/* =========================================== */
/* CSS for control sap.f/DynamicPageHeader  */
/* Quartz High Contrast White theme            */
/* =========================================== */

.sapFDynamicPage-Std-Desktop .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
	padding: 1rem 2rem;
}

.sapFDynamicPageHeader {
    &.sapFDynamicPageHeaderTransparent,
    &.sapFDynamicPageHeaderTranslucent {
        background: @sapUiObjectHeaderBackground;
    }
}
/* END "DynamicPageHeader.less" */

/* START "SidePanel.less" */
/* ================================ */
/* CSS for control sap.f/SidePanel  */
/* Quartz High Contrast White theme */
/* ================================ */

@_sap_ui_layout_Splitter_BarDecorationColors: @sapUiObjectHeaderBorderColor, fade(@sapUiObjectHeaderBorderColor, 0);
@_sap_ui_layout_Splitter_BarActiveDecorationColors: @sapUiObjectHeaderBorderColor, @sapUiObjectHeaderBorderColor;

.sapFSP {
	.sapFSPSplitterBar {
		&:hover {
			.sapFSPSplitterBarGripIcon {
				border-color: @sapUiButtonLiteHoverBorderColor;
				background: @sapUiButtonLiteHoverBackground;
			}
		}
	}
	.sapFSPSide {
		.sapFSPSideInner {
			border: 0.0625rem solid @sapUiGroupContentBorderColor;
			box-sizing: content-box;

			.sapFSPActionBar {

				.sapFSPItem {
					&.sapFSPSelected {
						.sapUiIcon {
							background-color: @sapUiContentSelectedBackground;
							border-width: 0.125rem;
						}

						&::before {
							width: 0.25rem;
						}
					}

					&:focus {
						&::after {
							border: 0.125rem dotted @sapUiContentFocusColor;
						}
					}
				}
			}
		}
	}
}

/* END "SidePanel.less" */