/* Mentenanță: fiecare celulă din panoul de scadențe pe un rând (V1 din mockups/scadente-linie-variante.html).
   - „Vezi →” a devenit o săgeată care apare la hover / pe tranșa activă, peste spațiul din dreapta (nu ocupă loc în rând).
   - Coloanele iau lățimea conținutului (auto), restul spațiului se împarte egal: celula cu text lung (ex. 180 de zile,
     „227 ITP · 129 extinctoare · +166”) nu mai e strânsă la fel ca una scurtă. Toate perioadele încap de la un panou
     de ~1180 px; sub 1280 px fereastră panoul trece pe 2 coloane (ca sub 1100 în CSS-ul de bază). */
.due-cell{gap:11px;padding-right:28px}
.due-cell .n{min-width:0}
.due-cell .chev{position:absolute;right:10px;top:50%;width:14px;height:14px;margin-top:-7px;fill:none;stroke:var(--primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .15s}
.due-cell:hover .chev,.due-cell:focus-visible .chev,.due-cell.active .chev{opacity:1}
@media(min-width:1280px){
  .card.due-panel{grid-template-columns:repeat(4,auto) auto}
  .card.due-panel[data-cells="3"]{grid-template-columns:repeat(3,auto) auto}
}
@media(max-width:1279px){
  .card.due-panel,.card.due-panel[data-cells="3"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}
  .due-bar-wrap{grid-column:1/-1;padding-bottom:12px}
  .due-cell.revizii{grid-row:auto;grid-column:1/-1}
}
@media(max-width:640px){ /* telefonul rămâne pe o coloană, ca în CSS-ul de bază (regula de mai sus vine după el) */
  .card.due-panel,.card.due-panel[data-cells="3"]{grid-template-columns:minmax(0,1fr)}
}