/* ======================================== */
/* CSS for control sap.ushell/ToolAreaItem  */
/* Morning Horizon theme                    */
/* ======================================== */

#toolArea-shellArea {
	background-color: var(--sapShellColor);
}

.sapUshellToolArea {
	background-color: var(--sapShellColor);
	border-inline-end: 1px solid var(--sapToolbar_SeparatorColor);
	border-top: 1px solid var(--sapToolbar_SeparatorColor);
	box-shadow: var(--sapContent_Shadow0);
	position: relative;
	border-radius: 0.5rem 0.5rem 0 0;

	.sapUshellToolAreaItemIcon {
		color: var(--sapShell_InteractiveTextColor);
	}
}

.sapUshellToolAreaItemText {
	color: var(--sapShell_InteractiveTextColor);
}

.sapUshellToolAreaItemText {
	color: var(--sapShell_InteractiveTextColor);
}

.sapUshellToolAreaContentSeparator,
.sapUshellToolAreaFooterContentSeparator {
	height: 1px;
	background-color: var(--sapToolbar_SeparatorColor);
	margin: 0 0.5rem;
}

.sapUshellToolAreaContent,
.sapUshellToolAreaFooterContent {
	margin: 0.25rem;
	border-radius: 0.375rem;
	border: 1px solid transparent;
	outline-offset: -0.2375rem;
	height: 2.5rem;
	padding-left: 0.6rem;
}

.sapUshellToolAreaContent:hover,
.sapUshellToolAreaFooterContent:hover {
	box-shadow: var(--sapContent_Interaction_Shadow);
}

.sapUshellToolAreaContent:active,
.sapUshellToolAreaFooterContent:active {
	box-shadow: none;
	border-color: @sapPrimary2;
}

.sapUshellToolArea .sapUshellToolAreaItemIcon {
	margin-top: 0.6rem;
	margin-bottom: 0.6rem;
}

.sapUshellToolArea .sapUshellToolAreaItemIcon:hover {
	cursor: pointer;
}

.sapUshellToolArea .sapUshellToolAreaItemIcon:active {
	color: @sapPrimary2;
}

.sapUshellToolAreaItemExpandable::after {
	font-size: 1rem;
	left: 0;
}

.sapUshellToolAreaItemExpandable::after {
	color: var(--sapShell_InteractiveTextColor);
}

.sapUshellToolAreaItm {
	color: var(--sapShell_InteractiveTextColor);
}