.app-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: var(--surface-ground);
	padding: 0.5rem 1rem;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	z-index: 1000;
}

.app-form-inline {
	display: flex;
	align-items: center;
	flex: 1;
	margin-right: 1rem;
	margin-bottom: 0; /* évite des espacements parasites */
}

.app-logo {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

.app-logo img {
	height: 40px;
	margin-right: 0.5rem;
}

.app-header-right {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.user-avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #2196f3;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 10px;
}

.loginButton {
	background: #11ce11 !important;
	border-color: green !important;
}