/* Brand hero only. Section layouts use standard sap.ui.layout.Grid / sap.m spacing. */
.mindtek-hero {
	background: linear-gradient(135deg, #0A6ED1 0%, #4A9FE8 100%);
	border-radius: 0.75rem;
	padding: 3rem 1.5rem;
}

.mindtek-hero .sapMTitle,
.mindtek-hero .sapMText {
	color: #ffffff;
}

.mindtek-content {
	width: 100%;
	max-width: 68rem;
	margin: 0 auto;
	padding: 1rem;
	box-sizing: border-box;
}

.mindtek-client-logo {
	width: 8rem;
	height: 4rem;
	object-fit: contain;
}

/* 100% is the large layout viewport. On a phone that puts the privacy bar
   under the browser toolbar the first time the page opens. */
.sapUiBody > div[data-sap-ui-component] {
	height: 100dvh !important;
	max-height: 100dvh !important;
}

.mindtek-shellbar {
	border-bottom: 1px solid #d9d9d9;
}

.mindtek-footer-nav {
	gap: 0.75rem 1.25rem;
}

/* A closed dialog stays in the shell and would otherwise be a second H1. */
.sapMDialog:not(.sapMDialogOpen) {
	display: none !important;
}

/* Phone: keep logo and nav on one row. Slightly tighter buttons so Work is not pushed into the overflow menu. */
@media (max-width: 599px) {
	.mindtek-shellbar .sapMBtnInner {
		padding-left: 0.25rem;
		padding-right: 0.25rem;
		min-width: 0;
	}

	.mindtek-shellbar .sapMBtnContent {
		font-size: 0.8125rem;
	}

	.mindtek-shellbar .sapMImg {
		height: 1.75rem !important;
	}
}

.mindtek-app {
	min-height: 0;
}

/* Stretch every card in a row to the tallest sibling. */
.mindtek-card-grid.sapUiRespGrid {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.mindtek-card-grid > div {
	display: flex;
	flex-direction: column;
}

.mindtek-card-grid .mindtek-card,
.mindtek-card-grid .sapFCard {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	width: 100%;
	height: 100%;
}

.mindtek-card-grid .sapFCardContent {
	flex: 1 1 auto;
}

.mindtek-approach-list .sapMSLI {
	height: auto;
	min-height: 3rem;
}

.mindtek-approach-list .sapMSLIDescription {
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
}

/* Keep faces in the square avatar; Cover otherwise clips the top of the head. */
.mindtek-people-card .sapFAvatarImage {
	background-size: cover;
	background-position: top center;
}
.mindtek-people-card .sapFAvatar img,
.mindtek-people-card .sapFCardHeaderImage img {
	object-fit: cover;
	object-position: top center;
}