/*
 * 3.68.0 · Tilpas forløb
 * Holdets tid over tidslinjen, pauser, flyt og fjern direkte på opgaven,
 * opgavebanken i højre panel og forslag til hjemmearbejde.
 * Ikonerne kommer fra assets/css/icons.css (Lucide).
 */
.sp-forloeb-builder{--spfb-rail:70px;--spfb-ink:#24292d;--spfb-muted:#5f6b75;--spfb-line:#d8dde1;--spfb-soft:#f4f6f7}

/* ---------- Forløbets tid (temaets estimater) ---------- */
.sp-forloeb-builder .spfb-time{margin:0 0 18px var(--spfb-rail)}
.sp-forloeb-builder .spfb-time[hidden]{display:none}
.sp-forloeb-builder .spfb-time-sum{margin:0 0 10px;font-size:15px;line-height:22px;font-weight:600;color:var(--spfb-ink)}
.sp-forloeb-builder .spfb-time-bar{display:flex;align-items:center;gap:2px;height:8px}
.sp-forloeb-builder .spfb-time-bar[hidden]{display:none}
.sp-forloeb-builder .spfb-time-seg{min-width:3px;height:8px;background:var(--phase)}
.sp-forloeb-builder .spfb-time-bar>.spfb-time-seg:first-child{border-radius:999px 0 0 999px}
.sp-forloeb-builder .spfb-time-bar>.spfb-time-seg:last-child{border-radius:0 999px 999px 0}
.sp-forloeb-builder .spfb-time-bar>.spfb-time-seg:only-child{border-radius:999px}
.sp-forloeb-builder .spfb-time-pause{flex:0 0 2px;height:16px;border-radius:2px;background:#4b5560}

/* ---------- Flyt og fjern på opgaven ----------
   3.70.0: Knapperne er en lodret kant i brikkens højre side. De fylder hele højden,
   deler sig i tre lige store felter og følger brikkens afrundede hjørner. */
.sp-forloeb-builder .spfb-card-tools{display:none}
.sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-card{padding-left:40px;padding-right:72px}
.sp-forloeb-builder .spfb-timeline .spfb-zone>.spfb-card>.spfb-drag{left:10px;right:auto;top:50%;bottom:auto;width:22px;height:28px;margin-top:-14px}
.sp-forloeb-builder .spfb-timeline .spfb-zone>.spfb-card>.spfb-drag .spf-ikon{width:16px;height:16px}
.sp-forloeb-builder .spfb-timeline .spfb-zone>.spfb-card>.spfb-card-tools{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:52px;border-left:1px solid #e3e7ea;border-radius:0 17px 17px 0;overflow:hidden;background:#f6f7f8;opacity:0;transition:opacity .14s ease}
.sp-forloeb-builder .spfb-timeline .spfb-zone>.spfb-card:is(:hover,:focus-within,.is-selected)>.spfb-card-tools{opacity:1}
.sp-forloeb-builder .spfb-timeline .spfb-zone>.spfb-card.is-selected>.spfb-card-tools{border-left-color:color-mix(in srgb,var(--phase) 45%,#e3e7ea)}
/* 3.72.0: Den valgte brik har en ekstra indvendig kant (1px). Striben ligger inden for den kant, så rammen er lige tyk hele vejen rundt. */
.sp-forloeb-builder .spfb-timeline .spfb-zone>.spfb-card.is-selected>.spfb-card-tools{top:1px;right:1px;bottom:1px;border-radius:0 16px 16px 0}
.sp-forloeb-builder .spfb-timeline .spfb-zone>.spfb-card>.spfb-card-tools .spfb-card-tool{flex:1 1 0;width:100%;height:auto;min-height:0;border:0;border-radius:0;background:transparent;color:#55606a}
.sp-forloeb-builder .spfb-timeline .spfb-zone>.spfb-card>.spfb-card-tools .spfb-card-tool+.spfb-card-tool{border-top:1px solid #e3e7ea}
.sp-forloeb-builder .spfb-timeline .spfb-zone>.spfb-card>.spfb-card-tools .spfb-card-tool:hover:not(:disabled){background:#e9ecef;color:var(--spfb-ink)}
.sp-forloeb-builder .spfb-timeline .spfb-zone>.spfb-card>.spfb-card-tools .spfb-quick-remove:hover:not(:disabled){background:#f6e7e4;color:#8a3b2e}
.sp-forloeb-builder .spfb-timeline .spfb-zone>.spfb-card>.spfb-card-tools .spfb-card-tool:disabled{opacity:.3}
.sp-forloeb-builder .spfb-timeline .spfb-zone>.spfb-card>.spfb-card-tools .spfb-card-tool:focus-visible{outline:3px solid #667f93;outline-offset:-3px}
.sp-forloeb-builder .spfb-timeline .spfb-zone>.spfb-card>.spfb-card-tools .spf-ikon{width:17px;height:17px}
.sp-forloeb-builder .spfb-card-tool{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--spfb-line);border-radius:8px;background:#fff;color:#4b5560;cursor:pointer}
.sp-forloeb-builder .spfb-card-tool:hover:not(:disabled){background:var(--spfb-soft);color:var(--spfb-ink)}
.sp-forloeb-builder .spfb-card-tool:disabled{opacity:.35;cursor:default}
.sp-forloeb-builder .spfb-card-tool:focus-visible{outline:3px solid #667f93;outline-offset:2px}
.sp-forloeb-builder .spfb-card-tool .spf-ikon{width:16px;height:16px}
.sp-forloeb-builder .spfb-inspector .spfb-position-actions :is(.spfb-move-up,.spfb-move-down){display:none}
@media(hover:none){.sp-forloeb-builder .spfb-timeline .spfb-zone>.spfb-card>.spfb-card-tools{opacity:1}}

/* ---------- Pause i tidslinjen ---------- */
.sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-pause{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px 0 10px;border:1px dashed #b9c1c9;border-radius:12px;background:transparent;color:#4b5560;font-size:15px}
.sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-pause::before{content:"";position:absolute;left:-47px;top:-18px;bottom:-18px;width:2px;background:#d3d8dd}
.sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-pause::after{content:"";position:absolute;left:-52px;top:50%;width:8px;height:8px;margin-top:-6px;border:2px solid #9aa3ad;border-radius:50%;background:var(--spf-page-surface,#eef0f2)}
.sp-forloeb-builder .spfb-pause>.spfb-drag{position:static;display:grid;place-items:center;width:22px;height:32px;margin:0;opacity:.55;color:#55606a;cursor:grab}
.sp-forloeb-builder .spfb-pause>.spfb-drag .spf-ikon{width:16px;height:16px}
.sp-forloeb-builder .spfb-pause-label{display:inline-flex;align-items:center;gap:8px;font-weight:550}
.sp-forloeb-builder .spfb-pause-label .spf-ikon{width:18px;height:18px}
.sp-forloeb-builder .spfb-pause>.spfb-card-tools{display:flex;gap:6px;margin-left:auto}
.sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-pause:focus-within{border-color:#7d8792}

/* ---------- Under tidslinjen: opgavebank og pause ---------- */
.sp-forloeb-builder .spfb-timeline-add{display:flex;gap:10px;margin:20px 0 0 var(--spfb-rail)}
.sp-forloeb-builder .spfb-timeline .spfb-timeline-add .spfb-add-from-bank,.sp-forloeb-builder .spfb-add-pause{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;border:1px dashed #a9b2bc;border-radius:12px;background:transparent;color:#3d4e5e;font-size:14px;cursor:pointer}
.sp-forloeb-builder .spfb-timeline .spfb-timeline-add .spfb-add-from-bank{flex:1 1 auto;width:auto}
.sp-forloeb-builder .spfb-add-pause{flex:none;padding:0 16px}
.sp-forloeb-builder .spfb-timeline-add button:hover{background:rgba(255,255,255,.65);border-color:#7d8792}
.sp-forloeb-builder .spfb-timeline-add button:focus-visible{outline:3px solid #667f93;outline-offset:2px}
.sp-forloeb-builder .spfb-timeline-add .spf-ikon{width:16px;height:16px}
.sp-forloeb-builder.is-bank-open .spfb-timeline .spfb-add-from-bank{border-style:solid;border-color:#7d8792;background:#fff}

/* ---------- Forslag til hjemmearbejde ---------- */
.sp-forloeb-builder .spfb-timeline .spfb-homework{display:block;margin:20px 0 0 var(--spfb-rail);padding:16px 18px;border:1px solid var(--spfb-line);border-radius:14px;background:#fff}
.sp-forloeb-builder .spfb-timeline .spfb-homework[hidden]{display:none}
.sp-forloeb-builder .spfb-timeline .spfb-homework.is-on{border-color:#7d8792;box-shadow:inset 0 0 0 1px #7d8792}
.sp-forloeb-builder .spfb-timeline .spfb-homework .spfb-homework-kicker{margin:0 0 6px;font:600 11px/14px "Schibsted Grotesk",system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#697580}
.sp-forloeb-builder .spfb-homework-copy{min-width:0}
.sp-forloeb-builder .spfb-homework-copy h3{margin:0;font:500 19px/1.3 var(--spfn-head,"Jost",sans-serif);color:var(--spfb-ink)}
.sp-forloeb-builder .spfb-homework-copy p{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--spfb-muted)}
.sp-forloeb-builder .spfb-homework-copy p:empty{display:none}
.sp-forloeb-builder .spfb-homework-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;margin-top:14px;padding-top:12px;border-top:1px solid #edf0f2}
.sp-forloeb-builder .spfb-homework-foot .spfb-tool-btn{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid #c6ccd3;border-radius:8px;background:#fff;color:#34424e;font-size:14px}
.sp-forloeb-builder .spfb-homework-foot .spfb-tool-btn:hover{background:#f1f2f4;border-color:#9aa3ad}
.sp-forloeb-builder .spfb-homework-foot .spf-ikon{width:16px;height:16px}
.sp-forloeb-builder .spfb-timeline .spfb-homework .spfb-homework-state{margin:10px 0 0;font-size:13px;line-height:1.45;color:#5b6670}
/* Kontakt (tænd/sluk) */
.sp-forloeb-builder .spfb-switch{position:relative;display:inline-flex;flex:0 1 auto;min-width:0;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:550;color:var(--spfb-ink)}
.sp-forloeb-builder .spfb-switch input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.sp-forloeb-builder .spfb-switch-track{position:relative;flex:none;width:42px;height:24px;border-radius:999px;background:#c6ccd3;transition:background-color .15s ease}
.sp-forloeb-builder .spfb-switch-track::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(20,28,34,.25);transition:transform .15s ease}
.sp-forloeb-builder .spfb-switch input:checked+.spfb-switch-track{background:#24292d}
.sp-forloeb-builder .spfb-switch input:checked+.spfb-switch-track::after{transform:translateX(18px)}
.sp-forloeb-builder .spfb-switch input:focus-visible+.spfb-switch-track{outline:3px solid #667f93;outline-offset:2px}
.sp-forloeb-builder .spfb-switch-label{line-height:1.3}

/* ---------- Holdet er gemt på denne computer ---------- */
.sp-forloeb-builder .spfb-session-context[hidden]{display:none}

/* ---------- Opgavebanken i højre panel ---------- */
.sp-forloeb-builder.is-bank-open::after{display:none}
.sp-forloeb-builder .spfb-inspector[hidden]{display:none!important}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt,
.sp-forloeb-builder.is-bank-open .spfb-plan-layout>.spfb-section-fravalgt{position:sticky;z-index:auto;top:16px;left:auto;grid-column:2;grid-row:1;align-self:start;width:auto;max-height:calc(100dvh - 32px);margin:0;padding:28px 32px 32px;overflow:auto;border:0;border-top:5px solid #c9d0d6;border-radius:20px;background:#fff;box-shadow:0 10px 36px rgba(37,51,66,.08);transform:none;animation:none}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt[hidden]{display:none}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt .spfb-section-head{margin:0 0 18px;padding:0 96px 0 0}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt :is(.spfb-section-kicker,.spfb-section-intro){display:none}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt .spfb-section-title{align-items:baseline;gap:12px}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt .spfb-section-head h2{font:600 26px/1.2 "Schibsted Grotesk",system-ui,sans-serif;letter-spacing:-.015em;color:var(--spfb-ink)}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt .spfb-bank-close{position:absolute;top:24px;right:24px;display:inline-flex;align-items:center;gap:6px;width:auto;height:40px;min-height:40px;padding:0 12px 0 14px;border:1px solid #d6dde3;border-radius:10px;background:#fff;color:#34424e;font-size:14px;font-weight:550}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt .spfb-bank-close .spf-ikon{width:16px;height:16px}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt .spfb-bank-close:hover{background:var(--spfb-soft)}
/* Faner */
.sp-forloeb-builder .spfb-bank-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.sp-forloeb-builder .spfb-bank-tab{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid #d6dde3;border-radius:10px;background:#fff;color:#34424e;font-size:14px;font-weight:550;cursor:pointer}
.sp-forloeb-builder .spfb-bank-tab[data-phase]::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--phase)}
.sp-forloeb-builder .spfb-bank-tab::after{content:attr(data-count);font-weight:450;color:#697580}
.sp-forloeb-builder .spfb-bank-tab:hover:not(:disabled){background:var(--spfb-soft)}
.sp-forloeb-builder .spfb-bank-tab[aria-selected="true"]{border-color:var(--spfb-ink);background:var(--spfb-ink);color:#fff}
.sp-forloeb-builder .spfb-bank-tab[aria-selected="true"]::after{color:#c9d0d6}
/* 3.72.0: Den valgte fase beholder hvid tekst på mørk baggrund, også når musen står på den. */
.sp-forloeb-builder .spfb-bank-tab[aria-selected="true"]:hover:not(:disabled){border-color:#2f3640;background:#2f3640;color:#fff}
.sp-forloeb-builder .spfb-bank-tab:disabled{opacity:.45;cursor:default}
.sp-forloeb-builder .spfb-bank-tab:focus-visible{outline:3px solid #667f93;outline-offset:2px}
/* Grupper: overskrift i »Alle«, ingen overskrift i en fase */
.sp-forloeb-builder .spfb-plan-layout .spfb-library{gap:20px}
.sp-forloeb-builder .spfb-plan-layout .spfb-lib-group{border:0;border-radius:0;background:none;box-shadow:none}
.sp-forloeb-builder .spfb-plan-layout .spfb-lib-group:is(.is-tab-hidden,.is-empty){display:none}
.sp-forloeb-builder .spfb-plan-layout .spfb-lib-toggle{min-height:0;padding:0 0 10px;background:none;pointer-events:none;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#697580}
.sp-forloeb-builder .spfb-plan-layout .spfb-lib-toggle :is(.spfb-lib-caret,.spfb-lib-count){display:none}
.sp-forloeb-builder .spfb-plan-layout .spfb-lib-toggle{display:none!important}
.sp-forloeb-builder .spfb-plan-layout .spfb-lib-list:not([hidden]){display:flex;flex-direction:column;gap:10px;padding:0}
/* Kort i banken */
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:20px;padding:16px 18px 16px 34px;border:1px solid #e1e5e8;border-radius:12px;background:#fafbfb;box-shadow:none}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card:hover{border-color:#c9d0d6;box-shadow:none}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card>.spfb-drag{position:absolute;left:8px;right:auto;top:50%;margin:-12px 0 0;width:20px;height:24px;opacity:.45}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card:hover>.spfb-drag{opacity:.8}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card-main{grid-column:1;padding:0}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card-sub{display:flex;align-items:center;gap:0;margin:0 0 2px;font-size:13px;line-height:18px}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card-sub>:not(.spfb-card-phase):not(.spfb-card-duration){display:none}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card-phase{padding:0;background:none;color:var(--phase-ink);font-weight:600}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card-duration{position:static;color:#697580}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card-duration::before{content:"·";margin:0 7px}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card-title{margin:0;font:500 18px/1.3 var(--spfn-head,"Jost",sans-serif);color:var(--spfb-ink)}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card-detail{grid-column:1;margin:4px 0 0;padding:0;border:0}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card-detail-inner{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;padding:0;border:0;background:none;font-size:14px;line-height:1.45;color:var(--spfb-muted);white-space:normal}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card-workform{display:none!important}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card-actions{grid-column:2;grid-row:1/span 2;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;margin:0;padding:0;border:0}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card-actions>.spfb-card-add{margin-left:0}
.sp-forloeb-builder .spfb-card-preview{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid #c6ccd3;border-radius:8px;background:#fff;color:#34424e;font-size:14px;font-weight:550;white-space:nowrap;cursor:pointer}
.sp-forloeb-builder .spfb-card-preview:hover{background:#f1f2f4;border-color:#9aa3ad}
.sp-forloeb-builder .spfb-card-preview .spf-ikon{width:16px;height:16px}
.sp-forloeb-builder .spfb-card-preview:focus-visible{outline:3px solid #667f93;outline-offset:2px}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card-add{min-height:38px;padding:0 14px;border:0;border-radius:8px;background:var(--spfb-ink);color:#fff;font-size:14px;font-weight:600;white-space:nowrap}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card-add:hover{background:#41494e}
.sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-edition{min-width:0}
.sp-forloeb-builder .spfb-plan-layout .spfb-library-footer{margin-top:18px}
.sp-forloeb-builder .spfb-plan-layout .spfb-library-footer .spfb-btn,.sp-forloeb-builder .spfb-plan-layout .spfb-library-footer .spfb-btn:hover{min-height:52px}

/* ---------- Prøv på skærmen ---------- */
.sp-forloeb-builder .spfb-detail-try{border-style:dashed}

/* ---------- Mellemstore og små skærme ---------- */
@media(max-width:1200px){
 .sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card{grid-template-columns:minmax(0,1fr)}
 .sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card-actions{grid-column:1;grid-row:auto;justify-content:flex-start;flex-wrap:wrap;margin-top:12px}
 .sp-forloeb-builder .spfb-plan-layout .spfb-section-fravalgt .spfb-card-actions>.spfb-card-add{margin-left:auto}
}
@media(max-width:1000px){
 .sp-forloeb-builder{--spfb-rail:54px}
 .sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-pause::before{left:-37px}
 .sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-pause::after{left:-42px}
 .sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt{padding:22px}
 .sp-forloeb-builder .spfb-timeline-add{flex-wrap:wrap}
 .sp-forloeb-builder .spfb-timeline .spfb-timeline-add .spfb-add-from-bank,.sp-forloeb-builder .spfb-add-pause{flex:1 1 100%}
 .sp-forloeb-builder .spfb-timeline .spfb-homework{padding:14px}
 .sp-forloeb-builder .spfb-timeline>.spfb-zone>.spfb-card{padding-left:34px;padding-right:60px}
 .sp-forloeb-builder .spfb-timeline .spfb-zone>.spfb-card>.spfb-card-tools{width:44px}
}
@media(max-width:760px){
 .sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt,.sp-forloeb-builder.is-bank-open .spfb-plan-layout>.spfb-section-fravalgt{position:relative;top:0;max-height:none;margin:24px 0 0;padding:20px;border-radius:16px}
 .sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt .spfb-bank-close{top:16px;right:16px}
 .sp-forloeb-builder .spfb-timeline-add{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.sp-forloeb-builder .spfb-card-tools,.sp-forloeb-builder .spfb-switch-track,.sp-forloeb-builder .spfb-switch-track::after{transition:none}}

/* Fjern fra dagens forløb i opgavens oplysninger */
.sp-forloeb-builder .spfb-inspector-actions .spfb-quick-remove{display:inline-flex;align-items:center;gap:8px}
.sp-forloeb-builder .spfb-inspector-actions .spfb-quick-remove .spf-ikon{width:16px;height:16px}
/* Fase og tid på brikken: brydes som hele ord, ikke midt i fasenavnet */
.sp-forloeb-builder .spfb-timeline .spfb-card-sub{flex-wrap:wrap;row-gap:0}
.sp-forloeb-builder .spfb-timeline .spfb-card-sub>:is(.spfb-card-phase,.spfb-card-duration){white-space:nowrap}
/* Brydes tiden ned på en ny linje, skal prikken ikke stå først på linjen. Afstanden er et flex-mellemrum (det findes ikke først på en linje),
   og prikken står i mellemrummet; står tiden først, ligger prikken uden for rækken og klippes væk. Nummeret er ikke klippet, da det er placeret ud fra brikken. */
.sp-forloeb-builder .spfb-timeline .spfb-card-sub{position:static;column-gap:24px;overflow:hidden}
.sp-forloeb-builder .spfb-timeline .spfb-card-sub>*{margin-left:0;margin-right:0}
.sp-forloeb-builder .spfb-timeline .spfb-card-sub>.spfb-card-duration{position:relative}
.sp-forloeb-builder .spfb-timeline .spfb-card-sub>.spfb-card-duration::before{position:absolute;left:-15px;margin:0}
/* Mellemstore skærme (fx en bærbar på 1100–1240 px): tidslinjen får mere plads, så fase og titel kan stå pænt */
@media(min-width:1001px) and (max-width:1240px){
 .sp-forloeb-builder .spfb-plan-layout{grid-template-columns:minmax(360px,40%) minmax(0,1fr);gap:28px}
}
.sp-forloeb-builder .spfb-timeline-add{flex-wrap:wrap}
.sp-forloeb-builder .spfb-timeline .spfb-timeline-add .spfb-add-from-bank{flex:1 1 200px;padding:0 12px;white-space:normal;text-align:left}
.sp-forloeb-builder .spfb-timeline .spfb-timeline-add .spfb-add-pause{flex:0 0 auto;padding:0 14px}
/* Er der ikke plads til fasens navn på én linje, brydes det hellere end at blive skåret af */
.sp-forloeb-builder .spfb-timeline .spfb-card-sub>.spfb-card-phase{white-space:normal;min-width:0}
.sp-forloeb-builder .spfb-bank-empty{margin:4px 0 16px;padding:16px 18px;border:1px dashed #c3cad1;border-radius:12px;color:#4b5966;font-size:15px;line-height:1.5}

/* ---------- 3.73.0: Opgavebanken ---------- */
/* Ingen rullefælde: Når banken er rullet helt ned (eller op), ruller siden videre. Hjulet styres i builder.js; berøring følger browseren. */
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt,
.sp-forloeb-builder.is-bank-open .spfb-plan-layout>.spfb-section-fravalgt{overscroll-behavior:auto}
/* Knapperne i banken har samme højde. Sekundære knapper (faner, Luk, Se PDF, Udgave) har hvid baggrund og grå kant; Tilføj er den mørke hovedknap. */
.sp-forloeb-builder{--spfb-bank-btn:40px}
@media(pointer:coarse){.sp-forloeb-builder{--spfb-bank-btn:44px}}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt :is(.spfb-bank-tab,.spfb-bank-close,.spfb-card-preview,.spfb-card-add){box-sizing:border-box;height:var(--spfb-bank-btn);min-height:var(--spfb-bank-btn);border-radius:8px;font-size:14px;line-height:1;letter-spacing:.01em;white-space:nowrap}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt :is(.spfb-bank-tab,.spfb-bank-close,.spfb-card-preview){border:1px solid #c6ccd3;background-color:#fff;color:#34424e;font-weight:550}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt .spfb-bank-tab{padding:0 14px}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt .spfb-bank-tab[aria-selected="true"]{border-color:var(--spfb-ink);background:var(--spfb-ink);color:#fff}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt .spfb-bank-tab[aria-selected="true"]:hover:not(:disabled){border-color:#2f3640;background:#2f3640;color:#fff}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt .spfb-bank-close{padding:0 12px 0 14px}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt :is(.spfb-card-preview,.spfb-card-add){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:108px;padding:0 14px}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt .spfb-card-add{border:1px solid var(--spfb-ink);background:var(--spfb-ink);color:#fff!important;font-weight:600}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt .spfb-card-add:hover{border-color:#41494e;background:#41494e}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt :is(.spfb-bank-close,.spfb-card-preview):hover{border-color:#9aa3ad;background-color:#f1f2f4}
.sp-forloeb-builder .spfb-plan-layout>.spfb-section-fravalgt :is(.spfb-card-preview,.spfb-card-add,.spfb-bank-close):focus-visible{outline:3px solid #667f93;outline-offset:2px}

/* ---------- 3.73.0: Meddelelsen med Fortryd ---------- */
/* Den står fast nederst i vinduet, så den kan ses, uden at siden flytter sig. */
.sp-forloeb-builder>.spfb-feedback{position:sticky;bottom:0}
@media(min-width:761px){.sp-forloeb-builder:has(>.spfb-feedback:not([hidden])) .spfb-plan-layout>.spfb-section-fravalgt{max-height:calc(100dvh - 96px)}}