/* Udvikling er en arbejdsform på de eksisterende opgaver, ikke en separat tavle. */
.udviklingspanel { border-top: 1px solid var(--linje); margin-top: 20px; padding-top: 12px; }
.udviklingspanel h3 { display: flex; gap: 8px; align-items: center; }
.udviklingspanel .felt { margin: 12px 0; min-width: 0; }
.udviklingspanel .felt > label { display: block; font-size: 12px; color: var(--tekst-svag); margin-bottom: 4px; }
.udviklingspanel .opgave-celle { white-space: pre-wrap; overflow-wrap: anywhere; }
.udviklingspanel .celle-vaerdi { white-space: pre-wrap; }
.udviklingspanel .felt > a { display: inline-flex; gap: 5px; align-items: center; margin-top: 5px; font-size: 12px; }
.celle-rediger textarea { flex: 1 0 100%; width: 100%; min-width: 0; box-sizing: border-box; resize: vertical; border: 1px solid var(--accent); border-radius: 4px; padding: 8px; background: var(--flade); color: var(--tekst); font: inherit; }
.udviklingstrin { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; counter-reset: trin; margin: 16px 0; padding: 0; }
.udviklingstrin li { counter-increment: trin; border: 1px solid var(--linje); border-radius: 5px; padding: 6px 8px; font-size: 11px; color: var(--tekst-svag); }
.udviklingstrin li::before { content: counter(trin) '. '; }
.udviklingstrin li.aktiv { color: var(--accent); background: var(--accent-bg); border-color: var(--accent); font-weight: 650; }
.udvikling-maerke { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; border: 1px solid var(--linje); border-radius: 4px; padding: 5px 7px; background: var(--accent-bg); color: var(--tekst); font-size: 11px; cursor: pointer; }
.gruppe-moedeark { color: var(--tekst-svag); background: none; border: 0; padding: 4px; cursor: pointer; }
.gruppe-moedeark:hover, .gruppe-moedeark:focus-visible { color: var(--accent); }