/* ================================= */
/* 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 var(--sapShell_BorderColor);

	.sapFShellBarOTB {
		height: 2.75rem;
		background-color: transparent;
	}
}

.sapFButtonNotifications[data-notifications],
.sapFShellBarOverflowButton[data-notifications] {

	&::after {
        line-height: 1rem;
        background: var(--sapGroup_ContentBackground);
        border: solid 1px var(--sapGroup_ContentBorderColor);
        color: var(--sapContent_ForegroundTextColor);
    }
}

.sapFShellBar .CPImage {

	.color1 {
		stop-color: var(--sapContent_IconColor);
	}

	.color2 {
		stop-color: var(--sapContent_IconColor);
	}

	&:focus {
		outline-width: 0.125rem;
		outline-offset: -0.375rem;
	}
}

html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed{
	background-color: var(--sapButton_Attention_Active_Background);
}