.vol-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.4rem;align-items:start}
.vol-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.5rem}
.vol-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border:1px solid var(--nmm-line);border-radius:.6rem;padding:.4rem .6rem;background:var(--nmm-s0)}
.vol-item label{flex:1;font-size:.92rem}
.vol-item small{display:block;color:var(--nmm-ink-2)}
.vol-qty{width:4.2rem;font:inherit;padding:.3rem .4rem;border:1px solid var(--nmm-field-line);border-radius:.4rem;text-align:right}
.vol-result{position:sticky;top:5rem;background:var(--nmm-accent-soft);border-radius:.9rem;padding:1.1rem 1.3rem}
.vol-total{font-size:2.2rem;font-weight:800;color:var(--nmm-accent-d);line-height:1}
.vol-bar{height:.8rem;border-radius:1rem;background:var(--nmm-s2);overflow:hidden;margin:.7rem 0}
.vol-bar span{display:block;height:100%;background:var(--nmm-accent)}
.vol-controls{display:flex;flex-wrap:wrap;gap:.8rem;align-items:end;margin:1rem 0}
.vol-controls>div{flex:1 1 13rem;min-width:0;max-width:100%}
.vol-controls select{width:100%}
.vol-controls label{font-weight:600;font-size:.9rem;display:block}
.vol-controls select{font:inherit;padding:.45rem .6rem;border:1px solid var(--nmm-field-line);border-radius:.5rem;background:var(--nmm-s0);max-width:100%}
.vol-print{display:none}
@media (max-width:48rem){.vol-grid{grid-template-columns:1fr}.vol-result{position:static}}
@media print{header.nmm-header,.nmm-footer,.nmm-volet,.nmm-crumb,.vol-controls,.vol-items,.vol-actions,form,.nmm-relance{display:none!important}.vol-print{display:block}.vol-result{position:static;background:none}}