/* RailOps route history — unified control-room treatment */
.routeHistoryModern{
  --rh-surface:rgba(15,34,53,.9);
  --rh-surface-strong:rgba(8,21,35,.96);
  --rh-soft:rgba(255,255,255,.04);
  --rh-soft-hover:rgba(87,216,208,.075);
  --rh-line:rgba(151,177,201,.17);
  --rh-line-strong:rgba(87,216,208,.34);
  --rh-text:#f4f8fb;
  --rh-muted:#97abc0;
  --rh-accent:#57d8d0;
  --rh-accent-2:#6da7ff;
  width:100%;
  max-width:none;
  gap:12px!important;
  padding:0!important;
  color:var(--rh-text);
}

.routeHistoryModern .routeHistoryHero{
  min-height:94px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  margin:0!important;
  padding:20px 22px!important;
  overflow:hidden;
  position:relative;
  border:1px solid rgba(87,216,208,.25)!important;
  border-radius:22px 22px 7px 22px!important;
  background:
    radial-gradient(circle at 88% 20%,rgba(109,167,255,.2),transparent 20rem),
    linear-gradient(125deg,#0b2235,#0d3a4a 58%,#15566b)!important;
  box-shadow:0 20px 52px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)!important;
}

.routeHistoryModern .routeHistoryHero::after{
  position:absolute;
  right:-58px;
  bottom:-90px;
  width:260px;
  height:190px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  content:"";
  pointer-events:none;
}

.routeHistoryEyebrow{
  display:block;
  margin-bottom:7px;
  color:#78e6df;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.routeHistoryModern .routeHistoryHero h2{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(24px,2.4vw,34px)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}

.routeHistoryModern .routeHistoryHero p{
  max-width:720px;
  margin:7px 0 0!important;
  color:#b9cedb!important;
  font-size:13px!important;
  line-height:1.45!important;
}

.routeHistoryHeroActions{
  z-index:1;
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.routeHistoryHeroLoco{
  min-width:158px;
  display:grid;
  gap:3px;
  padding:10px 13px;
  border:1px solid rgba(151,177,201,.2);
  border-radius:13px 13px 4px 13px;
  background:rgba(4,18,29,.35);
  backdrop-filter:blur(10px);
}

.routeHistoryHeroLoco span{
  color:#91a8bb;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.routeHistoryHeroLoco b{color:#fff;font-size:15px;letter-spacing:.01em}

.routeHistoryModern .routeHistoryRefresh{
  min-height:42px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 16px!important;
  border:1px solid rgba(87,216,208,.34)!important;
  border-radius:12px 12px 4px 12px!important;
  background:rgba(87,216,208,.11)!important;
  color:#dffbf8!important;
  font:inherit;
  font-size:12px!important;
  font-weight:900;
  cursor:pointer;
  transition:.16s ease;
}

.routeHistoryModern .routeHistoryRefresh:hover:not(:disabled),
.routeHistoryModern .routeHistoryRefresh:focus-visible{
  border-color:#78e6df!important;
  background:rgba(87,216,208,.19)!important;
  transform:translateY(-1px);
}

.routeHistoryModern .routeHistoryRefresh:disabled{opacity:.58;cursor:wait}

.routeHistoryModern .routeFilterClean{
  grid-template-columns:minmax(230px,.85fr) minmax(430px,1.45fr) minmax(180px,auto)!important;
  align-items:end!important;
  gap:12px!important;
  margin:0!important;
  padding:16px!important;
  overflow:visible!important;
  border:1px solid var(--rh-line)!important;
  border-radius:18px 18px 6px 18px!important;
  background:linear-gradient(145deg,var(--rh-surface),var(--rh-surface-strong))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.16)!important;
}

.routeHistoryModern .routeFilterClean label,
.routeHistoryModern .routePeriodField{gap:7px!important}

.routeHistoryModern .routeFilterClean label>span,
.routeHistoryModern .routeFilterLabel{
  margin:0!important;
  color:var(--rh-muted)!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
  text-transform:uppercase;
}

.routeHistoryModern .routeFilterClean select,
.routeHistoryModern .routeFilterClean input{
  height:42px!important;
  min-height:42px!important;
  padding:0 12px!important;
  border:1px solid var(--rh-line)!important;
  border-radius:11px 11px 4px 11px!important;
  background:rgba(255,255,255,.045)!important;
  color:var(--rh-text)!important;
  font-size:12px!important;
  font-weight:800;
  box-shadow:none!important;
}

.routeHistoryModern .routeFilterClean select:focus,
.routeHistoryModern .routeFilterClean input:focus{
  outline:3px solid rgba(87,216,208,.13)!important;
  border-color:var(--rh-accent)!important;
}

.routeHistoryModern .routePeriodPicker{
  min-height:42px;
  grid-template-columns:repeat(5,minmax(72px,1fr));
  gap:4px;
  padding:4px;
  border:1px solid var(--rh-line)!important;
  border-radius:12px 12px 4px 12px!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.14)!important;
}

.routeHistoryModern .routeFilterClean .routePeriodOption{
  height:32px!important;
  min-height:32px!important;
  padding:0 8px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#a9bdcd!important;
  font-size:10px!important;
  font-weight:900!important;
  box-shadow:none!important;
}

.routeHistoryModern .routeFilterClean .routePeriodOption:hover{
  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
}

.routeHistoryModern .routeFilterClean .routePeriodOption.active{
  border-color:rgba(87,216,208,.32)!important;
  background:linear-gradient(135deg,rgba(87,216,208,.22),rgba(109,167,255,.16))!important;
  color:#7cebe4!important;
  box-shadow:inset 0 -2px 0 var(--rh-accent)!important;
}

.routeHistoryModern .routeFilterClean .routePeriodOption:focus-visible,
.routeHistoryModern button:focus-visible{
  outline:3px solid rgba(87,216,208,.18)!important;
  outline-offset:2px;
}

.routeHistoryModern .routeFilterClean .routeSubmitButton{
  min-width:180px;
  min-height:42px!important;
  height:42px!important;
  padding:0 16px!important;
  border-color:var(--rh-accent)!important;
  border-radius:12px 12px 4px 12px!important;
  background:linear-gradient(135deg,#66e0d8,#50c9d2)!important;
  color:#04151b!important;
  font-size:11px!important;
  font-weight:950!important;
  box-shadow:0 10px 24px rgba(87,216,208,.16)!important;
}

.routeHistoryModern .routeCustomDates{
  grid-column:1/-1;
  padding:12px;
  border:1px solid var(--rh-line)!important;
  border-radius:13px 13px 4px 13px!important;
  background:var(--rh-soft)!important;
}

.routeHistoryModern .routeSelectedLoco{display:none!important}

.routeHistoryModern .routeExportBar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0!important;
  padding:12px 15px!important;
  border:1px solid var(--rh-line)!important;
  border-radius:15px 15px 5px 15px!important;
  background:linear-gradient(145deg,var(--rh-surface),var(--rh-surface-strong))!important;
  color:var(--rh-text)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.13)!important;
}

.routeHistoryModern .routeExportBar>div:first-child{display:grid;gap:3px}
.routeHistoryModern .routeExportBar small{color:var(--rh-muted)!important}
.routeHistoryModern .routeExportBar>div:last-child{display:flex;gap:7px;flex-wrap:wrap}

.routeHistoryModern .routeExportBar button{
  min-height:34px!important;
  padding:0 12px!important;
  border:1px solid var(--rh-line)!important;
  border-radius:10px 10px 4px 10px!important;
  background:var(--rh-soft)!important;
  color:#c9d8e3!important;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
  transition:.16s ease;
}

.routeHistoryModern .routeExportBar button:hover:not(:disabled){color:var(--rh-accent)!important;border-color:var(--rh-line-strong)!important;background:var(--rh-soft-hover)!important}
.routeHistoryModern .routeExportBar button.primary{border-color:rgba(87,216,208,.28)!important;background:rgba(87,216,208,.1)!important;color:var(--rh-accent)!important}
.routeHistoryModern .routeExportBar button:disabled{opacity:.4;cursor:not-allowed}

.routeHistoryModern .routeStatsClean{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
}

.routeHistoryModern .routeStatsClean>div{
  min-height:66px!important;
  display:grid;
  align-content:center;
  gap:6px;
  padding:11px 12px!important;
  border:1px solid var(--rh-line)!important;
  border-top:2px solid rgba(87,216,208,.42)!important;
  border-radius:13px 13px 4px 13px!important;
  background:linear-gradient(145deg,var(--rh-surface),var(--rh-surface-strong))!important;
  box-shadow:0 10px 28px rgba(0,0,0,.12)!important;
}

.routeHistoryModern .routeStatsClean>div:nth-child(4){border-top-color:rgba(109,167,255,.65)!important}
.routeHistoryModern .routeStatsClean>div:nth-child(7){border-top-color:rgba(243,189,98,.7)!important}
.routeHistoryModern .routeStatsClean span{color:var(--rh-muted)!important;font-size:9px!important;font-weight:900!important;letter-spacing:.07em;text-transform:uppercase}
.routeHistoryModern .routeStatsClean b{color:var(--rh-text)!important;font-size:17px!important;line-height:1!important;white-space:nowrap}

.routeHistoryModern .routeQualityPanel{
  grid-template-columns:180px 180px 1fr!important;
  gap:10px!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid rgba(243,189,98,.24)!important;
  border-radius:14px 14px 4px 14px!important;
  background:rgba(243,189,98,.07)!important;
}

.routeHistoryModern .routeQualityPanel span{color:#f3bd62!important}
.routeHistoryModern .routeQualityPanel small{color:#d5b77d!important}
.routeHistoryModern .routeStopChips span{border-color:rgba(243,189,98,.28)!important;background:rgba(243,189,98,.08)!important;color:#f6d79f!important}

.routeHistoryModern .routeTripPanel,
.routeHistoryModern .routeTripPanelVisible{
  min-height:62px!important;
  margin:0!important;
  padding:14px 16px!important;
  border:1px solid var(--rh-line)!important;
  border-radius:18px 18px 6px 18px!important;
  background:linear-gradient(145deg,var(--rh-surface),var(--rh-surface-strong))!important;
  color:var(--rh-text)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.15)!important;
}

.routeHistoryModern .routeTripHead{min-height:38px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center!important;gap:12px!important}
.routeHistoryModern .routeTripHead h3{margin:0!important;color:var(--rh-text)!important;font-size:18px!important;letter-spacing:-.025em}
.routeHistoryModern .routeTripHead p{margin:4px 0 0!important;color:var(--rh-muted)!important;font-size:11px!important;line-height:1.35!important}
.routeHistoryModern .routeTripHead>span{padding:5px 9px!important;border:1px solid rgba(87,216,208,.22)!important;border-radius:999px!important;background:rgba(87,216,208,.08)!important;color:var(--rh-accent)!important;font-size:10px!important;font-weight:900}
.routeHistoryModern .routeTripToggleText{color:#c6d7e3!important;font-size:10px!important;letter-spacing:.04em;text-transform:uppercase}
.routeHistoryModern .routeTripClearBtn{min-height:32px!important;height:32px!important;border-color:var(--rh-line)!important;background:var(--rh-soft)!important;color:#c9d8e3!important}

.routeHistoryModern .routeTripList{display:grid!important;gap:8px!important;margin-top:13px!important;padding-top:13px!important;border-top:1px solid var(--rh-line)}
.routeHistoryModern .routeTripItem{
  min-height:64px!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:12px!important;
  padding:10px 12px!important;
  border:1px solid var(--rh-line)!important;
  border-radius:13px 13px 4px 13px!important;
  background:var(--rh-soft)!important;
  color:var(--rh-text)!important;
  box-shadow:none!important;
  transition:.16s ease;
}

.routeHistoryModern .routeTripItem:hover{border-color:var(--rh-line-strong)!important;background:var(--rh-soft-hover)!important;transform:translateY(-1px)}
.routeHistoryModern .routeTripItem.selected{border-color:rgba(87,216,208,.6)!important;background:linear-gradient(135deg,rgba(87,216,208,.13),rgba(109,167,255,.07))!important;box-shadow:inset 3px 0 0 var(--rh-accent)!important}
.routeHistoryModern .routeTripIndex{color:var(--rh-accent)!important;border-color:rgba(87,216,208,.24)!important;background:rgba(87,216,208,.08)!important}
.routeHistoryModern .routeTripMain b{color:var(--rh-text)!important}.routeHistoryModern .routeTripMain small{color:var(--rh-muted)!important}
.routeHistoryModern .routeTripMetrics span{border-color:var(--rh-line)!important;background:rgba(255,255,255,.035)!important;color:#b8cad8!important}
.routeHistoryModern .routeTripMetrics strong{color:#a9bdcd!important}.routeHistoryModern .routeTripItem.active .routeTripMetrics strong{color:#f3bd62!important}

.routeHistoryModern .routeLayoutClean{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:14px!important;margin:0!important}
.routeHistoryModern .routeMapPanelFull{grid-column:1/-1}

.routeHistoryModern .routeMapPanelClean,
.routeHistoryModern .routeSideClean{
  margin:0!important;
  padding:15px!important;
  border:1px solid var(--rh-line)!important;
  border-radius:20px 20px 6px 20px!important;
  background:linear-gradient(145deg,var(--rh-surface),var(--rh-surface-strong))!important;
  color:var(--rh-text)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.18)!important;
}

.routeHistoryModern .routePanelHead{align-items:center!important;margin:0 0 12px!important;padding:0 1px 12px!important;border-bottom:1px solid var(--rh-line)}
.routeHistoryModern .routePanelHead h3{margin:0!important;color:var(--rh-text)!important;font-size:20px!important;line-height:1!important;letter-spacing:-.03em}
.routeHistoryModern .routePanelHead p{max-width:800px;margin:5px 0 0!important;color:var(--rh-muted)!important;font-size:11px!important;line-height:1.4!important}
.routeHistoryModern .routePanelHead .railopsMapModeToggle{min-height:38px!important;border-color:var(--rh-line)!important;background:var(--rh-soft)!important;color:#c9d8e3!important}
.routeHistoryModern .routePanelHead .railopsMapModeToggle.active{border-color:var(--rh-accent)!important;background:linear-gradient(135deg,#66e0d8,#50c9d2)!important;color:#04151b!important}
.routeHistoryModern .routeSelectedTripNotice{margin:0 0 10px!important;padding:9px 11px!important;border:1px solid rgba(87,216,208,.24)!important;border-radius:11px 11px 4px 11px!important;background:rgba(87,216,208,.075)!important;color:#bff5f1!important;font-size:11px!important;font-weight:800}

.routeHistoryModern .routeMapPanelClean .dashboardMap,
.routeHistoryModern .routeMapPanelClean .dashboardMapReal,
.routeHistoryModern .routeMapPanelClean .dashboardLeafletMap,
.routeHistoryModern .routeMapPanelClean .railopsMapWrap,
.routeHistoryModern .routeMapPanelClean .leaflet-container{
  height:clamp(500px,60vh,720px)!important;
  min-height:500px!important;
  border-radius:15px 15px 5px 15px!important;
}

.routeHistoryModern .routeMapPanelClean .dashboardMapReal{
  overflow:hidden;
  border:1px solid rgba(87,216,208,.22)!important;
  background:#dce8e1!important;
  box-shadow:0 18px 44px rgba(0,0,0,.25),0 0 0 4px rgba(87,216,208,.025)!important;
}

.routeHistoryModern .routeSideHead{padding-bottom:11px!important;border-bottom:1px solid var(--rh-line)}
.routeHistoryModern .routeSideHead h3{color:var(--rh-text)!important}.routeHistoryModern .routeSideHead span{color:var(--rh-accent)!important}
.routeHistoryModern .routeEvent{border-color:var(--rh-line)!important;background:var(--rh-soft)!important;color:var(--rh-text)!important}
.routeHistoryModern .routeEvent small,.routeHistoryModern .routeEvent p{color:var(--rh-muted)!important}

html[data-ro-theme="light"] .routeHistoryModern{
  --rh-surface:#fff;
  --rh-surface-strong:#f7fafc;
  --rh-soft:#f5f8fb;
  --rh-soft-hover:rgba(14,146,151,.065);
  --rh-line:rgba(57,84,110,.15);
  --rh-line-strong:rgba(14,146,151,.34);
  --rh-text:#102034;
  --rh-muted:#61758a;
  --rh-accent:#0e9297;
  --rh-accent-2:#2867d8;
}

html[data-ro-theme="light"] .routeHistoryModern .routeHistoryHero{
  border-color:rgba(14,146,151,.25)!important;
  background:
    radial-gradient(circle at 88% 20%,rgba(109,167,255,.24),transparent 20rem),
    linear-gradient(125deg,#0b6470,#0e7f86 58%,#2867a8)!important;
  box-shadow:0 20px 48px rgba(33,57,79,.16)!important;
}

html[data-ro-theme="light"] .routeHistoryModern .routeFilterClean select,
html[data-ro-theme="light"] .routeHistoryModern .routeFilterClean input{background:#fff!important;color:#102034!important;color-scheme:light}
html[data-ro-theme="light"] .routeHistoryModern .routePeriodPicker{background:#eef3f7!important;box-shadow:inset 0 1px 2px rgba(33,57,79,.06)!important}
html[data-ro-theme="light"] .routeHistoryModern .routeFilterClean .routePeriodOption{color:#526a7f!important}
html[data-ro-theme="light"] .routeHistoryModern .routeFilterClean .routePeriodOption:hover{color:#102034!important;background:#fff!important}
html[data-ro-theme="light"] .routeHistoryModern .routeFilterClean .routePeriodOption.active{border-color:rgba(14,146,151,.26)!important;background:rgba(14,146,151,.11)!important;color:#087f86!important;box-shadow:inset 0 -2px 0 #0e9297!important}
html[data-ro-theme="light"] .routeHistoryModern .routeFilterClean .routeSubmitButton{border-color:#0e9297!important;background:linear-gradient(135deg,#14a5a8,#087f86)!important;color:#fff!important}
html[data-ro-theme="light"] .routeHistoryModern .routeExportBar button{background:#f8fafc!important;color:#40566b!important}
html[data-ro-theme="light"] .routeHistoryModern .routeExportBar button.primary{border-color:rgba(14,146,151,.24)!important;background:rgba(14,146,151,.08)!important;color:#087f86!important}
html[data-ro-theme="light"] .routeHistoryModern .routeQualityPanel{border-color:rgba(167,103,8,.22)!important;background:#fffaf0!important}
html[data-ro-theme="light"] .routeHistoryModern .routeQualityPanel span{color:#9a6408!important}
html[data-ro-theme="light"] .routeHistoryModern .routeQualityPanel small{color:#815d20!important}
html[data-ro-theme="light"] .routeHistoryModern .routeStopChips span{border-color:rgba(167,103,8,.24)!important;background:#fff!important;color:#8b570a!important}
html[data-ro-theme="light"] .routeHistoryModern .routeTripMetrics span{background:#f3f6f9!important;color:#536a7f!important}
html[data-ro-theme="light"] .routeHistoryModern .routeSelectedTripNotice{border-color:rgba(14,146,151,.22)!important;background:rgba(14,146,151,.07)!important;color:#087f86!important}
html[data-ro-theme="light"] .routeHistoryModern .routePanelHead .railopsMapModeToggle{background:#f8fafc!important;color:#40566b!important}
html[data-ro-theme="light"] .routeHistoryModern .routePanelHead .railopsMapModeToggle.active{border-color:#0e9297!important;background:linear-gradient(135deg,#14a5a8,#087f86)!important;color:#fff!important}

@media(max-width:1180px){
  .routeHistoryModern .routeFilterClean,
  .routeHistoryModern .routeFilterClean:has(.routeCustomDates){grid-template-columns:1fr!important}
  .routeHistoryModern .routeFilterClean .routeSubmitButton{width:100%}
  .routeHistoryModern .routeStatsClean{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .routeHistoryModern .routeQualityPanel{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .routeHistoryModern .routeStopChips{grid-column:1/-1}
}

@media(max-width:900px){
  .routeHistoryModern .routeHistoryHero{align-items:flex-start!important;flex-direction:column!important}
  .routeHistoryHeroActions{width:100%;justify-content:space-between}
  .routeHistoryModern .routeExportBar{align-items:flex-start!important;flex-direction:column!important}
  .routeHistoryModern .routeLayoutClean{grid-template-columns:1fr!important}
  .routeHistoryModern .routeMapPanelClean .dashboardMap,
  .routeHistoryModern .routeMapPanelClean .dashboardMapReal,
  .routeHistoryModern .routeMapPanelClean .dashboardLeafletMap,
  .routeHistoryModern .routeMapPanelClean .railopsMapWrap,
  .routeHistoryModern .routeMapPanelClean .leaflet-container{height:520px!important;min-height:520px!important}
}

@media(max-width:700px){
  .routeHistoryModern{gap:9px!important}
  .routeHistoryModern .routeHistoryHero{min-height:0!important;padding:17px!important;border-radius:18px 18px 6px 18px!important}
  .routeHistoryModern .routeHistoryHero h2{font-size:27px!important}
  .routeHistoryModern .routeHistoryHero p{font-size:12px!important}
  .routeHistoryHeroActions{align-items:stretch;flex-direction:column}
  .routeHistoryHeroLoco{width:100%}
  .routeHistoryModern .routeHistoryRefresh{width:100%}
  .routeHistoryModern .routeFilterClean{padding:12px!important;border-radius:16px 16px 5px 16px!important}
  .routeHistoryModern .routePeriodPicker{grid-template-columns:repeat(5,minmax(76px,1fr));overflow-x:auto}
  .routeHistoryModern .routeStatsClean{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .routeHistoryModern .routeStatsClean>div{min-height:62px!important}
  .routeHistoryModern .routeQualityPanel{grid-template-columns:1fr!important}
  .routeHistoryModern .routeStopChips{grid-column:1}
  .routeHistoryModern .routeExportBar>div:last-child{width:100%}
  .routeHistoryModern .routeExportBar button{flex:1}
  .routeHistoryModern .routeTripHead{grid-template-columns:minmax(0,1fr) auto!important}
  .routeHistoryModern .routeTripHead>span{grid-column:2}.routeHistoryModern .routeTripClearBtn{grid-column:1/-1;width:100%}.routeHistoryModern .routeTripToggleText{grid-column:1/-1}
  .routeHistoryModern .routeTripItem{grid-template-columns:38px minmax(0,1fr)!important}
  .routeHistoryModern .routeTripMetrics{grid-column:1/-1!important;justify-content:flex-start!important}
  .routeHistoryModern .routeMapPanelClean,.routeHistoryModern .routeSideClean{padding:11px!important;border-radius:17px 17px 5px 17px!important}
  .routeHistoryModern .routePanelHead{align-items:stretch!important;flex-direction:column!important}
  .routeHistoryModern .routePanelHead .railopsMapModeToggle{width:100%}
  .routeHistoryModern .routeMapPanelClean .dashboardMap,
  .routeHistoryModern .routeMapPanelClean .dashboardMapReal,
  .routeHistoryModern .routeMapPanelClean .dashboardLeafletMap,
  .routeHistoryModern .routeMapPanelClean .railopsMapWrap,
  .routeHistoryModern .routeMapPanelClean .leaflet-container{height:440px!important;min-height:440px!important}
}

@media(prefers-reduced-motion:reduce){.routeHistoryModern *{transition-duration:.01ms!important}}