/* Dagsuggesties en wissels (Vandaag, Loggen). */

.plan-list > li { flex-direction: column; gap: 0; }
.plan-row { display: flex; justify-content: space-between; align-items: baseline; gap: 0.75rem; flex-wrap: wrap; }
.plan-list li.is-swapped .plan-row a { color: var(--accent); }
.swap-note { margin: 0.15rem 0 0; color: var(--ink-2); }
.swap-actions { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-top: 0.25rem; }
.swap-panel { margin-top: 0.5rem; padding: 0.5rem 0.75rem; border: 1px solid var(--line); border-radius: 0.5rem; }
.swap-list, .focus-list { list-style: none; margin: 0; padding: 0; }
.swap-list li, .focus-list li { display: flex; flex-direction: row; justify-content: flex-start; margin: 0; align-items: center; gap: 0.5rem 0.75rem; flex-wrap: wrap; padding: 0.5rem 0; border-top: 1px solid var(--line); }
.swap-list li:first-child, .focus-list li:first-child { border-top: 0; }
.swap-info { display: flex; flex-direction: column; flex: 1 1 12rem; min-width: 0; overflow-wrap: anywhere; }
.extra-add { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; margin: 1rem 0; }
.extra-add select { flex: 1 1 12rem; min-width: 0; max-width: 100%; }
.exercise-block .swap-note { margin-bottom: 0.5rem; }