/* ml_tidslinje.css - hoerer til ml_tidslinje.js. Laeser --ml-* fra ml.css med fallback. Ingen eksterne referencer. */
.ml-tl-vaert{display:block}
.ml-tl{list-style:none;margin:10px 0 0;padding:4px 0 8px;border:1px solid var(--ml-line-card,#d5dde2);border-radius:var(--ml-r,4px);background:var(--ml-card,#fff)}
.ml-tl-li{position:relative;display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 16px}
.ml-tl-li::before{content:"";position:absolute;left:29px;top:0;bottom:0;width:2px;background:#b9c3c6}
.ml-tl-li:first-child::before{top:50%}
.ml-tl-li:last-child::before{bottom:50%}
.ml-tl-li:only-child::before{display:none}
.ml-tl-dot{position:relative;flex:none;box-sizing:border-box;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ml-bg,#fff)}
.ml-tl-ikke_planlagt .ml-tl-dot{border:2px solid #b9c3c6}
.ml-tl-planlagt .ml-tl-dot{border:3px solid var(--ml-or,#fbaa2e)}
.ml-tl-gennemfoert .ml-tl-dot{background:var(--ml-navy,#012a3e);border:2px solid var(--ml-navy,#012a3e);color:#fff}
.ml-tl-dot svg{width:20px;height:20px;display:block}
.ml-tl-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.ml-tl-titel{font-family:var(--ml-font-head,Teko,Mukta,system-ui,sans-serif);font-weight:500;font-size:21px;letter-spacing:.8px;line-height:1.1;color:var(--ml-navy,#012a3e);overflow-wrap:break-word;hyphens:none}
.ml-tl-ikke_planlagt .ml-tl-titel{color:var(--ml-muted2,#7a8588)}
.ml-tl-dato{font-size:var(--ml-fs-small,13px);color:var(--ml-muted,#596569);margin-top:2px}
.ml-tl-rolle{flex:none;max-width:40%;font-size:12px;font-weight:600;padding:3px 9px;border-radius:var(--ml-r,4px);background:var(--ml-grey,#eceeee);color:var(--ml-muted,#596569);overflow-wrap:break-word;hyphens:none}
/* praktisk opgave: lille graa prik + lille graa tekst, aldrig som et laeringstrin */
.ml-tl-prak{min-height:36px}
.ml-tl-prak .ml-tl-dot{width:28px;height:28px;background:transparent;border:0}
.ml-tl-prak .ml-tl-dot::after{content:"";width:8px;height:8px;border-radius:50%;background:#b9c3c6;display:block}
.ml-tl-prak .ml-tl-titel{font-family:var(--ml-font-body,Mukta,system-ui,sans-serif);font-weight:400;font-size:var(--ml-fs-small,13px);letter-spacing:0;color:var(--ml-muted2,#7a8588)}
.ml-tl-prak .ml-tl-dato{font-size:12px;color:var(--ml-muted2,#7a8588)}
.ml-tl-prak .ml-tl-rolle{background:transparent;font-weight:400;color:var(--ml-muted2,#7a8588);padding:0}/* v1.4 harmonika + nye statusser (27/10). Alt herunder er kun nyt: kald uden indhold/aftalt/afholdt/mangler tegner som foer. */
.ml-tl-aftalt .ml-tl-dot{border:3px solid var(--ml-or,#fbaa2e)}
.ml-tl-aftalt .ml-tl-dot::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--ml-or,#fbaa2e);display:block}
.ml-tl-afholdt .ml-tl-dot{background:var(--ml-navy,#012a3e);border:2px solid var(--ml-navy,#012a3e);color:#fff}
.ml-tl-mangler .ml-tl-dot{background:var(--ml-or,#fbaa2e);border:3px solid var(--ml-or,#fbaa2e);color:var(--ml-navy,#012a3e)}
.ml-tl-harm{flex-wrap:wrap}
.ml-tl-knap{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;min-height:44px;justify-content:center}
.ml-tl-knap:focus-visible{outline:2px solid var(--ml-navy,#012a3e);outline-offset:2px}
.ml-tl-harm::after{content:"";order:1;flex:none;box-sizing:border-box;width:9px;height:9px;margin:0 4px 3px 2px;border-right:2px solid var(--ml-muted,#596569);border-bottom:2px solid var(--ml-muted,#596569);transform:rotate(45deg)}
.ml-tl-harm.ml-tl-aaben::after{margin:3px 4px 0 2px;transform:rotate(-135deg)}
.ml-tl-harm .ml-tl-rolle{order:0}
.ml-tl-panel{order:9;flex:0 0 100%;box-sizing:border-box;min-width:0;padding:2px 0 10px 40px;font-size:var(--ml-fs-small,14px);color:var(--ml-ink,#1c2528);overflow-wrap:break-word}
.ml-tl-panel[hidden]{display:none}

/* v1.5 (27/10, facit = Stemning). Pil, linje, rollemaerke og aaben titel som i Stemning; nummer/forklaring kun med nummer:true. */
.ml-tl-harm:first-child::before{top:28px}
.ml-tl-harm:last-child::before{bottom:auto;height:28px}
.ml-tl-rolle{max-width:none;white-space:nowrap}
.ml-tl-harm::after{content:"\25BE";order:1;flex:none;box-sizing:border-box;width:20px;height:auto;margin:0;border:0;transform:none;font:16px/1.45 var(--ml-font-body,Mukta,system-ui,sans-serif);color:var(--ml-acc,#1f4e79);text-align:center;white-space:nowrap}
.ml-tl-harm.ml-tl-aaben::after{content:"\25B4";margin:0;transform:none}
.ml-tl-aaben .ml-tl-titel{text-decoration:underline;text-decoration-color:var(--ml-or,#fbaa2e);text-underline-offset:4px}
.ml-tl-nr .ml-tl-dot{font-family:var(--ml-font-head,Teko,Mukta,system-ui,sans-serif);font-weight:500;font-size:17px;line-height:1;padding-top:2px}
.ml-tl-nr .ml-tl-li:not(.ml-tl-prak).ml-tl-planlagt .ml-tl-dot,.ml-tl-nr .ml-tl-li:not(.ml-tl-prak).ml-tl-aftalt .ml-tl-dot,.ml-tl-nr .ml-tl-li:not(.ml-tl-prak).ml-tl-mangler .ml-tl-dot{background:#fff;border:3px solid var(--ml-or,#fbaa2e);color:var(--ml-navy,#012a3e)}
.ml-tl-nr .ml-tl-li:not(.ml-tl-prak).ml-tl-aftalt .ml-tl-dot::after{display:none}
.ml-tl-nr .ml-tl-li:not(.ml-tl-prak).ml-tl-ikke_planlagt .ml-tl-dot{background:#fff;border:2px solid #b9c3c6;color:#7a8588}
.ml-tl-nr .ml-tl-li:not(.ml-tl-prak).ml-tl-gennemfoert .ml-tl-dot,.ml-tl-nr .ml-tl-li:not(.ml-tl-prak).ml-tl-afholdt .ml-tl-dot{font-family:var(--ml-font-body,Mukta,system-ui,sans-serif);font-size:16px;padding-top:0}
.ml-tl-forkl{display:grid;gap:8px;margin-top:14px}
.ml-tl-fk{display:flex;align-items:center;gap:10px;font-size:13px;color:#3b4a52}
.ml-tl-dsm{width:20px;height:20px;font-size:12px}
.ml-tl-fd-ok{background:var(--ml-navy,#012a3e);border:2px solid var(--ml-navy,#012a3e);color:#fff;font-family:var(--ml-font-body,Mukta,system-ui,sans-serif);padding-top:0}
.ml-tl-fd-todo{background:#fff;border:3px solid var(--ml-or,#fbaa2e);color:var(--ml-navy,#012a3e)}
.ml-tl-fd-grey{background:#fff;border:2px solid #b9c3c6;color:#7a8588}