/* L'historique des images : plein écran, un curseur d'années (src/historique-images.js). */
.hi-fond { position: fixed; inset: 0; z-index: 2300; background: #16181c; color: var(--encre); }
.hi-carte { position: absolute; inset: 0; }
.hi-rond { position: absolute; top: calc(env(safe-area-inset-top, 0px) + 10px); left: 10px; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: color-mix(in srgb, var(--fond) 78%, transparent); color: var(--encre); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); cursor: pointer; }
.hi-rond svg { width: 16px; height: 16px; }
.hi-vide { position: absolute; top: calc(env(safe-area-inset-top, 0px) + 18px); left: 50%; margin: 0; padding: 6px 12px; border-radius: 16px; background: var(--fond); font-size: var(--t-13); transform: translateX(-50%); white-space: nowrap; }
.hi-panneau { position: absolute; left: 50%; bottom: calc(env(safe-area-inset-bottom, 0px) + 12px); width: min(620px, calc(100% - 20px)); box-sizing: border-box; padding: 12px 16px 10px; border-radius: 18px; background: var(--fond); transform: translateX(-50%); }
.hi-ligne { display: flex; align-items: center; gap: 10px; }
.hi-annee { font-size: var(--t-17); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.hi-nature { flex: 1; min-width: 0; overflow: hidden; color: var(--encre-3); font-size: var(--t-12); white-space: nowrap; text-overflow: ellipsis; }
.hi-bouton { min-height: 0; height: var(--h-bouton); padding: 0 10px; border: 0; border-radius: var(--r-bouton); background: var(--champ); color: var(--encre); font: inherit; font-size: var(--t-13); cursor: pointer; }
.hi-cadastre { display: inline-flex; align-items: center; gap: 5px; font-size: var(--t-13); white-space: nowrap; }
.hi-curseur { display: block; width: 100%; margin: 12px 0 2px; accent-color: var(--accent); }
.hi-reperes { display: flex; justify-content: space-between; color: var(--encre-4); font-size: 9px; font-variant-numeric: tabular-nums; }
.hi-source { display: block; margin-top: 6px; color: var(--encre-4); font-size: var(--t-11); }
@media (max-width: 699px) { .hi-reperes span:nth-child(even) { visibility: hidden; } }