/* Jetons dataviz (palette de reference validee, 3 series) poses sur les surfaces du site */
:root{--viz-1:#2a78d6;--viz-2:#eb6834;--viz-3:#1baf7a;--viz-grid:#e1e0d9;--viz-ink:#52514e}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--viz-1:#3987e5;--viz-2:#d95926;--viz-3:#199e70;--viz-grid:#2c2c2a;--viz-ink:#c3c2b7}}
:root[data-theme="dark"]{--viz-1:#3987e5;--viz-2:#d95926;--viz-3:#199e70;--viz-grid:#2c2c2a;--viz-ink:#c3c2b7}
.viz{font-size:.92rem}
.viz-legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:10px;color:var(--viz-ink);font-size:.85rem}
.viz-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.viz-row{display:grid;grid-template-columns:minmax(120px,38%) 1fr 64px;gap:10px;align-items:center;margin:6px 0}
.viz-label{color:var(--viz-ink);font-size:.86rem;line-height:1.25;text-align:right}
.viz-track{display:flex;gap:2px;height:14px;background:transparent;border-left:1px solid var(--viz-grid)}
.viz-seg{display:block;height:100%;min-width:2px;cursor:default}
.viz-seg:first-child{border-radius:0 4px 4px 0}
.viz-seg:not(:first-child){border-radius:4px}
.viz-c1{background:var(--viz-1)}.viz-c2{background:var(--viz-2)}.viz-c3{background:var(--viz-3)}
.viz-val{font-variant-numeric:tabular-nums;font-size:.86rem;color:var(--viz-ink)}
.viz-foot{display:flex;gap:12px;align-items:center;margin-top:10px;font-size:.8rem;color:var(--viz-ink)}
.viz-foot button{font:inherit;background:transparent;color:var(--viz-ink);border:1px solid var(--viz-grid);border-radius:999px;padding:3px 10px;cursor:pointer}
.viz-table{border-collapse:collapse;width:100%;font-size:.86rem}
.viz-table th,.viz-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--viz-grid);font-variant-numeric:tabular-nums}
.viz-tip{position:fixed;display:none;z-index:50;pointer-events:none;background:#17201c;color:#eef2ee;border-radius:8px;padding:8px 10px;font-size:.82rem;line-height:1.4;box-shadow:0 6px 20px rgba(0,0,0,.25);max-width:260px}
@media (max-width:600px){.viz-row{grid-template-columns:1fr}.viz-label{text-align:left}.viz-val{text-align:right}}