.bar-graphique{gap:var(--space-3);min-width:0;padding:var(--space-5);border-radius:var(--radius-xl);background:var(--surface-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);margin:0;display:grid}.bar-graphique-tete{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.bar-graphique-titre{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-md);color:var(--navy-900);margin:0}.bar-periodes{border-radius:var(--radius-lg);background:var(--surface-accent);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.bar-periode{border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-2xs);color:var(--navy-800);cursor:pointer;white-space:nowrap;padding:5px 11px;transition:background .16s,color .16s;position:relative}.bar-periode input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.bar-periode.is-actif{background:var(--navy-900);color:#fff}.bar-periode:has(input:focus-visible){outline:2px solid var(--navy-900);outline-offset:2px}.bar-legende{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bar-legende li{margin:0}.bar-serie{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--navy-900);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:3px 10px;display:inline-flex;position:relative}.bar-serie input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.bar-serie.is-masquee{color:var(--text-muted);background:0 0;border-style:dashed}.bar-serie.is-masquee .bar-cle{opacity:.35}.bar-serie:has(input:focus-visible){outline:2px solid var(--navy-900);outline-offset:2px}.bar-serie:has(input:disabled){cursor:default}.bar-cle{background:var(--c);border-radius:2px;width:14px;height:3px}.bar-cle--tirets{background:repeating-linear-gradient(90deg, var(--c) 0 4px, transparent 4px 7px)}.bar-cle--palier{border-top:2px solid var(--c);border-left:2px solid var(--c);background:0 0;border-radius:0;width:12px;height:8px;translate:0 3px}.bar-zone{width:100%;min-height:320px;position:relative;overflow:hidden}@media (max-width:600px){.bar-zone{min-height:250px}}.bar-zone svg{touch-action:pan-y;cursor:crosshair;max-width:100%;height:auto;display:block}.bar-zone svg:focus-visible{outline:2px solid var(--navy-900);outline-offset:-2px;border-radius:4px}.bar-grille{stroke:#e6e6f2;stroke-width:1px}.bar-zero{stroke:#9a9ac0;stroke-width:1px}.bar-tic{stroke:#cfcfec;stroke-width:1px}.bar-axe{font-family:var(--font-body,inherit);fill:#5b5b88;font-variant-numeric:lining-nums tabular-nums;font-size:11px}.bar-axe--fort{fill:#1b1b3a;font-weight:700}.bar-trait{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.bar-fin{fill:#1b1b3a;font-variant-numeric:lining-nums tabular-nums;font-size:12px}.bar-fin--fort{font-weight:700}.bar-reticule{stroke:#5b5b88;stroke-width:1px}.bar-reference{stroke:#5b5b88;stroke-width:1.4px;stroke-dasharray:2 4}.bar-serie--repere{cursor:default;background:0 0}.bar-cle--repere{background:0 0;border-top:2px dotted #5b5b88;border-radius:0;width:14px;height:0}.bar-bulle{min-width:170px;max-width:calc(100% - 8px);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-subtle);pointer-events:none;background:#fff;gap:4px;display:grid;position:absolute;box-shadow:0 12px 28px -14px #00004b73}.bar-bulle-titre{font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0 0 2px}.bar-bulle-ligne{column-gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);grid-template-columns:14px auto;align-items:center;margin:0;display:grid}.bar-bulle-ligne strong{font-family:var(--font-display);font-size:var(--text-sm);color:var(--navy-900);font-variant-numeric:lining-nums tabular-nums}.bar-bulle-ligne span:last-child{grid-column:2}.bar-bulle-cle{border-radius:2px;grid-row:span 2;width:12px;height:3px}.bar-note{font-size:var(--text-2xs);color:var(--text-muted);margin:0;line-height:1.45}@media (max-width:560px){.bar-graphique{padding:var(--space-4) var(--space-3)}.bar-periode{padding:5px 9px}}@media (prefers-reduced-motion:reduce){.bar-periode{transition:none}}