.histo-modal[hidden]{ display:none; }
.histo-modal{
  position:fixed;
  inset:0;
  z-index:100;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}
.histo-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.45);
}
.histo-dialog{
  position:relative;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:12px;
  box-shadow:0 12px 40px rgba(0,0,0,0.35);
  padding:18px 20px;
  width:100%;
  max-width:560px;
  max-height:calc(100vh - 32px);
  overflow-y:auto;
}
.histo-head{ display:flex; align-items:flex-start; gap:12px; margin-bottom:10px; }
.histo-head-text{ flex:1; min-width:0; }
.histo-title{ font-weight:700; color:var(--ink); }
.histo-sub{ color:var(--ink-muted); font-size:12.5px; margin-top:2px; }
.histo-close{
  flex:none;
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--surface-2);
  color:var(--ink-2);
  font-size:13px;
  cursor:pointer;
}
.histo-close:focus-visible{ outline:2px solid var(--accent-text); outline-offset:1px; }
.histo-tabs{ margin-bottom:10px; }
 
 
.histo-tabs button:disabled{
  opacity:.6;
  cursor:default;
  color:var(--ink-muted);
  text-decoration:line-through;
}
 
.histo-tabs button.active[data-fuel="e85"]{ background:var(--fuel-e85); color:var(--fuel-e85-ink); }
.histo-tabs button.active[data-fuel="e10"]{ background:var(--fuel-e10); color:var(--fuel-e10-ink); }
.histo-tabs button.active[data-fuel="e5"]{ background:var(--fuel-e5); color:var(--fuel-e5-ink); }
.histo-tabs button.active[data-fuel="b7"]{ background:var(--fuel-b7); color:var(--fuel-b7-ink); }
 
.histo-price{ display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.histo-price-value{ font-size:16px; font-weight:700; font-variant-numeric: tabular-nums; }
 
.histo-price-value[data-fuel="e85"]{ color:var(--fuel-e85); }
.histo-price-value[data-fuel="e10"]{ color:var(--fuel-e10); }
.histo-price-value[data-fuel="e5"]{ color:var(--fuel-e5); }
.histo-price-value[data-fuel="b7"]{ color:var(--fuel-b7); }
 
.histo-price-row{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:6px; flex-wrap:wrap; }
.histo-range{ flex:none; }
.seg-xs button{ padding:4px 8px; font-size:11px; }
.histo-chart-wrap{ margin-bottom:8px; }
.histo-legend{ margin-bottom:4px; flex-wrap:wrap; }
 
.histo-legend-fuels{ display:flex; gap:16px; flex-wrap:wrap; }
 
.histo-legend-swatch{ width:22px; height:10px; overflow:visible; flex:none; }
.histo-legend-swatch line{ fill:none; stroke-linecap:round; }
.histo-empty{ margin-top:4px; }
.histo-minmax{ margin-top:2px; }
 
.histo-minmax div + div{ margin-top:2px; }
@media (max-width: 480px){
  .histo-dialog{ padding:14px 16px; }
}

 
.commune-choices:empty{ margin-top:0; }