.routing-page .route-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);margin:0 0 18px;background:#0b2119}
.routing-page .route-kpis>div{padding:16px 20px;border-right:1px solid var(--border)}
.routing-page .route-kpis>div:last-child{border:0}
.routing-page .route-kpis span{font-size:11px;color:var(--muted);display:block}
.routing-page .route-kpis strong{font:700 24px Arial,'Microsoft YaHei';display:block;color:var(--lime);margin-top:7px}
.routing-page .model-library{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:14px 0 18px}
.routing-page .model-family{padding:11px 10px;border:1px solid #28463b;background:#0b211a}
.routing-page .model-family b{display:block;font-size:11px;color:#aadacc;overflow-wrap:anywhere}
.routing-page .model-family small{font-size:10px;color:#8da79b;display:block;margin-top:6px}
.routing-page .model-family.unavailable{border-style:dashed;opacity:.55}
.routing-page .model-family.chosen{border-color:var(--lime);background:#28341c}
.routing-page .model-family.chosen b{color:var(--lime)}
.routing-page .flow-stage{height:auto!important;min-height:410px;overflow-x:auto!important;margin-top:10px}
.routing-page .flow-stage svg{height:auto!important;min-width:1100px!important;width:100%}
.routing-page .flow-stage [data-candidate]{cursor:pointer}
.routing-page .flow-stage [data-candidate]:focus{outline:none}
.routing-page .flow-stage [data-candidate]:focus rect{stroke:var(--lime);stroke-width:2}
.routing-page .flow-stage [data-candidate]:hover rect{stroke:#99cab9}
.routing-page .route-table-wrap{max-height:420px;overflow:auto}
.routing-page .route-table th{position:sticky;top:0;background:#10281f;z-index:1}
.routing-page .candidate-pick{border:0;background:transparent;padding:5px 0;text-align:left;color:#b6d9cc;font-size:12px}
.routing-page .candidate-inspector{padding:12px 0;border-top:1px solid var(--border);margin-top:12px}
.routing-page .candidate-inspector h4{color:var(--cyan);margin:0 0 8px;font-size:14px}
.routing-page .candidate-inspector p{font-size:11px;margin:4px 0}
.routing-page .route-state{align-items:start}
.routing-page .decision{position:sticky;top:12px}
.routing-page .decision dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.routing-page .decision dt{font-size:10px;color:var(--muted)}
.routing-page .decision dd{margin:5px 0 0;font:700 14px Arial,'Microsoft YaHei'}
.routing-page .route-state h3{margin-top:0}
.routing-page .route-library-title{display:flex;justify-content:space-between;gap:12px;align-items:center}
.routing-page .route-library-title h3{margin:0;font-size:14px}
.routing-page .route-library-title span{font-size:11px;color:var(--muted)}
.routing-page .catalog-table{max-height:360px;overflow:auto}
.routing-page details{margin:12px 0}
.routing-page summary{cursor:pointer;color:#a4c2b4;font-size:12px}
.routing-page .history-chart{height:300px}
@media(max-width:1000px){.routing-page .model-library{grid-template-columns:repeat(4,minmax(0,1fr))}.routing-page .route-kpis strong{font-size:19px}.routing-page .route-kpis>div{padding:13px}}
@media(max-width:650px){.routing-page .route-kpis{grid-template-columns:1fr 1fr}.routing-page .model-library{grid-template-columns:repeat(3,minmax(0,1fr))}.routing-page .route-state{grid-template-columns:1fr}.routing-page .decision{position:static}.routing-page .toolbar .route-slider{flex-basis:100%}.routing-page .route-kpis>div{border-bottom:1px solid var(--border)}}
