/* En-tête commun de toutes les pages authentifiées. */
.mi-page-header {
	display: grid;
	gap: .65rem;
	margin: 0 0 clamp(1.25rem, 2.4vw, 2rem);
	min-width: 0;
}

.mi-page-header__row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1.25rem;
	min-width: 0;
}

.mi-page-header__identity { min-width: 0; }

.mi-page-header__eyebrow {
	display: block;
	margin: 0 0 .38rem;
	color: var(--ds-text-3, #6e6e73);
	font-size: .76rem;
	font-weight: 800;
	letter-spacing: .115em;
	line-height: 1.25;
	text-transform: uppercase;
}

.mi-page-header__title {
	max-width: 22ch;
	margin: 0;
	color: var(--ds-text, #1d1d1f);
	font-size: clamp(2rem, 3.3vw, 2.72rem);
	font-weight: 800;
	letter-spacing: -.045em;
	line-height: 1.02;
	overflow-wrap: anywhere;
}

.mi-page-header__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: .65rem;
	min-width: 0;
}

.mi-page-header__back {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	width: fit-content;
	color: var(--ds-text-2, #515154);
	font-size: .9rem;
	font-weight: 700;
	text-decoration: none;
}

.mi-page-header__back:hover,
.mi-page-header__back:focus-visible { color: var(--ds-text, #1d1d1f); }

html.theme-dark .mi-page-header__eyebrow { color: var(--ds-text-3, #98989f); }
html.theme-dark .mi-page-header__title { color: var(--ds-text, #f5f5f7); }
html.theme-dark .mi-page-header__back { color: var(--ds-text-2, #c7c7cc); }

.mi-context-note {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	align-items: start;
	gap: .8rem;
	margin: 0 0 1.25rem;
	padding: .9rem 1rem;
	border: 1px solid var(--ds-border, #e5e5ea);
	border-radius: 12px;
	background: var(--ds-surface-2, #f7f7f9);
	color: var(--ds-text-2, #515154);
}
.mi-context-note > i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; background: var(--ds-surface, #fff); color: var(--ds-text, #1d1d1f); }
.mi-context-note > p { max-width: 90ch; margin: 0; font-size: .88rem; line-height: 1.5; }
html.theme-dark .mi-context-note { background: var(--ds-surface-2, #262629); color: var(--ds-text-2, #c7c7cc); }
html.theme-dark .mi-context-note > i { background: var(--ds-surface, #1d1d20); color: var(--ds-text, #f5f5f7); }

@media (max-width: 899.98px) {
	.mi-page-header__row { align-items: flex-start; flex-direction: column; gap: .9rem; }
	.mi-page-header__title { max-width: 100%; font-size: clamp(1.8rem, 7vw, 2.35rem); }
	.mi-page-header__actions { justify-content: flex-start; width: 100%; }
}

@media (max-width: 390px) {
	.mi-page-header__actions > .btn,
	.mi-page-header__actions > button,
	.mi-page-header__actions > a { flex: 1 1 auto; justify-content: center; }
}