.route-browser{margin-top:16px}
.route-browser-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.route-browser-head>div>p:last-child{margin:10px 0 0;color:var(--muted);font-size:12px}
.route-filters{display:flex;gap:10px;flex:0 0 auto}
.route-filters label{display:block}
.route-filters label>span{display:block;margin-bottom:7px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.13em}
.route-filters select{height:40px;min-width:180px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:5px;background:#0e1725;color:var(--text);font:11px Inter,"Segoe UI",sans-serif}
.route-filters label:last-child select{min-width:78px}
.route-summary{display:flex;align-items:center;justify-content:space-between;margin-top:26px;padding:13px 15px;border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0;background:#0e1725}
.route-summary strong{font-size:13px}
.route-summary span{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}
.route-table-wrap{overflow-x:auto;border:1px solid var(--line)}
.route-table{width:100%;border-collapse:collapse;table-layout:auto;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}
.route-table th{padding:11px 14px;border-bottom:1px solid var(--line);background:#101a29;color:#8392a7;font:800 8px Inter,"Segoe UI",sans-serif;letter-spacing:.12em;text-align:left;white-space:nowrap}
.route-table td{padding:11px 14px;border-bottom:1px solid #202f44;color:#b8c4d4;white-space:nowrap;font-variant-numeric:tabular-nums}
.route-table tr:last-child td{border-bottom:0}
.route-table td:first-child{color:#dce8f8;font-weight:700}
.route-table td:nth-child(2){color:#74baff}
.route-state{display:inline-flex;padding:4px 7px;border:1px solid #334863;border-radius:4px;color:#91a0b5;font:700 8px Inter,"Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.route-state.selected{border-color:#327550;background:#10251b;color:#61d792}
.route-empty{height:120px!important;color:var(--muted)!important;text-align:center}
.route-pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:16px}
.route-pagination button{height:36px;padding:0 14px;border:1px solid #31445f;border-radius:5px;background:#142033;color:#e4ebf5;font:700 10px Inter,"Segoe UI",sans-serif}
.route-pagination button:disabled{cursor:not-allowed;opacity:.38}
.route-pagination button:not(:disabled):hover{border-color:#4a80ba;background:#1a2a41}
.route-pagination span{min-width:90px;color:var(--muted);font-size:10px;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:800px){
  .route-browser-head{align-items:stretch;flex-direction:column;gap:20px}
  .route-filters{width:100%}
  .route-filters label:first-child{flex:1}
  .route-filters select{width:100%;min-width:0}
  .route-summary{align-items:flex-start;flex-direction:column;gap:5px}
  .route-table{min-width:760px}
  .route-pagination{justify-content:space-between}
  .mobile-nav{grid-template-columns:repeat(5,1fr)}
}