/*
 * Exp Start / Exp End cells on the Dispatch board (Route_Dispatch_ListView).
 * Rendered by RouteDispatchTimeAdjustmentController when a route carries a net
 * delay/expedite. Red = delayed/later, green = expedited/earlier.
 *
 * Laid out on two tight lines — adjusted time + delta above, original struck through
 * below — because those columns are narrow and a single line overflows and clips.
 */

.route-time-adjustment {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.15;
    min-width: 0;
}

.route-time-adjustment__current {
    display: inline-flex;
    align-items: baseline;
    gap: 0.25rem;
    white-space: nowrap;
}

.route-time-adjustment__value {
    font-weight: 600;
}

.route-time-adjustment__delta {
    font-size: 0.8125em;
}

.route-time-adjustment__original {
    font-size: 0.8125em;
    text-decoration: line-through;
    color: var(--dxbl-text-muted, #6c757d);
    white-space: nowrap;
}

/*
 * MapRouteListView's start/end labels: original struck through, current time beside it in
 * red/green, no delta. Deliberately strikethrough only — no font-size or colour change — and
 * it must not reuse .start-label-time, whose ::after draws the dotted separator.
 *
 * Fixed width mirroring .start-label-time so the adjusted time always starts at the same
 * offset; without it a short original ("9:55 AM") pulls the coloured time left and the times
 * stop forming a column down the list.
 */
.route-time-strikethrough {
    display: inline-block;
    width: 68px;
    text-decoration: line-through;
    white-space: nowrap;
}

/*
 * RouteSummaryView / LineHaulRouteSummaryView stop badges: the original ETA struck through with
 * the adjusted ETA beside it. Applied alongside .estimated-time so font, size and colour stay
 * exactly as they are — strikethrough is the only change, and the adjusted time stays plain
 * (no red/green).
 */
.route-time-strikethrough-plain {
    text-decoration: line-through;
    margin-right: 4px;
}

.route-time-adjustment__value--delay,
.route-time-adjustment__delta--delay {
    color: var(--dxbl-danger, #dc3545);
}

.route-time-adjustment__value--expedite,
.route-time-adjustment__delta--expedite {
    color: var(--dxbl-success, #198754);
}