/* Interactive journey detail only: preserve live/GPS/expanded-row behavior. */
.smn-route-detail-page .smn-train-detail{box-sizing:border-box;width:100%;max-width:960px;margin:16px auto 30px!important;padding:18px!important;border:1px solid #d8e2ef!important;border-top:4px solid #d71920!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(11,31,58,.06)!important;color:#0b1f3a}
.smn-route-detail-page .smn-train-detail-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.smn-route-detail-page .smn-train-detail-back{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfdaea!important;border-radius:9px!important;padding:9px 11px!important;background:#f5f8fd!important;color:#153d70!important;font-size:12px!important;font-weight:600!important;text-decoration:none!important}
.smn-route-detail-page .smn-train-detail-tools{display:flex;align-items:center;gap:7px}
.smn-route-detail-page .smn-route-service-day{margin:0 0 10px!important;padding:8px 12px!important;border-radius:8px!important;background:#cbdff3!important;color:#163f66!important;text-align:center!important;font-size:12px!important;font-weight:500!important}
.smn-route-detail-page .smn-train-detail-heading{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0 0 14px!important;padding:14px 12px!important;border:1px solid #dce5f0;border-radius:12px;background:linear-gradient(120deg,#fff3f4,#f4f8ff);font-size:clamp(19px,3vw,25px)!important;font-weight:600!important;line-height:1.6!important}
.smn-route-detail-page .smn-train-detail-number{flex:0 0 auto;padding:4px 9px!important;border-radius:8px!important;background:#d71920!important;color:#fff!important;font-size:20px!important;font-weight:700!important;line-height:1.5!important;box-shadow:none!important}
.smn-route-detail-page .smn-train-detail-name{min-width:0;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;font-weight:600!important;color:#0b1f3a!important}
.smn-route-detail-page .smn-route-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:14px 0!important}
.smn-route-detail-page .smn-route-actions button{min-width:0!important;min-height:42px;padding:9px 5px!important;border:1px solid #cbd9eb!important;border-radius:9px!important;background:#f4f8ff!important;color:#153d70!important;font-size:13px!important;font-weight:600!important;line-height:1.5!important}
.smn-route-detail-page .smn-route-actions button:first-child{background:#d71920!important;color:#fff!important;border-color:#d71920!important}
.smn-route-detail-page .smn-train-detail-scroll{border:1px solid #dce5f0;border-radius:12px;background:#fff;max-width:100%}
.smn-route-detail-page .smn-train-detail-scroll>table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse}
.smn-route-detail-page .smn-train-detail-scroll>table>thead>tr>th{background:#edf3fc!important;color:#153d70!important;font-size:12px!important;font-weight:600!important;padding:12px 6px!important;border-bottom:1px solid #d4e0ef}
.smn-route-detail-page .smn-train-detail-scroll>table>thead>tr>th:first-child{width:4%}
.smn-route-detail-page .smn-train-detail-scroll>table>thead>tr>th:nth-child(2){width:40%}
.smn-route-detail-page .smn-train-detail-scroll>table>thead>tr>th:nth-child(3){width:18%}
.smn-route-detail-page .smn-train-detail-scroll>table>thead>tr>th:nth-child(4),.smn-route-detail-page .smn-train-detail-scroll>table>thead>tr>th:nth-child(5){width:19%}
.smn-route-detail-page .smn-train-detail-scroll>table>tbody>tr:not(.smn-station-expanded-row)>td{padding:12px 6px!important;border-bottom:1px solid #e2e9f2;font-size:13px!important;line-height:1.6!important}
.smn-route-detail-page .smn-train-detail-scroll>table>tbody>tr>td:nth-child(2)>strong{font-weight:600!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere}
.smn-route-detail-page .smn-train-detail-scroll .smn-route-reversal{font-size:11px!important;color:#a8404c!important;line-height:1.5}
.smn-route-detail-page .smn-train-detail-km{font-size:12px!important;font-weight:600!important;color:#466286!important}
.smn-route-detail-page .smn-route-time-cell>span{font-variant-numeric:tabular-nums;white-space:nowrap}
.smn-route-detail-page .smn-route-actions button:focus-visible,.smn-route-detail-page .smn-train-detail-back:focus-visible{outline:2px solid #1464f4;outline-offset:3px}
@media(max-width:600px){.smn-route-detail-page .smn-train-detail{padding:12px!important;border-radius:14px!important}.smn-route-detail-page .smn-train-detail-heading{padding:12px 9px!important;gap:8px!important;font-size:19px!important}.smn-route-detail-page .smn-train-detail-number{font-size:18px!important;padding:4px 7px!important}}
:root[data-smn-theme=dark] .smn-route-detail-page .smn-train-detail{background:#0d1d30!important;border-color:#29405a!important;color:#edf4fb}
:root[data-smn-theme=dark] .smn-route-detail-page .smn-train-detail-heading{background:#13283e;border-color:#29405a}
:root[data-smn-theme=dark] .smn-route-detail-page .smn-train-detail-name{color:#edf4fb!important}

/* Join the fixed status strip and sticky date strip without hard-coded gaps. */
.smn-route-detail-page .smn-route-header-fold{top:calc(var(--smn-route-admin-offset,0px) + env(safe-area-inset-top,0px))!important}
.smn-route-detail-page .smn-inner-app{padding-top:var(--smn-route-header-height,68px)!important}
.smn-route-detail-page .smn-train-detail{margin-top:0!important}
.smn-route-detail-page .smn-route-service-day{top:var(--smn-route-strip-bottom,68px)!important;margin:0!important;border-radius:0!important}

/* Override legacy one-line flex sizing; preserve the full train name. */
.smn-route-detail-page .smn-train-detail h1.smn-train-detail-heading{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;white-space:normal!important;width:100%!important;box-sizing:border-box!important;max-width:100%!important;min-width:0!important}
.smn-route-detail-page .smn-train-detail .smn-train-detail-heading .smn-train-detail-name{display:block!important;min-width:0!important;width:auto!important;max-width:100%!important;flex:1 1 0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;overflow:visible!important;text-overflow:clip!important}
@media(max-width:600px){.smn-route-detail-page .smn-train-detail .smn-train-detail-heading{font-size:18px!important;align-items:center!important}}

/* Distinct date/day strip in dark mode as well. */
:root[data-smn-theme=dark] .smn-route-detail-page .smn-route-service-day{background:#244766!important;color:#eef6ff!important}