/*
 * Menus déroulants de la barre du haut (période, actions) — implémentés
 * avec <details>/<summary> natifs, sans JS.
 */

.ag-topbar-dropdown {
	position: relative;
}

.ag-topbar-dropdown > summary {
	list-style: none;
	cursor: pointer;
}

.ag-topbar-dropdown > summary::-webkit-details-marker {
	display: none;
}

.ag-topbar-dropdown__panel {
	position: absolute;
	right: 0;
	top: calc(100% + var(--ag-space-2));
	min-width: 200px;
	max-height: 320px;
	overflow-y: auto;
	background: var(--ag-color-surface);
	border: 1px solid var(--ag-color-border);
	border-radius: var(--ag-radius-md);
	box-shadow: var(--ag-shadow-md);
	padding: var(--ag-space-2);
	z-index: var(--ag-z-topbar);
}

.ag-topbar-dropdown__item {
	display: block;
	padding: var(--ag-space-2) var(--ag-space-3);
	border-radius: var(--ag-radius-sm);
	font-size: var(--ag-font-size-sm);
}

.ag-topbar-dropdown__item:hover {
	background: var(--ag-color-bg);
}

.ag-topbar-dropdown__item.is-active {
	color: var(--ag-color-primary);
	font-weight: var(--ag-font-weight-medium);
	background: var(--ag-color-primary-soft);
}

/*
 * Fermeture au clic extérieur : <details> natif ne le fait pas tout seul
 * (retour utilisateur du 27/08/2026 — le panneau ne se fermait qu'en
 * recliquant sur son propre <summary>) — gérée en JS, voir le bloc dédié
 * dans assets/js/ag-core.js.
 */

/* En mobile, la topbar n'affiche que l'essentiel : ces informations
   secondaires sont masquées pour laisser la place au menu/période. */
@media (max-width: 960px) {
	.app-topbar__license,
	.app-topbar__adhesion {
		display: none;
	}
}