/* 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_horizon_hcb/base.less"; /* ORIGINAL IMPORT PATH: "../../../../../sap/ui/core/themes/sap_horizon_hcb/base.less" */

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

/* START "Overlay.less" */
/******************************************************************
	Style of the RTA Overlays - Horizon High Contrast Black theme
*******************************************************************/
@_sap_ui_rta_Overlay_BorderColor: @sapUiContentHelpColor; //#03b803
@_sap_ui_rta_Overlay_BoxShadowColor: @sapUiNeutralBG; //#000
@_sap_ui_rta_Overlay_ShellBG: @sapUiNeutralBG; //#000
@_sap_ui_rta_Overlay_FocusBorder: @sapUiNeutralElement; //#fff
@_sap_ui_rta_Overlay_TargetZoneBG: fade(@sapUiSelected, 30%);
@_sap_ui_rta_Overlay_PlaceholderBG: @sapUiNeutralBG; //#000
@_sap_ui_rta_Overlay_BorderRadius: @sapUiButtonBorderCornerRadius; //0.375rem

.sapUiRta {
	.sapUiDtOverlayTargetZone {
		&:after {
			box-shadow: none;
			border-radius: @_sap_ui_rta_Overlay_BorderRadius;
		}

		&.sapUiDtOverlayDropZone > .sapUiDtOverlayChildren > .sapUiDtOverlayMovable {
			background: @_sap_ui_rta_Overlay_TargetZoneBG;
		}
	}
}

.sapUiRta:not(.sapUiRtaVisualizationMode) {
	.sapUiDtOverlay {
		&:focus {
			outline: none;
			/* We create inner white shadow to make sure black border is in contrast with element */
			box-shadow: 0 0 0 0.125rem @_sap_ui_rta_Overlay_BoxShadowColor inset; //2px

			&:before {
				border: none;
				outline: 0.125rem dotted @_sap_ui_rta_Overlay_FocusBorder; //2px
				outline-offset: -0.25rem; //4px
			}
		}
	}

	.sapUiRtaOverlayHover {
		&:after {
			border: none;
			box-shadow: none;
			outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor; //2px
			outline-offset: -0.125rem; //2px
			border-radius: @_sap_ui_rta_Overlay_BorderRadius;
		}
	}

	.sapUiDtOverlaySelected {
		box-shadow: none;

		&:after {
			border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor; //2px
			outline: none;
		}

		&.sapUiDtOverlayFocusable {
			&:focus {
				/* Same trick as described above but doubled thickness */
				box-shadow: 0 0 0 0.25rem @_sap_ui_rta_Overlay_BoxShadowColor inset; //4px
			}
		}

		&.sapUiRtaOverlayHover {
			&:after {
				border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor !important; //2px
				outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor !important; //2px
				outline-offset: -0.25rem; //4px
				box-shadow: none;
			}
		}
	}
}
/* END "Overlay.less" */

/* START "ContextMenu.less" */
/**********************************************************************
	Style of the RTA Contextmenu - Horizon High Contrast Black theme
***********************************************************************/
@_sap_ui_rta_ContextMenu_Border_LightColor: @sapUiNeutralBorder; //#ffffff
@_sap_ui_rta_ContextMenu_Border_DarkColor: @sapUiNeutralBG; //#000000
@_sap_ui_rta_ContextMenu_Border_Radius: @sapUiButtonBorderCornerRadius; // 0.375rem
@_sap_ui_rta_ContextMenu_BoxShadow_DarkColor: fade(@sapUiContentShadowColor, 60%); //rgba(255, 255, 255, 0.6)
@_sap_ui_rta_ContextMenu_BoxShadow_LightColor: @sapUiNeutralBorder; //#ffffff

.sapUiRtaMode {
	.sapUiDtContextMenu {
		&.sapMMenu {
			border: 0.188rem dashed @_sap_ui_rta_ContextMenu_Border_LightColor; //2px
			border-image: none;
			border-radius: @_sap_ui_rta_ContextMenu_Border_Radius;
		}
	}
}
/* END "ContextMenu.less" */

/* START "Dialogs.less" */
/**********************************************************************
	Style of Dialogs shown in RTA - Horizon High Contrast Black theme
***********************************************************************/
@_sap_ui_rta_Dialogs_BorderLightColor: @sapUiNeutralElement; //#ffffff
@_sap_ui_rta_Dialogs_BorderDarkColor: @sapUiNeutralBG; //#000000
@_sap_ui_rta_Dialogs_BorderRadius: @sapUiButtonBorderCornerRadius; //0.375rem

.sapMDialog.sapUiRTABorder {
	border: 0.25rem solid @_sap_ui_rta_Dialogs_BorderLightColor;
	border-image: none;
	border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
	outline: 0.25rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //4px
	outline-offset: -0.188rem;
}

.sapUiRtaPopover {

	&.sapMPopover, .sapMPopover {
		border: 0.188rem solid @_sap_ui_rta_Dialogs_BorderLightColor; //3px
		border-image: none;
		border-radius: @_sap_ui_rta_Dialogs_BorderRadius;
		outline: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderDarkColor; //4px
		outline-offset: -0.25rem; //4px
	}

	&.sapMPopoverArr, .sapMPopoverArr {
		&:after {
			border: 0.188rem dashed @_sap_ui_rta_Dialogs_BorderLightColor; //3px
			border-image: none;
		}
	}
}
/* END "Dialogs.less" */

/* START "FieldRepository.less" */
/****************************************************************************
	Style of the RTA Add Fields Dialog  - Horizon High Contrast Black theme
*****************************************************************************/
@_sap_ui_rta_FieldRepository_ListSelect: @sapUiChartPaletteSequentialHue1Dark2; //#0979e8
@_sap_ui_rta_FieldRepository_BtnHoverOutline: @sapUiButtonActiveBorderColor; //#fff
@_sap_ui_rta_FieldRepository_ListItmBorderRadius: @sapUiButtonBorderCornerRadius; //0.375rem

.sapUiRtaMode {

	.sapUIRtaFieldRepositoryDialog {

		.sapMLIBHoverable {
			&.sapMLIBSelected:hover {
				background: @_sap_ui_rta_FieldRepository_ListSelect;
			}

			&.sapMLIB.sapMLIBSelected {
				border-bottom: 0.0625rem solid transparent;
			}
		}

		.sapUIRtaListItem {
			border-radius: @_sap_ui_rta_FieldRepository_ListItmBorderRadius;
		}

		// Search field
		.sapMSF.sapMFocus:hover .sapMSFF {
			outline: 0.0625rem solid @_sap_ui_rta_FieldRepository_BtnHoverOutline; //1px
		}
	}
}
/* END "FieldRepository.less" */

/* START "Toolbar.base.less" */
/******************************************************************************
	Style of the RTA Toolbar (all types) - Horizon High Contrast Black theme
*******************************************************************************/
@_sap_ui_rta_Toolbar_Base_BaseColor: @sapUiNeutralBG; //#000000
@_sap_ui_rta_Toolbar_Base_BaseBG: @sapUiNeutralBG; //#000000
@_sap_ui_rta_Toolbar_Base_TextColor: @sapUiNeutralElement; //#ffffff
@_sap_ui_rta_Toolbar_Base_OutlineColor: @sapUiButtonEmphasizedBorderColor; //#fff
@_sap_ui_rta_Toolbar_Base_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(255, 255, 255, 0.8)
@_sap_ui_rta_Toolbar_Base_BoxShadow_LightColor: @sapUiNeutralElement; //#ffffff


.sapUiRtaMode {
	.sapUiRtaToolbar {
		outline: 0.125rem dashed @_sap_ui_rta_Toolbar_Base_OutlineColor;
		outline-offset: -0.125rem;
		border: none;
		border-image: none;
	}
}
/* END "Toolbar.base.less" */

/* START "Toolbar.personalization.less" */
/*****************************************************************************************
	Style of the RTA Toolbar (type: personalization) - Horizon High Contrast Black theme
******************************************************************************************/
@_sap_ui_rta_Toolbar_Personalization_BaseColor: @sapUiNeutralBG; //#000000

.sapUiRtaToolbar.type_personalization {
	border-top: 0.0625rem solid @_sap_ui_rta_Toolbar_Personalization_TextColor; //1px
}
/* END "Toolbar.personalization.less" */

/* START "Toolbar.adaptation.less" */
/***********************************************************************
	Style of the RTA Toolbar (type: adaptation) - Horizon High Contrast Black theme
************************************************************************/
@_sap_ui_rta_Toolbar_Adaptation_BaseColor: @sapUiNeutralBG; //#000000
@_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiNeutralElement; //#ffffff
@_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorder: @sapUiNeutralElement; //#ffffff
@_sap_ui_rta_Toolbar_Adaptation_FocusOutlineCol: @sapUiNeutralBorder; //#fff
@_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelBG: @sapUiSelected;
@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiCriticalText; //#ffab1d
@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiPositiveText; //#9c9
@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor: fade(@sapUiNeutralElement, 80%); //rgba(255, 255, 255, 0.8)
@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor: @sapUiNeutralElement; //#ffffff
@_sap_ui_rta_Toolbar_Adaptation_VersionHistoryHover: @sapUiListHoverBackground; //#795100
@_sap_ui_rta_Toolbar_Adaptation_BaseColorLight: @sapUiContentDisabledTextColor; //#666

.sapUiRtaMode {
	.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
		.sapMBtn {
			&:focus .sapMFocusable {
				outline: 0.125rem dotted @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineCol;
				outline-offset: -0.125rem; //2px
				border-color: transparent;
			}
		}

		.sapMSegB {
			.sapMSegBBtn {
				&.sapMSegBBtnFocusable {
					&:focus .sapMSegBBtnInner {
						outline-width: 0.125rem; //2px
						outline-offset: -0.125rem; //2px
					}
				}

				&.sapMSegBBtnSel .sapMSegBBtnInner {
					background: @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelBG;

					&:after {
						content: none !important;
					}
				}

				.sapMSegBBtnInner {
					border: solid thin;
				}
			}
		}
	}
}
/* END "Toolbar.adaptation.less" */

/* START "AddIFrame.less" */
/**************************************************************************
	Style of the RTA Add IFrame Dialog  Horizon High Contrast Black theme
***************************************************************************/
@_sap_ui_rta_AddIFrame_DelimiterLineColor: @sapUiListBorderColor; //#999
@_sap_ui_rta_AddIFrame_PreviewBG: @sapUiNeutralBG; //#000
@_sap_ui_rta_AddIFrame_BorderRadius: 0.5rem;
@_sap_ui_rta_AddIFrame_PreviewTlbarHoverBG: @sapUiNeutralBG; //#000

.sapUiRtaMode {
	.sapUiRtaAddIFrameDialog {
		.sapUiRtaAddIFrameDialogVlWrapper {
			.sapUiRtaAddIFrameDialogEditGrid {

				.sapUiRtaAddIFrameDialogParameters {
					.sapMScrollCont {
						border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
					}
				}

				.sapUiRtaAddIFrameDialogEditUrl {
					.sapMTextArea {
						.sapMInputBaseContentWrapper {
							border: 0.0625rem solid @_sap_ui_rta_AddIFrame_BorderColor; //1px
							border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
							background-image: none;
						}

						.sapMTextAreaInner {
							border: none;
						}

						&.sapMFocus.sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper)::before {
							border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
						}

						&.sapMFocus {
							.sapMInputBaseContentWrapper .sapMInputBaseInner {
								outline: none;
							}
						}
					}
				}
			}

			.sapUiRtaAddIFrameDialogPreviewLinkGrid {
				.sapUiRtaAddIFrameDialogPreviewLinkPanel {

					&.sapMPanel .sapMPanelWrappingDiv:not(.sapMPanelWrappingDivExpanded),
					&.sapMPanel .sapMPanelWrappingDivTb:not(.sapMPanelWrappingDivTbExpanded) {
						border-radius: 0;
					}

					.sapUiRtaAddIFrameDialogPreviewLinkToolbar {
						padding-left: 0;
						padding-right: 0.125rem;

						&.sapMTB:hover,
						&.sapMTB-Solid-CTX.sapMTB:hover {
							background-color: @_sap_ui_rta_AddIFrame_PreviewTlbarHoverBG;
						}
					}
				}
			}

			.sapUiRtaAddIFrameDialogPreviewGrid {
				border-radius: @_sap_ui_rta_AddIFrame_BorderRadius;
				padding-bottom: 0.5rem;
				background: transparent;
			}
		}
	}
}

// adapt scrollbars to rounded corners
html.sap-desktop:not(.sapUiNativeScrollbars) ::-webkit-scrollbar {
	background-color: inherit !important;
}
/* END "AddIFrame.less" */

/* START "ChangeVisualization.less" */
/******************************************************************
	Style of the RTA Change Visualization - Horizon hcb theme
*******************************************************************/
@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorLight: lighten(@sapUiPositiveText, 10%); //#bbddbb
@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: @sapUiCriticalText; //#ffab1d
@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: lighten(@sapUiChart8, 20%); //#dd8ec9
@_sap_ui_rta_ChangeVisualization_OverlayOutline: @sapUiContentHelpColor; // #03b803
@_sap_ui_rta_ChangeVisualization_BorderRadius: @sapUiButtonBorderCornerRadius;

.sapUiDtOverlay {
	.sapUiRtaChangeIndicatorHovered {
		&:after {
			box-shadow: none;
		}
	}

	&.sapUiRtaChangeIndicatorDependent {
		border-radius: @_sap_ui_rta_ChangeVisualization_BorderRadius;
	}
}
/* END "ChangeVisualization.less" */
