.routing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin:20px 0}.route-node{padding:18px;background:var(--surface-alt,#f4f6f8);border:1px solid var(--border,#dce2e7);border-radius:12px;margin:16px 0}.route-node select[multiple]{min-height:110px}.route-steps{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.route-steps a{padding:10px 14px;border:1px solid var(--border,#dce2e7);border-radius:10px;max-width:100%;overflow-wrap:anywhere}.route-steps .selected{background:var(--accent,#116862);color:white}.routing-grid h2,.route-node h3{overflow-wrap:anywhere}.route-node .card-heading{flex-wrap:wrap;gap:8px}.routing-grid .card{min-width:0}.stage-summary{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.routing-grid .stage-quantities{flex-wrap:wrap}.route-node input,.route-node select{max-width:100%}
@media(max-width:680px){.sidebar nav{justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.sidebar nav a{flex:0 0 68px;min-width:68px;font-size:10px;min-height:60px}.app{padding-bottom:85px}}
@media(min-width:681px){.sidebar{overflow-y:auto}}