/* Build 050 — watch-the-tank-while-tuning route diagnostics. */
.routing-lab{margin:10px 0;padding:10px;border:1px solid rgba(116,199,203,.28);border-radius:10px;background:rgba(8,27,40,.78);min-width:0}
.routing-lab h4{font-size:11px;letter-spacing:.08em;color:#a9e6d9;margin:0 0 7px}
.routing-lab p{font-size:11px;color:#9dbdcc;line-height:1.45;margin:5px 0 10px}
.routing-lab label{font-size:11px;color:#b4d3df}
.routing-lab select{max-width:100%;width:100%;min-height:36px;margin:5px 0 8px}
.routing-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0}
.routing-metrics div{padding:7px;border:1px solid #34556a;border-radius:7px;background:#092032;min-width:0}
.routing-metrics span{display:block;color:#91b2c5;font-size:10px}
.routing-metrics b{display:block;margin-top:3px;color:#b5efdf;font-size:12px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.routing-lab canvas{display:block;width:100%;height:150px;margin:8px 0;border:1px solid #29475c;border-radius:7px}
.routing-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.routing-table{width:100%;min-width:430px;border-collapse:collapse;font-size:10px;font-variant-numeric:tabular-nums}
.routing-table th,.routing-table td{padding:6px 5px;border-bottom:1px solid #28495d;text-align:left;white-space:nowrap}
.routing-table th{color:#9dc7d6;font-weight:600}.routing-table td{color:#d6ebf3}
.routing-lab button{min-height:38px;margin:10px 0 4px}
@media(max-width:640px){.routing-lab{padding:8px}.routing-metrics b{font-size:11px}}