/* ================================================================
   L'export des hypothèses, en haut du panneau de droite (src/hypotheses/exporter.js)
   Aux codes de NDC26 : l'intitulé en capitales espacées, les boutons pleins en vert anis comme ceux de ndc26.fr.
   Variables utilisées : --texte, --gris, --trait, --accent, --accent-fonce, --police
   ================================================================ */
.hyp-export { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 6px; }
/* Le vent encore en calcul : les boutons attendent, et l'avancement s'écrit à côté (12/11/2026). */
.hyp-export-attente { order: 9; flex-basis: 100%; text-align: right; font-size: 11.5px; color: var(--gris); font-variant-numeric: tabular-nums; }
.hyp-export-libelle {
	margin-right: 4px; font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gris);
}
.hyp-export-bouton {
	font: inherit; font-family: var(--police); font-size: 11.5px; font-weight: 700; letter-spacing: 0.1em; line-height: 1.3;
	padding: 5px 13px; color: var(--texte); background: var(--accent); border: 1px solid var(--accent); border-radius: 2px; cursor: pointer;
}
.hyp-export-bouton:hover:not(:disabled) { color: #fff; background: var(--accent-fonce); border-color: var(--accent-fonce); }
.hyp-export-bouton:focus-visible { outline: 2px solid var(--accent-fonce); outline-offset: 2px; }
.hyp-export-bouton:disabled { color: var(--gris); background: transparent; border-color: var(--trait); cursor: not-allowed; }
@media (pointer: coarse) {
	.hyp-export-bouton { min-height: 36px; padding: 4px 15px; font-size: 12.5px; }
}