#view-history .route-context{margin:0 0 14px;padding:14px 18px;background:#fff;border:1px solid #e1e7ed;border-radius:12px}
#view-history .route-context-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}
#view-history .route-context-heading strong,#view-history .route-context-heading span{display:block}
#view-history .route-context-heading strong{font-size:14px;color:#253447}
#view-history .route-context-heading span{font-size:12px;color:#64748b;margin-top:5px}
#view-history #route-fit-all{flex-shrink:0;padding:10px 14px;border:1px solid #d9e1e8;border-radius:8px;font-size:12px}
#view-history #route-quality{margin:12px 0 0;padding:9px 12px;background:#f1f5f8;border-radius:7px;color:#526174;font-size:11px;line-height:1.6}
#view-history .route-context[data-state=warning] #route-quality{background:#fff6e6;color:#83561c}
#view-history .route-context[data-state=ready] #route-quality{background:#edf6f1;color:#34634d}
#view-history .route-time-method{margin-top:8px;color:#69788a;font-size:11px}
#view-history .route-time-method summary{cursor:pointer}#view-history .route-time-method p{line-height:1.6;max-width:1000px}
#view-history .route-summary{grid-template-columns:repeat(3,minmax(0,1fr)) repeat(2,minmax(150px,1.3fr));height:auto;min-height:74px}
#view-history .route-summary>div{padding:13px 12px}
#view-history .route-summary .route-time-metric strong{font-size:16px;white-space:nowrap;margin-top:9px}
@media(max-width:1350px){#view-history .route-summary{grid-template-columns:repeat(6,minmax(0,1fr))}#view-history .route-summary>div{grid-column:span 2}#view-history .route-summary .route-time-metric{border-top:1px solid #edf0f2;grid-column:span 3}}
@media(max-width:650px){#view-history .route-context-heading{align-items:stretch;flex-direction:column}#view-history #route-fit-all{width:100%}#view-history .route-context{padding:14px}#view-history .route-summary .route-time-metric strong{font-size:13px}#view-history .route-summary .route-time-metric{min-width:0}}