/* RC_RAIL_R23_OVERVIEW_PROD_ONLY: merged approved R17-R22 right overview. No detail/map styles. */
@media (min-width:761px){
html body #trainOverview:not([hidden]){
  --r17-ink:#11353c;--r17-mint:#06a77b;
  background:#fff!important;border:1px solid #dcebe8!important;
  box-shadow:0 18px 56px rgba(14,47,52,.17)!important;
  border-radius:23px!important;color:var(--r17-ink)!important;
}
html body #trainOverview .train-overview-head{padding:4px 0 12px!important;border-bottom:1px solid #e5efec!important;gap:8px!important}
html body #trainOverview .overview-title-block{min-width:0!important;gap:3px!important}
html body #trainOverview .overview-kicker{display:block!important;color:#0d9973!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important}
html body #trainOverview #trainOverviewTitle{font-size:22px!important;letter-spacing:-.035em!important;line-height:1.1!important;color:#102e36!important}
html body #trainOverview #trainOverviewSubline{font-size:11px!important;line-height:1.4!important;color:#70868a!important}
html body #trainOverview .train-overview-actions button{width:36px!important;height:36px!important;border-radius:11px!important}
html body #trainOverview .train-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:12px 0!important}
html body #trainOverview .train-overview-grid .train-stat{background:#f5faf8!important;border:1px solid #e4f0ec!important;border-radius:12px!important;min-width:0!important;padding:10px 6px!important;text-align:center!important}
html body #trainOverview .train-stat span{font-size:10px!important;color:#68818a!important;line-height:1.2!important}
html body #trainOverview .train-stat strong{font-size:18px!important;font-weight:850!important;color:#173a40!important;line-height:1.3!important}
html body #trainOverview .train-overview-list{border:0!important;max-height:min(55vh,520px)!important;overflow:auto!important;overscroll-behavior:contain!important;gap:5px!important;padding:2px 0!important;margin:5px 0!important}
html body #trainOverview .train-overview-item{grid-template-columns:40px minmax(0,1fr) auto!important;gap:10px!important;min-height:64px!important;padding:9px 10px!important;margin:0!important;border:1px solid #e8f0ed!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;transform:none!important;display:grid!important;align-items:center!important}
html body #trainOverview .train-overview-item:hover{background:#f3faf7!important;border-color:#c2e4d6!important}
html body #trainOverview .train-overview-item.is-selected{background:#e6f7ef!important;border-color:#60cda2!important;box-shadow:inset 3px 0 0 #059a70!important}
html body #trainOverview .train-overview-item-icon{width:40px!important;height:40px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#e3f5ed!important;color:#006d55!important;font-size:11px!important;font-weight:900!important}
html body #trainOverview .train-overview-item-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:5px!important}
html body #trainOverview .train-overview-item-copy b{font-size:13px!important;line-height:1.3!important;font-weight:850!important;color:#132f38!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body #trainOverview .train-overview-item-copy small{font-size:10.5px!important;line-height:1.2!important;color:#6a838a!important;white-space:normal!important}
html body #trainOverview .train-overview-item-delay{font-size:11px!important;line-height:1.2!important;border-radius:9px!important;font-weight:850!important;padding:7px 9px!important;max-width:90px!important;white-space:nowrap!important}
html body #trainOverview .train-overview-more{min-height:42px!important;border-radius:12px!important;font-size:12px!important;font-weight:800!important}
html body #trainOverview .train-overview-foot{font-size:10px!important;gap:8px!important;color:#71888c!important}

}
/* RadarČeska Rail UX Lab R18: clean, compact one-line train list. R17 detail unchanged. */
@media (min-width:768px) {
 html #trainOverview .train-overview-list{gap:4px!important;max-height:min(61vh,630px)!important}
 html #trainOverview .train-overview-item{
  display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;
  column-gap:9px!important;row-gap:0!important;min-height:51px!important;
  padding:7px 10px!important;border-radius:11px!important;
 }
 html #trainOverview .train-overview-item-icon{display:none!important}
 html #trainOverview .train-overview-item-copy{display:flex!important;flex-direction:column!important;min-width:0!important;gap:2px!important;overflow:hidden!important}
 html #trainOverview .train-overview-item-copy b{
  display:block!important;width:100%!important;max-width:100%!important;
  overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;
  overflow-wrap:normal!important;word-break:normal!important;
  font-size:13px!important;line-height:1.3!important;font-weight:800!important;
 }
 html #trainOverview .train-overview-item-copy small{
  display:block!important;width:100%!important;overflow:hidden!important;
  white-space:nowrap!important;text-overflow:ellipsis!important;
  font-size:10.5px!important;line-height:1.35!important;color:#6d8287!important;
 }
 html #trainOverview .train-overview-item-delay{
  align-self:center!important;justify-self:end!important;min-width:55px!important;
  text-align:center!important;white-space:nowrap!important;
  padding:6px 7px!important;border-radius:9px!important;
  font-size:11px!important;line-height:1.1!important;
 }
 html #trainOverview .train-overview-grid{margin:10px 0 9px!important}
 html #trainOverview .train-overview-grid .train-stat{padding:8px 5px!important}
 html #trainOverview .train-stat strong{font-size:17px!important}
}
/* Applies to narrow overview if accessible on mobile, without changing detail sheet. */
@media (max-width:767px){
 html #trainOverview .train-overview-item-copy b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important}
 html #trainOverview .train-overview-item-copy small{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

/* RadarČeska R19 – production: right overview only: clickable, quiet delay buckets on the train overview. */
@media (min-width:761px){
 html body.rc-train-ux-v2 .app-shell[data-mode="trains"] #trainOverview{
   width:408px!important;max-width:calc(100vw - 34px)!important;
 }
}
@media (min-width:761px) and (max-width:1100px){
 html body.rc-train-ux-v2 .app-shell[data-mode="trains"] #trainOverview{width:380px!important}
}
html body #trainOverview .train-overview-head{padding-bottom:10px!important;margin-bottom:6px!important}
html body #trainOverview .r19-overview-title-link{
 display:inline-flex;align-items:center;gap:8px;max-width:100%;width:max-content;
 color:#103b3c;text-decoration:none!important;border-radius:6px;
}
html body #trainOverview .r19-overview-title-link::after{
 content:'↗';color:#00946c;font-size:15px;font-weight:900;line-height:1;transition:transform .15s ease;
}
html body #trainOverview .r19-overview-title-link:hover{color:#00765d!important}
html body #trainOverview .r19-overview-title-link:hover::after{transform:translate(1px,-1px)}
html body #trainOverview .r19-overview-title-link:focus-visible{
 outline:2px solid #059b79;outline-offset:4px;
}
html body #trainOverview .train-overview-grid.r19-delay-filters{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:6px!important;margin:10px 0 9px!important;
}
html body #trainOverview .r19-delay-filters .train-stat{
 appearance:none;display:flex!important;flex-direction:column;align-items:center;justify-content:center;
 gap:2px;box-sizing:border-box;min-width:0;min-height:54px;margin:0;
 padding:7px 3px!important;border:1px solid #e2eeea!important;
 border-radius:11px!important;background:#f6faf8!important;
 text-align:center;cursor:pointer;transition:background .12s ease,border-color .12s ease;
}
html body #trainOverview .r19-delay-filters .train-stat span{
 display:block;font-size:9px!important;line-height:1.2!important;color:#628087!important;
 font-weight:700!important;white-space:nowrap;
}
html body #trainOverview .r19-delay-filters .train-stat strong{
 display:block;font-size:16px!important;line-height:1.15!important;color:#14373c!important;
 font-weight:850!important;letter-spacing:-.03em!important;
}
html body #trainOverview .r19-delay-filters .train-stat:hover{border-color:#abdccd!important;background:#eaf8f2!important}
html body #trainOverview .r19-delay-filters .train-stat[aria-pressed="true"]{
 border:1.5px solid #05a178!important;background:#e5f8ef!important;
 box-shadow:0 0 0 1px rgba(6,161,120,.07)!important;
}
html body #trainOverview .r19-delay-filters .train-stat[aria-pressed="true"] strong,
html body #trainOverview .r19-delay-filters .train-stat[aria-pressed="true"] span{color:#056f56!important}
html body #trainOverview .r19-delay-filters .train-stat:focus-visible{outline:2px solid #059d7a!important;outline-offset:2px!important}
@media(max-width:760px){
 html body.rc-train-ux-v2 .app-shell[data-mode="trains"] #trainOverview{width:auto!important;max-width:none!important}
 html body #trainOverview:not(.is-collapsed) .train-overview-grid.r19-delay-filters{display:grid!important}
 html body #trainOverview .r19-delay-filters .train-stat{min-height:48px;padding:5px 2px!important}
 html body #trainOverview .r19-delay-filters .train-stat span{font-size:8px!important}
 html body #trainOverview .r19-delay-filters .train-stat strong{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){html body #trainOverview .r19-overview-title-link::after,html body #trainOverview .r19-delay-filters .train-stat{transition:none!important}}

/* RadarCeska Rail UX Lab R21 v2 - compact desktop overview header.
   Production: right overview only: no map changes, no event handlers, no altered delay semantics. */
@media (min-width: 761px) {
  /* Keep the overview itself readable; only reduce top-of-panel visual weight. */
  html body #trainOverview .train-overview-head {
    padding-top: 0!important;
    padding-bottom: 7px!important;
    margin-bottom: 3px!important;
    gap: 5px!important;
  }
  html body #trainOverview .overview-title-block { gap: 2px!important; }
  html body #trainOverview .overview-kicker {
    font-size: 9px!important;
    line-height: 1.1!important;
    letter-spacing: .09em!important;
  }
  html body #trainOverview #trainOverviewTitle {
    font-size: 19px!important;
    line-height: 1.12!important;
    letter-spacing: -.025em!important;
  }
  html body #trainOverview #trainOverviewSubline {
    font-size: 10px!important;
    line-height: 1.25!important;
  }
  html body #trainOverview .train-overview-actions button {
    width: 32px!important;
    height: 32px!important;
    border-radius: 10px!important;
  }
  html body #trainOverview .r19-overview-title-link { gap: 5px!important; }
  html body #trainOverview .r19-overview-title-link::after {
    font-size: 12px!important;
  }
  /* Four subtle, compact filter chips; preserve native button interactions. */
  html body #trainOverview .train-overview-grid.r19-delay-filters {
    grid-template-columns: repeat(4, minmax(0, 1fr))!important;
    gap: 5px!important;
    margin: 7px 0 6px!important;
  }
  html body #trainOverview .r19-delay-filters .train-stat {
    min-height: 42px!important;
    height: 42px!important;
    padding: 4px 2px!important;
    gap: 1px!important;
    border-radius: 8px!important;
    border-width: 1px!important;
    box-shadow: none!important;
  }
  html body #trainOverview .r19-delay-filters .train-stat span {
    font-size: 8.5px!important;
    line-height: 1.12!important;
    font-weight: 650!important;
    letter-spacing: 0!important;
    white-space: nowrap!important;
  }
  html body #trainOverview .r19-delay-filters .train-stat strong {
    font-size: 13px!important;
    font-weight: 780!important;
    line-height: 1.1!important;
    letter-spacing: -.01em!important;
  }
  html body #trainOverview .r19-delay-filters .train-stat[aria-pressed="true"] {
    border-width: 1px!important;
    box-shadow: inset 0 -2px 0 #059a70!important;
  }
  html body #trainOverview .train-overview-list {
    margin-top: 3px!important;
  }
}
/* Keep text legible on a narrow phone. Never force the fixed 42px height on mobile. */
@media (max-width: 760px) {
  html body #trainOverview .train-overview-grid.r19-delay-filters {gap: 4px!important;}
  html body #trainOverview .r19-delay-filters .train-stat {
    min-height: 48px!important;
    height: auto!important;
    padding: 6px 2px!important;
  }
}

/* RadarCeska Rail UX Lab R22 V2 - compact notebook with map-controls clearance.
   Style-only experiment based on R21; no data, map, filter, or handler changes.
   Desktop/tablet only: never reduce tap targets in the mobile bottom sheet. */
@media (min-width: 1101px) {
  html body .app-shell[data-mode="trains"] #trainOverview:not([hidden]) {
    box-sizing: border-box!important;
    width: 396px!important;
    right: 84px!important; /* default: separate from right-side map controls by ~20px */
    padding: 13px 12px 12px!important;
    border-radius: 18px!important;
  }
}
@media (min-width: 761px) and (max-width: 1100px) {
  html body .app-shell[data-mode="trains"] #trainOverview:not([hidden]) {
    box-sizing: border-box!important;
    width: min(304px, calc(100vw - 112px))!important;
    right: 80px!important;
    padding: 12px 10px!important;
    border-radius: 16px!important;
  }
}
@media (min-width: 761px) {
  html body #trainOverview .train-overview-head {
    padding-bottom: 5px!important;
    margin-bottom: 2px!important;
    gap: 4px!important;
  }
  html body #trainOverview .overview-title-block {gap: 1px!important;}
  html body #trainOverview .overview-kicker {
    font-size: 8.2px!important;
    line-height: 1.13!important;
    letter-spacing: .08em!important;
  }
  html body #trainOverview #trainOverviewTitle {
    font-size: 17.5px!important;
    line-height: 1.1!important;
    letter-spacing: -.02em!important;
  }
  html body #trainOverview #trainOverviewSubline {
    font-size: 9.4px!important;
    line-height: 1.2!important;
  }
  html body #trainOverview .train-overview-actions button {
    width: 29px!important;
    height: 29px!important;
    border-radius: 9px!important;
  }
  html body #trainOverview .train-overview-grid.r19-delay-filters {
    gap: 4px!important;
    margin: 5px 0 5px!important;
    grid-template-columns: repeat(4, minmax(0,1fr))!important;
  }
  html body #trainOverview .r19-delay-filters .train-stat {
    min-height: 38px!important;
    height: 38px!important;
    padding: 3px 2px!important;
    border-radius: 7px!important;
    gap: 1px!important;
  }
  html body #trainOverview .r19-delay-filters .train-stat span {
    font-size: 8px!important;
    line-height: 1.12!important;
    white-space: nowrap!important;
  }
  html body #trainOverview .r19-delay-filters .train-stat strong {
    font-size: 12px!important;
    line-height: 1.06!important;
    font-weight: 770!important;
  }
  html body #trainOverview .train-overview-list {
    gap: 4px!important;
    margin: 3px 0!important;
    padding: 1px 0!important;
  }
  html body #trainOverview .train-overview-item {
    display: grid!important;
    grid-template-columns: 31px minmax(0,1fr) max-content!important;
    align-items: center!important;
    column-gap: 8px!important;
    row-gap: 0!important;
    min-height: 48px!important;
    padding: 6px 7px!important;
    border-radius: 10px!important;
  }
  html body #trainOverview .train-overview-item-icon {
    display: flex!important;
    width: 31px!important;
    height: 31px!important;
    border-radius: 9px!important;
    font-size: 9px!important;
  }
  html body #trainOverview .train-overview-item-copy {
    gap: 2px!important;
    min-width: 0!important;
  }
  html body #trainOverview .train-overview-item-copy b {
    font-size: 11.5px!important;
    line-height: 1.18!important;
    font-weight: 800!important;
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
  }
  html body #trainOverview .train-overview-item-copy small {
    font-size: 9px!important;
    line-height: 1.2!important;
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
  }
  html body #trainOverview .train-overview-item-delay {
    min-width: 49px!important;
    padding: 5px 6px!important;
    font-size: 9.2px!important;
    line-height: 1.05!important;
    border-radius: 8px!important;
    white-space: nowrap!important;
  }
  html body #trainOverview .train-overview-more {
    min-height: 35px!important;
    height: auto!important;
    padding: 7px 8px!important;
    margin-top: 5px!important;
    border-radius: 9px!important;
    font-size: 10px!important;
  }
}

/* RC_RAIL_R23_PRODUCTION_RIGHT_OVERVIEW_END */