/* Outil 2 · Budget CRM : barres par année et légende (le reste vient de ../outils.css). */
.field-grid[data-groupe=licences]{grid-template-columns:repeat(3,1fr)}
.years{margin-top:30px;padding-top:22px;border-top:1px solid #78566b}
.years:empty,.legend:empty{display:none}
.years-title{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#d7c4cd;margin:0 0 14px}
.year{display:grid;grid-template-columns:72px 1fr 78px;align-items:center;gap:12px;margin:10px 0}
.year-label{font-size:12px;color:#dac9d2}
.year-total{font:700 14px/1 Archivo,sans-serif;text-align:right;font-variant-numeric:tabular-nums}
.bar{display:flex;height:16px;width:calc(var(--w,1) * 100%);min-width:6px;border-radius:3px;overflow:hidden;gap:2px}
.seg{display:block;min-width:3px;height:100%}
.seg-licences{background:var(--lime)}
.seg-options{background:#efe7dd}
.seg-initiaux{background:repeating-linear-gradient(135deg,var(--lime) 0 3px,transparent 3px 7px);box-shadow:inset 0 0 0 1px var(--lime)}
.seg-maintenance{background:#a98a9b}
.legend{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;font-size:12px;color:#dac9d2}
.legend-note{grid-column:1/-1;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#b89fac}
.legend li{display:flex;align-items:center;gap:8px}
.legend b{margin-left:auto}
.legend .seg{width:12px;height:12px;border-radius:2px;flex:none}
.legend b{color:var(--white);font-variant-numeric:tabular-nums}

@media(max-width:700px){
  .year{grid-template-columns:60px 1fr 70px;gap:8px}
  .legend{grid-template-columns:1fr}
  .field-grid[data-groupe=licences]{grid-template-columns:1fr 1fr}
}

/* Long valid amounts must stay visible inside the clipped calculator shell. */
.tool-result .big-result.is-long{font-size:clamp(23px,3.3vw,52px);white-space:normal;overflow-wrap:anywhere}
.year{grid-template-columns:72px minmax(0,1fr) max-content}
@media(max-width:700px){.year{grid-template-columns:60px minmax(0,1fr) max-content}.year-total{font-size:12px}}