/* Load.Live 1.7.0-s19 — het reisplan (M22) en mijn dag (M23). Kleuren uit ll.css. CSP: geen inline stijl. */
.rp-kop { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.rp-kop .acties { display: flex; gap: 8px; flex-wrap: wrap; }
.rp-uitleg { margin: 8px 0 16px; }
.rp-voertuigen { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; margin-bottom: 20px; }
.rp-voertuig { border: 1px solid var(--lijn); border-left-width: 4px; border-radius: var(--r-kaart, 16px); padding: 12px 14px; background: var(--rack); }
.rp-voertuig.rp-a { border-left-color: var(--let, #b45309); }
.rp-voertuig.rp-c { border-left-color: var(--accent); }
.rp-voertuig.rp-b { border-left-color: var(--lijn-sterk); }
.rp-voertuig header { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.rp-voertuig h3 { margin: 0; font-size: 15px; }
.rp-inz { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px; }
.rp-vrij { margin: 8px 0 0; font-size: 13px; color: var(--ok); }
.rp-vrij.vol { color: var(--let, #b45309); }
.rp-personen th[scope="row"] { font-weight: normal; }
.rp-personen tr.rp-zonder td, .rp-personen tr.rp-zonder th { background: var(--let-zacht); }
.rp-personen td.acties { white-space: nowrap; }
.rp-voorstel { margin: 0; padding-left: 18px; display: grid; gap: 4px; }
.rp-tijdlijn { list-style: none; margin: 12px 0; padding: 0; border-left: 2px solid var(--lijn); }
.rp-tijdlijn li { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; padding: 8px 0 8px 12px; position: relative; }
.rp-tijdlijn li::before { content: ''; position: absolute; left: -6px; top: 13px; width: 10px; height: 10px; border-radius: 50%; background: var(--rack); border: 2px solid var(--lijn-sterk); }
.rp-tijdlijn li.rp-a::before { border-color: var(--accent); }
.rp-tijdlijn li.rp-c::before { background: var(--accent); border-color: var(--accent); }
.rp-tijdlijn li.rp-b::before { border-color: var(--let, #b45309); }
.rp-nieuw { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.rp-sectie { margin: 12px 0 18px; }
.rp-kaart { border: 1px solid var(--lijn); border-radius: var(--r-kaart, 16px); padding: 12px 14px; margin-bottom: 10px; background: var(--rack); }
.rp-kaart .acties { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
tr.cs-reisplan td { border-top: 0; padding-top: 0; }
@media (max-width: 640px) { .rp-tijdlijn li { grid-template-columns: 52px minmax(0, 1fr); } }