/* Open travel-data worklist, sharing the Figma UI and dark/light variables. */
.rd-open-journeys { padding-bottom: 2rem; }
.rd-open-metrics { margin-bottom: 1rem; }
.rd-open-list { display: flex; flex-direction: column; gap: 1rem; }
.rd-open-card { min-width: 0; }
.rd-open-card-head { display: flex; justify-content: space-between; gap: 1.25rem; flex-wrap: wrap; align-items: center; margin-bottom: .8rem; }
.rd-open-card-head h2 { margin: .25rem 0; color: var(--rd-text); font-size: 1.12rem; overflow-wrap: anywhere; }
.rd-open-note { color: var(--rd-muted); font-size: .75rem; line-height: 1.55; margin: 0; }
.rd-open-legs { border-top: 1px solid var(--rd-border); }
.rd-open-leg { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .9rem .1rem; border-bottom: 1px solid var(--rd-border); }
.rd-open-leg:last-child { border-bottom: none; padding-bottom: .25rem; }
.rd-open-leg-info { display: flex; gap: .8rem; align-items: center; min-width: 0; }
.rd-open-leg-info > div { min-width: 0; }
.rd-open-leg-info strong { color: var(--rd-text); display: block; font-size: .8rem; line-height: 1.45; overflow-wrap: anywhere; }
.rd-open-leg-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: .65rem; }
.rd-open-issues { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; }
.rd-open-issue { display: inline-flex; gap: .35rem; align-items: center; padding: .26rem .47rem; background: #fae7e6; color: #9f3530; border: 1px solid #eec2bf; border-radius: 5px; font-size: .69rem; font-weight: 700; line-height: 1.3; }
.rd-open-edit { padding: .32rem .65rem; min-height: 32px; font-size: .72rem; }
.rd-open-empty { padding: 1.4rem; }
.rd-open-empty p { font-size: .8rem; color: var(--rd-muted); }
.rd-open-footnote { margin-top: 1.25rem; }
:root[data-bs-theme="dark"] .rd-open-issue { background: #4a3237; color: #ffbbb4; border-color: #8b4e50; }
@media(max-width: 780px) {
    .rd-open-leg { align-items: flex-start; flex-direction: column; }
    .rd-open-leg-actions { width: 100%; justify-content: space-between; }
}
@media(max-width: 570px) {
    .rd-open-card-head { align-items: flex-start; flex-direction: column; gap: .5rem; }
    .rd-open-leg-info { align-items: flex-start; }
}