:root{--serie-1:#d60502;--serie-2:#e8890c;--graph-grille:#e8e8e6;--graph-texte:#52514e;--graph-surface:#fcfcfb}.layout{min-height:100vh}.header{align-items:center;display:flex}.header-titre{color:#fff;margin-right:32px}.header-menu{flex:1}.contenu{padding:5px}.login{background:#000;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-carte{width:320px}.alerte,.barre-actions{margin-bottom:16px}.encart-apercu{max-width:120px;max-height:60px}.encart-apercu-grand{max-width:100%;max-height:200px;margin-bottom:8px;display:block}.carte-graphique{margin-bottom:16px}.graph-grille line,.graph-axe .recharts-cartesian-axis-line{stroke:var(--graph-grille)}.graph-axe-texte{fill:var(--graph-texte);font-size:12px}.graph-curseur{stroke:var(--graph-texte);stroke-width:1px}.graph-point{stroke:var(--graph-surface);stroke-width:2px}.graph-infobulle{border:1px solid var(--graph-grille);background:#fff;border-radius:6px;padding:8px 12px;box-shadow:0 2px 8px #00000014}.graph-infobulle-titre{color:var(--graph-texte);margin-bottom:4px}.graph-legende{color:var(--graph-texte);justify-content:flex-end;gap:16px;padding-bottom:8px;display:flex}.graph-legende-item{align-items:center;display:inline-flex}.graph-pastille{border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.serie-nb,.serie-vus{background:var(--serie-1)}.serie-vus_total{background:var(--serie-2)}.seuil{text-align:right;border-radius:4px;min-width:48px;padding:0 6px;display:inline-block}.seuil-noir{color:#fff;background:#000}.seuil-rouge{color:#fff;background:#d60502}.seuil-orange{color:#000;background:#ffbc40}.seuil-vert{color:#000;background:#bfffa0}.graph-point-serie-1{fill:var(--serie-1);stroke:var(--graph-surface);stroke-width:1px}.titre-page{text-align:center}.total-page{text-align:center;margin-bottom:16px;font-size:16px}.rouge{color:#d60502}.nav-mois{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.nav-mois-bouton{width:150px}.nav-mois-fleche{width:40px}.graph-titre{text-align:center;color:#000;font-size:18px}.graph-sous-titre{text-align:center;color:var(--graph-texte)}.graph-axe-titre{fill:var(--graph-texte);text-anchor:middle;font-size:12px}.graph-valeur{fill:#000;font-size:11px;font-weight:700}.menu-client{justify-content:center;gap:8px;margin-bottom:16px;display:flex}
