/* Tappe intermedie degli itinerari */
.tappa{display:grid;grid-template-columns:30px 1fr auto;gap:8px 10px;align-items:center;border:1px solid #dbe3ea;border-radius:10px;padding:10px;margin:8px 0;background:#fff}
.tappa.active{border-color:var(--blue,#1e78b4);box-shadow:0 0 0 2px rgba(30,120,180,.18)}
.tappa .tn{grid-row:1/3;align-self:start;width:26px;height:26px;border-radius:50%;background:var(--navy,#0b3b5c);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.85rem;margin-top:4px}
.tappa input{margin:0}.tappa .tp{grid-column:2}.tappa .tb{grid-column:3;display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.tappa .tm{grid-column:2/4;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.85rem}
.tappa .pstate.ok{color:#1b7a3e}.tappa .pstate.no{color:#b45309}
.tappa-pin span{display:flex;width:26px;height:26px;border-radius:50%;background:#0b3b5c;color:#fff;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.4);align-items:center;justify-content:center;font-weight:700;font-size:.8rem}
.tappe-list{list-style:none;margin:.4em 0 0;padding:0}.tappe-list li{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px solid #eef2f6}.tappe-list li:last-child{border-bottom:0}
.tappe-list .n{flex:none;width:24px;height:24px;border-radius:50%;background:var(--navy,#0b3b5c);color:#fff;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:560px){.tappa{grid-template-columns:30px 1fr}.tappa .tb,.tappa .tm{grid-column:1/3}.tappa .tb{justify-content:flex-start}}