.mbo-user-header {
	--mbo-user-header-control-height: 44px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 74px;
	padding: 15px 20px;
	margin-bottom: 25px;
	background: #f8f9fa;
	border-radius: 10px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
}

.mbo-user-header *,
.mbo-user-header *::before,
.mbo-user-header *::after {
	box-sizing: border-box;
}

.mbo-user-header .mbo-user-greeting {
	color: #333;
	font-size: 1.1em;
}

.mbo-user-header .mbo-logout-form {
	display: inline-flex;
	align-items: center;
	height: var(--mbo-user-header-control-height);
	margin: 0;
}

.mbo-user-header button.mbo-btn-logout {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: var(--mbo-user-header-control-height);
	min-height: var(--mbo-user-header-control-height);
	margin: 0;
	padding: 0 16px;
	border: 0;
	border-radius: 6px;
	background: #dc3545;
	color: #fff !important;
	font: inherit;
	font-size: 0.9em;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.2s;
}

.mbo-user-header button.mbo-btn-logout:hover,
.mbo-user-header button.mbo-btn-logout:focus-visible {
	background: #c82333;
	color: #fff !important;
}

@media (max-width: 768px) {
	.mbo-user-header {
		flex-direction: column;
		gap: 12px;
		text-align: center;
	}

	.mbo-user-header .mbo-logout-form,
	.mbo-user-header button.mbo-btn-logout {
		width: 100%;
	}
}