/* GE-SitePilot : variante CLIENT noire de l'espace client (version 1.9.0), même palette que la variante « noir » de l'administration.
 *
 * Fonctionnement : la page porte « ge-ui ge-ui--portal » sur son corps. Les variables de couleur viennent de ge-ui-noir.css (bloc de
 * variables partagé, source unique de la palette et du logo) ; cette feuille les RELIE aux variables propres au portail (--p-* de
 * portal.css, --rp-* de portal-report.css) et ajoute les composants de l'accueil et du tableau « Vos actions du mois ». Aucune règle ne
 * touche autre chose que l'espace client. Chargée en dernier. Ni police, ni ressource externe ; le logo vient de --ge-ui-logo.
 *
 * Mobile d'abord (375 px) : le tableau des actions se présente en fiches sous 40rem (le libellé de chaque cellule est un petit texte du gabarit, visible seulement en fiches), sans défilement horizontal de la page.
 * Impression : la section 9 REMET les couleurs claires d'origine ; le rapport imprimé reste en noir sur blanc (1 à 2 pages A4).
 *
 * Contenu : 1 liaison des variables, 2 base et titres, 3 en-tête et logo, 4 boutons, 5 messages et bandeaux, 6 accueil, 7 tableau des
 * actions, 8 petits écrans, 9 impression.
 */

/* ── 1. Liaison des variables ──────────────────────────────────────────────────────────────────────────────────── */
.ge-ui.ge-ui--portal {
	/* portal.css */
	--p-brand: var(--ge-ui-brand-strong);
	--p-brand-dark: var(--ge-ui-brand);
	--p-brand-light: var(--ge-ui-brand-soft);
	--p-text: var(--ge-ui-text);
	--p-muted: var(--ge-ui-text-muted);
	--p-border: var(--ge-ui-border-control);
	--p-bg: var(--ge-ui-canvas);
	--p-white: var(--ge-ui-surface);

	/* portal-report.css */
	--rp-brand: var(--ge-ui-brand-strong);
	--rp-brand-dark: var(--ge-ui-brand);
	--rp-brand-soft: var(--ge-ui-brand-soft);
	--rp-surface: var(--ge-ui-surface);
	--rp-canvas: var(--ge-ui-canvas);
	--rp-text: var(--ge-ui-text);
	--rp-muted: var(--ge-ui-text-muted);
	--rp-line: var(--ge-ui-border);
	--rp-control: var(--ge-ui-border-control);
	--rp-up: var(--ge-ui-ok);
	--rp-down: var(--ge-ui-bad);
	--rp-flat: var(--ge-ui-text-muted);
	--rp-warn-bg: var(--ge-ui-warn-bg);
	--rp-warn-text: var(--ge-ui-warn);
	--rp-info-bg: var(--ge-ui-info-bg);
	--rp-info-text: var(--ge-ui-info);
	--rp-focus: var(--ge-ui-focus);

	/* Couleurs des courbes (lues par portal-report.js) */
	--rp-chart-line: var(--ge-ui-brand-strong);
	--rp-chart-grid: var(--ge-ui-border);
	--rp-chart-ink: var(--ge-ui-text-muted);
	--rp-chart-point: var(--ge-ui-text);
}

/* Palette de la porte d'entrée (lot 1.9.3) : noir chaud, ivoire, or. Reprend les valeurs de ge-ui-gate.css pour que l'espace client prolonge
 * la connexion sans rupture ; la porte d'entrée garde sa propre déclaration (sélecteur plus précis). */
.ge-ui.ge-ui--portal {
	--ge-ui-canvas: #0b0a09;
	--ge-ui-surface: #151311;
	--ge-ui-text: #f3f1ec;
	--ge-ui-text-muted: #a39c90;
	--ge-ui-border: #2b2722;
	--ge-ui-brand: #a8884a;
	--ge-ui-brand-strong: #c9a965;
	--ge-ui-brand-soft: #1d1a15;
	--ge-ui-focus: #c9a965;
	--ge-ui-logo: url("../img/logo-groupe-echo-negatif.webp");
}

/* ── 2. Base et titres ──────────────────────────────────────────────────────────────────────────────────────────── */
.ge-ui.ge-ui--portal {
	color-scheme: dark;
	background: var(--ge-ui-canvas);
	color: var(--ge-ui-text);
	font-family: var(--ge-ui-font);
	font-variant-numeric: tabular-nums;
}

.ge-ui.ge-ui--portal :is(h1, h2, .rp-h1, .rp-h2) {
	text-transform: uppercase;
	letter-spacing: 0.01em;
	line-height: 1.15;
	text-wrap: balance;
}

.ge-ui.ge-ui--portal :is(button, input, select, textarea) { font-family: inherit; }

.ge-ui.ge-ui--portal a:not(.ge-portal-btn, .rp-btn) { color: var(--ge-ui-brand-strong); text-underline-offset: 2px; }

.ge-ui.ge-ui--portal .rp-h2,
.ge-ui.ge-ui--portal .rp-month { color: var(--ge-ui-brand-strong); }

.ge-ui.ge-ui--portal select { color: var(--ge-ui-text); background: var(--ge-ui-surface); }

/* ── 3. En-tête et logo ─────────────────────────────────────────────────────────────────────────────────────────── */
.ge-ui.ge-ui--portal .ge-portal-header { padding: 1rem 1rem; background: var(--ge-ui-canvas); border-bottom: 1px solid var(--ge-ui-border); }
.ge-ui.ge-ui--portal .ge-portal-who { color: var(--ge-ui-text-muted); }

.ge-ui.ge-ui--portal .ge-portal-brand { line-height: 0; }

.ge-ui.ge-ui--portal .ge-portal-brand-logo {
	display: block;
	width: 176px;
	height: 49px;
	background: var(--ge-ui-logo) left center / contain no-repeat;
}

/* ── 4. Boutons ─────────────────────────────────────────────────────────────────────────────────────────────────── */
.ge-ui.ge-ui--portal .ge-portal-btn { color: var(--ge-ui-brand-strong); background: var(--ge-ui-surface); border-color: var(--ge-ui-brand); border-radius: 4px; }
.ge-ui.ge-ui--portal .ge-portal-btn:hover { background: var(--ge-ui-brand-soft); }
.ge-ui.ge-ui--portal .ge-portal-btn-primary,
.ge-ui.ge-ui--portal .rp-btn--primary { color: var(--ge-ui-on-brand); background: var(--ge-ui-brand-strong); border-color: var(--ge-ui-brand-strong); }
.ge-ui.ge-ui--portal .ge-portal-btn-primary:hover,
.ge-ui.ge-ui--portal .rp-btn--primary:hover { color: var(--ge-ui-on-brand); background: var(--ge-ui-brand); border-color: var(--ge-ui-brand); }
.ge-ui.ge-ui--portal .rp-btn { border-radius: 4px; }
.ge-ui.ge-ui--portal .rp-btn.is-disabled { color: var(--ge-ui-text-muted); border-color: var(--ge-ui-border); background: var(--ge-ui-canvas); }
.ge-ui.ge-ui--portal .ge-portal-skip { color: var(--ge-ui-on-brand); background: var(--ge-ui-brand-strong); }

/* ── 5. Messages et bandeaux ────────────────────────────────────────────────────────────────────────────────────── */
.ge-ui.ge-ui--portal .rp-banner--demo { border-color: var(--ge-ui-warn); }
.ge-ui.ge-ui--portal .rp-banner--staff { border-color: var(--ge-ui-info); }
.ge-ui.ge-ui--portal .ge-portal-flash-alert { border-color: var(--ge-ui-bad); background: var(--ge-ui-bad-bg); color: var(--ge-ui-bad); }

/* ── 6. Accueil : titre, mois, carte Objectif, chiffres clés (lot 1.9.3, d'après la maquette de la responsable) ──── */
.ge-ui.ge-ui--portal .ge-portal-main { max-width: 68rem; }

.ge-ui.ge-ui--portal .ge-home-titlebar {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem 1.5rem;
	margin: 0 0 1.5rem;
}

.ge-ui.ge-ui--portal .ge-home-title { flex: 1 1 16rem; min-width: 0; }

/* Titre sobre : pas de capitales serrées, coupure propre des noms longs */
.ge-ui.ge-ui--portal .ge-home-title h1 {
	margin: 0.25rem 0 0;
	font-size: clamp(1.625rem, 5vw, 2.5rem);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -0.01em;
	text-transform: none;
	overflow-wrap: anywhere;
	hyphens: auto;
	text-wrap: balance;
}

.ge-ui.ge-ui--portal .ge-home-picker { display: flex; align-items: center; gap: 0.5rem; margin: 0; }
.ge-ui.ge-ui--portal .ge-home-picker select { min-height: 2.75rem; max-width: 100%; padding: 0.4rem 0.6rem; border: 1px solid var(--ge-ui-border-control); border-radius: 4px; }

.ge-ui.ge-ui--portal .ge-portal-section.ge-home { padding: 0; background: transparent; border: 0; border-radius: 0; }

.ge-ui.ge-ui--portal .ge-home-eyebrow { margin: 0 0 0.35rem; font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ge-ui-text-muted); }

.ge-ui.ge-ui--portal .ge-home-goal {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.25rem 2rem;
	margin: 0 0 1.25rem;
	padding: 1.25rem;
	background: var(--ge-ui-surface);
	border: 1px solid var(--ge-ui-border);
	border-radius: 6px;
}

.ge-ui.ge-ui--portal .ge-home-goal h3.ge-home-eyebrow { font-size: 0.8125rem; color: var(--ge-ui-text-muted); }
.ge-ui.ge-ui--portal .ge-home-goal__title { margin: 0; font-size: 1.375rem; font-style: italic; line-height: 1.3; color: var(--ge-ui-brand-strong); overflow-wrap: anywhere; }
.ge-ui.ge-ui--portal .ge-home-goal__value { margin: 0 0 0.6rem; font-size: 1.375rem; line-height: 1.3; color: var(--ge-ui-text); }
.ge-ui.ge-ui--portal .ge-home-goal__status { margin: 0.5rem 0 0; color: var(--ge-ui-text-muted); }

.ge-ui.ge-ui--portal .ge-home-goal__bar {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 0.625rem;
	border: 0;
	border-radius: 99px;
	background: var(--ge-ui-border);
	color: var(--ge-ui-brand-strong);
	overflow: hidden;
	appearance: none;
}
.ge-ui.ge-ui--portal .ge-home-goal__bar::-webkit-progress-bar { background: var(--ge-ui-border); }
.ge-ui.ge-ui--portal .ge-home-goal__bar::-webkit-progress-value { background: var(--ge-ui-brand-strong); border-radius: 99px; }
.ge-ui.ge-ui--portal .ge-home-goal__bar::-moz-progress-bar { background: var(--ge-ui-brand-strong); border-radius: 99px; }
.ge-ui.ge-ui--portal .ge-home-goal__bar.is-full { color: var(--ge-ui-ok); }
.ge-ui.ge-ui--portal .ge-home-goal__bar.is-full::-webkit-progress-value { background: var(--ge-ui-ok); }
.ge-ui.ge-ui--portal .ge-home-goal__bar.is-full::-moz-progress-bar { background: var(--ge-ui-ok); }

/* Chiffres clés : un bandeau de cases séparées par un filet */
.ge-ui.ge-ui--portal .ge-home-kpis {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1px;
	margin: 0 0 1.25rem;
	padding: 0;
	list-style: none;
	background: var(--ge-ui-border);
	border: 1px solid var(--ge-ui-border);
	border-radius: 6px;
	overflow: hidden;
}
.ge-ui.ge-ui--portal .ge-home-kpis.has-cost { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.ge-ui.ge-ui--portal .ge-home-kpi { margin: 0; padding: 0.9rem 1rem; background: var(--ge-ui-surface); }
.ge-ui.ge-ui--portal .ge-home-kpi__label { margin: 0; color: var(--ge-ui-text-muted); overflow-wrap: anywhere; }
.ge-ui.ge-ui--portal .ge-home-kpi__value { margin: 0.1rem 0 0; font-size: 1.625rem; font-weight: 600; line-height: 1.2; color: var(--ge-ui-brand-strong); overflow-wrap: anywhere; }

.ge-ui.ge-ui--portal .ge-home-meta { margin: 0.9rem 0 1.25rem; font-size: 0.9375rem; color: var(--ge-ui-text-muted); }
.ge-ui.ge-ui--portal .ge-home-empty { padding: 1rem 1.25rem; background: var(--ge-ui-surface); border: 1px dashed var(--ge-ui-border-control); border-radius: 6px; color: var(--ge-ui-text); }

/* ── 7. Tableau des actions et courbe jour par jour ─────────────────────────────────────────────────────────────── */

.ge-ui.ge-ui--portal .ge-home .ge-portal-tablewrap { background: var(--ge-ui-surface); border: 1px solid var(--ge-ui-border); border-radius: 6px; }
.ge-ui.ge-ui--portal .ge-home .ge-portal-table th,
.ge-ui.ge-ui--portal .ge-home .ge-portal-table td { padding: 0.8rem 0.75rem; border-top: 1px solid var(--ge-ui-border); }
.ge-ui.ge-ui--portal .ge-home .ge-portal-table thead th { border-top: 0; color: var(--ge-ui-text-muted); font-weight: 500; }
.ge-ui.ge-ui--portal .ge-home .ge-portal-table th[scope="row"] { font-weight: 500; color: var(--ge-ui-text); }
.ge-ui.ge-ui--portal .rp-table--actions td { vertical-align: middle; }
.ge-ui.ge-ui--portal .rp-table--actions .ge-num { text-align: right; white-space: nowrap; }
.ge-ui.ge-ui--portal .ge-home-support { display: block; }
.ge-ui.ge-ui--portal .ge-home-support-type { display: block; margin-top: 0.1rem; font-size: 0.875rem; font-weight: 400; color: var(--ge-ui-text-muted); }
.ge-ui.ge-ui--portal .rp-cell-label { display: none; }
.ge-ui.ge-ui--portal .rp-support-type { display: block; font-size: 0.875rem; font-weight: 400; color: var(--ge-ui-text-muted); }

/* ── 8. Petits écrans : fiches au lieu d'un tableau large ───────────────────────────────────────────────────────── */
@media (max-width: 39.99rem) {
	.ge-ui.ge-ui--portal .ge-portal-header { padding: 0.75rem 1rem; }
	.ge-ui.ge-ui--portal .rp-head { grid-template-columns: minmax(0, 1fr); }
	.ge-ui.ge-ui--portal .rp-select { min-width: 0; max-width: 100%; }
	.ge-ui.ge-ui--portal .ge-home-picker { width: 100%; }
	.ge-ui.ge-ui--portal .ge-home-picker select { flex: 1 1 auto; min-width: 0; }

	.ge-ui.ge-ui--portal .ge-home .ge-portal-tablewrap { background: transparent; border: 0; overflow: visible; }

	.ge-ui.ge-ui--portal .rp-table--actions thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
	}

	.ge-ui.ge-ui--portal .rp-table--actions,
	.ge-ui.ge-ui--portal .rp-table--actions tbody,
	.ge-ui.ge-ui--portal .rp-table--actions tr,
	.ge-ui.ge-ui--portal .rp-table--actions th,
	.ge-ui.ge-ui--portal .rp-table--actions td { display: block; width: 100%; box-sizing: border-box; }

	.ge-ui.ge-ui--portal .rp-table--actions tr {
		margin: 0 0 0.75rem;
		padding: 0.75rem;
		background: var(--ge-ui-surface);
		border: 1px solid var(--ge-ui-border);
		border-radius: 6px;
	}

	.ge-ui.ge-ui--portal .rp-table--actions th[scope="row"] { padding: 0 0 0.5rem; border: 0; font-size: 1.0625rem; }

	.ge-ui.ge-ui--portal .rp-table--actions td,
	.ge-ui.ge-ui--portal .ge-home .ge-portal-table td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 0.75rem;
		padding: 0.4rem 0;
		border: 0;
		border-top: 1px solid var(--ge-ui-border);
		text-align: right;
	}

	.ge-ui.ge-ui--portal .rp-cell-label {
		display: inline;
		flex: 0 0 auto;
		text-align: left;
		color: var(--ge-ui-text-muted);
		font-weight: 600;
	}
}

@media (min-width: 40rem) {
	.ge-ui.ge-ui--portal .ge-home-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ge-ui.ge-ui--portal .ge-home-kpis.has-cost { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.ge-ui.ge-ui--portal .ge-home-goal { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); padding: 1.5rem; }
	.ge-ui.ge-ui--portal .ge-home-kpi { padding: 1.1rem 1.25rem; }
}

/* ── 9. Impression : retour aux couleurs claires d'origine (portal.css et portal-report.css) ─────────────────────── */
@media print {
	.ge-ui.ge-ui--portal {
		color-scheme: light;
		--ge-ui-canvas: #ffffff;
		--ge-ui-surface: #ffffff;
		--ge-ui-text: #1a1a1a;
		--ge-ui-text-muted: #4d4d4d;
		--ge-ui-border: #d6d0c4;
		--ge-ui-border-control: #8c8f94;
		--ge-ui-brand: #6e5936;
		--ge-ui-brand-strong: #6e5936;
		--ge-ui-ok: #1f6a1f;
		--ge-ui-logo: url("../img/logo-groupe-echo.png");
		--p-brand: #6e5936;
		--p-brand-dark: #55442a;
		--p-brand-light: #f5f0e8;
		--p-text: #1a1a1a;
		--p-muted: #4d4d4d;
		--p-border: #d6d0c4;
		--p-bg: #faf8f4;
		--p-white: #ffffff;
		--rp-brand: #6e5936;
		--rp-brand-dark: #55442a;
		--rp-brand-soft: #f5f0e8;
		--rp-surface: #ffffff;
		--rp-canvas: #faf8f4;
		--rp-text: #1a1a1a;
		--rp-muted: #4d4d4d;
		--rp-line: #d6d0c4;
		--rp-control: #8c8f94;
		--rp-up: #1f6a1f;
		--rp-down: #8a2d1f;
		--rp-flat: #4d4d4d;
		--rp-warn-bg: #fbf3d9;
		--rp-warn-text: #5c4400;
		--rp-info-bg: #e8f2f9;
		--rp-info-text: #174c70;
		--rp-focus: #1a1a1a;
		--rp-chart-line: #6e5936;
		--rp-chart-grid: #e4dfd3;
		--rp-chart-ink: #4d4d4d;
		--rp-chart-point: #ffffff;
		background: #ffffff;
		color: #000000;
	}

	.ge-ui.ge-ui--portal :is(.rp-h2, .rp-month, a:not(.ge-portal-btn, .rp-btn)) { color: #000000; }
	.ge-ui.ge-ui--portal .rp-table--actions thead { position: static; width: auto; height: auto; clip: auto; }
	.ge-ui.ge-ui--portal .rp-table--actions { display: table; }
	.ge-ui.ge-ui--portal .rp-table--actions tbody { display: table-row-group; }
	.ge-ui.ge-ui--portal .rp-table--actions tr { display: table-row; margin: 0; padding: 0; background: #ffffff; border: 0; }
	.ge-ui.ge-ui--portal .rp-table--actions th,
	.ge-ui.ge-ui--portal .rp-table--actions td { display: table-cell; width: auto; text-align: left; border-top: 1px solid #999999; }
	.ge-ui.ge-ui--portal .rp-table--actions .rp-cell-label { display: none; }
}

/* ── 9b. Impression de l'accueil (lot 1.9.3) : fond clair, ni sélecteur ni boutons, tableau complet ─────────────── */
@media print {
	.ge-ui.ge-ui--portal .ge-portal-skip,
	.ge-ui.ge-ui--portal .ge-home-picker,
	.ge-ui.ge-ui--portal .ge-portal-user .ge-portal-btn,
	.ge-ui.ge-ui--portal .ge-home .ge-portal-btn { display: none; }

	.ge-ui.ge-ui--portal .ge-portal-header { padding: 0 0 0.5rem; background: #ffffff; border-bottom: 1px solid #999999; }
	.ge-ui.ge-ui--portal .ge-portal-main { max-width: none; padding: 0.5rem 0; }
	.ge-ui.ge-ui--portal .ge-home-title h1 { color: #000000; }
	.ge-ui.ge-ui--portal .ge-home-goal,
	.ge-ui.ge-ui--portal .ge-home-kpis,
	.ge-ui.ge-ui--portal .ge-home .ge-portal-tablewrap { background: #ffffff; border-color: #999999; break-inside: avoid; }
	.ge-ui.ge-ui--portal .ge-home-kpis { background: #999999; }
	.ge-ui.ge-ui--portal .ge-home-kpi { background: #ffffff; }
	.ge-ui.ge-ui--portal .ge-home-goal__title,
	.ge-ui.ge-ui--portal .ge-home-kpi__value { color: #000000; }
	.ge-ui.ge-ui--portal .ge-home-goal__bar { background: #d6d0c4; print-color-adjust: exact; }
	.ge-ui.ge-ui--portal .ge-home-goal__bar::-webkit-progress-bar { background: #d6d0c4; }
	.ge-ui.ge-ui--portal .ge-home-goal__bar::-webkit-progress-value { background: #6e5936; print-color-adjust: exact; }
	.ge-ui.ge-ui--portal .ge-home-goal__bar::-moz-progress-bar { background: #6e5936; }
	.ge-ui.ge-ui--portal .ge-home-goal__bar.is-full::-webkit-progress-value { background: #1f6a1f; print-color-adjust: exact; }
	.ge-ui.ge-ui--portal .ge-home-goal__bar.is-full::-moz-progress-bar { background: #1f6a1f; }
	.ge-ui.ge-ui--portal .rp-table--actions tr { break-inside: avoid; }
	.ge-ui.ge-ui--portal .rp-table--actions .ge-num { text-align: right; }
}

/* Lot 1.14.5 : détail dépliable d'un support en ENCART (variante A), partagé par l'accueil, le rapport et l'équipe.
 * <details> natif, fermé par défaut, sans JavaScript. Fermé : un titre cliquable (« Détail de cette action »). Ouvert : retrait, filet d'accent
 * à gauche, fond légèrement différent. Chaque ligne se lit dans l'ordre : libellé, valeur juste après, mention de comptage en étiquette de TEXTE
 * à contour. Aucune opacité sur du texte : les couleurs sont explicites (ratios mesurés dans doc/LOT-1-14-5.md). */
.ge-ui.ge-ui--portal .ge-detail { margin: 0.25rem 0 0 0.5rem; font-size: 0.875rem; font-weight: 400; font-style: normal; overflow-wrap: anywhere; }
.ge-ui.ge-ui--portal .ge-detail__summary { cursor: pointer; padding: 0.7rem 0; color: var(--ge-ui-brand-strong); font-weight: 600; }
.ge-ui.ge-ui--portal .ge-detail__summary:hover { text-decoration: underline; text-underline-offset: 0.15em; }
.ge-ui.ge-ui--portal .ge-detail__summary:focus-visible { outline: 2px solid var(--ge-ui-brand-strong); outline-offset: 2px; }
.ge-ui.ge-ui--portal .ge-detail[open] { padding: 0 0.75rem 0.75rem; background: var(--ge-ui-brand-soft); border-left: 3px solid var(--ge-ui-brand); border-radius: 0 4px 4px 0; }
.ge-ui.ge-ui--portal .ge-detail__list { list-style: none; margin: 0; padding: 0; }
.ge-ui.ge-ui--portal .ge-detail__line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.2rem 0.6rem; margin: 0; padding: 0.45rem 0; border-top: 1px solid var(--ge-ui-border); }
.ge-ui.ge-ui--portal .ge-detail__label { min-width: 0; color: var(--ge-ui-text); }
.ge-ui.ge-ui--portal .ge-detail__value { color: var(--ge-ui-text); font-weight: 700; font-variant-numeric: tabular-nums; }
.ge-ui.ge-ui--portal .ge-detail__tag { display: inline-block; max-width: 100%; padding: 0.05rem 0.45rem; border: 1px solid var(--ge-ui-border-control); border-radius: 3px; color: var(--ge-ui-text-muted); font-size: 0.8125rem; line-height: 1.4; }
.ge-ui.ge-ui--portal .ge-detail__reason { color: var(--ge-ui-text-muted); font-style: italic; }
.ge-ui.ge-ui--portal .ge-detail__line.is-hidden .ge-detail__label { color: var(--ge-ui-text-muted); }
.ge-ui.ge-ui--portal .ge-detail__note { margin: 0.5rem 0 0; color: var(--ge-ui-text-muted); font-size: 0.8125rem; }

/* Impression : l'encart reprend des couleurs claires (le fond sombre rendrait le texte clair illisible sur papier). */
@media print {
	.ge-ui.ge-ui--portal .ge-detail[open] { background: #faf8f4; border-left-color: #6e5936; print-color-adjust: exact; }
	.ge-ui.ge-ui--portal .ge-detail__summary { color: #6e5936; }
	.ge-ui.ge-ui--portal .ge-detail__tag { border-color: #8c8f94; }
}