<!--
SAFE306 KAPARDY HELP NAME FIX
- Bygger på SAFE304_kahoopardy_help_section.
- Retter hjælpesektionens titel fra “KaPardy / KaPardy” til kun “KaPardy”.
- Bevarer interne type-, class-, funktions- og storage-navne som kahoopardy/Kahoopardy, hvor de er del af kodeidentifikatorer.
- Ingen funktionel ændring.
-->
<!--
SAFE304 KAHOOPARDY HELP SECTION
- Bygger på SAFE303_groups_save_button_result_header_FIX2.
- Tilføjer kun en hjælpesektion om KaPardy i Hjælp-modalens tekst.
- Opdaterer komplet genvejskort med K/J/M og centrale KaPardy-genveje.
- Ingen funktionelle ændringer i KaPardy, Grupper, N, baggrundsvælger, tavleoversigt, redningsbælte eller papirkurv.
-->
<!--
SAFE303 GROUPS SAVE BUTTON RESULT HEADER FIX2
- Bygger direkte på uploadet SAFE302 / sidste stabile Grupper-layout før SAFE303-SAFE306.
- Minimal Grupper-rettelse: i resultatvisning vises “Gem grupper som datawidget” i samme top-rækkeposition som i listevisning.
- Knappen ligger som første grid-række i .groupsControls over .groupsResult; “Vis/rediger navneliste” bevares nederst.
- Resultatknappen skjules i præsentation og fokus.
- Ingen ændring af gruppealgoritme, listevisning, tekstfelt, Hent liste, Vis/rediger navneliste, N, baggrundsvælger, tavleoversigt, redningsbælte eller papirkurv.
-->
<!--
SAFE302 HELP UPDATED SHORTCUTS
- Bygger på SAFE301.
- Opdaterer hjælp/shortcut-tekster efter de seneste ændringer:
  - N = ny tavle med billedbaggrund
  - Shift+B = baggrundsvælger
  - Cmd/Ctrl+B = tilfældig baggrund
  - Cmd/Ctrl+T = Tavleoversigt
  - Cmd/Ctrl+O = widget-overblik
  - Shift+O = Redningsbælte
  - Cmd/Ctrl+Delete/Backspace = Ryd tavle
  - Papirkurv/topbar, tavleoversigt, præsentation/fokus/maksimering og widgets
- Ingen funktionel ændring.
-->
<!--
SAFE301 N IMAGE ONLY / NO SWATCH POISON
- Bygger på SAFE300.
- Beslutning:
  - N må gerne oprette ny tavle med standard billedbaggrund.
  - N må IKKE vælge swatches/farver.
  - N må IKKE røre baggrundsvælgerens swatch-/preview-state.
- Ret:
  - SAFE300s neutrale N erstattes af en image-only N.
  - Billedbaggrund vælges kun fra TAVLE_BACKGROUNDS.
  - Tavletitel sættes fra billedbaggrundens titel/version.
  - Hvis ingen billedbaggrunde findes, bruges neutral tavle.
- Testmål:
  - Tryk N flere gange.
  - Åbn Shift+B og vælg swatches.
  - Cmd+B skal stadig kunne vælge swatches og billeder bagefter.
-->
<!--
SAFE300 NEUTRAL N DIAGNOSTIC
- Bygger på SAFE299.
- N ødelægger stadig baggrundsvælgeren, selv efter den gamle shortcutvej blev blokeret.
- Derfor gøres N nu diagnostisk neutral:
  - N bruger IKKE random baggrundspulje.
  - N bruger IKKE createThemedSlide().
  - N bruger IKKE safe134InsertNormalSlideBeforeTrash().
  - N bruger IKKE den gamle newSlideShortcut-vej.
  - N opretter kun en minimal neutral tavle med standardbaggrund og tomme bgImage-felter.
- Formål:
  - Hvis swatches virker efter neutral N, ligger fejlen i random-/baggrundsdata ved oprettelse.
  - Hvis swatches stadig fejler efter neutral N, ligger fejlen i tavleindsættelse/render/save eller global state.
-->
<!--
SAFE299 EARLY KEYDOWN N INTERCEPT
- Bygger på SAFE298.
- SAFE298 ændrede TAVLE_SHORTCUTS.plain.n, men N giver stadig gammel sideeffekt.
- Ret:
  - Den tidlige globale keydown-handler får en eksplicit N-gren før TAVLE_SHORTCUTS bruges.
  - Plain N stoppes med preventDefault + stopPropagation + stopImmediatePropagation.
  - Kun window.safe297InsertNewBoardBeforeTrash() må kaldes.
  - Hvis funktionen ikke findes, gør N ingenting.
-->
<!--
SAFE298 DIRECT SHORTCUT TABLE N
- Bygger på SAFE297.
- Den tidlige TAVLE_SHORTCUTS.plain.n gik stadig via api.newSlideShortcut og nåede at stoppe eventet før SAFE297-listeneren.
- Ret:
  - N ændres direkte i den tidlige shortcut-tabel.
  - N kalder window.safe297InsertNewBoardBeforeTrash() direkte.
  - N går ikke længere via api.newSlideShortcut.
  - Hvis SAFE297-funktionen mod forventning ikke findes, gør N intet i stedet for at falde tilbage til gammel N.
-->
<!--
SAFE297 REPLACE OLD N WITH NEW BOARD FLOW
- Bygger på SAFE296.
- Problem: Den gamle N-genvej ødelægger baggrundsvælgerens swatch-flow.
- Strategi:
  - Stop med at bruge den gamle newSlideShortcut/N-funktion.
  - Opret en ny N-funktion, der selv opretter tavle + baggrund + titel.
  - Baggrund vælges direkte fra samme baggrundspulje-logik som appens random-baggrund.
  - Ingen focusSlideTitleForRename, ingen modal-preview-state, ingen gammel N-sideeffekt.
  - + tavle bevares så vidt muligt, men N overtages helt af SAFE297 capture-listener.
- Testmål:
  - Tryk N flere gange.
  - Derefter Shift+B: farve-swatches skal stadig virke.
  - Derefter Cmd+B: farver og billeder skal stadig virke.
-->
<!--
SAFE296 BACKGROUND COMMIT NOT PREVIEW
- Bygger på SAFE295.
- Problem: Efter N kan valg i baggrundsvælgeren vises som preview, men rulles tilbage ved luk.
- Ret:
  - bgApplyFromCard(card,true) markerer et permanent commit.
  - bgRestore() må ikke gendanne bgOriginal, hvis der er committed et valg.
  - Enter/klik på baggrundskort er permanent valg.
  - Space-preview gemmer ikke permanent og må gerne kunne rulles tilbage.
- Ingen ændring i Tavleoversigt, redningsbælte, papirkurv eller widgets.
-->
<!--
SAFE295 N NO TITLE FOCUS POISON
- Bygger på SAFE292.
- Problem: Efter N virker Cmd+B/Shift+B/baggrundsfarver som om de er ødelagt.
- Sandsynlig årsag: N kalder focusSlideTitleForRename(), så fokus bliver i contenteditable tavletitel.
  Appens shortcut-handler ser det som tekstredigering/browser-bold og baggrundsgenveje når ikke frem.
- Ret:
  - N / ny tavle må ikke efterlade fokus i tavletitlen.
  - + tavle bruger samme sikre vej.
  - Ingen swatch-normalisering.
  - Ingen billed-only workaround.
  - Farvevælger, Cmd+B, Shift+B og billedbaggrunde bevares.
-->
<!--
SAFE292 SWATCH ONLY BACKGROUND FIX
- Bygger på SAFE291.
- Retter kun farve-swatches/farvebaggrunde.
- Billedbaggrunde røres ikke.
- Farveswatches:
  - får data-bg-bg med den konkrete gradient
  - preview-felt males direkte fra gradienten
  - valg af farveswatch rydder billedbaggrund og anvender gradienten på tavlen
- Tavleoversigt, Esc/Enter, redningsbælte, papirkurv og widgets røres ikke.
-->
<!--
SAFE291 OVERVIEW KEYS + COLOR SWATCHES DIRECT FIX
- Bygger på SAFE290.
- Retter Tavleoversigt:
  - SAFE290 havde en rekursiv cleanup-fejl, så Esc/Enter kunne fejle.
  - Ny uafhængig global capture-listener håndterer Esc/Enter/pile/tal.
  - Listeneren afhænger ikke af fokus i modalens DOM.
- Retter farvebaggrunde i baggrundsvælger:
  - Farve-swatches males direkte ud fra deres titel/navn.
  - Farvekort må ikke alle falde tilbage til samme lyseblå preview.
- Ingen ændring i redningsbæltehandlinger, widgets, papirkurvlogik, drag/resize/rotation.
-->
<!--
SAFE290 OVERVIEW KEYS + BACKGROUND SWATCHES FIX
- Bygger på SAFE289.
- Retter Tavleoversigt:
  - Esc lukker igen i redigering og præsentation.
  - Enter åbner valgt/markeret tavle igen i redigering og præsentation.
  - Tastaturbindingen gøres enklere og mere robust ved at bruge én global capture-listener pr. åben Tavleoversigt.
- Retter baggrundsvælger:
  - swatches/kort må ikke forvrænges grafisk, når en baggrund vælges.
  - valgt markering holdes på kortet uden at ændre thumbnailens proportioner/layout.
- Ingen ændring i tavleflytning, redningsbæltehandlinger, widgets, papirkurvlogik, drag/resize/rotation.
-->
<!--
SAFE289 BOARD OVERVIEW PRESENTATION CONTROLS FIX
- Bygger på SAFE288.
- Retter Tavleoversigt:
  - Piletaster virker igen i både redigering og præsentation.
  - I præsentation skjules redigeringshandlinger i Tavleoversigt: Slet, ↑, ↓.
  - Tal, Enter, Esc og klik udenfor bevares.
  - Cmd/Ctrl+pil kan stadig flytte tavler som genvej, men knapperne vises ikke i præsentationsmodalen.
- Ingen ændring i widgets, redningsbæltehandlinger, papirkurvlogik, drag/resize/rotation.
-->
<!--
SAFE288 PRESENTATION TOPBAR + RESCUE MODAL FIX
- Bygger på SAFE287.
- Retter topværktøjslinje i præsentationstilstand:
  - Redningsbælte skjules.
  - Papirkurv skjules.
  - Tavlenummer må stadig være synligt.
- Retter redningsbælteknappen:
  - Klik på redningsbæltet skal åbne redningsbæltemodalen hver gang.
  - Før åbning ryddes evt. gammel modal/backdrop-state forsigtigt.
- Ingen ændring i redningshandlingerne, tavledata, widgets, papirkurvlogik, drag/resize/rotation.
-->
<!--
SAFE287 BOARD OVERVIEW STABILIZED
- Bygger på SAFE286.
- Lille stabiliseringsopgave før større tavlemanager-arbejde.
- Kun Tavleoversigt justeres:
  - hjælpeteksten gøres kortere og roligere
  - aktiv/markeret tavle markeres tydeligere
  - Esc, klik udenfor, talgenveje og Enter bevares konsekvent
  - ingen nye tavlefunktioner
- Ingen ændring i redningsbælte, papirkurv, widgets, drag/resize/rotation.
-->
<!--
SAFE286 BOARD OVERVIEW RESYNC AFTER MOVE
- Bygger på SAFE285.
- Retter buggy Tavleoversigt hvor baggrund og markeret række kunne komme ud af sync.
- Ny stabil regel:
  - Tavleoversigt kan genåbnes med et bestemt tavle-objekt som valgt.
  - Når en tavle flyttes med Cmd/Ctrl+pil eller knap ↑/↓, genopbygges Tavleoversigt bagefter.
  - Den flyttede tavle markeres igen og er aktiv i baggrunden.
  - Almindelige pile fanges stadig og bladrer ikke tavler bag modalen.
- Ingen ændring i widgets, redningsbælte, drag/resize/rotation.
-->
<!--
SAFE285 BOARD OVERVIEW ACTIVE SYNC
- Bygger på SAFE284.
- Retter kaos i Tavleoversigt:
  - Venstre/højre-pile slap igennem og bladrede tavler i baggrunden.
  - Markeret tavle i modal og aktiv tavle i baggrund kunne komme ud af sync.
- Ny regel:
  - Mens Tavleoversigt er åben, fanges alle piletaster.
  - ↑/↓ flytter markering i listen.
  - ←/→ flytter også markering i listen og bladrer ikke tavler i baggrunden.
  - Når markering flyttes, bliver samme tavle aktiv i baggrunden.
  - Når en tavle flyttes op/ned, forbliver den flyttede tavle aktiv.
- Ingen ændring i widgets, redningsbælte, drag/resize/rotation.
-->
<!--
SAFE284 STABLE BOARD REORDER BY IDENTITY
- Bygger på SAFE283.
- Retter ustabil/random tavleflytning.
- Flytning må ikke stole på gamle indeks efter render/modal-refresh.
- Ny regel:
  - ↑/↓-knapper i Tavleoversigt flytter præcis den tavle, knappen sidder på.
  - Cmd/Ctrl+↑/↓ mens Tavleoversigt er åben flytter den markerede række.
  - Cmd/Ctrl+↑/↓ uden modal flytter aktiv tavle.
- Flytning sker via tavle-objektets identitet og frisk genberegnet normal-tavlerække.
- Cirkulær flytning bevares.
- Papirkurven holdes uden for normal tavlerække.
- Ingen ændring i redningsbælte, widgets, drag/resize/rotation.
-->
<!--
SAFE283 CMD ARROW REORDER ACTIVE BOARD
- Bygger på SAFE282.
- Tilføjer tastaturflytning af aktiv tavle:
  - Cmd/Ctrl+Pil op flytter aktiv normal tavle én plads op.
  - Cmd/Ctrl+Pil ned flytter aktiv normal tavle én plads ned.
  - Flytningen er cirkulær:
    - første normale tavle + op => sidst
    - sidste normale tavle + ned => først
- Papirkurven flyttes ikke ind i den normale tavlerække.
- Normal Pil op/ned bevares til widgetvalg.
- Tavleoversigt opdateres automatisk, hvis den er åben.
- Ingen ændring i redningsbælte, widgets, drag/resize/rotation.
-->
<!--
SAFE282 HARD HIDE TOPBAR CLEAR/OVERVIEW + CMD DELETE
- Bygger på SAFE281.
- Fejekost/Ryd tavle og widget-overblik fjernes hårdere fra øverste værktøjslinje:
  - hidden-attribut direkte i markup
  - inline display:none!important
  - ekstra CSS fallback
- Knapperne bliver i DOM, så eksisterende interne klik/kald stadig kan bruge dem.
- Cmd/Ctrl+Delete og Cmd/Ctrl+Backspace åbner Ryd tavle?-modalen.
- Cmd/Ctrl+Shift+Delete/Backspace bevares som fallback.
- Cmd/Ctrl+O = widget-overblik.
- Cmd/Ctrl+T = Tavleoversigt.
- Shift+O = Redningsbælte.
- Ingen ændring i redningsbælte, tavledata, widget-rendering, drag/resize/rotation.
-->
<!--
SAFE281 TOPBAR CLEANUP SHORTCUTS
- Bygger på SAFE280.
- Topbar-oprydning efter at redningsbæltets overblik og ryd tavle virker:
  - Widget-overblik-ikonet skjules i topbar; Cmd/Ctrl+O bevares.
  - Ryd tavle/fejekost-ikonet skjules i topbar; funktionen bevares via redningsbæltet.
  - Papirkurv får et hurtigt topbar-ikon.
- Genveje:
  - Shift+O åbner nu redningsbæltet.
  - Cmd/Ctrl+T åbner Tavleoversigt.
  - Shift+T bevares til Timer.
  - Cmd/Ctrl+O bevares som direkte widget-overblik.
- Ingen ændring i redningsbæltets indhold, tavledata, widget-rendering, drag/resize/rotation.
-->
<!--
SAFE280 BOARD OVERVIEW CIRCULAR REORDER
- Bygger på SAFE279.
- Tavleoversigtens flyt-op/flyt-ned gøres cirkulær:
  - ↑ på første normale tavle flytter den til sidst
  - ↓ på sidste normale tavle flytter den til først
- Derfor er ↑ og ↓ altid aktive på normale tavler.
- Papirkurven flyttes stadig ikke ind i normal tavlerækkefølge.
- Ingen ændring i sletning, redningsbælte, widgets, drag/resize/rotation.
-->
<!--
SAFE279 BOARD OVERVIEW DELETE AND REORDER
- Bygger på SAFE278.
- Retter at Slet ikke fremstod som en egentlig knap.
- Tilføjer omarrangering af normale tavler:
  - ↑ flytter tavle op
  - ↓ flytter tavle ned
- Papirkurven kan ikke flyttes ind i normal rækkefølge.
- Papirkurven kan ikke slettes.
- Sidste normale tavle kan ikke slettes.
- Alle handlinger holder state.active korrekt.
- Ingen ændring i redningsbælte, widget-rendering, drag/resize/rotation.
-->
<!--
SAFE278 BOARD OVERVIEW DELETE BOARD
- Bygger på SAFE277.
- Tilføjer mulighed for at slette en normal tavle fra Tavleoversigt.
- Sletning:
  - kræver bekræftelse
  - kan ikke bruges på papirkurven
  - kan ikke slette sidste normale tavle
  - flytter tavlens widgets til papirkurven
  - fjerner selve tavlen fra tavlelisten
  - vælger en nærliggende normal tavle bagefter
- Klik på tavler og tastaturvalg fungerer som før.
- Ingen ændring i redningsbælte, widget-rendering, drag/resize/rotation.
-->
<!--
SAFE277 BOARD OVERVIEW SELECTION NO SPACE CONFLICT
- Bygger på SAFE276.
- Tavleoversigt får tydelig markering af valgt/markeret tavle.
- Mellemrumstasten bruges ikke længere til valg i Tavleoversigt.
- Mens Tavleoversigt er åben, fanges mellemrumstasten og stoppes, så den ikke aktiverer Mere i baggrunden.
- Enter vælger markeret tavle.
- Pil op/ned flytter markering.
- 1-9/0 virker som før.
- Klik virker som før.
- Ingen ændring i redningsbælte, widgets, drag/resize/rotation.
-->
<!--
SAFE276 BOARD OVERVIEW ICONS NO CLOSE
- Bygger på SAFE275 / SAFE273-rollback.
- Tavleoversigt justeres:
  - Luk-knappen fjernes.
  - Klik udenfor og Esc lukker fortsat modal.
  - Valg af tavle lukker modal.
  - Hver tavle viser små ikonchips for widgettyper på tavlen.
- Ingen tavlesortering/sletning endnu.
- Ingen ændring i redningsbælte, widgets, drag/resize/rotation.
-->
<!--
SAFE275 ROLLBACK TO SAFE273
- Dette er en ren rollback efter SAFE274.
- SAFE274 kasseres, fordi modal/backdrop-ændringen ødelagde appen:
  - sort baggrund
  - knapper reagerede ikke
- SAFE275 er derfor baseret direkte på SAFE273.
- Ingen SAFE274 modal/backdrop-ændringer er med.
- Bevarer:
  - Tavleoversigt via tavletallet
  - tastaturstyring i Tavleoversigt
  - redningsbæltets seneste fungerende linje før SAFE274
-->
<!--
SAFE273 BOARD OVERVIEW KEYBOARD SELECT
- Bygger på SAFE272.
- Tavleoversigt får tastaturstyring:
  - 1-9 går til tavle 1-9 og lukker modal
  - 0 går til tavle 10 og lukker modal
  - pil op/ned flytter markering
  - Enter/mellemrum vælger markeret tavle og lukker modal
  - Esc lukker modal
- Klik fungerer som før.
- Ingen ændring i tavledata, redningsbælte, widgets, drag/resize/rotation.
-->
<!--
SAFE272 BOARD OVERVIEW DIV CARDS NO BUTTON INHERITANCE
- Bygger på SAFE271.
- Brugertest viste at tavlekort stadig blev lilla.
- Derfor fjernes knap-arv helt:
  - tavle-elementer er nu <div role="button"> i stedet for <button>
  - de får tabindex=0 og keyboard-handler
  - klik og Enter/mellemrum virker stadig
- Det bør forhindre appens generelle button-styling i at overtage Tavleoversigten.
- Ingen funktionelle ændringer ud over markup/UX i Tavleoversigt.
-->
<!--
SAFE271 BOARD OVERVIEW HARD ISOLATED CARDS
- Bygger på SAFE270.
- SAFE270 viste stadig lilla standardknapper i Tavleoversigt.
- Årsag: appens generelle modal/button-styling overtrumfer .boardOverviewItem.
- SAFE271 isolerer Tavleoversigten:
  - modalindhold får wrapper-klassen .safe271BoardOverview
  - tavleknapper får egne inline-nære CSS-regler med høj specificitet
  - de vises som lyse kort/rækker i stedet for lilla standardknapper
- Ingen funktionelle ændringer.
- Ingen sortering/sletning endnu.
-->
<!--
SAFE270 BOARD OVERVIEW READABLE CARDS
- Bygger på SAFE269.
- Retter kun Tavleoversigtens UX.
- Problem i SAFE269:
  - tavlerne lignede lilla knapper og var svære at aflæse som oversigt.
- SAFE270:
  - tavler vises som lyse kort/rækker
  - aktiv tavle markeres med tydelig ramme og “aktiv”-badge
  - widgetantal står adskilt til højre
  - papirkurv vises separat nederst hvis den findes
- Ingen ændring i tavlenavigation, widgets, redningsbælte, papirkurvlogik, drag/resize/rotation.
-->
<!--
SAFE269 BOARD OVERVIEW FROM COUNTER
- Bygger på SAFE268.
- Tilføjer første sikre Tavleoversigt uden slet/sortering.
- Klik på tavletallet (#slideInfo, fx 1/4) åbner Tavleoversigt.
- Tavleoversigten viser:
  - alle normale tavler
  - aktiv tavle
  - antal widgets
  - papirkurven nederst/separat
- Klik på en tavle går til tavlen.
- Ingen ændring i tavlesortering, tavlesletning, redningsbælte, widgets, drag/resize/rotation.
- Målet er at gøre tavletallet til et naturligt indgangspunkt for senere tavleadministration.
-->
<!--
SAFE268 COMPACT RESCUE FEEDBACK ENTER
- Bygger på SAFE267.
- Samlet overblik virker nu og bruger papirkurvens kendte overbliks-layout.
- Retter kun feedbackmodalen efter handling 3:
  - kortere tekst
  - forklarer stadig at man ikke er i papirkurven
  - Enter lukker modal
  - Escape lukker modal som før
- Ingen ændring i selve redningshandlingen.
- Ingen ændring i drag/resize/rotation.
-->
<!--
SAFE267 RESCUE LATE BOUND ACTIONS
- Bygger på SAFE266.
- Brugertest viste at redningsmodalens valg 3, 4 og 5 stadig ikke rammer de rigtige handlinger.
- Sandsynlig årsag: redningskoden ligger tidligere/anderledes i scope end de funktioner og state-dele, den forsøger at kalde.
- Rettelse:
  - Der tilføjes late-bound redningshandlinger sidst i scriptet, efter clearActiveSlideToTrash, trashOverviewLayout, state, slide, render og save findes.
  - Redningsmodalens execute-kode kalder window.__rescueAction3/4/5, ikke lokale funktionsnavne.
  - Valg 5 klikker på den eksisterende fejekostknap (#clearSlide), så den beviseligt bruger den normale Ryd tavle?-modal.
  - Valg 3 simulerer slet→papirkurv→gendan internt via de eksisterende trash-funktioner.
  - Valg 4 kopierer til 3 tavler: Aktiviteter, Data og tekst, Indhold og visning.
- Ingen DOM-grid og ingen ændring i drag/resize/rotation.
-->
<!--
SAFE266 RESCUE TRASH SIM AND THREE SORT BOARDS
- Bygger på SAFE265.
- Retter redningsbælte 3 og 4 ud fra brugerens virkende observation:
  - “Slet alle widgets → papirkurv → gendan alle” giver et brugbart samlet overblik.
- Valg 3 simulerer nu denne virkende vej internt:
  - flytter alle widgets fra aktiv tavle til papirkurv-data
  - bruger trashOverviewLayout(trash)
  - gendanner straks alle widgets tilbage til oprindelig tavle
  - bevarer dermed papirkurvens kendte normaliseringslayout
  - ingen bruger skal manuelt ind i papirkurven
- Valg 4 er ændret til tre pædagogiske hovedtavler:
  - Aktiviteter
  - Data og tekst
  - Indhold og visning
  Den kopierer widgets fra aktiv tavle til de tre tavler ud fra toolbar/Mere-logik.
- Valg 5 bevares som eksisterende “Ryd tavle?”-modal via clearActiveSlideToTrash().
- Ingen DOM-grid, ingen nye drag/resize/rotation-hooks.
-->
<!--
SAFE265 RESCUE 3-4 DOM MODEL FIX KEEP 5 MODAL
- Bygger på SAFE264.
- Brugerens test viste:
  - 1 og 2 virker.
  - 3 og 4 giver ingen synlig effekt.
  - 5 må gerne kalde den eksisterende “Ryd tavle?”-modal.
- SAFE265 retter derfor kun 3 og 4:
  - 3 “Samlet overblik på tavlen” finder widgets via både datamodel og aktuelle DOM-widgets.
  - 4 “Sortér efter type” finder widgets via både datamodel og aktuelle DOM-widgets.
  - Begge handlinger skriver til appens widgetdata og render() – ingen DOM-grid.
- 5 bevares som kald til eksisterende clearActiveSlideToTrash(), så den eksisterende bekræftelsesmodal bruges.
- Modalens læsbarhed fra SAFE264 bevares: lyse knapper + tydelig valgt ramme.
-->
<!--
SAFE264 RESCUE ACTIONS FIX READABLE
- Bygger på SAFE263.
- Retter at redningsmodalens valg 3, 4 og 5 ikke gav synlig effekt.
- Årsag i praksis:
  - handlingerne var for tavse, og samlet overblik kunne se ud som "ingenting" hvis aktive widgetdata ikke blev ramt tydeligt nok.
- SAFE264 gør funktionaliteten mere direkte og synlig:
  - 3 Samlet overblik: bruger samme sikre model-layout på aktiv tavles widgets og viser tydelig toast/modal-feedback.
  - 4 Sortér efter type: kopierer widgets til type-tavler og viser resultatmodal.
  - 5 Ryd tavle til papirkurv: bruger eksisterende clearActiveSlideToTrash og viser toast.
- Farvekodning nedtones for læsbarhed:
  - knapper holdes lyse
  - aktivt valg markeres med tydelig blå/lilla ramme + Valgt-badge
  - ingen mørk lilla knaptekstflade.
- Ingen DOM-grid.
- Ingen ændring i drag/resize/rotation.
-->
<!--
SAFE263 RESCUE RISK LADDER COMPACT FIX
- Bygger på SAFE262.
- Redningsmodalen ryddes op som risikostige:
  1. Gør alt synligt
  2. Åbn overblik
  3. Samlet overblik på tavlen
  4. Sortér efter type
  5. Ryd tavle til papirkurv
- Valgt mulighed markeres med tydelig ramme og "Valgt"-badge.
- Ikke-valgte muligheder farvekodes svagt efter handlingens gennemgribende karakter.
- Retter samlet overblik:
  - valg 3 kalder nu samlet overblik
  - layout sættes direkte i widgetdata og renderes
  - ingen DOM-grid, ingen nye drag/resize/rotation-hooks
-->
<!--
SAFE262 RESCUE COMPACT OVERVIEW LAYOUT
- Bygger på SAFE261.
- Tilføjer en sikker version af den brugeropdagede arbejdsgang:
  1) slet alle widgets
  2) gå i papirkurv
  3) gendan alle
  4) alle widgets ligger små/overskuelige og kan flyttes/resizes/roteres
- SAFE262 laver samme type kompakt overblik direkte på den aktuelle tavle.
- Ingen midlertidig sletning.
- Ingen DOM-grid.
- Ingen ændring i drag/resize/rotation-logik.
- Den bruger samme princip som trashOverviewLayout:
  - små kort
  - rotation = 0
  - stigende z-index
  - positioner i et overskueligt grid
- Tilføjes som redningsmodalens mulighed 5 i første testversion, så eksisterende 1-4 bevares.
-->
<!--
SAFE261 RESCUE MODAL CLEANUP RESTORE ALL
- Bygger på SAFE260.
- Retter redningsmodalens visuelle valg:
  - kun den aktive/valgte mulighed er lilla
  - ikke-valgte muligheder er lyse
  - Enter vælger den lilla mulighed
- Tilføjer mulighed 4 i redningsmodalen:
  - "Ryd tavle til papirkurv"
  - bruger den eksisterende clearActiveSlideToTrash()-funktion
  - ingen ny slette-/flyttelogik
- Tilføjer "Gendan alle" i papirkurven:
  - gendanner alle widgets fra papirkurven til return-tavlen eller første normale tavle
  - rydder papirkurvens widgetliste
- Fjerner endnu ikke ikoner fra topbaren. Først testes funktionerne.
- Ingen DOM-grid-redning.
- Ingen ændring i drag/resize/rotation.
-->
<!--
SAFE260 RESCUE OVERVIEW AND TYPE SORT
- Bygger på SAFE259, den sikre rollback efter DOM-grid-regressionen.
- Redningsbælte-modalens logik ryddes op:
  1. Gør alt synligt: bevares som sikker/mild redning.
  2. Åbn overblik: kalder eksisterende widget-overblik/overview. Ændrer ikke layout permanent.
  3. Sortér efter type: kopierer widgets fra den aktuelle tavle til tavler med widgettypens navn.
- Mulighed 3 kopierer i første version. Originaltavlen bevares.
- Der laves ingen DOM-grid-redning.
- Der laves ingen ændringer i drag/resize/rotation.
- Der laves ingen ændring i eksisterende overview-genvej Cmd/Ctrl+O.
- Der oprettes eller genbruges normale tavler med navne som Video, Grupper, Data, Afstemning osv.
- Papirkurven ignoreres som mål for type-sortering.
-->
<!--
SAFE259 TRUE ROLLBACK DISABLE OPTION 2
- Bygger på SAFE248, ikke SAFE258.
- Formål: ægte rollback væk fra den farlige SAFE252-SAFE258 DOM-grid/lock-linje.
- SAFE252-SAFE258 viste alvorlige regressioner:
  - widgets kunne blive låst
  - nye widgets kunne oprettes låst fra start
  - drag/resize/rotation kunne stoppe med at virke
- SAFE259 bevarer kun den sikre del:
  - SAFE237/238: synlige titelbjælker på ikke-aktive widgets i almindelig redigering
  - SAFE248: redningsmodalen har én entydig aktiv markering
- Redningsbælte valg 2 er midlertidigt slået fra.
- Valg 2 ændrer ikke widgets.
- Valg 1 bevares som den sikre/milde redning.
- Valg 3 er stadig ikke aktivt.
- Ingen DOM-grid-redning.
- Ingen globale pointerdown-oplåsningshooks.
- Ingen syncWidgetModelFromDom.
- Ingen el.__tavleWidgetModel-patches.
- Ingen ændring i drag/resize/rotate.
- Denne fil skal være sikker arbejdsfil efter regressionen.
-->
<!--
SAFE248 RESCUE MODAL SINGLE ACTIVE MARKER
- Bygger på SAFE247.
- Retter kun redningsmodalens visuelle markering.
- Problem: farvet række og blå ramme kunne pege på to forskellige valg, så man ikke kunne se hvad Enter ville udføre.
- Ny regel:
  - Den lilla/farvede række er det aktive valg.
  - Enter udfører altid den lilla/farvede række.
  - Der må ikke være en separat blå fokusramme på en anden række.
  - Piletaster, 1/2/3, klik/touch og fokus synkroniseres til samme aktive valg.
- Ingen ændring i redningshandlingernes layout/logik.
- Valg 2 er stadig dokumenteret som problematisk fra SAFE239-SAFE246-linjen.
- Ingen ændring i titelbjælke-CSS, præsentation/fokus-flow, overview, papirkurv, navigation, tegning, z-index, render(), select(), addWidget(), Lykkehjulet, Ordsky, Afstemning, Grupper, KaPardy eller import/backup.
-->
<!--
SAFE247 RESCUE OPTION 2 FAILED NOTE ONLY
- Bygger på SAFE246.
- Denne version ændrer ingen funktionalitet.
- Formål: stoppe den nuværende fejlretning af redningsbælte valg 2 og dokumentere, hvad der er observeret.

STATUS:
- SAFE237/SAFE238 er stabil og vigtig:
  - Ikke-aktive widgets viser nu titelbjælker i almindelig redigering.
  - Det virker og skal bevares.
- Redningsbælte valg 1 virker som mild redning.
- Redningsbælte valg 2 er IKKE løst i SAFE239-SAFE246.
- Forsøgene med:
  - titelbjælke-spredning
  - titelbaner
  - titelkort
  - fast grid
  - native arrange
  gav stadig visuelt for tætte/stablede widgets i brugerens test, især med mange ens videowidgets.

VIGTIG OBSERVATION:
- Dataændringerne i valg 2 ser ud til at ske, men det visuelle resultat bliver stadig en stak.
- Det tyder på, at appens faktiske render-/koordinatmodel, fit-rutiner, z-index/selection eller efterfølgende layoutregler påvirker resultatet.
- Flere manuelle grid-forsøg uden kortlægning er derfor ikke hensigtsmæssige.

ANBEFALET ROLLBACK-/REFERENCEPUNKT:
- SAFE238 bør betragtes som stabil reference for synlige titler.
- SAFE232/SAFE231 bør betragtes som den seneste nogenlunde brugbare redningsbælte-linje før de fejlede titelkort-forsøg.
- SAFE239-SAFE246 er eksperimenter og bør ikke bruges som videre baseline uden nøje gennemgang.

NÆSTE RIGTIGE FASE:
SAFE248 bør være kortlægning, ikke ny funktion:
- Kortlæg:
  - runRescueVisibleAndSpread()
  - rescueWidgetsToViewport()
  - arrangeWidgetsInViewport()
  - fitWidgetToViewport()
  - visibleBoardBounds()
  - render()/widget positionering
  - widget x/y/w/h/rotation-dataformat
  - eventuelle CSS-regler der påvirker faktisk størrelse/position
- Test med mange ens videowidgets:
  - før/efter x/y/w/h/rotation
  - DOM getBoundingClientRect efter render
  - om appen omskriver x/y/w/h efter save/render
  - om selected/focus/z-index gør én widget visuelt dominerende
- Først derefter implementeres et nyt valg 2.

MULIG BEDRE LØSNING EFTER KORTLÆGNING:
- Enten:
  A) Midlertidig “rednings-overview” som IKKE ændrer widgetdata permanent, men lader brugeren vælge widget
  B) Permanent “fordel widgets” baseret på den eksisterende overview-algoritme
  C) En separat “liste over widgets” i redningsmodalen, hvor man kan vælge en widget og bringe den forrest
- Måske er et visuelt grid af rigtige widgets ikke den bedste redning, hvis appens koordinatsystem modarbejder det.

IKKE RØRT / MÅ IKKE RØRES UDEN NY KORTLÆGNING:
- SAFE237 titelbjælke-CSS
- render(), makeWidget(), select(), addWidget()
- drag/resize/rotate
- z-index
- præsentation/fokus-flow
- redningsbælte valg 1
- Lykkehjulets SAFE224-status
- Ordskyens SAFE214-status
- Afstemning
- Grupper
- KaPardy
- Import/backup
-->
<!--
SAFE246 RESCUE USE NATIVE ARRANGE
- Bygger på SAFE245.
- Retter redningsbælte valg 2 igen.
- SAFE245 fordelte stadig widgets for tæt i praksis.
- Valg 2 bruger nu appens eksisterende arrangeWidgetsInViewport(), hvis den findes.
- Begrundelse: den eksisterende arrange-motor kender sandsynligvis appens rigtige koordinater/render-model bedre end nye manuelle beregninger.
- Efter native arrange:
  - widgets får en redningskort-størrelse
  - rotation nulstilles
  - der gemmes/renderes igen
- Hvis arrangeWidgetsInViewport ikke findes, falder den tilbage til rescueWidgetsToViewport({arrange:true}).
- Valg 1 bevares som mildere "Gør alt synligt".
- Valg 3 er stadig ikke aktivt.
- Ingen ændring i titelbjælke-CSS, præsentation/fokus-flow, overview, papirkurv, navigation, tegning, z-index, render(), select(), addWidget(), Lykkehjulet, Ordsky, Afstemning, Grupper, KaPardy eller import/backup.
-->
<!--
SAFE245 RESCUE FIXED CARD GRID
- Bygger på SAFE244.
- Retter redningsbælte valg 2 igen.
- SAFE244 placerede stadig widgets for tæt som et kompakt bundt.
- Valg 2 bruger nu et simpelt fast redningsgrid:
  - faste kortstørrelser
  - fast afstand
  - tydelig placering fra øverste venstre hjørne
  - ingen afhængighed af eksisterende widgetstørrelser
- Formålet er kun redning/identifikation: titler skal kunne læses og widgets skal kunne vælges.
- Widget-state/indhold bevares.
- Rotation nulstilles fortsat i valg 2.
- Valg 1 bevares som mildere "Gør alt synligt".
- Valg 3 er stadig ikke aktivt.
- Ingen ændring i titelbjælke-CSS, præsentation/fokus-flow, overview, papirkurv, navigation, tegning, z-index, render(), select(), addWidget(), Lykkehjulet, Ordsky, Afstemning, Grupper, KaPardy eller import/backup.
-->
<!--
SAFE244 RESCUE UNIFORM TITLE GRID
- Bygger på SAFE243.
- Retter redningsbælte valg 2 igen.
- Test med mange ens videowidgets viste, at SAFE243 stadig kunne ende som en forskudt stak.
- Valg 2 er nu et egentligt redningsgrid:
  - alle widgets får en ensartet redningskort-størrelse
  - kortene placeres i et grid med luft mellem dem
  - titlerne skal kunne læses uden at trække en widget væk først
- Valg 2 er bevidst mere aggressivt end før.
- Widget-state/indhold bevares.
- Rotation nulstilles i valg 2, fordi læsbare titelkort prioriteres over layoutbevarelse i denne redningshandling.
- Valg 1 bevares som mildere "Gør alt synligt".
- Valg 3 er stadig ikke aktivt.
- Ingen ændring i titelbjælke-CSS, præsentation/fokus-flow, overview, papirkurv, navigation, tegning, z-index, render(), select(), addWidget(), Lykkehjulet, Ordsky, Afstemning, Grupper, KaPardy eller import/backup.
-->
<!--
SAFE243 RESCUE TRUE TITLE CARDS
- Bygger på SAFE242.
- Retter redningsbælte valg 2 igen.
- SAFE242 kunne stadig efterlade et stort widgetvindue oven på andre widgets.
- Valg 2 er nu et mere konsekvent redningslayout:
  - alle widgets får et egentligt kortområde
  - meget store widgets skaleres markant ned
  - widgets placeres i grid med afstand
  - målet er at alle titler kan læses uden at skulle trække en stor widget væk
- Rotation og widget-state bevares.
- Selection/fokus ryddes før fordeling, så en tidligere aktiv widget ikke skal dominere visuelt.
- Valg 1 bevares som mildere "Gør alt synligt".
- Valg 3 er stadig ikke aktivt.
- Ingen ændring i titelbjælke-CSS, præsentation/fokus-flow, overview, papirkurv, navigation, tegning, z-index, render(), select(), addWidget(), Lykkehjulet, Ordsky, Afstemning, Grupper, KaPardy eller import/backup.
-->
<!--
SAFE242 RESCUE READABLE TITLE CARDS
- Bygger på SAFE241.
- Retter redningsbælte valg 2 igen, fordi titelbaner stadig kunne blive dækket af store widget-indhold/lag.
- Valg 2 prioriterer nu læsbare titelbjælker over oprindelig widgetstørrelse.
- Widgets gøres mere konsekvent mindre og placeres som læsbare "titelkort" på tavlen.
- Rotation og widget-state bevares.
- Formålet er redning/identifikation: man skal kunne læse widgettitlerne og vælge den rigtige widget.
- Det er stadig ikke overview-mode og ikke valg 3; men det er mere aggressivt end SAFE241.
- Valg 1 bevares som mildere "Gør alt synligt".
- Valg 3 er stadig ikke aktivt.
- Ingen ændring i titelbjælke-CSS, præsentation/fokus-flow, overview, papirkurv, navigation, tegning, z-index, render(), select(), addWidget(), Lykkehjulet, Ordsky, Afstemning, Grupper, KaPardy eller import/backup.
-->
<!--
SAFE241 RESCUE TITLE LANES
- Bygger på SAFE240.
- Retter redningsbælte valg 2 igen.
- SAFE240 lavede en kortvifte, men titelbjælker kunne stadig ende i en stak og blive dækket.
- Valg 2 bruger nu "titelbaner":
  - hver widget får en tydelig læsbar titelbjælke-zone
  - titelbjælker placeres primært lodret med nok afstand
  - ved mange widgets oprettes næste kolonne
  - indhold må overlappe, men titlerne skal være læsbare
- Meget store widgets reduceres mere end før, hvis de ellers skjuler de andre titler.
- Rotation og widget-state bevares.
- Modalmarkering fra SAFE240 bevares.
- Ingen ændring i titelbjælke-CSS, præsentation/fokus-flow, overview, papirkurv, navigation, tegning, z-index, render(), select(), addWidget(), Lykkehjulet, Ordsky, Afstemning, Grupper, KaPardy eller import/backup.
-->
<!--
SAFE240 RESCUE CARD FAN TITLES
- Bygger på SAFE239.
- Retter redningsbælte valg 2, så widgets fordeles som en spillekort-vifte med læsbare titelbjælker.
- Målet er ikke kun at se lidt af topbjælken, men at kunne læse selve widgettitlen.
- Valg 2 placerer derfor titelbjælker i tydeligt forskudte positioner.
- Indhold må stadig overlappe.
- Rotation og widget-state bevares.
- Store widgets begrænses kun moderat.
- Retter også redningsmodalens markering:
  - aktivt valg har både ramme og farve
  - ikke-aktive valg er neutrale
  - disabled valg er gråt
- Ingen ændring i titelbjælke-CSS, præsentation/fokus-flow, overview, papirkurv, navigation, tegning, z-index, render(), select(), addWidget(), Lykkehjulet, Ordsky, Afstemning, Grupper, KaPardy eller import/backup.
-->
<!--
SAFE239 RESCUE SPREAD BY TITLES
- Bygger på SAFE238.
- Justerer redningsbælte valg 2: "Synligt + spred lidt".
- Valg 2 udnytter nu, at ikke-aktive widgets har læsbare titelbjælker i redigering.
- Målet er ikke længere at vise hele widgets, men at sikre at titelbjælker/topkanter kan ses og læses.
- Widgets må gerne overlappe i indholdsområdet, hvis titelbjælkerne er fordelt læsbart.
- Valg 2 bevarer størrelse, rotation og widget-state; meget store widgets begrænses kun hvis de gør titelplaceringen urimelig.
- Valg 1 bevares som "Gør alt synligt".
- Valg 3 er stadig ikke aktivt.
- Ingen ændring i titelbjælke-CSS, præsentation/fokus-flow, overview, papirkurv, navigation, tegning, z-index, render(), select(), addWidget(), Lykkehjulet, Ordsky, Afstemning, Grupper, KaPardy eller import/backup.
-->
<!--
SAFE238 CHROME TITLES STABLE NOTE ONLY
- Bygger på SAFE237.
- Denne version ændrer ingen funktionalitet.
- Formål: markere SAFE237 som ny stabil reference for synlige widget-titelbjælker i almindelig redigering.

STABIL STATUS:
- SAFE236 var for aggressiv og gav regressioner:
  - værktøjslinjer/chrome blev skjult forkert
  - nye widgets kunne havne visuelt bag andre
  - der opstod gennemskin/grafiske effekter
- SAFE237 blev derfor bygget på SAFE235, ikke SAFE236.
- SAFE237 løste problemet mere direkte ved at ændre de oprindelige base-regler for ikke-valgte widgets.
- Ikke-valgte widgets viser nu titelbjælke/titeltekst i almindelig redigering.
- Resize og rotation er stadig skjult på ikke-valgte widgets.
- Præsentation/fokus skal fortsat skjule titelbjælker/chrome.
- Ingen JS-ændringer i SAFE237.

NY MULIGHED:
- Fordi titelbjælker nu kan læses på ikke-aktive widgets, kan redningsbæltets omplacering udnytte dette.
- Widgets kan gerne ligge tættere/overlappe lidt, så længe titelbjælkerne kan ses og læses.
- Redningsbælte valg 2 kan derfor fokusere på at fordele titelbjælker/topkanter læsbart frem for at gøre hele widgetflader synlige.
- Redningsbælte valg 3 kan senere være en bevidst permanent fordeling, men bør stadig tage hensyn til synlige titler.

ANBEFALET NÆSTE FASE:
SAFE239:
- Kortlæg eller justér redningsbælte valg 2 ud fra den nye titelbjælke-logik.
- Mål: “Synligt + spred lidt” skal placere widgets, så titelbjælkerne kan læses.
- Det må gerne lade indhold overlappe lidt.
- Det skal ikke nødvendigvis vise hele widgets.
- Bevar rotation og state.
- Undgå fuld overview-grid.

MULIG REGEL FOR REDNINGSBÆLTE VALG 2:
- Sørg for at hver widget får en synlig titelbjælkezone.
- Spred widget-topbarer i forskudte rækker/kolonner.
- Bevar widgetstørrelser, medmindre en widget er ekstremt stor.
- Lad overlap være tilladt, hvis titelbjælkerne er læsbare.

IKKE RØRT / MÅ IKKE RØRES UDEN NY KORTLÆGNING:
- render(), makeWidget(), select(), addWidget()
- drag/resize/rotate
- z-index
- præsentation/fokus-flow
- redningsbæltets SAFE232/SAFE231-motor, medmindre næste fase specifikt retter valg 2
- Lykkehjulets SAFE224-status
- Ordskyens SAFE214-status
- Afstemning
- Grupper
- KaPardy
- Import/backup
-->
<!--
SAFE237 CHROME TITLES VISIBLE SAFE
- Bygger bevidst på SAFE235 (ikke SAFE236), fordi SAFE236 gav regressioner.
- Mål: gøre titelbjælker synlige på ikke-aktive widgets i almindelig redigering.
- Gøres ved at justere de oprindelige base-regler for ikke-valgte widgets, i stedet for brede globale overrides.
- Bevarer: præsentation/fokus skjuler fortsat chrome; resize/rotater skjules stadig på ikke-valgte widgets.
- Ingen JS-ændringer.
-->
<!--
SAFE235 CHROME VISIBLE IN EDIT CSS
- Bygger på SAFE234.
- Lille CSS-only fase.
- Gør widget-titelbjælker/chrome mere læsbare i almindelig redigeringstilstand.
- Titelbjælker/chrome skjules fortsat i præsentation og fokus.
- Maksimeret fra redigering bevarer adgang til titelbjælke/redigeringsværktøj.
- Baggrunds-hold-preview respekteres via eksisterende toolbarHidden/toolbar-is-hidden-klasser, så hurtig ren preview ikke ødelægges.
- Ingen JS-ændringer.
- Ingen ændring i render(), makeWidget(), select(), addWidget(), drag/resize/rotate, z-index, redningsbælte, Lykkehjulet, Ordsky, Afstemning, Grupper, KaPardy eller import/backup.
-->
<!--
SAFE234 CHROME MODE RULES NOTE ONLY
- Bygger på SAFE233.
- Denne version ændrer ingen funktionalitet.
- Formål: fastlægge præcise mode-regler for widget-titelbjælker/chrome, før CSS ændres.

VIGTIG BRUGERREGEL:
- Titelbjælker/chrome må IKKE være synlige i præsentationstilstand.
- Titelbjælker/chrome må IKKE være synlige i fokustilstand.
- Når man holder mus/finger nede på baggrunden i redigeringstilstand, må den nuværende hurtige preview-adfærd bevares:
  værktøjslinje og redigeringsværktøj skjules midlertidigt.
- Maksimeret tilstand skal skelne mellem redigeringsbrug og visningsbrug:
  - Maksimeret fra redigering: titelbjælke og redigeringsværktøj må gerne være synlige.
  - Maksimeret fra præsentation/fokus: titelbjælke og redigeringsværktøj må ikke være synlige.
  - Hvis man skifter til redigering mens noget er maksimeret, bør redigeringsværktøj kunne blive tilgængeligt.
  - Hvis man skifter til præsentation mens noget er maksimeret, skal chrome væk.

FORELØBIG MODE-MODEL:
1) Normal redigering
   - Widgettitel/chrome må gerne være synlig eller mere synlig.
   - Formål: widgets kan identificeres, især efter redningsbælte eller overlap.
   - Mini-knapper kan evt. stadig være lidt diskrete.

2) Baggrunds-hold-preview
   - Skal fortsat skjule værktøjslinje/redigeringsværktøj som nu.
   - En eventuel chrome-synlighedsændring må ikke ødelægge denne hurtige preview-effekt.

3) Præsentation
   - Chrome/titel/mini-knapper skal være skjult.
   - Indholdet skal stå rent.

4) Fokus
   - Chrome/titel/mini-knapper skal være skjult.
   - Fokus skal føles som visning, ikke redigering.

5) Maksimeret fra redigering
   - Chrome/titel/mini-knapper må være synlige.
   - Brugeren skal kunne arbejde/redigere i en stor version af widgetten.

6) Maksimeret fra præsentation/fokus
   - Chrome/titel/mini-knapper skal være skjult.
   - Brugeren viser widgetten, ikke redigerer den.

STATISK KLASSE-/TEKSTKORTLÆGNING:
Forekomster:
{
  "present": 696,
  ".present": 336,
  "focusMode": 54,
  "focus-mode": 208,
  "focus-edit": 193,
  "focus-presentation": 223,
  "maximized": 265,
  "maximized-from-edit": 48,
  "maximized-from-presentation": 0,
  "maximized-from-focus": 0,
  "maxEmergencyExit": 57,
  "preview": 50,
  "toolbar-is-hidden": 25,
  "toolbarHidden": 26,
  "chrome": 97,
  ".chrome": 77,
  ".mini": 49,
  "titleText": 15
}

Relevante fund omkring mode-klasser:
- app.classList.toggle('present': ,    * focus/maximized widgets, presentation mode, and pinned toolbars.  Call    * this after mutating `UIState`.    */   function applyUIState(){   try{syncFocusBodyClasses();}catch(_e){}     // update overall mode     app.classList.toggle('present', UIState.mode === 'presentation');     // focus-mode must only be active when the user has explicitly entered     // focus mode or maximized a widget. A remembered focusedWidgetId alone     // must NOT keep the whole board in focus mode.     const hasFocus = !!UIState.focusMode || !!UIState.focusMaximized;     document.body.classList.toggle('focus-mode', hasFocus);     // update widget classes     document.querySelectorAll('.widget').forEach(el=>{       const id = String(el.dataset.id
- app.classList.toggle('present': ive(!app.classList.contains('drawActive')); document.getElementById('present').onclick=()=>{   // Toggle presentation mode and keep the current widget selection.   const wasPresent = app.classList.contains('present');   app.classList.toggle('present');   UIState.mode = wasPresent ? 'editing' : 'presentation';   // Hvis man skifter til præsentation mens noget er maksimeret, skal   // præsentationsreglerne vinde: ingen gruppe-låse.   if(app.classList.contains('present')){     document.body.classList.remove('maximized-from-edit');   }else if(focusMaximized && !focusMode){     document.body.classList.add('maximized-from-edit');   }   try{ applyUIState(); }catch(_e){}   syncEmergencyExit();   if(!app.classList.contains('present') && fo
- classList.add('maximized: , skal   // præsentationsreglerne vinde: ingen gruppe-låse.   if(app.classList.contains('present')){     document.body.classList.remove('maximized-from-edit');   }else if(focusMaximized && !focusMode){     document.body.classList.add('maximized-from-edit');   }   try{ applyUIState(); }catch(_e){}   syncEmergencyExit();   if(!app.classList.contains('present') && focusMode==='presentation') setFocusMode(null);   // Do not clear selection when entering presentation.   // This makes it possible to select in editing → switch to presentation → focus.   document.activeElement && document.activeElement.blur();   titleEl.contentEditable = app.classList.contains('present') ? 'false' : 'true';   try{updateContextHints('present')}catch(_e){} 
- maximized-from-edit: lassList.add('focus-maximized');     // Gruppe-låse må kun blive ved med at være synlige, hvis maksimering     // startede direkte fra normal redigering - ikke fra præsentation/fokus.     document.body.classList.toggle('maximized-from-edit', !app.classList.contains('present') && !focusMode);     // update central state: the maximized widget is our focus target     try{       const maxEl=document.querySelector('.widget.focusTarget');       UIState.maximizedWidgetId=maxEl?String(maxEl.dataset.id||null):null;       applyUIState();     }catch(_e){}     const btn=document.getElementById('focusExit');     if(btn)btn.classList.remove('hidden');     updateFocusExitLabel();     syncEmergencyExit();     try{setToolbarHidden(true)}catch(e){}
- maximized-from-edit: nts('maximized')}catch(_e){}     try{toast('Max')}catch(e){}     return;   }   focusMaximized=false;   UIState.focusMaximized=false;   document.body.classList.remove('focus-maximized');   document.body.classList.remove('maximized-from-edit');   // clear maximized id in central state and reapply UI   UIState.maximizedWidgetId=null;   try{applyUIState();}catch(_e){}   if(!focusMaxReturnMode){     clearFocusTarget();     const btn=document.getElementById('focusExit');     if(btn && !focusMode)btn.classList.add('hidden');     updateFocusExitLabel();     try{setToolbarHidden(false)}catch(e){}     try{toast('Gendannet')}catch(e){}   }else{     updateFocusExitLabel();     try{toast('Fokus')}catch(e){}   }   focusMaxReturnMode=null; } fun
- maximized-from-edit: e/CSS-klasser ikke længere er helt synkroniserede.   focusMaximized=false;   focusMaxReturnMode=null;   UIState.focusMaximized=false;   UIState.maximizedWidgetId=null;   document.body.classList.remove('focus-maximized','maximized-from-edit');   // Hvis vi ikke er i egentlig fokusmode, skal focus-mode også væk.   if(!focusMode){     document.body.classList.remove('focus-mode','focus-edit','focus-presentation');   }   const btn=document.getElementById('focusExit');   if(btn)btn.classList.add('hidden');   updateFocusExitLabel();   syncEmergencyExit();   try{positionFocusExitPrimary();}catch(_e){}   try{applyUIState();}catch(_e){}   try{setToolbarHidden(false)}catch(_e){}   try{updateContextHints('exit-max')}catch(_e){} }  /* v1.0.40-
- maximized-from-edit: ig arve maksimeret tilstand.   if(mode){     focusMaximized=false;     focusMaxReturnMode=null;     UIState.focusMaximized=false;     UIState.maximizedWidgetId=null;     document.body.classList.remove('focus-maximized','maximized-from-edit');   }   // set global mode for central UI state   if(mode==='presentation'){     UIState.mode='presentation';   }else{     UIState.mode='editing';   }   try{applyUIState();}catch(_e){}   if(focusMode){     try{setDrawActive(false)}catch(e){}     try{app.classList.remove('drawActive')}catch(e){}   }   // Keep legacy focus classes in sync through the central state model.   // Important: focus-mode may also be true during temporary maximized mode.   document.body.classList.toggle('focus-mode',!!fo
- focusMode: round:#e0e7ff;color:#312e81}.present .datasetActions{display:none!important}   /* v_focus_zfix: focused widget must stay above all others */ body.focus-edit .widget.focused, body.focus-presentation .widget.focused, .app.focusMode .widget.focused, .widget.focused{   z-index:9999!important; } body.focus-edit .widget:not(.focused), body.focus-presentation .widget:not(.focused){   z-index:20!important; }    /* v1.2.45-kahoopardy-phase1.12: ekte Jeopardy-board med kategorikolonner, full-fit grid og turregel */ .kahoopardyJeopardy{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;overflow:hidden!important} .kahoopardyJeopardyTurnBanner{text-align:center;font-weight:950;font-size:clamp(14px,1.6vw,24
- focusMode: ized .pdfJsViewer{transform:none!important;top:0!important;left:0!important}   /* v_focus_zfix: focused widget must stay above all others */ body.focus-edit .widget.focused, body.focus-presentation .widget.focused, .app.focusMode .widget.focused, .widget.focused{   z-index:9999!important; } body.focus-edit .widget:not(.focused), body.focus-presentation .widget:not(.focused){   z-index:20!important; }    /* FASE 1: KaPardy minimal Kahoot-widget */ .content.kahoopardy{background:#0f172a;color:white;overflow:hidden!important} .kahoopardyBox{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:12px;box-sizing:border-box;background:linear-gradient(135deg,#0f172a,#1e1b4b)} .kahoopardyTeams{display:flex;gap:
- focusMode: age)     toolbarPinned: (localStorage.getItem('maans_toolbar_pinned') === '1'),     // whether the toolbar is visible at the moment     toolbarVisible: true,     // current focus mode: null | 'edit' | 'presentation'     focusMode: null,     // true while a widget is temporarily maximized     focusMaximized: false   };    /**    * Toolbar controller    *    * All toolbar-related operations funnel through this object.  Calling    * `Toolbar.show()` or `Toolbar.hide()` updates both the DOM and    * `UIState.toolbarVisible`.  Pinning/unpinning persists to    * localStorage.    */   const Toolbar = {     show(){       document.body.classList.remove('toolbar-is-hidden');       app.classList.remove('toolbarHidden');       UIState.toolbar
- focusMode: ode must only be active when the user has explicitly entered     // focus mode or maximized a widget. A remembered focusedWidgetId alone     // must NOT keep the whole board in focus mode.     const hasFocus = !!UIState.focusMode || !!UIState.focusMaximized;     document.body.classList.toggle('focus-mode', hasFocus);     // update widget classes     document.querySelectorAll('.widget').forEach(el=>{       const id = String(el.dataset.id||'');       el.classList.toggle('selected', id && id===String(UIState.selectedWidgetId));       el.classList.toggle('focusTarget', id && id===String(UIState.focusedWidgetId));       el.classList.toggle('maximized', id && id===String(UIState.maximizedWidgetId));     });     // update toolbar pin vis
- focus-mode: gap:5px!important}.kahoopardyJeopardyCard{font-size:clamp(15px,5vw,30px);border-radius:9px}.kahoopardyJeopardyCat{font-size:clamp(10px,3vw,16px);border-radius:9px}}  

/* SAFE240: Entydig markering i redningsmodalen.
   Aktivt valg = både ramme og farve. Ikke-aktive valg = neutrale. */
.rescueChoiceCard{
  background:#f8fafc!important;
  color:#111827!important;
  border:2px solid #e5e7eb!important;
  box-shadow:none!important;
}
.rescueChoiceCard strong,
.rescueChoiceCard span{
  color:#111827!important;
}
.rescueChoiceCard.active{
  background:#eef2ff!important;
  border-color:#3b82f6!important;
  box-shadow:0 0 0 4px rgba(59,130,246,.22)!important;
}
.rescueChoiceCard.active strong,
.rescueChoiceCard.active span{
  color:#111827!important;
}
.rescueChoiceCard.disabled{
  background:#f3f4f6!important;
  border-color:#d1d5db!important;
  color:#6b7280!important;
  opacity:1!important;
}
.rescueChoiceCard.disabled strong,
.rescueChoiceCard.disabled span{
  color:#6b7280!important;
}
.rescueChoiceCard:not(.active):not(.disabled):hover{
  background:#f1f5f9!important;
  border-color:#cbd5e1!important;
}


/* SAFE248: Redningsmodalen må kun have én aktiv markering.
   Den lilla række er det Enter udfører. Fokusramme må ikke pege på en anden række. */
.rescueChoiceCard{
  background:#f8fafc!important;
  border:2px solid #e5e7eb!important;
  box-shadow:none!important;
  outline:none!important;
  color:#111827!important;
}
.rescueChoiceCard strong,
.rescueChoiceCard span{
  color:#111827!important;
}
.rescueChoiceCard:focus,
.rescueChoiceCard:focus-visible{
  outline:none!important;
  box-shadow:none!important;
}
.rescueChoiceCard.active{
  background:#6d5dfc!important;
  border-color:#6d5dfc!important;
  box-shadow:0 0 0 3px rgba(109,93,252,.28)!important;
  color:#fff!important;
}
.rescueChoiceCard.active strong,
.rescueChoiceCard.active span{
  color:#fff!important;
}
.rescueChoiceCard:not(.active):not(.disabled):hover{
  background:#eef2ff!important;
  border-color:#c7d2fe!important;
}
.rescueChoiceCard.disabled{
  background:#f3f4f6!important;
  border-color:#d1d5db!important;
  color:#6b7280!important;
  opacity:1!important;
}
.rescueChoiceCard.disabled strong,
.rescueChoiceCard.disabled span{
  color:#6b7280!important;
}
.rescueChoiceCard.disabled.active{
  background:#e5e7eb!important;
  border-color:#9ca3af!important;
  box-shadow:0 0 0 3px rgba(156,163,175,.25)!important;
}


/* SAFE261: Redningsmodalen har kun én aktiv/lilla mulighed. */
.rescueChoiceCard{
  background:#f8fafc!important;
  color:#111827!important;
  border:2px solid #e5e7eb!important;
  box-shadow:none!important;
  outline:none!important;
}
.rescueChoiceCard strong,
.rescueChoiceCard span{
  color:#111827!important;
}
.rescueChoiceCard.active{
  background:#6d5dfc!important;
  color:#fff!important;
  border-color:#6d5dfc!important;
  box-shadow:0 0 0 3px rgba(109,93,252,.28)!important;
}
.rescueChoiceCard.active strong,
.rescueChoiceCard.active span{
  color:#fff!important;
}
.rescueChoiceCard:not(.active):hover{
  background:#eef2ff!important;
  border-color:#c7d2fe!important;
}
.rescueChoiceCard:focus,
.rescueChoiceCard:focus-visible{
  outline:none!important;
}


/* SAFE263: Redningsmodal som risikostige med tydelig valgt ramme. */
.rescueChoiceCard{
  background:#f8fafc!important;
  color:#111827!important;
  border:2px solid #e5e7eb!important;
  box-shadow:none!important;
  outline:none!important;
  position:relative;
}
.rescueChoiceCard strong,
.rescueChoiceCard span{color:#111827!important;}
.rescueChoiceCard[data-choice="1"]{background:#f0fdf4!important;border-color:#bbf7d0!important;}
.rescueChoiceCard[data-choice="2"]{background:#eff6ff!important;border-color:#bfdbfe!important;}
.rescueChoiceCard[data-choice="3"]{background:#f5f3ff!important;border-color:#ddd6fe!important;}
.rescueChoiceCard[data-choice="4"]{background:#fffbeb!important;border-color:#fde68a!important;}
.rescueChoiceCard[data-choice="5"]{background:#fef2f2!important;border-color:#fecaca!important;}
.rescueChoiceCard.active{
  background:#ffffff!important;
  color:#111827!important;
  border-color:#4f46e5!important;
  box-shadow:0 0 0 5px rgba(79,70,229,.32), 0 10px 28px rgba(15,23,42,.18)!important;
  transform:translateY(-1px);
}
.rescueChoiceCard.active::before{
  content:"Valgt";
  position:absolute;
  right:12px;
  top:10px;
  font-size:12px;
  font-weight:900;
  color:#fff;
  background:#4f46e5;
  padding:3px 8px;
  border-radius:999px;
}
.rescueChoiceCard.active strong,
.rescueChoiceCard.active span{color:#111827!important;}
.rescueChoiceCard:focus,
.rescueChoiceCard:focus-visible{outline:none!important;}


/* SAFE264: Læsbar redningsmodal. Aktivt valg = tydelig ramme, ikke mørk flade. */
.rescueChoiceCard,
.rescueChoiceCard[data-choice]{
  background:#ffffff!important;
  color:#111827!important;
  border:2px solid #e5e7eb!important;
  box-shadow:none!important;
  outline:none!important;
  position:relative;
}
.rescueChoiceCard strong,
.rescueChoiceCard span{
  color:#111827!important;
}
.rescueChoiceCard[data-choice="1"]{border-left:10px solid #22c55e!important;}
.rescueChoiceCard[data-choice="2"]{border-left:10px solid #3b82f6!important;}
.rescueChoiceCard[data-choice="3"]{border-left:10px solid #8b5cf6!important;}
.rescueChoiceCard[data-choice="4"]{border-left:10px solid #f59e0b!important;}
.rescueChoiceCard[data-choice="5"]{border-left:10px solid #ef4444!important;}
.rescueChoiceCard.active,
.rescueChoiceCard[data-choice].active{
  background:#ffffff!important;
  color:#111827!important;
  border-color:#4f46e5!important;
  border-left-color:#4f46e5!important;
  box-shadow:0 0 0 5px rgba(79,70,229,.34),0 10px 30px rgba(15,23,42,.18)!important;
  transform:none!important;
}
.rescueChoiceCard.active::before{
  content:"Valgt";
  position:absolute;
  right:12px;
  top:10px;
  font-size:12px;
  font-weight:900;
  color:#fff;
  background:#4f46e5;
  padding:3px 8px;
  border-radius:999px;
}
.rescueChoiceCard.active strong,
.rescueChoiceCard.active span{
  color:#111827!important;
}
.rescueChoiceCard:focus,
.rescueChoiceCard:focus-visible{
  outline:none!important;
}


/* SAFE269: Tavletallet åbner Tavleoversigt. */
#slideInfo{
  cursor:pointer;
  padding:8px 10px;
  border-radius:10px;
}
#slideInfo:hover{
  background:rgba(255,255,255,.12);
}
.boardOverviewList{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height:min(62vh,560px);
  overflow:auto;
  padding:4px;
}
.boardOverviewItem{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  width:100%;
  text-align:left;
  border:2px solid #e5e7eb;
  background:#fff;
  color:#111827;
  border-radius:14px;
  padding:10px 12px;
  font-weight:800;
}
.boardOverviewItem small{
  font-weight:800;
  opacity:.7;
}
.boardOverviewItem.active{
  border-color:#4f46e5;
  box-shadow:0 0 0 4px rgba(79,70,229,.22);
}
.boardOverviewItem.trash{
  border-color:#fecaca;
  background:#fff7f7;
}
.boardOverviewSep{
  margin:8px 0 2px;
  font-size:13px;
  font-weight:900;
  opacity:.65;
  text-transform:uppercase;
  letter-spacing:.05em;
}


/* SAFE270: Læsbar Tavleoversigt som kort/rækker — ikke lilla standardknapper. */
.boardOverviewList{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  max-height:min(62vh,560px)!important;
  overflow:auto!important;
  padding:4px!important;
}
.boardOverviewItem,
.modal .boardOverviewItem,
.moveWidgetDialog .boardOverviewItem{
  appearance:none!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  width:100%!important;
  text-align:left!important;
  border:2px solid #e5e7eb!important;
  background:#ffffff!important;
  color:#111827!important;
  border-radius:16px!important;
  padding:12px 14px!important;
  font-weight:900!important;
  box-shadow:0 1px 4px rgba(15,23,42,.08)!important;
}
.boardOverviewItem span,
.boardOverviewItem small{
  color:#111827!important;
}
.boardOverviewItem > span:first-child{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:32px!important;
  height:32px!important;
  border-radius:999px!important;
  background:#eef2ff!important;
  color:#3730a3!important;
  font-weight:950!important;
}
.boardOverviewItem small{
  font-weight:900!important;
  opacity:.72!important;
  white-space:nowrap!important;
}
.boardOverviewItem .boardActiveBadge{
  display:inline-block!important;
  margin-left:8px!important;
  padding:2px 8px!important;
  border-radius:999px!important;
  background:#4f46e5!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
}
.boardOverviewItem.active{
  border-color:#4f46e5!important;
  box-shadow:0 0 0 4px rgba(79,70,229,.20),0 4px 12px rgba(15,23,42,.12)!important;
}
.boardOverviewItem.trash{
  border-color:#fecaca!important;
  background:#fff7f7!important;
}
.boardOverviewItem:hover{
  border-color:#94a3b8!important;
  background:#f8fafc!important;
}
.boardOverviewSep{
  margin:10px 0 2px!important;
  font-size:13px!important;
  font-weight:950!important;
  opacity:.65!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}


/* SAFE271: Hård isolation af Tavleoversigt fra appens lilla standardknapper. */
#modal .safe271BoardOverview .boardOverviewList{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  max-height:min(62vh,560px)!important;
  overflow:auto!important;
  padding:4px!important;
}
#modal .safe271BoardOverview button.boardOverviewItem,
#modal .safe271BoardOverview .boardOverviewItem,
.safe271BoardOverview button.boardOverviewItem{
  all:unset!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  width:100%!important;
  text-align:left!important;
  border:2px solid #e5e7eb!important;
  background:#ffffff!important;
  color:#111827!important;
  border-radius:16px!important;
  padding:12px 14px!important;
  font-family:inherit!important;
  font-weight:900!important;
  box-shadow:0 1px 4px rgba(15,23,42,.08)!important;
  cursor:pointer!important;
}
#modal .safe271BoardOverview button.boardOverviewItem span,
#modal .safe271BoardOverview button.boardOverviewItem small,
#modal .safe271BoardOverview button.boardOverviewItem em{
  color:#111827!important;
  font-family:inherit!important;
}
#modal .safe271BoardOverview button.boardOverviewItem > span:first-child{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:32px!important;
  height:32px!important;
  border-radius:999px!important;
  background:#eef2ff!important;
  color:#3730a3!important;
  font-weight:950!important;
}
#modal .safe271BoardOverview button.boardOverviewItem small{
  font-weight:900!important;
  opacity:.72!important;
  white-space:nowrap!important;
}
#modal .safe271BoardOverview .boardActiveBadge{
  display:inline-block!important;
  margin-left:8px!important;
  padding:2px 8px!important;
  border-radius:999px!important;
  background:#4f46e5!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  font-style:normal!important;
}
#modal .safe271BoardOverview button.boardOverviewItem.active{
  border-color:#4f46e5!important;
  box-shadow:0 0 0 4px rgba(79,70,229,.20),0 4px 12px rgba(15,23,42,.12)!important;
}
#modal .safe271BoardOverview button.boardOverviewItem.trash{
  border-color:#fecaca!important;
  background:#fff7f7!important;
}
#modal .safe271BoardOverview button.boardOverviewItem:hover{
  border-color:#94a3b8!important;
  background:#f8fafc!important;
}
#modal .safe271BoardOverview .boardOverviewSep{
  margin:10px 0 2px!important;
  font-size:13px!important;
  font-weight:950!important;
  opacity:.65!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
#modal .safe271BoardOverview .boardOverviewClose{
  all:unset!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#6d5dfc!important;
  color:white!important;
  font-weight:900!important;
  border-radius:12px!important;
  padding:10px 18px!important;
  cursor:pointer!important;
}


/* SAFE272: Tavlekort er divs, ikke buttons, så appens button-styling kan ikke overtage. */
.safe271BoardOverview .boardOverviewItem,
.safe271BoardOverview div.boardOverviewItem,
#modal .safe271BoardOverview div.boardOverviewItem,
.modal .safe271BoardOverview div.boardOverviewItem{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  width:100%!important;
  text-align:left!important;
  border:2px solid #e5e7eb!important;
  background:#ffffff!important;
  background-image:none!important;
  color:#111827!important;
  border-radius:16px!important;
  padding:12px 14px!important;
  font-family:inherit!important;
  font-weight:900!important;
  box-shadow:0 1px 4px rgba(15,23,42,.08)!important;
  cursor:pointer!important;
  min-height:56px!important;
}
.safe271BoardOverview div.boardOverviewItem span,
.safe271BoardOverview div.boardOverviewItem small,
.safe271BoardOverview div.boardOverviewItem em{
  color:#111827!important;
  font-family:inherit!important;
}
.safe271BoardOverview div.boardOverviewItem > span:first-child{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:32px!important;
  height:32px!important;
  border-radius:999px!important;
  background:#eef2ff!important;
  color:#3730a3!important;
  font-weight:950!important;
}
.safe271BoardOverview div.boardOverviewItem small{
  font-weight:900!important;
  opacity:.72!important;
  white-space:nowrap!important;
}
.safe271BoardOverview div.boardOverviewItem.active{
  border-color:#4f46e5!important;
  box-shadow:0 0 0 4px rgba(79,70,229,.20),0 4px 12px rgba(15,23,42,.12)!important;
}
.safe271BoardOverview div.boardOverviewItem.trash{
  border-color:#fecaca!important;
  background:#fff7f7!important;
}
.safe271BoardOverview div.boardOverviewItem:hover,
.safe271BoardOverview div.boardOverviewItem:focus{
  border-color:#94a3b8!important;
  background:#f8fafc!important;
  outline:none!important;
}


/* SAFE273: Tastaturmarkering i Tavleoversigt. */
.safe271BoardOverview div.boardOverviewItem.kbdSelected,
#modal .safe271BoardOverview div.boardOverviewItem.kbdSelected{
  border-color:#2563eb!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.25),0 4px 12px rgba(15,23,42,.12)!important;
  background:#eff6ff!important;
}
.safe271BoardOverview .boardOverviewHint{
  margin-top:8px!important;
  font-size:13px!important;
  font-weight:800!important;
  opacity:.72!important;
}


/* SAFE276: Tavleoversigt med widget-ikonchips og uden Luk-knap. */
.boardOverviewIcons{
  display:inline-flex;
  gap:4px;
  flex-wrap:wrap;
  align-items:center;
  margin-left:8px;
  vertical-align:middle;
}
.boardOverviewIconChip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:22px;
  padding:0 5px;
  border-radius:999px;
  background:rgba(109,93,252,.12);
  color:#111827;
  font-size:14px;
  font-weight:900;
  line-height:1;
}
.boardOverviewHint{
  margin-top:10px;
  font-size:13px;
  font-weight:800;
  opacity:.72;
}


/* SAFE277: Tydelig markeret tavle i Tavleoversigt. */
.boardOverviewItem.kbdSelected,
.safe271BoardOverview .boardOverviewItem.kbdSelected,
#modal .safe271BoardOverview .boardOverviewItem.kbdSelected{
  outline:3px solid #2563eb!important;
  outline-offset:3px!important;
  background:rgba(37,99,235,.10)!important;
  border-radius:8px!important;
}
.boardOverviewSelectedMark{
  display:inline-block;
  min-width:1.3em;
  color:#2563eb;
  font-weight:950;
}
.boardOverviewActiveText{
  font-style:normal;
  font-weight:950;
  color:#2563eb;
}


/* SAFE278: Slet tavle-knap i Tavleoversigt. */
.boardOverviewDelete{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:26px;
  margin-left:8px;
  padding:0 8px;
  border-radius:999px;
  background:#fee2e2;
  color:#991b1b;
  font-weight:950;
  font-size:13px;
  cursor:pointer;
  user-select:none;
}
.boardOverviewDelete:hover{
  background:#fecaca;
}
.boardOverviewMeta{
  display:inline-flex;
  align-items:center;
  gap:6px;
  justify-content:flex-end;
}


/* SAFE279: tavlehandlinger i Tavleoversigt. */
.boardOverviewActions{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-left:8px;
  vertical-align:middle;
}
.boardOverviewActionBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.18);
  background:#f1f5f9;
  color:#111827;
  font-weight:950;
  font-size:13px;
  cursor:pointer;
  user-select:none;
}
.boardOverviewActionBtn:hover{background:#e2e8f0;}
.boardOverviewActionBtn.delete{
  background:#fee2e2;
  color:#991b1b;
  border-color:#fecaca;
}
.boardOverviewActionBtn.delete:hover{background:#fecaca;}
.boardOverviewActionBtn.disabled{
  opacity:.35;
  pointer-events:none;
}


/* SAFE281: Fjern overflødige topbarikoner uden at fjerne de eksisterende funktioner fra DOM. */
.topbar #clearSlide,
.topbar #widgetCycle{
  display:none!important;
}
#trashTop{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}


/* SAFE282: Hård topbar-oprydning. Disse to funktioner er kun genveje/interne DOM-targets nu. */
#app .topbar > #clearSlide,
#app .topbar > #widgetCycle,
.topbar button#clearSlide,
.topbar button#widgetCycle{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}


/* SAFE287: Roligere og tydeligere Tavleoversigt. */
.safe271BoardOverview .boardOverviewItem.kbdSelected,
#modal .safe271BoardOverview .boardOverviewItem.kbdSelected{
  outline:3px solid #38bdf8!important;
  outline-offset:3px!important;
  background:rgba(56,189,248,.12)!important;
  border-radius:8px!important;
}
.safe271BoardOverview .boardOverviewSelectedMark{
  display:inline-block!important;
  min-width:1.25em!important;
  color:#0284c7!important;
  font-weight:950!important;
}
.safe271BoardOverview .boardOverviewActiveText,
.boardOverviewActiveText{
  font-style:normal!important;
  font-weight:950!important;
  color:#0284c7!important;
}
.safe271BoardOverview .boardOverviewHint{
  margin-top:10px!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:800!important;
  opacity:.70!important;
}


/* SAFE288: Topbar i præsentationstilstand må kun vise tavlenummer og nødvendige præsentationskontroller. */
body.presentation .topbar #rescueWidgets,
body.presentation .topbar #trashTop,
body.presenting .topbar #rescueWidgets,
body.presenting .topbar #trashTop,
body.presentationMode .topbar #rescueWidgets,
body.presentationMode .topbar #trashTop,
.app.presentation .topbar #rescueWidgets,
.app.presentation .topbar #trashTop,
.app.presenting .topbar #rescueWidgets,
.app.presenting .topbar #trashTop,
.app.presentationMode .topbar #rescueWidgets,
.app.presentationMode .topbar #trashTop,
.presentation .topbar #rescueWidgets,
.presentation .topbar #trashTop,
.presenting .topbar #rescueWidgets,
.presenting .topbar #trashTop,
.presentationMode .topbar #rescueWidgets,
.presentationMode .topbar #trashTop{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}


/* SAFE288B: Faktisk præsentationsklasse i appen er .app.present. */
.app.present .topbar #rescueWidgets,
.app.present .topbar #trashTop,
body:has(.app.present) .topbar #rescueWidgets,
body:has(.app.present) .topbar #trashTop{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}


/* SAFE290: Baggrundsvælger-kort/swatch må ikke forvrænges af valgt markering. */
.bgCard,
.bg-card,
.backgroundCard,
.background-card,
.bgChoice,
.bg-choice,
.bgThumbCard,
.bg-thumb-card,
[data-bg-id],
[data-background-id]{
  box-sizing:border-box!important;
  transform:none!important;
}
.bgCard.selected,
.bg-card.selected,
.backgroundCard.selected,
.background-card.selected,
.bgChoice.selected,
.bg-choice.selected,
.bgThumbCard.selected,
.bg-thumb-card.selected,
[data-bg-id].selected,
[data-background-id].selected,
.bgCard.active,
.bg-card.active,
.backgroundCard.active,
.background-card.active{
  transform:none!important;
}
.bgCard img,
.bg-card img,
.backgroundCard img,
.background-card img,
.bgChoice img,
.bg-choice img,
.bgThumbCard img,
.bg-thumb-card img,
[data-bg-id] img,
[data-background-id] img{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:cover!important;
  display:block!important;
  box-sizing:border-box!important;
}
.bgPreview,
.bg-preview,
.bgSwatch,
.bg-swatch,
.backgroundPreview,
.background-preview{
  aspect-ratio:16/10!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  transform:none!important;
}
.bgPreview img,
.bg-preview img,
.bgSwatch img,
.bg-swatch img,
.backgroundPreview img,
.background-preview img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transform:none!important;
}


/* SAFE291: direkte farvepreview i baggrundsvælger, så farver ikke alle bliver lyseblå. */
.safe291ColorPreview{
  background-image:none!important;
  background-size:cover!important;
  background-position:center!important;
}
.safe291ColorPreview img{
  display:none!important;
}


/* SAFE292: swatch-preview males direkte fra data-bg-bg; billedkort røres ikke. */
.bgChoice[data-bg-kind="swatch"] .swatchPreview{
  background-image:var(--safe292-swatch-bg)!important;
  background:var(--safe292-swatch-bg)!important;
}

</style> <style id="phase3-focus-stability-css"> body.focus-mode .widget,body.focus-edit .widget,body.focus-presentation .widget,body.focus-maximized .widget{transform-origin:center center!important;top:0!important;left:0!important} body.focus-mode .content.pdf,body.focus-edit .content.pdf,body.focus-presentation .content.pdf,body.focus-maximized .content.pdf{overflow:hidden!important;overscroll-behavior:contain!important} body.focus-mode .pdfJsViewer,body.focus-edit .pdfJsViewer,body.focus-presentation .pdfJsViewer,body.focus-maximized .pdfJsViewer{transform:none!imp
- focus-mode: ="phase3-focus-stability-css"> body.focus-mode .widget,body.focus-edit .widget,body.focus-presentation .widget,body.focus-maximized .widget{transform-origin:center center!important;top:0!important;left:0!important} body.focus-mode .content.pdf,body.focus-edit .content.pdf,body.focus-presentation .content.pdf,body.focus-maximized .content.pdf{overflow:hidden!important;overscroll-behavior:contain!important} body.focus-mode .pdfJsViewer,body.focus-edit .pdfJsViewer,body.focus-presentation .pdfJsViewer,body.focus-maximized .pdfJsViewer{transform:none!important;top:0!important;left:0!important}   /* v_focus_zfix: focused widget must stay above all others */ body.focus-edit .widget.focused, body.focus-presentation .widget.focused, .app.
- focus-mode: nt;left:0!important} body.focus-mode .content.pdf,body.focus-edit .content.pdf,body.focus-presentation .content.pdf,body.focus-maximized .content.pdf{overflow:hidden!important;overscroll-behavior:contain!important} body.focus-mode .pdfJsViewer,body.focus-edit .pdfJsViewer,body.focus-presentation .pdfJsViewer,body.focus-maximized .pdfJsViewer{transform:none!important;top:0!important;left:0!important}   /* v_focus_zfix: focused widget must stay above all others */ body.focus-edit .widget.focused, body.focus-presentation .widget.focused, .app.focusMode .widget.focused, .widget.focused{   z-index:9999!important; } body.focus-edit .widget:not(.focused), body.focus-presentation .widget:not(.focused){   z-index:20!important; }    /* FASE
- focus-mode: Call    * this after mutating `UIState`.    */   function applyUIState(){   try{syncFocusBodyClasses();}catch(_e){}     // update overall mode     app.classList.toggle('present', UIState.mode === 'presentation');     // focus-mode must only be active when the user has explicitly entered     // focus mode or maximized a widget. A remembered focusedWidgetId alone     // must NOT keep the whole board in focus mode.     const hasFocus = !!UIState.focusMode || !!UIState.focusMaximized;     document.body.classList.toggle('focus-mode', hasFocus);     // update widget classes     document.querySelectorAll('.widget').forEach(el=>{       const id = String(el.dataset.id||'');       el.classList.toggle('selected', id && id===String(UIState.se
- toolbar-is-hidden: get:'g'},         b: {label:'Baggrund', widget:'m'},         o: {label:'Redningsbælte', run:()=>{
          const b=document.getElementById('rescueWidgets');
          if(b)b.click();
        }},         n: {label:'Værktøjslinje til/fra', run:()=>{           const hidden=document.body.classList.contains('toolbar-is-hidden') || appEl.classList.contains('toolbarHidden');           document.body.classList.toggle('toolbar-is-hidden', !hidden);           appEl.classList.toggle('toolbarHidden', !hidden);           try{             if(window.UIState) window.UIState.toolbarVisible = hidden;           }catch(_e){}         }},         '?': {label:'Hjælp', widget:'?'}       }     };     window.TAVLE_SHORTCUTS = TAVLE_SHORTCUTS;      function normalizeShortcutKey(e){       const key=(e.key||'').toLowerCase();       return (key
- toolbar-is-hidden:  n: {label:'Værktøjslinje til/fra', run:()=>{           const hidden=document.body.classList.contains('toolbar-is-hidden') || appEl.classList.contains('toolbarHidden');           document.body.classList.toggle('toolbar-is-hidden', !hidden);           appEl.classList.toggle('toolbarHidden', !hidden);           try{             if(window.UIState) window.UIState.toolbarVisible = hidden;           }catch(_e){}         }},         '?': {label:'Hjælp', widget:'?'}       }     };     window.TAVLE_SHORTCUTS = TAVLE_SHORTCUTS;      function normalizeShortcutKey(e){       const key=(e.key||'').toLowerCase();       return (key==='?' || key==='/') ? '?' : key;     }     function runShortcut(e, entry, api){       e.preventDefault();  
- toolbar-is-hidden:  `Toolbar.show()` or `Toolbar.hide()` updates both the DOM and    * `UIState.toolbarVisible`.  Pinning/unpinning persists to    * localStorage.    */   const Toolbar = {     show(){       document.body.classList.remove('toolbar-is-hidden');       app.classList.remove('toolbarHidden');       UIState.toolbarVisible = true;     },     hide(){       document.body.classList.add('toolbar-is-hidden');       document.body.classList.add('hints-in-toolbar-space');       app.classList.add('toolbarHidden');       UIState.toolbarVisible = false;     },     toggle(){       if(UIState.toolbarVisible) this.hide(); else this.show();     },     pin(){       UIState.toolbarPinned = true;       document.body.classList.remove('hints-in-toolbar-space')
- toolbar-is-hidden:  Toolbar = {     show(){       document.body.classList.remove('toolbar-is-hidden');       app.classList.remove('toolbarHidden');       UIState.toolbarVisible = true;     },     hide(){       document.body.classList.add('toolbar-is-hidden');       document.body.classList.add('hints-in-toolbar-space');       app.classList.add('toolbarHidden');       UIState.toolbarVisible = false;     },     toggle(){       if(UIState.toolbarVisible) this.hide(); else this.show();     },     pin(){       UIState.toolbarPinned = true;       document.body.classList.remove('hints-in-toolbar-space');       this.show();       try{ localStorage.setItem('maans_toolbar_pinned','1'); }catch(_e){}       if(typeof updatePinButtons==='function') updatePinButton
- toolbarHidden: '},         o: {label:'Redningsbælte', widget:'o'},         n: {label:'Værktøjslinje til/fra', run:()=>{           const hidden=document.body.classList.contains('toolbar-is-hidden') || appEl.classList.contains('toolbarHidden');           document.body.classList.toggle('toolbar-is-hidden', !hidden);           appEl.classList.toggle('toolbarHidden', !hidden);           try{             if(window.UIState) window.UIState.toolbarVisible = hidden;           }catch(_e){}         }},         '?': {label:'Hjælp', widget:'?'}       }     };     window.TAVLE_SHORTCUTS = TAVLE_SHORTCUTS;      function normalizeShortcutKey(e){       const key=(e.key||'').toLowerCase();       return (key==='?' || key==='/') ? '?' : key;     }     funct
- toolbarHidden:  const hidden=document.body.classList.contains('toolbar-is-hidden') || appEl.classList.contains('toolbarHidden');           document.body.classList.toggle('toolbar-is-hidden', !hidden);           appEl.classList.toggle('toolbarHidden', !hidden);           try{             if(window.UIState) window.UIState.toolbarVisible = hidden;           }catch(_e){}         }},         '?': {label:'Hjælp', widget:'?'}       }     };     window.TAVLE_SHORTCUTS = TAVLE_SHORTCUTS;      function normalizeShortcutKey(e){       const key=(e.key||'').toLowerCase();       return (key==='?' || key==='/') ? '?' : key;     }     function runShortcut(e, entry, api){       e.preventDefault();       e.stopPropagation();       if(e.stopImmediatePropagation) e
- toolbarHidden: h the DOM and    * `UIState.toolbarVisible`.  Pinning/unpinning persists to    * localStorage.    */   const Toolbar = {     show(){       document.body.classList.remove('toolbar-is-hidden');       app.classList.remove('toolbarHidden');       UIState.toolbarVisible = true;     },     hide(){       document.body.classList.add('toolbar-is-hidden');       document.body.classList.add('hints-in-toolbar-space');       app.classList.add('toolbarHidden');       UIState.toolbarVisible = false;     },     toggle(){       if(UIState.toolbarVisible) this.hide(); else this.show();     },     pin(){       UIState.toolbarPinned = true;       document.body.classList.remove('hints-in-toolbar-space');       this.show();       try{ localStorage.setI
- toolbarHidden: ove('toolbarHidden');       UIState.toolbarVisible = true;     },     hide(){       document.body.classList.add('toolbar-is-hidden');       document.body.classList.add('hints-in-toolbar-space');       app.classList.add('toolbarHidden');       UIState.toolbarVisible = false;     },     toggle(){       if(UIState.toolbarVisible) this.hide(); else this.show();     },     pin(){       UIState.toolbarPinned = true;       document.body.classList.remove('hints-in-toolbar-space');       this.show();       try{ localStorage.setItem('maans_toolbar_pinned','1'); }catch(_e){}       if(typeof updatePinButtons==='function') updatePinButtons();     },     unpin(){       UIState.toolbarPinned = false;       try{ localStorage.removeItem('maans_too

/* SAFE235: Widgettitler mere læsbare i almindelig redigering.
   Vigtigt: Præsentation, fokus og baggrunds-hold-preview skal stadig være rene. */

/* Normal redigering: gør topbjælken/titelområdet læsbart. */
.app:not(.present):not(.focusMode):not(.toolbarHidden) .widget .chrome{
  opacity:1!important;
  visibility:visible!important;
}

/* Titelteksten skal kunne læses, også når widgets overlapper. */
.app:not(.present):not(.focusMode):not(.toolbarHidden) .widget .chrome .titleText{
  opacity:1!important;
  visibility:visible!important;
  color:inherit!important;
}

/* Mini-knapper må gerne være lidt diskrete, men ikke helt væk i redigering. */
.app:not(.present):not(.focusMode):not(.toolbarHidden) .widget .chrome .mini{
  opacity:.82!important;
  visibility:visible!important;
}

/* Valgt/hover-widget får fuld adgang til redigeringsknapper. */
.app:not(.present):not(.focusMode):not(.toolbarHidden) .widget.selected .chrome .mini,
.app:not(.present):not(.focusMode):not(.toolbarHidden) .widget:hover .chrome .mini{
  opacity:1!important;
}

/* Baggrunds-hold-preview / skjult toolbar: bevar ren preview-adfærd. */
body.toolbar-is-hidden .widget .chrome,
.app.toolbarHidden .widget .chrome{
  opacity:0!important;
  pointer-events:none!important;
}

/* Præsentation og fokus vinder altid: ingen titelbjælker/chrome. */
.app.present .widget .chrome,
body.focus-mode .widget .chrome,
body.focus-edit .widget .chrome,
body.focus-presentation .widget .chrome,
body.focus-maximized .widget .chrome,
.app.focusMode .widget .chrome{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Maksimeret fra redigering må stadig være redigerbart, så længe appen ikke er i præsentation/fokus. */
body.maximized-from-edit .app:not(.present):not(.focusMode):not(.toolbarHidden) .widget.maximized .chrome,
body.maximized-from-edit .app:not(.present):not(.focusMode):not(.toolbarHidden) .widget.focused .chrome{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Men hvis præsentation/fokus er aktivt, skal chrome stadig væk. */
.app.present .widget.maximized .chrome,
body.focus-mode .widget.maximized .chrome,
body.focus-presentation .widget.maximized .chrome,
body.focus-maximized .widget.maximized .chrome{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

- .chrome: mediatePropagation)e.stopImmediatePropagation();   showMoreTools(); },true);  /* v94 TEST widget chrome fallback */  document.addEventListener('click',function(e){   const btn=e.target.closest&&e.target.closest('.widget .chrome button[data-act]');   if(!btn)return;   const el=btn.closest('.widget');   if(!el)return;   const w=findWidget(el.dataset.id);   if(!w)return;   const act=btn.dataset.act;   if(act==='del'){     e.preventDefault();e.stopPropagation();     if(e.stopImmediatePropagation)e.stopImmediatePropagation();     if(window.__tavleDeleteWidgetToTrash){ window.__tavleDeleteWidgetToTrash(w.id); return; }     slide().widgets=slide().widgets.filter(x=>x.id!==w.id);     selected=null; UIState.selectedWidgetId=null;     try{a
- .chrome: r gesture flags stale.   // We cannot reach the local drag/res/rot variables here, but a synthetic   // pointercancel plus toolbar/app cleanup prevents most stuck UI states.   try{     document.querySelectorAll('.widget,.chrome,.resize,.rotater').forEach(el=>{       try{ el.releasePointerCapture && [...(el.__activePointers||[])].forEach(id=>el.releasePointerCapture(id)); }catch(_e){}     });   }catch(_e){}   document.body.classList.remove('toolbar-is-hidden');   try{app.classList.remove('toolbarHidden')}catch(_e){} } function repairAfterResume(){   clearStuckInteractionState();   // Keep emergency exit available if visual classes say we are focused/maximized,   // even when the JS booleans did not survive cleanly.   if(document.bo

Relevante CSS-/style-fund omkring chrome:
- const btn=e.target.closest&&e.target.closest('.widget .chrome button[data-act]');   if(!btn)return;   const el=btn.closest('.widget');   if(!el)return;   const w=findWidget(el.dataset.id);   if(!w)return;   const act=btn.dataset.act;   if(act==='del'){     e.preventDefault();e.stopPropagation();     if(e.stopImmediatePropagation)e.stopImmediatePropagation();     if(window.__tavleDeleteWidgetToTrash){ window.__tavleDeleteWidgetToTrash(w.id); return; }
- document.querySelectorAll('.widget,.chrome,.resize,.rotater').forEach(el=>{       try{ el.releasePointerCapture && [...(el.__activePointers||[])].forEach(id=>el.releasePointerCapture(id)); }
- .widgetOverviewMode .widgetOverviewItem .chrome{   display:flex!important; }
- if(onTrash && wEl && !(e.target&&e.target.closest&&e.target.closest('.trashPermanentX,[data-act="del"],.chrome,.resize,.rotater'))){     e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();     restoreTrashWidgetById(wEl.dataset.id);     return false;   }
- layerTap={x:e.clientX,y:e.clientY,t:Date.now(),moved:false,ignore:!!(e.target.closest&&e.target.closest('.chrome,.resize,.rotater,.mini,button,input,select,label,textarea,[contenteditable="true"]'))}
- let drag=false,rot=false,res=false,start={}; let rotHoldTimer=null, rotHoldStart=null, rotHoldDidReset=false; const chrome=el.querySelector('.chrome'), rh=el.querySelector('.rotater'), rez=el.querySelector('.resize');  if(rh){    rh.title='Dobbeltklik / hold inde for at nulstille rotation';    rh.addEventListener('dblclick',e=>{e.preventDefault();e.stopPropagation();rot=false;rotHoldDidReset=true;resetWidgetRotation(w,el)}
- return el && el.closest && el.closest('.widget .chrome button, .widget button.lock, .widget button.reset, .widget button.close, .widget button.del, .widget button.delete');   }
- const handle=ev.target&&ev.target.closest&&ev.target.closest('.chrome,.mini button,.resize,.rotater,.widget');     if(handle)clearUiFocusAndSelection();   }

FORESLÅET SAFE235:
- Kun CSS.
- Gør widgettitel/chrome mere læsbar i normal redigering.
- Bevar skjulning i:
  - .app.present
  - fokus-klasser
  - baggrunds-hold-preview/skjult-toolbar-tilstande, hvis de kan identificeres sikkert
- Undgå JS.
- Undgå ændringer i makeWidget(), render(), select(), addWidget(), drag/resize/rotate og z-index.

MULIG CSS-RETNING:
- Normal redigering:
  .app:not(.present):not(.focusMode) .widget .chrome { opacity: ... }
- Præsentation/fokus:
  .app.present .widget .chrome,
  body.focus-mode .widget .chrome,
  body.focus-presentation .widget .chrome,
  body.focus-edit .widget .chrome { opacity: 0; pointer-events: none; }
- Maksimeret redigering:
  Undtag kun hvis appen IKKE er .present og ikke focus.
- Baggrunds-hold-preview:
  Skal først identificeres præcist; ellers må SAFE235 ikke røre den.

RISICI:
- For synlige titelbjælker kan gøre tavlen visuelt tung.
- Synlige mini-knapper kan forstyrre arbejde på små widgets.
- Skjult chrome må ikke bryde drag/resize, hvis drag er bundet til .chrome.
- Præsentation/fokus må ikke få redigeringsværktøj tilbage.
- Maksimeret redigering må ikke miste adgang til redigeringsværktøj.

IKKE RØRT / MÅ IKKE RØRES UDEN NY KORTLÆGNING:
- JS-flow for fokus/maksimering/præsentation
- render(), makeWidget(), select(), addWidget()
- drag/resize/rotate
- z-index
- redningsbæltets SAFE232-status
- Lykkehjulets SAFE224-status
- Ordskyens SAFE214-status
- Afstemning
- Grupper
- KaPardy
- Import/backup
-->
<!--
SAFE233 CHROME VISIBILITY MAP NOTE ONLY
- Bygger på SAFE232.
- Denne version ændrer ingen funktionalitet.
- Formål: kortlægge widget-titelbjælker/chrome-synlighed, før der evt. ændres på om titler altid vises i redigeringstilstand.

BAGGRUND:
- Under redningsbælte-arbejdet blev det tydeligt, at widgets godt kan være "synlige", men stadig svære at identificere, hvis kun en kant eller et indholdsområde kan ses.
- En mulig forbedring er, at widgetternes titelbjælke/chrome altid er synlig i redigeringstilstand.
- Det kan gøre overlap mere brugbart, fordi man stadig kan læse hvilken widget der ligger hvor.
- Men det påvirker alle widgets og bør derfor kortlægges før funktionelle ændringer.

FORELØBIG STATISK KORTLÆGNING:
Forekomster:
{
  ".chrome": 54,
  "chrome": 68,
  "titleText": 9,
  ".mini": 36,
  "mini": 49,
  "hover": 30,
  "opacity": 226,
  "visibility": 74,
  "display:none": 187,
  "display: none": 0,
  "present": 672,
  "focus": 1399,
  "edit": 522,
  "selected": 271,
  "active": 352
}

Relevante CSS-regler fundet med simpel søgning:
- .topbar button,.tool button,.mini button,.modal button{border:0;border-radius:9px;padding:9px 12px;background:#4b5563;color:white;font-weight:700}
- .widget:not(.selected) .chrome,.widget:not(.selected) .resize,.widget:not(.selected) .rotater{display:none}
- .chrome{height:34px;background:#30394a;color:white;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 8px;cursor:move;font-weight:700;font-size:14px}
- .mini{display:flex;gap:5px}
- .mini button{padding:4px 8px;font-size:12px;background:#4b5563}
- .present .toolbar,.present .topbar,.present .chrome,.present .resize,.present .rotater,.present .drawPanel{display:none!important}
- .present .widget .chrome,.present .widget .resize,.present .widget .rotater{display:none!important}
- .widget .chrome .mini{gap:8px}
- .widget .chrome .mini button{   min-width:36px!important;   min-height:36px!important;   font-size:18px!important;   border-radius:10px!important; }
- .widget .chrome{min-height:40px}
- .widget[data-type="wheel"] .head:hover .titleText{   text-decoration:underline;   text-decoration-thickness:2px;   text-underline-offset:4px; }
- .present .widget[data-type="wheel"] .head:hover .titleText{   text-decoration:none; }
- .widget .chrome{   position:relative!important;   z-index:500!important;   pointer-events:auto!important; }
- .widget .chrome .mini, .widget .chrome .mini button, .widget button[data-act]{   pointer-events:auto!important;   position:relative!important;   z-index:550!important; }
- .widget[data-type="video"] .chrome, .widget[data-type="pdf"] .chrome{   z-index:700!important; }
- .globalClock.minimal{   background:transparent;   color:#111827;   box-shadow:none;   text-shadow:0 2px 10px rgba(255,255,255,.85); }
- body.focus-mode .widget .chrome, body.focus-mode .widget .resize, body.focus-mode .widget .rotater{   display:none!important; }
- body.focus-presentation .widget .chrome, body.focus-presentation .widget .resize, body.focus-presentation .widget .rotater{   display:none!important; }
- /* Keep edit chrome hidden in presentation focus, but do not block content taps */ body.focus-presentation .widget .chrome, body.focus-presentation .widget .resize, body.focus-presentation .widget .rotater{   display:none!important;   pointer-events:none!important; }
- .widget .mini [data-act="up"], .widget .mini [data-act="down"]{   display:none!important; }
- .widget .chrome, .widget .chrome button{   pointer-events:auto!important; }
- body.focus-edit .widget .chrome, body.focus-edit .widget .resize, body.focus-edit .widget .rotater, body.focus-presentation .widget .chrome, body.focus-presentation .widget .resize, body.focus-presentation .widget .rotater{   display:none!important; }
- body.focus-maximized .widget.focusTarget .chrome, body.focus-maximized .widget.focusTarget .resize, body.focus-maximized .widget.focusTarget .rotater{   display:none!important; }
- .app.present .widget.selected .chrome, .app.present .widget.selected .resize, .app.present .widget.selected .rotater{   display:none!important; }
- .widget[data-type="link"] .chrome{   z-index:40!important; }
- .widget[data-type="link"] .mini [data-act="activateLinkIframe"].active{   background:#6d5dfc!important;   color:white!important; }
- .widget[data-type="link"] .titleText.linkTitleOpen{   border:0!important;   background:transparent!important;   color:inherit!important;   font:inherit!important;   font-weight:900!important;   padding:0!important;   margin:0!important;   cursor:pointer!important;   text-align:left!important; }
- .widget[data-type="link"] .titleText.linkTitleOpen:hover{   text-decoration:underline; }
- .widget[data-type="link"] .titleText{   cursor:default!important;   text-decoration:none!important; }
- /* Aktiv-knappen bruger nu museikon og tydelig aktiv status. */ .widget[data-type="link"] .mini [data-act="activateLinkIframe"].active{   background:#6d5dfc!important;   color:white!important; }

ARBEJDSSPØRGSMÅL:
1. Er titelbjælken faktisk skjult i redigeringstilstand, eller bliver den bare svær at se pga. opacity/hover/valgtilstand?
2. Er mini-knapperne og titelteksten styret samlet eller hver for sig?
3. Er der forskel på:
   - redigeringstilstand
   - præsentationstilstand
   - fokustilstand
   - maksimeret tilstand
4. Skal "altid synlig" kun gælde titeltekst/topbar, eller også mini-knapper?
5. Skal hover stadig fremhæve knapper, men ikke skjule titelbjælken?
6. Kan ændringen gøres med ren CSS uden at røre render(), makeWidget(), select(), z-index eller drag/resize?

FORELØBIG ANBEFALING:
- Titelbjælken bør sandsynligvis være synlig i redigeringstilstand.
- I præsentationstilstand skal den fortsat være skjult/rolig, så tavlen ikke forstyrres.
- I fokustilstand bør den følge eksisterende fokus-logik, medmindre man er i redigering/fokus-edit.
- Mini-knapper kan evt. stadig være mere diskrete end titelteksten.
- Første funktionelle ændring bør være en lille CSS-ændring, ikke JS.

MULIG FASEPLAN:
SAFE234:
- Gør titelbjælke/chrome synlig i redigeringstilstand.
- Bevar præsentation/fokus som før.
- Ingen ændring i knapfunktioner, drag, resize eller z-index.

SAFE235:
- Hvis SAFE234 virker: finjustér mini-knapper, så de ikke fylder for meget.
- Evt. titel altid synlig, mini-knapper kun ved hover/aktiv widget.

SAFE236:
- Hvis nødvendigt: redningsbæltet kan udnytte synlige titelbjælker bedre ved tæt overlap.
- Kun efter test.

RISICI:
- For meget synlig chrome kan gøre tavlen visuelt tung.
- Permanente topbjælker kan dække indhold på små widgets.
- Hover/aktiv-state kan være koblet til drag/resize og må ikke brydes.
- Præsentationstilstand må ikke få synlige redigeringsknapper.
- Fokus/maksimeret tilstand må ikke få utilsigtede knapper tilbage.

IKKE RØRT / MÅ IKKE RØRES UDEN NY KORTLÆGNING:
- render()
- makeWidget()
- select()
- addWidget()
- drag/resize/rotate
- z-index
- præsentation/fokus-flow
- redningsbæltets SAFE232-status
- Lykkehjulets SAFE224-status
- Ordskyens SAFE214-status
- Afstemning
- Grupper
- KaPardy
- Import/backup
-->
<!--
SAFE232 RESCUE STABLE NOTE ONLY
- Bygger på SAFE231.
- Denne version ændrer ingen funktionalitet.
- Formål: markere redningsbælte-runden SAFE225-SAFE231 som foreløbigt brugbar/stabil udviklingslinje, før arbejdet går videre.

STABIL REDNINGSBÆLTE-STATUS:
- Redningsbæltet åbner nu en intern modal med tre niveauer.
- Valg 1 er aktivt:
  1. Gør alt synligt
  - Forsøger at sikre, at en tydelig del af hver widget er synlig.
  - Bevarer størrelse, rotation og indhold.
  - Er stadig den sikreste standardhandling.
- Valg 2 er aktivt:
  2. Synligt + spred lidt
  - Gør widgets synlige.
  - Spreder widgets mere på tavlen.
  - Gør meget store widgets lidt mindre.
  - Bevarer rotation og widget-state.
  - Er ikke en fuld overview-grid.
- Valg 3 er stadig ikke aktivt:
  3. Fordel widgets på tavlen
  - Bevidst udsat, fordi det er den mest indgribende permanente layoutændring.
- Modaltekst og styling er gjort læsbar.
- Tastaturstyring:
  - 1 / 2 vælger og udfører aktiv handling.
  - 3 viser stadig kommende funktion.
  - ↑/↓ skifter markering.
  - Enter udfører aktivt valg.
  - Esc annullerer.
- Touch/mus fungerer via kort/knapper i modalen.

VIGTIGE TESTPUNKTER:
- Klik/touch på redningsbælte åbner modal.
- Valg 1 gør widgets synlige uden at nulstille rotation.
- Valg 2 spreder widgets tydeligere og reducerer meget store widgets lidt.
- Valg 1 og 2 efterlader ikke appen i pseudo-valgt/klikblokeret tilstand.
- Esc lukker uden ændring.
- Enter udfører aktivt valg.
- Valg 3 ændrer ikke layout endnu.

BEVIDST IKKE ÆNDRET:
- Titelbjælker på widgets er ikke gjort permanent synlige i redigeringstilstand.
- Det er en interessant separat UX-idé, men bør kortlægges før implementering, fordi det påvirker alle widgets.
- Overview-koden er ikke genbrugt som permanent redningshandling.
- Papirkurv, fokus/maksimering, navigation, tegning og z-index er ikke ændret.

NÆSTE MULIGE FASE:
- Enten:
  A) Kortlæg “titelbjælker altid synlige i redigeringstilstand”
  B) Implementér valg 3 som bevidst permanent “Fordel widgets på tavlen”
  C) Gå videre til næste widget/UX-område og lade redningsbæltet hvile som stabilt.

ANBEFALING:
- Lad redningsbælte hvile nu, medmindre der opdages fejl.
- Hvis der arbejdes videre med redning, bør næste trin være en ren kortlægning af titelbjælker/chrome-synlighed, ikke valg 3.
- Titelbjælker altid synlige kan muligvis gøre tæt overlap mere brugbart, men kan også ændre appens visuelle ro.

IKKE RØRT / MÅ IKKE RØRES UDEN NY KORTLÆGNING:
- Overview
- Papirkurv
- Fokus/maksimering
- Navigation
- Tegning
- Z-index
- render(), select(), addWidget()
- Lykkehjulets SAFE224-status
- Ordskyens SAFE214-status
- Afstemning
- Grupper
- KaPardy
- Import/backup
-->
<!--
SAFE231 RESCUE MORE VISIBLE SPREAD
- Bygger på SAFE230.
- Gør redningsbæltets aktive handlinger mere brugbare/aggressive.
- "Synlig" betyder nu ikke kun en smal kant: redningshandlingerne forsøger at sikre, at en tydelig del af widgetten kan ses.
- Valg 1 bevarer stadig størrelse og rotation, men placerer widgets så top/venstre del er lettere at identificere.
- Valg 2 spreder widgets mere tydeligt ud og begrænser meget store widgets til et rimeligt maksimum ift. tavlefladen.
- Valg 2 bevarer indhold/state og rotation, men kan reducere størrelse på meget store widgets.
- Der ændres ikke globalt på titelbjælkers synlighed endnu; det bør kortlægges separat, fordi det påvirker alle widgets.
- Ingen ændring i overview, papirkurv, fokus/maksimering, navigation, tegning, z-index, render(), select(), addWidget(), Lykkehjulet, Ordsky, Afstemning, Grupper, KaPardy eller import/backup.
-->
<!--
SAFE230 RESCUE MODAL OPTION 2 SPREAD
- Bygger på SAFE229.
- Aktiverer valg 2 i redningsbælte-modalen: "Synligt + spred lidt".
- Valg 1 bevares: Gør alt synligt, arrange:false, resetRotation:false.
- Valg 2 gør først alt synligt og forskyder derefter widgets let diagonalt, så topbarerne lettere kan nås.
- Valg 2 bevarer størrelse, rotation og widget-state.
- Valg 2 er ikke fuld overview-grid og skal ikke rydde hele layoutet op.
- Valg 3 vises stadig som "kommer senere".
- Ingen ændring i overview, papirkurv, fokus/maksimering, navigation, tegning, z-index, render(), select(), addWidget(), Lykkehjulet, Ordsky, Afstemning, Grupper, KaPardy eller import/backup.
-->
<!--
SAFE229 RESCUE MODAL READABLE ACTIVE
- Bygger på SAFE228.
- Retter redningsbælte-modalens læsbarhed og aktive handling.
- Valgt kort får mørk tekst på lys/blålig baggrund, ikke hvid tekst.
- Valg 2 er aktivt; valg 3 vises som "kommer senere" og kan ikke forveksles med aktive handlinger.
- Enter, 1 og klik på valg 1 udfører nu eksplicit "Gør alt synligt".
- Enter/Space på selve valgkortet virker også.
- Esc og Annuller lukker uden ændring.
- Ingen ændring i redningsmotorens valg 1-parametre: arrange:false og resetRotation:false.
- Ingen ændring i overview, papirkurv, fokus/maksimering, navigation, tegning, z-index, render(), select(), addWidget(), Lykkehjulet, Ordsky, Afstemning, Grupper, KaPardy eller import/backup.
-->
<!--
SAFE228 RESCUE MODAL SCOPE FIX
- Bygger på SAFE227.
- Retter sandsynlig årsag til at redningsbælte-modal ikke åbnede:
  redningsscriptet ligger i separat IIFE og kan ikke sikkert bruge showModal/modal/closeModal fra hovedscriptet.
- Redningsbælte-modalen bruger nu lokale helperfunktioner, som henter #modalBack og #modal direkte fra DOM.
- Valg 1 er stadig eneste aktive handling: Gør alt synligt.
- Ingen ændring i redningsmotor, overview, papirkurv, fokus/maksimering, navigation, tegning, z-index, render(), select(), addWidget(), Lykkehjulet, Ordsky, Afstemning, Grupper, KaPardy eller import/backup.
-->
<!--
SAFE227 RESCUE MODAL CLICK FIX
- Bygger på SAFE226.
- Retter at klik på redningsbælte-knappen ikke åbnede modalen i praksis.
- Redningsbælte-knappen åbner nu modalen via både pointerdown og click med en kort dobbeltåbnings-guard.
- Valg 1 er stadig eneste aktive handling: Gør alt synligt.
- Ingen ændring i redningsmotor, overview, papirkurv, fokus/maksimering, navigation, tegning, z-index, render(), select(), addWidget(), Lykkehjulet, Ordsky, Afstemning, Grupper, KaPardy eller import/backup.
-->
<!--
SAFE226 RESCUE MODAL OPTION 1
- Bygger på SAFE225.
- Redningsbæltet åbner nu en intern modal med tre valg.
- Kun valg 1 er aktivt i denne fase:
  1) Gør alt synligt
- Valg 1 bruger eksisterende rescueWidgetsToViewport(), men med:
  arrange:false
  resetRotation:false
- Det betyder: gør widgets synlige uden permanent overview-grid, uden spredning og uden rotationsnulstilling.
- Valg 2 og 3 vises som kommende muligheder, men udfører ikke layoutændringer endnu.
- Tastatur:
  - 1 vælger/udfører valg 1
  - ↑/↓ flytter markering mellem kort
  - Enter udfører aktivt valg, men kun valg 1 er aktivt
  - Esc lukker uden ændring
- Ingen ændring i overview, papirkurv, fokus/maksimering, navigation, tegning, z-index, render(), select(), addWidget(), Lykkehjulet, Ordsky, Afstemning, Grupper, KaPardy eller import/backup.
-->
<!--
SAFE225 RESCUE MODAL PLAN NOTE ONLY
- Bygger på SAFE224.
- Denne version ændrer ingen funktionalitet.
- Formål: kortlægge redningsbælte-flowet og fastlægge en sikker tretrinsmodel, før der ændres kode.

BAGGRUND:
- Redningsbæltet skal ikke automatisk lave en voldsom permanent overview-grid.
- Redningsbæltet bør først og fremmest hjælpe brugeren med at få mistede/uhåndterlige widgets tilbage på skærmen.
- Brugeren ønsker en modal med valgmuligheder, så handlingens styrke vælges bevidst.

FORESLÅET NY MODEL:
Når brugeren trykker Redningsbælte, åbnes en intern modal med tre valg:

1. Gør alt synligt
   - Sikker standardhandling.
   - Flytter widgets ind på den synlige tavleflade.
   - Sikrer at topbar og resize-håndtag kan nås.
   - Bevarer størrelse, rotation, z-index og widget-state så vidt muligt.
   - Må gerne lade widgets overlappe lidt.
   - Dette bør være standardvalg, hvis brugeren trykker Enter.

2. Gør alt synligt + spred lidt
   - Som 1, men forskyder widgets let, hvis de ligger oven i hinanden.
   - Må stadig bevare størrelse/rotation/state.
   - Skal ikke lave fuld grid-layout.
   - Dette er en blid mellemløsning.

3. Fordel widgets på tavlen
   - Kraftigere handling.
   - Permanent overview-lignende fordeling.
   - Må ændre positioner mere markant.
   - Skal bruges bevidst, ikke som standard.

TASTATURMODEL:
- 1, 2, 3 vælger og udfører direkte eller vælger kortet.
- ↑/↓ skifter aktivt valg.
- Enter udfører aktivt valg.
- Esc lukker uden ændring.
- Standard aktivt valg: 1. Gør alt synligt.

TOUCH-/MUSEMODEL:
- Tre tydelige kort/knapper.
- Kort forklaring under hver.
- Annuller-knap nederst.
- Valg 1 skal visuelt fremstå som det sikre valg.

FORELØBIG STATISK KORTLÆGNING:
Forekomster i filen:
{
  "rednings": 1,
  "Rednings": 3,
  "rescue": 68,
  "Rescue": 7,
  "lifebuoy": 0,
  "Lifebuoy": 0,
  "🛟": 1,
  "redd": 4,
  "restore": 39,
  "onScreen": 0,
  "onscreen": 0,
  "visible": 107,
  "viewport": 7
}

Mulige relevante funktionsnavne fundet:
- arrangeWidgetsInViewport, bgVisibleCards, ensureVisibleOnSlide, finishRescue, fitWidgetToViewport, getToolbarKeepVisible, manualRescueAll, rescueSelectedWidgetToViewport, rescueWidgetsToViewport, safe134VisibleSlideNumber, safe147VisibleDatasetChoices, safe148VisibleListWidgetChoices, setToolbarKeepVisible, toolbarVisible, visibleBoardBounds, visibleNo, visibleToolbar

VIGTIG IMPLEMENTERINGSSTRATEGI:
- SAFE226 bør kun indføre modal og koble valg 1 til eksisterende redningsbælte-handling.
- Valg 2 og 3 kan vises som deaktiverede/kommer senere, eller blot dokumenteres i modalen uden funktion først.
- Når valg 1 er testet, kan SAFE227 implementere valg 2.
- Når valg 2 er testet, kan SAFE228 implementere valg 3.
- Undgå at ændre overview-koden for at genbruge den permanent.
- Undgå brede ændringer i render(), select(), addWidget(), focus, z-index eller papirkurv.

RISICI:
- Redningsbæltet har tidligere kunnet efterlade appen i en mærkelig markeret/klikblokeret tilstand.
- Nye redningshandlinger må ikke efterlade overlay, selection-classes eller pointer-blocking elementer.
- Fokus/præsentation/maksimeret tilstand bør enten lukkes kontrolleret eller respekteres tydeligt.
- Rotation og størrelse bør ikke nulstilles i valg 1.
- Widgetdata/state må ikke ændres.

IKKE RØRT / MÅ IKKE RØRES UDEN NY KORTLÆGNING:
- Overview
- Papirkurv
- Fokus/maksimering
- Navigation
- Tegning
- Z-index
- render(), select(), addWidget()
- Lykkehjulets SAFE224-status
- Ordskyens SAFE214-status
- Afstemning
- Grupper
- KaPardy
- Import/backup
-->
<!--
SAFE224 WHEEL STABLE NOTE ONLY
- Bygger på SAFE223.
- Denne version ændrer ingen funktionalitet.
- Formål: markere Lykkehjulet-runden SAFE215-SAFE223 som foreløbigt brugbar/stabil udviklingslinje, før arbejdet går videre til næste widget.

STABIL LYKKEHJUL-STATUS:
- Native system-confirm er fjernet fra Lykkehjulets wheel-flow.
- Lykkehjulet bruger nu intern app-modal efter spin, når "Behold i puljen" ikke er slået til.
- Modal kan betjenes med:
  - Mellemrum = Fjern fra puljen og spin igen
  - Esc = Behold / stop
  - touch/mus på knapper
- Den store modaltekst viser kun selve valget/vinderen.
- Forklaring på handlingen ligger i knapperne og den lille hjælpetekst.
- Hvis sidste element i puljen vælges, åbnes modalen ikke; elementet fjernes og der startes ikke nyt spin.
- Modalen placeres nu ens i fokus- og præsentationstilstand.
- Shift+W er tilføjet som ny anbefalet genvej til Lykkehjulet.
- Shift+J bevares midlertidigt som ældre/legacy genvej.
- Lykkehjulets resultat kan allerede gemmes som datawidget med Valg/Antal/Procent/Rækkefølge.
- Dette resultat kan bruges videre i Ordskyens SAFE212+ "Hent ord/data"-flow.

VIGTIGE TESTPUNKTER:
- Almindeligt spin uden "Behold i puljen":
  - første/almindeligt valg viser modal
  - Mellemrum fjerner og spinner igen
  - Esc beholder og stopper
- Sidste valg:
  - ingen modal
  - ingen ny spin
- Fokus:
  - modal ligger over hjulet, ikke forskudt oppe over widgetten
- Præsentation:
  - modal opfører sig som i fokus
- Shift+W:
  - opretter Lykkehjulet
- Shift+J:
  - opretter stadig Lykkehjulet som legacy
- Auto:
  - bør fortsat fjerne automatisk uden dialog

IKKE RØRT / MÅ IKKE RØRES UDEN NY KORTLÆGNING:
- Lykkehjulets spin/stop/auto-logik
- Lyd
- Resultatdata bortset fra eksisterende brug
- Ordskyens SAFE214-status
- Afstemningens stabile SAFE197-SAFE199-flow
- Grupper
- KaPardy
- Import/backup
- Papirkurv
- Navigation
- Tegning
- Z-index
- render(), select(), addWidget()

NÆSTE MULIGE WIDGET:
- Timer eller KaPardy kan være næste kandidat.
- Hvis målet er dataflow, er KaPardy relevant.
- Hvis målet er generel undervisningsbrug/UX, er Timer relevant.
- Hvis målet er at fastholde liste-/dataflow-linjen, kan man tage Grupper/Afstemning som stabiliseringsrunde.
-->
<!--
SAFE223 WHEEL MODAL FOCUS POSITION FIX
- Bygger på SAFE222.
- Retter Lykkehjulets interne modal i fokus-tilstand.
- Modalen skal placeres som almindelig app-modal og ikke påvirkes af fokus-widgettens layout/scroll/position.
- Modalens placering skal opføre sig ens i fokus- og præsentationstilstand.
- Ændrer kun wheelInternalConfirm-modalens klasse og CSS-forankring.
- Ingen ændring i Lykkehjulets spin/stop/auto-flow, mellemrum/Esc-flow, lyd, resultatdata, Ordsky, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE222 SHIFT W WHEEL DIRECT FIX
- Bygger på SAFE221.
- Retter Shift+W/Shift+J for Lykkehjulet, fordi widget-kodevejen ikke oprettede hjulet i praksis.
- Tilføjer en direkte shortcut-handler:
  - Shift+W = handleTool('wheel')
  - Shift+J = handleTool('wheel') som legacy
- Handleren ignorerer tekstfelter, modalåbning, Ctrl/Cmd/Alt og tegnetilstand.
- Ingen ændring i Lykkehjulets spin/stop/auto-flow, modal-flow, lyd, resultatdata, Ordsky, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE221 SHIFT W WHEEL SHORTCUT
- Bygger på SAFE220.
- Tilføjer Shift+W som ny anbefalet genvej til Lykkehjulet / Wheel.
- Shift+W var ikke i brug i SAFE220.
- Den gamle Shift+J -> Hjul bevares midlertidigt som legacy, så eksisterende vaner ikke brydes.
- Hjælp og toolbar-tooltip opdateres til Shift+W.
- Ingen ændring i Lykkehjulets spin/stop/auto-flow, modal-flow, lyd, resultatdata, Ordsky, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE220 WHEEL NO MODAL ON LAST ITEM
- Bygger på SAFE219.
- Retter kun Lykkehjulets fortsæt-flow efter almindeligt spin.
- Hvis det valgte felt er det sidste element i puljen, vises fjern/spin-igen-modalen ikke.
- Sidste element fjernes automatisk, og der startes ikke et nyt spin.
- Modal vises kun, når der faktisk er flere valg tilbage efter fjernelse.
- Ingen ændring i mellemrum/Esc-flow for normale valg, spin/stop/auto-logik, lyd, resultatdata, Ordsky, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE219 WHEEL CONFIRM WINNER ONLY
- Bygger på SAFE218.
- Retter kun teksten i Lykkehjulets interne fortsæt-modal.
- Stor modaltekst viser nu kun selve valget/vinderen.
- Forklaring på handlingen står kun i knapperne og den lille hjælpetekst.
- Ingen ændring i mellemrum/Esc-flow, spin/stop/auto-logik, lyd, resultatdata, Ordsky, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE218 WHEEL CONFIRM LAYOUT TUNE
- Bygger på SAFE217.
- Justerer kun layout/tekst i Lykkehjulets interne fjern-og-fortsæt-modal.
- Fjerner overskriften "Bekræft".
- Viser selve valget/spørgsmålet større og højere i modalen.
- Knapperne gøres lidt mindre og placeres tydeligere i hver sin side.
- Hjælpeteksten med Mellemrum/Esc bevares nederst med mindre skrift.
- Ingen ændring i Lykkehjulets spin/stop/auto-logik, keyboard-flow, lyd, resultatdata, Ordsky, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE217 WHEEL SPACE CONTINUE FLOW
- Bygger på SAFE216.
- Finjusterer Lykkehjulets interne fjern-dialog efter spin.
- Efter almindeligt spin uden "Behold i puljen":
  - Mellemrum = Fjern fra puljen og spin igen
  - Esc = Behold/stop uden automatisk ny spin
  - touch/mus-knap = Fjern og spin igen
- Formål: undgå at dialogen bliver en slowdown, og bruge mellemrum som naturlig fortsæt/start-tast i Lykkehjulet.
- Hvis puljen er tom efter fjernelse, startes der ikke igen.
- Klik direkte på et hjulfelt bruger stadig intern modal, men uden automatisk spin-kæde.
- Ingen ændring i lyd, auto-mode, resultatdata, Ordsky, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE216 WHEEL INTERNAL REMOVE CONFIRM
- Bygger på SAFE215.
- Erstatter Lykkehjulets native system-confirm ved "fjern/flyt fra puljen?" med en intern app-modal.
- Modal kan betjenes med:
  - Enter = OK / fjern eller flyt
  - Esc = Behold / annuller
  - touch/mus på knapper
- Formål: undgå iPad/systemdialog som showstopper efter spin, når "Behold i puljen" og "Auto" ikke er slået til.
- Samme interne modal bruges også ved klik på et felt i selve hjulet, hvor den gamle confirm() spurgte om flytning.
- Ingen ændring i Lykkehjulets spin/stop/auto-logik, lyd, resultatdata, Ordsky, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE215 WHEEL FLOW MAP NOTE ONLY
- Bygger på SAFE214.
- Denne version ændrer ingen funktionalitet.
- Formål: starte Lykkehjulet som næste widget med en ren kortlægningsnote, før kode ændres.

LYKKEHJULET – FORELØBIG KORTLÆGNING:
- Lykkehjulet er næste naturlige widget efter Ordsky, fordi den bruger lister og sandsynligvis bør kunne producere resultatdata.
- Lykkehjulet skal ikke ændres funktionelt endnu.
- Første mål er at bevare stabil spin-/stop-logik og kun forstå dataflowet.

RELEVANTE FOREKOMSTER I FILEN:
- "wheel": 424
- "Lykke": 92
- "chooseSharedList": 15
- "wheelListBank": 24
- "spin": 30
- "auto": 532
- "random": 31

RELEVANTE WHEEL-FUNKTIONSNAVNE FUNDET STATISK:
- drawGroupWheel, drawWheel, flashWheel, moveWheelItemToChosen, parseWheelNames, runWheelSpin, saveWheelListBank, startWheelAuto, toggleWheelCloudView, wheelCloudItems, wheelIndexFromCanvasEvent, wheelLand, wheelListBank, wheelListNamesForSave, wheelTick, wheelWinnerAtPointer, wireWheel

ARBEJDSMÅL FOR LYKKEHJULET:
- Kortlæg Hent liste / Vælg kilde-flow.
- Kortlæg hvordan selve puljen/valgmulighederne gemmes i widgetten.
- Kortlæg hvordan spin-resultater registreres, hvis de overhovedet registreres.
- Kortlæg om Lykkehjulet bruger gammel listebank-kode.
- Kortlæg om "Gem liste" eller lignende gammel eksport stadig findes i Lykkehjulet.

FREMTIDIG ØNSKET DATAFLOW:
- Lykkehjulet skal fortsat kunne hente:
  - listewidget
  - datawidget/datasæt
  - demolister
- Hvis Lykkehjulet gemmer resultater, bør det helst gemme som synlig datawidget.
- En Lykkehjulet-resultatdatawidget bør ideelt have kolonner som:
  Valg | Antal
  eller:
  Valg | Antal | Senest valgt
- Det vil gøre resultatet direkte brugbart i Ordskyens nye SAFE212+ import:
  Ordsky kan læse Valg/Antal direkte.

MULIGE RESULTATMODELLER:
1) Forekomstliste:
   Alma
   Johan
   Alma
   Freja
   - Fordel: enkel.
   - Ulempe: mindre redigerbar.

2) Optalt resultat:
   Valg | Antal
   Alma | 2
   Johan | 1
   Freja | 1
   - Fordel: passer til Ordskyens Ord/Antal-model.
   - Anbefales som fremtidig eksport.

3) Log med rækkefølge:
   Nr | Valg | Tidspunkt
   1 | Alma | ...
   2 | Johan | ...
   - Fordel: historik.
   - Kan evt. senere kombineres med optalt eksport.

VIGTIG RISIKO:
- Lykkehjulets spin/stop/auto-kørsel har tidligere været følsomt.
- Mellemrumstast og stop midt i auto-kørsel skal ikke brydes.
- Undgå ændringer i animation, lyd, timing eller stoplogik uden særskilt test.
- Undgå brede regex-erstatninger i wheel/random-kode.

FORESLÅET FASEPLAN:
1) SAFE216 – Ren kortlægning af Lykkehjulets konkrete render/wire/dataflow.
2) SAFE217 – Evt. lille tekst/UX-oprydning omkring Hent liste/Vælg kilde, hvis nødvendigt.
3) SAFE218 – Tilføj kun intern resultatoptælling, hvis der ikke allerede findes stabil struktur.
4) SAFE219 – Gem Lykkehjulets resultater som datawidget med Valg/Antal.
5) SAFE220 – Test samspil: Lykkehjulet-resultatdatawidget -> Ordsky Hent ord/data.

IKKE RØRT / MÅ IKKE RØRES UDEN NY KORTLÆGNING:
- Lykkehjulets spin/stop/auto-logik
- Lyd
- Mellemrumstast
- Afstemningens stabile SAFE197-SAFE199-flow
- Ordskyens SAFE214-status
- Grupper
- KaPardy
- Import/backup
- Papirkurv
- Navigation
- Tegning
- Z-index
- render(), select(), addWidget()
-->
<!--
SAFE214 WORDCLOUD COUNT CLICK AND BLANK ZERO
- Bygger på SAFE213.
- Retter to små Ordsky-fejl:
  1) Klik på et ord i ordskyen viser igen antal forekomster/gange.
  2) Tomt Antal-felt i Ord/Antal-tabellen tolkes som 0, så ordet ikke vises i ordskyen.
- Klik på ord bruger nu event delegation på .wordCloudRender, så det også virker efter live-opdatering.
- Ingen ændring i Ordskyens dataformat, importlogik, eksport, tagsky-layout, Lykkehjulet, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE213 WORDCLOUD STABLE NOTE ONLY
- Bygger på SAFE212.
- Denne version ændrer ingen funktionalitet.
- Formål: markere Ordsky-runden SAFE200-SAFE212 som foreløbigt brugbar/stabil udviklingslinje, før arbejdet går videre til næste widget.

STABIL ORDSKY-STATUS:
- Ordsky bruger nu en Ord/Antal-tabel som primær redigeringsmodel.
- Brugeren kan redigere ord/sætninger og antal direkte.
- Ordskyen opdateres automatisk ved ændring.
- Råtekstfeltet er fjernet fra den synlige redigerings-UI.
- Parser/helperfunktioner til rå tekst og forekomstlister bevares internt.
- Præsentation/fokus viser kun selve ordskyen, ikke redigeringsfelter.
- Antal-felter har lokale -/+ knapper.
- Enter hopper til næste Antal-felt og forsøger at scrolle feltet ind i tabelvisningen.
- Tagskyvisningen er gjort mere fri og skyagtig uden at splitte ord midt i ord.
- Hover får ikke længere ordene til at hoppe.
- "Gem som liste" er udfaset i Ordskyens synlige UI.
- Ordsky kan gemme sin Ord/Antal-tabel som synlig datawidget.
- Ordskyens Hent ord/data kan nu hente:
  - almindelige listewidgets som forekomstlister
  - demolister som forekomstlister
  - datawidgets med Ord/Antal, Valg/Antal, Svar/Stemmer, Navn/Antal osv.
  - datawidgets med kun tekst/kategori-kolonne ved at tælle rækker/forekomster.

VIGTIGE AFGRÆNSNINGER:
- Der er endnu ingen manuel kolonnevælger i Ordsky-importen.
- Ordsky bruger automatisk bedste gæt for tekst/kategori og antal/vægt.
- Hvis en datawidget har uklare kolonnenavne, bør man stadig kunne bruge Data -> liste først som mellemvej.
- Gamle globale listebankfunktioner er ikke fjernet endnu.
- "Gem liste"-tekst kan stadig findes globalt andre steder, men Ordskyens aktive synlige eksportvej bruger datawidget.

IKKE RØRT / MÅ IKKE RØRES UDEN NY KORTLÆGNING:
- Lykkehjulet
- Afstemningens stabile SAFE197-SAFE199-flow
- Grupper
- KaPardy
- Import/backup
- Papirkurv
- Navigation
- Tegning
- Z-index
- render(), select(), addWidget()

NÆSTE MULIGE WIDGET:
- Lykkehjulet er en naturlig næste kandidat, fordi:
  - det bruger lister
  - det kan sandsynligvis producere resultater
  - det bør måske kunne gemme resultat som datawidget
  - det bør kunne spille sammen med Ordskyens nye Ord/Antal-import.
-->
<!--
SAFE212 WORDCLOUD DIRECT DATASET IMPORT
- Bygger på SAFE211.
- Ordskyens Hent-knap kan nu bruge datawidgets mere intelligent.
- Hvis kilden er en datawidget med en tekst/kategori-kolonne og en antal/vægt-kolonne, bruges antal direkte.
- Hvis kilden er en datawidget med kun tekst/kategori, tælles forekomster/rækker.
- Genkender bl.a.:
  Tekstkolonner: Ord, Tekst, Svar, Valg, Navn, Kategori, Emne, Ønske, Rolle, Stemning
  Antal-kolonner: Antal, Count, Stemmer, Vægt, Weight, Votes, Frekvens, Hyppighed
- Almindelige listewidgets/demolister fungerer stadig som forekomstlister.
- Ingen ændring i Ordskyens dataformat, tagskyvisning, eksport, Lykkehjulet, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE211 WORDCLOUD EXPORT FIX
- Bygger på SAFE210.
- Retter Ordskyens eksportknap, så den faktiske aktive Ordsky-handler ikke længere åbner den gamle "Gem liste"/listebank-modal.
- Ordskyens synlige eksport hedder "Gem som datawidget".
- Klik opretter en synlig datawidget på tavlen med kolonnerne:
  Ord
  Antal
- Ordsky bruger dermed samme tydelige datawidget-eksportprincip som de øvrige aktivitetswidgets.
- Ingen ændring i Ordskyens importlogik, tagskyvisning, Ord/Antal-redigering, Lykkehjulet, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE210 WORDCLOUD SAVE AS DATAWIDGET
- Bygger på SAFE209.
- Erstatter Ordskyens gamle "Gem som liste"-knap med "Gem som datawidget".
- Datawidgetten gemmer Ordskyens aktuelle Ord/Antal-tabel med kolonnerne:
  Ord
  Antal
- Det gamle skjulte listebank-flow bruges ikke længere fra Ordskyens synlige UI.
- Ingen ændring i Ordskyens importlogik, tagskyvisning, Lykkehjulet, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE209 WORDCLOUD NO SPLIT NO JUMP
- Bygger på SAFE208.
- Finjusterer kun Ordskyens tagskyvisning.
- Ord må ikke længere deles midt i ord.
- Flerordsfraser må kun bryde ved naturlige mellemrum.
- Hover-effekt gøres rolig, så ordene ikke hopper rundt når man peger på dem.
- Ingen ændring i Ord/Antal-redigering, dataformat, importlogik, Lykkehjulet, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE208 WORDCLOUD TAGCLOUD LAYOUT
- Bygger på SAFE207.
- Ændrer kun Ordskyens visuelle resultatvisning, så den ligner mere en tagsky og mindre en tekstlinje.
- Ord placeres mere frit i fladen med deterministiske positioner, små rotationer og små forskydninger.
- Ord/Antal-redigering, importlogik og dataformat ændres ikke.
- Afstemningens poll-sky, Lykkehjulet, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() og addWidget() røres ikke.
-->
<!--
SAFE207 WORDCLOUD TABLE ONLY SCROLLFIX
- Bygger på SAFE206.
- Fjerner det gamle synlige råtekstfelt fra Ordskyens redigerings-UI, så Ord/Antal-tabellen får mere plads.
- Bevarer parser/helperfunktioner internt, så råtekstimport kan genindføres senere som separat dialog.
- Enter i Antal-felt hopper stadig til næste Antal-felt.
- Når Enter hopper til næste felt eller opretter ny række, scrolles det aktive felt ind i tabelområdet.
- Ingen ændring i Ordskyens dataformat, importlogik, Lykkehjulet, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE206 WORDCLOUD COUNT STEP BUTTONS
- Bygger på SAFE205.
- Fjerner pil-op/pil-ned-logikken fra Ordskyens Antal-felter, fordi pilene bruges til widgetnavigation på tavlen.
- Antal kan nu justeres med lokale −/+ knapper ved hvert felt.
- Enter hopper stadig til næste Antal-felt.
- Når man skriver i Ordskyens redigeringsfelter, stoppes lokale key events så vidt muligt fra at påvirke tavlegenveje.
- Ingen ændring i Ordskyens dataformat, importlogik, Lykkehjulet, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE205 WORDCLOUD PRESENT HIDE AND COUNT KEYS
- Bygger på SAFE204.
- Skjuler Ordskyens redigeringsfelter i præsentation og fokus, så kun selve ordskyen vises.
- Gør Antal-felter hurtigere at udfylde:
  - fokus/klik markerer tallet
  - Enter hopper til næste Antal-felt
  - Pil op/pil ned justerer antal
- Ingen ændring i Ordskyens dataformat, importlogik, Lykkehjulet, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE204 WORDCLOUD COUNT TABLE EDITOR
- Bygger på SAFE203.
- Ordsky får nu en egentlig Ord/Antal-tabelredigering.
- Brugeren redigerer ord/sætninger i første kolonne og relativ vægt/antal i anden kolonne.
- Ordskyen opdateres automatisk ved ændring i tabellen.
- Import af almindelig forekomstliste tælles automatisk om til unikke ord + antal.
- Import af linjer som "samarbejde 3" tolkes som ord/sætning + antal.
- w.data.items er nu Ordskyens primære model; w.data.names synkroniseres som fallback/forekomstliste.
- "Opdater ordsky" fjernes fra Ordskyens UI, fordi redigeringen nu opdaterer live.
- "Gem som liste" ændres ikke i denne fase.
- Ingen ændringer i Lykkehjulet, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE203 WORDCLOUD TEXT COUNT LINES
- Bygger på SAFE202.
- Ordskyens tekstredigering kan nu forstå antal sidst på en linje.
- Eksempler:
  lærte noget nyt 2
  godt samarbejde 3
  svært 2
- En linje uden tal tæller stadig som 1 forekomst.
- Internt omsættes linjerne stadig til w.data.names som forekomstliste, så eksisterende renderWordCloud()/buildWordCloudItems()-flow bevares.
- Formål: gøre det muligt at angive vægt/antal direkte i Ordskyens tekstfelt uden først at redigere en lang gentaget liste.
- Ingen ændring i Lykkehjulet, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE202 WORDCLOUD CONVERSION HELPERS
- Bygger på SAFE201.
- Tilføjer kun rene helperfunktioner til Ordskyens kommende Ord/Antal-model.
- Ingen synlig UI ændres endnu.
- Eksisterende Ordsky-flow med w.data.names, renderWordCloud() og buildWordCloudItems() bevares uændret.
- Formål: forberede sikker konvertering mellem:
  1) almindelig forekomstliste
  2) intern items-model [{ text, count }]
  3) datawidget med kategori-kolonne, hvor rækker tælles
  4) datawidget med kategori-kolonne + antal/vægt-kolonne
- Brugseksempler:
  - Køn-kolonne + Tæl rækker => Female: 12, Male: 10
  - Ønske-kolonne + Tæl rækker => Musik: 5, Klatring: 3
  - Ord/Antal-datawidget => brug antal direkte
  - Svar/Stemmer-datawidget fra Afstemning => brug stemmer direkte
  - Valg/Antal-datawidget fra Lykkehjulet => brug antal direkte
- Ingen ændringer i stemmelogik, Lykkehjulet, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE201 WORDCLOUD FLOW MAP NOTE ONLY
- Bygger på SAFE200.
- Denne version ændrer ingen funktionalitet.
- Formål: kortlægge den nuværende Ordsky-widget før første funktionelle ændring.

NUVÆRENDE ORDSKY-FLOW:
- Ordsky-widgetten renderes i fillContent() som:
  if(w.type==='wordcloud'){ ... }
- Ordskyens nuværende primære data ligger i:
  w.data.names
- w.data.names er en almindelig forekomstliste:
  ["glad", "træt", "glad", "rolig"]
- Store/små bogstaver styres af:
  w.data.caseInsensitive

NUVÆRENDE RENDERING:
- renderWordCloud(w) bygger HTML til selve ordskyen.
- buildWordCloudItems(names, caseInsensitive) tæller forekomsterne i w.data.names.
- buildWordCloudItems() returnerer optalte items med bl.a.:
  label, count, size, weight, opacity
- Størrelse og vægt beregnes ud fra count/max.
- Den nuværende visning er derfor allerede baseret på optælling, men redigeringen foregår stadig som rå liste.

NUVÆRENDE REDIGERING:
- Tekstfeltet .wordCloudText viser w.data.names i en kompakt tekstform.
- wordCloudTextToNamesSmart() parser tekstfeltet tilbage til w.data.names.
- oninput opdaterer w.data.names og gemmer stille.
- onblur / Opdater ordsky kalder apply(), som re-render widgetten.
- Det betyder, at brugeren i praksis redigerer forekomster, ikke optalte værdier.

NUVÆRENDE HENT-FLOW:
- Knappen .wordCloudLoad kalder:
  chooseSharedList('Hent liste til ordsky', ...)
- Valgt liste/datawidget/demo bliver sat direkte som:
  w.data.names = items
- Der findes endnu ingen særlig Ord/Antal-tolkning.
- Datawidgets behandles derfor i praksis som almindelige tekstlister via fælles listevælgerens eksisterende output.

NUVÆRENDE GEM-FLOW:
- Knappen .wordCloudSave har teksten "Gem som liste".
- Den kalder:
  openSaveListModal({ data: { names: wordCloudTextToNamesSmart(text.value), chosen: [] } })
- Det tyder på gammelt listebank-/gemt-liste-flow.
- Det bør ikke være ny vej fremad for Ordsky.
- Før ændring bør knappen enten fjernes, omdøbes eller erstattes af:
  Gem som datawidget
  eller Gem som listewidget

RISIKO VED NÆSTE FUNKTIONELLE PATCH:
- Ordsky deler CSS med pollCloudView/wheelCloudView nogle steder.
- Undgå bred CSS-oprydning.
- Undgå at røre Afstemningens SAFE197/198/199-flow.
- Bevar Hent liste/Hent ord gennem chooseSharedList i første funktionelle patch.
- Bevar w.data.names som fallback, indtil ny model er testet.

FORESLÅET NÆSTE FASE / SAFE202:
- Tilføj rene helperfunktioner uden UI-ændring:
  wordCloudNamesToItems(names, caseInsensitive)
  wordCloudItemsToNames(items)
  wordCloudNormalizeItems(items)
- Målet er at kunne konvertere mellem:
  forekomstliste -> [{text,count}]
  [{text,count}] -> forekomstliste
- SAFE202 bør stadig ikke ændre Ordskyens brugerflade.
- Først efter helperne er på plads bør SAFE203 vise redigerbar Ord/Antal-tabel.

IKKE RØRT:
- Ingen JS-logik ændret.
- Ingen CSS ændret.
- Ingen markup-output ændret.
- Ingen ændring i Ordsky-funktionalitet.
- Ingen ændring i Lykkehjulet, Afstemning, Grupper, KaPardy, import/backup, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE200 WORDCLOUD MODEL PLAN NOTE ONLY
- Bygger på SAFE199.
- Denne version ændrer ingen funktionalitet.
- Formål: fastlægge den næste sikre udviklingsretning for Ordsky-widgetten, før kode ændres.

ORDSKY – NY MODEL / MÅL:
- Ordsky bør på sigt bruge en ren intern model:
  w.data.items = [
    { text: "glad", count: 3 },
    { text: "træt", count: 1 }
  ]
- Brugeren skal kunne redigere en optalt tabel:
  Ord | Antal
- Det skal være muligt at ændre antal direkte uden at tilføje/fjerne gentagne linjer manuelt.

VIGTIG KOMPATIBILITET MED AKTIVITETER:
- Ordsky må ikke blive blind for almindelige forekomstlister.
- En simpel liste med gentagelser skal stadig kunne importeres:
  Alma
  Johan
  Alma
  Freja
  Alma
- Ved import skal Ordsky selv kunne tælle forekomster og konvertere til items:
  Alma: 3
  Johan: 1
  Freja: 1
- Det bevarer kompatibilitet med fx Lykkehjulet, hvis Lykkehjulet gemmer resultater som gentagne valg.

DATAWIDGET-IMPORT SOM FREMTIDIGT MÅL:
- Ordsky bør kunne hente datawidgets med vægtede kolonner direkte.
- Genkend mulige tekstkolonner:
  Ord, Tekst, Svar, Valg, Navn
- Genkend mulige antal/vægt-kolonner:
  Antal, Count, Stemmer, Vægt, Weight
- Hvis både tekstkolonne og antal-kolonne findes, bruges data direkte som vægtet ordsky.
- Hvis kun tekstkolonne findes, bruges den som forekomstliste og tælles.
- Hvis kilden er fx Lykkehjulet-resultat med Valg/Antal, bør Ordsky kunne bruge den direkte.
- Hvis kilden er Afstemning-resultat med Svar/Stemmer, bør Ordsky kunne bruge den direkte.

UDFASNING AF GAMMELT LISTEBANK-FLOW:
- Nye Ordsky-forbedringer bør ikke bygge videre på skjult listebank/gemte lister.
- "Gem som liste" i Ordsky skal kortlægges før ændring, da den sandsynligvis bruger openSaveListModal().
- Fremtidig brugerrettet gemmevej bør hellere være:
  - Gem som datawidget
  - evt. Gem som listewidget
- Fjern ikke globale listebankfunktioner endnu uden særskilt kortlægning, da Lykkehjulet/ældre flows kan bruge dem.

FORESLÅET FASEPLAN:
1) SAFE201 – Ordsky: kun kortlægning af nuværende render/wire/dataflow.
2) SAFE202 – Ordsky: tilføj helperfunktioner til at konvertere mellem forekomstliste og items.
3) SAFE203 – Ordsky: vis redigerbar Ord/Antal-tabel, men bevar import fra almindelige lister.
4) SAFE204 – Ordsky: hent datawidget med Ord/Antal, Valg/Antal, Svar/Stemmer eller Navn/Antal.
5) SAFE205 – Ordsky: udfas/erstat "Gem som liste" med tydelig Gem som datawidget eller Gem som listewidget.

IKKE RØRT / MÅ IKKE RØRES UDEN NY KORTLÆGNING:
- Lykkehjulets spin/resultatlogik
- Afstemningens stabile SAFE197-flow
- Grupper
- KaPardy
- Import/backup
- Papirkurv
- Navigation
- Tegning
- Z-index
- render(), select(), addWidget()
-->
<!--
SAFE199 POLL DEMO PICKER CLARITY
- Bygger på SAFE198.
- Finpudser kun visningen af demolister i den fælles Hent liste/Hent svarmuligheder-dialog.
- Afstemningsdemoer med tilhørende spørgsmål vises nu tydeligere som "spørgsmål + svar".
- Selve demo-flowet fra SAFE194 bevares: afstemningsdemoer opdaterer både spørgsmål og svarmuligheder.
- Ingen ændringer i stemmelogik, resultatdataformat, import/backup, Grupper, Lykkehjulet, KaPardy, papirkurv, navigation, tegning, z-index, render(), select() eller addWidget().
-->
<!--
SAFE198 POLL STABLE NOTE ONLY
- Bygger på SAFE197, som brugeren har testet og meldt OK.
- Denne version ændrer ingen funktionalitet.
- Formål: markere SAFE197 som ny stabil afstemningsmilepæl.

STABIL AFSTEMNINGSSTATUS:
- Demolister i Hent svarmuligheder fungerer og kan bruges som eksempler.
- Afstemningsdemoer kan opdatere både spørgsmål og svarmuligheder.
- Svarmuligheder redigeres som én svarmulighed pr. linje.
- Multiord-svar som "Helt enig" og "Delvist enig" bevares korrekt.
- Den uklare "Gem"-knap i Rediger afstemning er fjernet.
- Spørgsmål og svarmuligheder opdateres live fra dialogens felter.
- "Gem resultat som datawidget" er den tydelige eksport/resultat-handling.
- Der er ét samlet flueben for visning af resultater i præsentation.
- Stemmetæller vises ved spørgsmålet.
- Tekst- og emoji-svar vises forskelligt, så tekst er læsbar og emoji stadig kan være store.
- Poll-sky/tagcloud er justeret, men stemmelogikken er ikke ændret.
- Resultatsøjler skjules i almindelig redigeringstilstand for at undgå layoutkollision.

IKKE RØRT / MÅ IKKE RØRES UDEN NY KORTLÆGNING:
- Stemmelogik
- Resultatdataformat
- Import/backup
- Grupper
- Lykkehjulet
- KaPardy
- Papirkurv
- Navigation
- Tegning
- Z-index
- render(), select(), addWidget()
-->
<!--
SAFE197 POLL DIALOG WORDING
- Bygger på SAFE196.
- Finpudser kun brugerrettede tekster i Rediger afstemning.
- "Svarmuligheder" ændres til "Svarmuligheder".
- "Hent liste" ændres til "Hent svarmuligheder".
- Hjælpeteksten holder sig til den nye model: én svarmulighed pr. linje, listewidget eller datawidget.
- Ingen ændringer i stemmelogik, live-opdatering, resultatdataformat, import/backup, Grupper, Lykkehjulet, KaPardy, papirkurv, navigation, tegning eller z-index.
-->
<!--
SAFE196 POLL OPTIONS ONE PER LINE
- Bygger på SAFE195.
- Rediger afstemning viser nu svarmuligheder som én svarmulighed pr. linje.
- Formål: svar som "Helt enig" og "Delvist enig" skal bevares som hele svar, ikke splittes ved mellemrum.
- Hjælpeteksten i afstemningsdialogen er opdateret.
- "Gem resultat som datawidget" læser også svarmuligheder som linjer.
- Ingen ændringer i stemmelogik, resultatdataformat, import/backup, Grupper, Lykkehjulet, KaPardy, papirkurv, navigation, tegning eller z-index.
-->
<!--
SAFE195 POLL REMOVE CONFUSING SAVE BUTTON
- Bygger på SAFE194.
- Fjerner den uklare "Gem"-knap fra Rediger afstemning.
- Spørgsmål og svarmuligheder opdateres nu live fra dialogens tekstfelter.
- "Luk" lukker kun dialogen; den fungerer ikke som skjult gem-knap.
- "Gem resultat som datawidget" bevares uændret som den tydelige eksport/resultat-handling.
- Ingen ændringer i stemmelogik, resultatdata, import/backup, Grupper, Lykkehjulet, KaPardy, papirkurv, navigation, tegning eller z-index.
-->
<!--
SAFE194 POLL DEMO QUESTION SYNC
- Bygger på SAFE193.
- Afstemningsdemoer kan nu have både navn, spørgsmål og svarmuligheder.
- Når en demo vælges til Afstemning, opdateres både w.data.question og w.data.options.
- Enig/uenig-demoen får nu et passende spørgsmål.
- Ingen ændringer i stemmelogik, dataformat, import/backup, Grupper, Lykkehjulet, KaPardy, papirkurv, navigation, tegning eller z-index.
-->
<!--
SAFE193 POLL SINGLE PRESENT TOGGLE AND VOTE COUNT
- Bygger på SAFE192.
- Samler de to afstemningsflueben til én fælles kontrol.
- Den ene kontrol styrer fortsat de to eksisterende interne poll-flags konservativt:
  - showResults
  - allowCloudInPresent
- Tilføjer en altid synlig stemmetæller ved siden af spørgsmålet.
- Ingen ændringer i stemmelogik, dataformat, import/backup, Grupper, Lykkehjulet, KaPardy, papirkurv, navigation, tegning eller z-index.
-->
<!--
SAFE192 HIDE POLL RESULTS IN EDIT MODE
- Bygger på SAFE191.
- Skjuler kun afstemningens resultatsøjler i almindelig redigeringstilstand.
- Resultater bevares i præsentationstilstand og fokus/maximeret visning.
- Formål: undgå at svarknapper og resultatsøjler kolliderer i normal redigering.
- Ingen ændringer i stemmelogik, dataformat, import/backup, Grupper, Lykkehjulet, KaPardy, papirkurv, navigation, tegning eller z-index.
-->
<!--
SAFE191 POLL COMPACT SETTINGS
- Bygger på SAFE190.
- Gør kun afstemningens checkbox-række ("Vis resultater" / "Ordsky i præsentation") kompakt og ikke-strakt.
- Løsning:
  1) poll vote/cloud modes får eksplicitte grid-rækker
  2) .pollSettings bliver en kompakt inline-række
  3) labels og checkboxes får faste små mål og må ikke strækkes
- Ingen ændringer i stemmelogik, dataformat, import/backup, Grupper, Lykkehjulet, KaPardy, papirkurv, navigation, tegning eller z-index.
-->
<!--
SAFE190 POLL BETTER DEMO AND CLOUD
- Bygger på SAFE189.
- Retter kun afstemningens demolister og skyvisning.
- Afstemningsdemoerne passer nu bedre til standardspørgsmålet "Hvordan går det?".
- Poll-skyen bruger nu frie positioner i fladen i stedet for flex-linjer, så den ligner mere en egentlig tagsky.
- Ingen ændringer i stemmelogik, dataformat, import/backup, Grupper, Lykkehjulet, KaPardy, papirkurv, navigation, tegning eller z-index.
-->
<!--
SAFE189 POLL TAGCLOUD FEEL
- Bygger på SAFE188.
- Giver kun afstemningens skyvisning en lidt mere tagskyagtig repræsentation.
- Bevarer læsbar tekst, men tilføjer let rotation, små højdeforskydninger og mere cloud-lignende spacing.
- Ingen ændringer i stemmelogik, dataformat, import/backup, Grupper, Lykkehjulet, KaPardy, papirkurv, navigation, tegning eller z-index.
-->
<!--
SAFE188 POLL TEXT GRID TUNE
- Bygger på SAFE187.
- Finjusterer kun afstemningens knapgitter, så tekstbaserede svar får bredere felter end rene emoji-svar.
- Emoji-afstemninger bevarer den kompakte store ikonvisning.
- Tekst-/blandede svar får bedre linjebrud, lidt mere luft og højere minimumsbredde.
- Ingen ændringer i stemmelogik, dataformat, import/backup, Grupper, Lykkehjulet, KaPardy, papirkurv, navigation, tegning eller z-index.
-->
<!--
SAFE187 POLL TEXT SIZE TUNE
- Bygger på SAFE186.
- Finjusterer kun størrelsen på tekstbaserede svar i afstemning og poll-ordsky.
- Emoji/ikoner beholder den store stil; almindelig tekst og blandede svar gøres lidt større og mere læsbare.
- Ingen ændringer i stemmelogik, dataformat, import/backup, Grupper, Lykkehjulet, KaPardy, papirkurv, navigation, tegning eller z-index.
-->
<!--
SAFE186 POLL TEXT VS EMOJI READABILITY
- Bygger på SAFE185.
- Retter kun afstemningens visning af svarmuligheder og poll-ordsky, så almindelig tekst bliver læsbar, mens emoji/ikoner fortsat kan vises stort.
- Løsning: skeln mellem emoji-svar og tekstsvar via en lille helper og giv dem forskellige CSS-klasser og størrelser.
- Ingen ændringer i stemmelogik, dataformat, import/backup, Grupper, Lykkehjulet, KaPardy, papirkurv, navigation, tegning eller z-index.
-->
<!--
SAFE185 DEMO LISTS POLISH
- Bygger på SAFE184.
- Finpudser kun brugerrettede demoliste-tekster i den fælles Hent liste-dialog.
- Demolister beskrives nu tydeligere som eksempler, der kan bruges til at teste widgetten.
- Demolistenavne gøres kortere ved at fjerne gentaget "Demo:" i selve knapteksterne.
- Ingen ændringer i callbacks, datamodel, render-flow, import/backup, papirkurv, navigation, tegning, z-index, gruppealgoritme, wheel-spin, afstemningslogik eller KaPardy.
-->
<!--
SAFE184 DEMO LISTS IN SHARED PICKER
- Bygger på SAFE183.
- Erstatter den gamle synlige "Gemte lister"/listebank-plads med "Demolister" i den fælles Hent liste-dialog.
- Demolister tilpasses efter kaldende widget via dialogtitlen: Grupper, Lykkehjulet, Afstemning eller Ordsky.
- Valg af demoliste indsætter listen direkte i den aktuelle widget via den eksisterende callback.
- Demolister gemmes ikke skjult og opretter ikke usynlige listebank-data.
- Interne listebankfunktioner bevares urørt for bagudkompatibilitet.
- Ingen ændringer i datamodel, render-flow, import/backup, papirkurv, navigation, tegning, z-index, gruppealgoritme, wheel-spin, afstemningslogik eller KaPardy.
-->
<!--
SAFE183 HIDE LEGACY SAVED LISTS IN USER UI
- Bygger på SAFE182.
- Brugerfladen afskaffer "Gemte lister"/listebank som synlig kilde i Hent liste-dialogen.
- Begrundelse: Det gamle listebank-flow er et levn; ny stabil logik er Datawidget -> Listewidget -> aktivitet-widget.
- Interne listebankfunktioner og gamle data slettes ikke, så gamle tavler og historiske flows ikke risikerer at gå i stykker.
- Importknappen i Hent liste-dialogen bliver ved med at oprette synlig datawidget.
- Ingen ændringer i handlers, funktionsnavne, datamodel, render-flow, import/backup, papirkurv, navigation, tegning, z-index, Grupper, Lykkehjulet, Afstemning eller KaPardy.
-->
<!--
SAFE182 GEMTE LISTER USER TEXT
- Bygger på SAFE181.
- Brugerfladen bruger nu "Gemte lister" i stedet for "Listebank", hvor teksten er rettet mod brugeren.
- "Listebank" bevares kun i kommentarer/interne noter/funktionsnavne, så eksisterende flow og kode ikke ændres.
- Ingen ændringer i handlers, funktionsnavne, datamodel, render-flow, import/backup, papirkurv, navigation, tegning, z-index, Grupper, Lykkehjulet, Afstemning eller KaPardy.
-->
<!--
SAFE181 DATAFLOW SAVE/DOWNLOAD TEXT CONSISTENCY
- Bygger på brugertestet SAFE180.
- Ændrer kun små synlige tekster i Hent liste, listebank og download/gem-flowet.
- Formål: gøre det tydeligere hvad der er data/lister, hvad der ligger i listebank, og hvad der downloades som tavlefil eller enkeltfiler.
- Ingen ændringer i JS-logik, handlers, funktionsnavne, datamodel, render(), select(), addWidget(), import/backup, papirkurv, navigation, tegning, z-index, Grupper-algoritme, Lykkehjulet, Afstemning eller KaPardy.
-->
<!--
SAFE180 DATAFLOW LABEL CONSISTENCY
- Bygger på brugertestet SAFE179.
- Ændrer kun små synlige tekster omkring listebank, Hent liste, import og Grupper-knapper.
- Formål: gøre det tydeligere hvornår noget gemmes som synlig datawidget/listewidget, og hvornår det gemmes i den ældre listebank.
- Ingen ændringer i JS-logik, handlers, funktionsnavne, datamodel, render(), select(), addWidget(), import/backup, Grupper-algoritme, Lykkehjulet, Afstemning, KaPardy, papirkurv, navigation, tegning eller z-index.
-->
<!--
SAFE179 DATAFLOW MICROTEXT CLEANUP
- Bygger på brugertestet SAFE178.
- Ændrer kun små brugerrettede tekster i data-/listeflowet: forhåndsvisning, separator-ord, Hent liste-kildeord og hjælpens dataflow-linje.
- Ingen ændring i handlers, funktionsnavne, datamodel, render(), select(), addWidget(), import/backup, papirkurv, navigation, tegning, z-index, Lykkehjulet, Afstemning, Grupper-logik eller KaPardy.
-->
<!--
SAFE178 DATAFLOW TEXT CLEANUP NOTE ONLY
- Bygger direkte på SAFE177_SAFE176_baseline_note_only.
- Ændrer kun synlige brugerrettede labels/vejledning i dataflowet.
- Formål: gøre sproget mere konsekvent omkring datawidget, listewidget, Hent liste, Data → liste og Download indlejrede medier.
- Ingen ændringer i JS-logik, handlers, datamodel, render(), select(), addWidget(), import/backup, Grupper, Lykkehjulet, Afstemning, KaPardy, papirkurv, navigation, tegning eller z-index.
-->
<!--
SAFE177 SAFE176 BASELINE NOTE ONLY
- Bygger på brugertestet SAFE176: Download indlejrede medier eksporterer datawidgets som fuld CSV fra localStorage/state.datasets i stedet for previewtekst.
- SAFE176 er ny stabil reference for datawidget/listedata-download-flowet.
- Ingen funktionelle ændringer: ingen JS-logik, CSS, markup-output, dataflow, Grupper, Lykkehjulet, Afstemning, KaPardy, papirkurv eller navigation ændres.
-->
<!--
SAFE174_GROUP_RESULTS_show_all_rows
- Fjerner visningsbegrænsningen for Grupperesultat-datawidgets.
- Grupperesultater viser nu alle rækker i datawidgettens tabel/Preview, så alle grupper kan kontrolleres visuelt.
- Ændrer ikke gruppealgoritme, Gem grupper som datawidget, Data → liste-logik, Lykkehjulet, Afstemning, KaPardy, papirkurv eller navigation.
-->
<!doctype html>
<!--
SAFE173 DATA → LISTE SELECT ALL/NONE NOTE:
- Bygger på SAFE172, som kun var dokumentation oven på testet SAFE171.
- Ændrer kun Data → liste-dialogen fra datawidget/datasæt.
- Tilføjer knapperne “Vælg alle” og “Vælg ingen” over kolonnevalgene.
- Knapperne ændrer kun checkbox-valg og genberegner preview.
- Ingen ændring i listeoprettelse, separator, dataformat, Grupper, Lykkehjulet, Afstemning, KaPardy, papirkurv, navigation, render(), select() eller addWidget().
-->

<!--
SAFE172 GROUPS STABILIZATION NOTE:
- Bygger på SAFE171, som brugeren har testet og meldt OK.
- SAFE171 fastholdes som ny stabil Grupper-milepæl:
  Hent liste → fælles kildevælger; data/lister → w.data.names; Dan grupper → eksisterende algoritme/låse; Gem grupper som datawidget → Gruppe/Navn/Position.
- Denne SAFE172 ændrer kun dokumentation/kodekort. Ingen JS-logik, CSS-regler, markup-output, widget-algoritmer eller øvrige flows ændres.
-->

<!--
SAFE171 GROUPS SAVE RESULT DATAWIDGET NOTE:
- Bygger på SAFE170 FIX1, som loader igen efter syntax-rettelsen.
- Ændrer kun Grupper → Gem liste til Gem grupper som datawidget.
- Resultatet oprettes som synlig datawidget med kolonnerne Gruppe, Navn og Position.
- Ingen ændring i Hent liste, import, fælles listevælger, gruppealgoritme, låste grupper, Dan grupper, Lykkehjulet, Afstemning, KaPardy, papirkurv, navigation, render(), select() eller addWidget().
-->

<!--
SAFE170 GROUPS SHARED LIST PICKER NOTE:
- Bygger på SAFE169, som brugeren testede: Grupper kan vælge datawidget/datasæt, og import opretter synlig datawidget.
- Ændrer kun Grupper → Hent liste, så handleren bruger den eksisterende fælles chooseSharedList()-modal som Afstemning/Lykkehjulet.
- Valgt liste/datawidget/listebank skriver fortsat kun til w.data.names og nulstiller grupper/låse/rotation som før.
- Import i den fælles listevælger opretter stadig synlig datawidget først og skriver ikke direkte ind i Grupper.
- Ingen ændring i gruppealgoritme, låste grupper, Dan grupper, Gem liste, Lykkehjulet, Afstemning, KaPardy, papirkurv, navigation, render(), select() eller addWidget().
-->
<!--
SAFE169 GROUPS DATAWIDGET-SOURCE NOTE:
- Bygger på SAFE168 import-only.
- Ændrer kun Grupper → Hent liste, så eksisterende datawidgets/datasæt kan vælges som kilde til w.data.names.
- Datawidget → bedste tekstkolonne via den eksisterende safe147DatasetSharedListItems().
- Import går fortsat kun til synlig datawidget; ingen fælles listevælger, ingen demodata og ingen ændring i listebank/Gem liste.
- Ingen ændring i gruppealgoritme, låste grupper, Dan grupper, Lykkehjulet, Afstemning, KaPardy, papirkurv, navigation, render(), select() eller addWidget().
-->
<!--
SAFE168 GROUPS IMPORT-ONLY NOTE:
- Bygger på SAFE166-GROUPS-MAP, men kasserer de sene SAFE167/MM06/MM16 Grupper-overrides, så SAFE165/SAFE166-flowet igen er styrende.
- Ændrer kun Grupper → Hent liste-importknappen: filimport opretter nu synlig datawidget i stedet for at skrive direkte til w.data.names.
- Eksisterende gemte lister kan stadig vælges som før. Ingen datawidget-valg som kilde endnu.
- Ingen ændring i gruppealgoritme, låste grupper, Dan grupper, Gem liste, Lykkehjulet, Afstemning, KaPardy, papirkurv, navigation, render(), select() eller addWidget().
-->
<!--
SAFE166-GROUPS-MAP NOTE – GRUPPER LISTEFLOW KORTLÆGNING KUN:
- Bygger på SAFE165, som er senest testede virkende base.
- Ingen funktionelle ændringer i denne fil.
- Formål: kortlægge Grupper-widgettens eksisterende Hent liste / Gem liste / import-flow før næste patch.

KORTLÆGNING – GRUPPER:
- Grupper-widgetten renderes som w.type == 'groups' i fillContent().
- Brugerfladen har knapperne .loadGroupList, .saveGroupList, .toGroups, .showGroupList og textarea.groupNames.
- Navnepuljen ligger i w.data.names som array af linjer.
- Tekstfeltet textarea.groupNames viser w.data.names.join('\n').
- .toGroups kalder den eksisterende gruppealgoritme og skriver resultat i w.data.groups.
- .loadGroupList åbner sin egen lokale modal og bruger wheelListBank() + wireImportListButton(useList).
- Derfor importerer Grupper stadig direkte ind i w.data.names, hvis wireImportListButton() bruges uændret.
- .saveGroupList gemmer sandsynligvis i samme gamle hjul-/listebank som Lykkehjulet, ikke som datawidget.

RISIKO / NÆSTE SIKRE FASE:
- Ret ikke hele Grupper-modalens listeflow på én gang.
- Første funktionelle patch bør kun ændre importknappen, så import opretter datawidget i stedet for at sende linjer direkte ind i Grupper.
- Vent med fælles listevælger, demodata og datawidgetvalg til efter import-only virker.
- Rør ikke gruppealgoritmen, låste grupper, render(), select(), addWidget(), KaPardy, Lykkehjulet eller Afstemning.
-->
<!--
SAFE165 NOTE:
- Fjerner kun Lykkehjulets “↻ Til hjul”-knap fra hovedvisningen.
- Knappen var uklar og overlappede mentalt med “Behold i puljen”/Nulstil.
- Fjernelsen gælder både redigeringstilstand og præsentation, fordi knappen ikke længere renderes.
- Ingen ændringer i spin, stop, auto, Space, lyd, statistik, Gem resultat som datawidget, KaPardy, datawidget, papirkurv eller navigation.
-->

<!--
SAFE164 NOTE:
- Retter kun Lykkehjulets feltbaserede Rediger pulje-layout fra SAFE163.
- Fjerner dubletknappen “Vælg kilde” nederst i editoren.
- Fjerner “Brug som pulje”, fordi hvert felt allerede synkroniserer live til hjulets pulje.
- Bevarer + Tilføj og minus pr. valgmulighed.
- Ingen ændring i spin, stop, auto, Space, lyd, statistik, Gem resultat som datawidget, KaPardy, datawidget, papirkurv eller navigation.
-->

<!--
SAFE163 NOTE:
- Bygger på SAFE162, hvor Lykkehjulet loader og bruger fælles listevælger.
- Ændrer kun Lykkehjulets Rediger pulje-visning.
- Puljen redigeres nu som ét tekstfelt pr. valgmulighed med + og −.
- Formål: undgå klemt textarea og fejl med synlige \n-tegn; gøre manuel puljeredigering rolig på iPad.
- Rører ikke spin, stop, auto, Space, lyd/animation, statistiklayout, Gem resultat, KaPardy, datawidget, papirkurv, navigation, render(), select() eller addWidget().
-->
<!--
SAFE162 NOTE:
- Lykkehjulets Vælg kilde kobles nu på den eksisterende fælles chooseSharedList()-modal, som Afstemning bruger.
- Formål: ens listevalg på tværs af widgets: listewidgets, datawidgets/datasæt, listebank og import til datawidget.
- Kun Lykkehjulets loadList-binding ændres. Spin, stop, auto, Space, lyd, statistiklayout, KaPardy, datawidget-layout, papirkurv og navigation røres ikke.
- Hvis chooseSharedList ikke findes, falder Lykkehjulet tilbage til den gamle lokale listevælger.
-->
<!--
SAFE161 WHEEL IMPORT-ONLY NOTE:
- Bygger på virkende SAFE160 layout-only.
- Retter kun Lykkehjulets eksisterende Vælg kilde/Hent liste-modal: importknappen åbner nu fil som synlig datawidget.
- Import sender ikke længere filens linjer direkte ind i Lykkehjulet.
- Ingen datawidget-valg som ekstra kilde endnu.
- Ingen ændring i listewidgets, listebank, layout, spin, stop, auto, Space, lyd, KaPardy, Afstemning, Grupper, papirkurv, render(), select() eller addWidget().
-->

<!--
SAFE160 NOTE:
- Bygger på SAFE159, som loader og bevarer den fungerende Lykkehjul-spinmotor.
- Retter kun Lykkehjulets layout i højre side: statistikpanelet skal scrolle internt, og bundknapperne må ikke skubbes ned.
- Ingen ændring i Vælg kilde/Hent liste, spin, lyd, auto-spin, Space, KaPardy, datawidget, papirkurv, render(), select() eller addWidget().
-->

<!--
SAFE159 NOTE:
- Redesign af Lykkehjulets højreside oven på stabile SAFE154-base.
- Bevarer spin-motor, lyd, auto, Space, wheelListBank/importflow og eksisterende Hent liste-flow.
- Gør statistik/resultatpanel altid synligt og gør Gem resultat til datawidget.
- Rediger pulje bevares som manuel nødløsning, men Gem pulje/listebank-flow fjernes fra Lykkehjulets hoved-UI.
- Ingen ændringer i KaPardy, Afstemning, Grupper, datawidget-layout, papirkurv, navigation, render(), select() eller addWidget().
-->
<!--
SAFE154 NOTE:
- Retter kun Hent liste-modalens importknap i det fælles listevalg.
- Importér tekst/regneark åbner nu CSV/TSV/XLSX/TXT som synlig datawidget i stedet for at sende filens linjer direkte ind i afstemningen/listeforbrugeren.
- Formål: regneark skal først blive en datawidget, så kolonner/resultater bevares og kan vælges bagefter.
- Ingen ændringer i Afstemningens gendannelse fra eksisterende datawidget/listewidget, Data → liste-dialog, KaPardy, Lykkehjulet, Grupper, papirkurv, tegning, navigation, render(), select() eller addWidget().
-->

<!--
SAFE153 NOTE:
- Bygger på den virkende SAFE151.
- Tilføjer kun oprydning i listebanken inde i Hent liste-modalens listebank-afsnit.
- Gemte listebank-lister får Brug/Slet, så usynlige lister kan fjernes fra hukommelsen.
- Rører ikke listewidget-toolbar/chrome, datawidget, afstemningsimport, KaPardy, papirkurv, tegning eller navigation.
-->
<!--
SAFE151 NOTE:
- Bygger på SAFE150.
- Hent liste viser nu listewidgets fra alle tavler, ikke kun aktiv tavle.
- Listewidgets mærkes med placering: aktuel tavle, anden tavle eller papirkurv.
- “Gemte lister” omdøbes i modaltekst til “Gemte lister”, så forskellen på synlige widgets og usynlig listebank bliver tydeligere.
- Ingen ændring i importlogik, datawidget-layout, KaPardy, papirkurv, tegning, navigation, render(), select() eller addWidget().
-->

<!--
SAFE150 NOTE:
- Bygger på den godkendte SAFE149.
- Retter kun Afstemning → Hent liste, når kilden er en listewidget/gemt liste med CSV-/semikolon-lignende afstemningsresultater.
- Hvis en almindelig liste har headeren Svar, Stemmer, Procent, gendannes spørgsmål, svarmuligheder og stemmetal ligesom fra datawidget.
- Hvis listewidgetten er produceret fra et datasæt, forsøges først det oprindelige datasæt via sourceDatasetId, hvis det stadig findes.
- Ingen ændringer i Data → liste-dialog, datawidget-layout, Lykkehjulet, Grupper, KaPardy, papirkurv, tegning, navigation, render(), select() eller addWidget().
-->
<!--
SAFE149 NOTE:
- Kun listevælgerens visning af datawidget-/datasætkilder er præciseret.
- Datawidgets viser nu også oprindelig leverandør/source, fx 😊 Afstemning → 📊 Datawidget.
- Formål: titler kan ændres, men kildeinformation bør stadig hjælpe brugeren med at forstå, hvor data kommer fra.
- Ingen ændring i importlogik, datawidgetdata, afstemningsgendannelse, KaPardy, Grupper, Lykkehjulet, render(), select() eller addWidget().
-->
<!--
SAFE148 NOTE:
- Bygger på den godkendte SAFE147.
- Kun UX-forbedring af den fælles Hent liste-modal.
- Listekilder grupperes nu efter oprindelse: Listewidgets, Datawidgets/datasæt og gemte lister.
- Hver valgmulighed viser ikon, titel, antal og "leveret af"-tekst.
- Ingen ændring i selve import-/gendannelseslogikken for Afstemning, Ordsky, datawidget, KaPardy, papirkurv eller navigation.
-->
<!--
SAFE147 NOTE:
- Bygger på SAFE146.
- Hent liste i Afstemning kan nu også vælge synlige datawidgets/datasæt.
- Hvis datasættet ligner afstemningsresultater (Svar, Stemmer, Procent), gendannes spørgsmål, svarmuligheder og stemmetal.
- Almindelige datawidgets afleverer fortsat en simpel liste via bedste tekstkolonne.
- Ingen ændringer i KaPardy, Lykkehjulet, Grupper, Data → liste-dialog, papirkurv, navigation eller render/select/addWidget.
-->
<!--
SAFE146 NOTE:
- Bygger på SAFE145, men ændrer kun afstemningens Gem resultat-flow.
- Gem resultat opretter nu en rigtig datawidget/datasæt med kolonnerne Svar, Stemmer og Procent.
- Formål: Resultater skal ikke importeres tilbage i afstemningswidgetten eller vises som flad liste, men ligge som struktureret tabeldata.
- Rører ikke Hent liste, Lykkehjulet, Grupper, KaPardy, Data → liste-dialog, papirkurv, tegning, navigation, render(), select(), addWidget() eller import/backup.
-->
<!--
SAFE145 NOTE:
- Bygger på SAFE144.
- Retter kun Afstemning → Gem svarliste/resultater.
- Gemte afstemningsresultater oprettes nu direkte som en synlig datawidget med kolonnerne Svar, Stemmer og Procent.
- Formål: Resultatet skal ligge som strukturerede tabeldata uden at skulle importeres tilbage i afstemningswidgetten.
- Rører ikke Hent liste, Lykkehjulet, Grupper, KaPardy, Data → liste-dialog, papirkurv, tegning, navigation, render(), select(), addWidget() eller import/backup.
-->
<!--
SAFE144 NOTE:
- Bygger på SAFE143.
- Retter kun Afstemning → Gem svarliste.
- Den nye listewidget indeholder nu afstemningsresultater pr. svarmulighed: svar, antal stemmer og procent.
- Årsag: SAFE143 oprettede en synlig listewidget, men overførte kun svarmulighederne og ikke de synlige resultater.
- Ingen ændringer i Hent liste, Lykkehjulet, Grupper, KaPardy, Data → liste-dialog, papirkurv, tegning eller navigation.
-->
<!--
SAFE143 NOTE:
- Kasserer SAFE141/SAFE142-metoderne til Afstemning → Gem svarliste.
- Bygger på senest fungerende SAFE140.
- Retter kun Afstemning → Gem svarliste, så knappen opretter og åbner en synlig listewidget direkte på tavlen.
- Listen gemmes samtidig i fælles listebank, så Hent liste kan finde den.
- Ingen ændringer i Hent liste, Lykkehjulet, Grupper, KaPardy, Data → liste-dialog, papirkurv, tegning eller navigation.
-->
<!--
SAFE140 NOTE:
- Afstemning kan nu også producere en fælles liste: “Gem svarliste” i Rediger afstemning.
- Gemmer kun afstemningens aktuelle svarmuligheder i det eksisterende listebank-flow via openSaveListModal().
- Ingen ændringer i Lykkehjulet, Grupper, Ordsky, KaPardy, Data → liste-dialog, render(), select(), addWidget(), import/backup eller papirkurv.
-->
<!--
SAFE121 ROLLBACK-NOTE:
- SAFE119 og SAFE120 skal kasseres i denne arbejdslinje.
- Brugeren rapporterede, at + tavle og N stoppede med at virke efter de seneste patches.
- Denne fil bygger derfor direkte på den uploadede SAFE118/SAFE116-rollbackbase, hvor + tavle og N virker.
- SAFE121 retter kun tegnelagets visuelle lagorden:
  1) Tegninger skal blive liggende visuelt over widgets, også når tegnetilstand slås fra.
  2) Widgets og KaPardy/datawidget/render/select/addWidget røres ikke.
  3) Modaler, titel/topbar/toolbar og tegnepanel lægges eksplicit over tegnelaget.
- Ingen papirkurv-navigation, ingen modalflow, ingen widgetdata og ingen import/backup ændres i denne fil.
-->
<!--
SAFE138 DOCUMENTATION-NOTE:
- Bygger på SAFE137, som er godkendt som ny virkende base efter papirkurv-/tavlenavigationssporet.
- Denne version ændrer ingen funktionalitet. Den tilføjer kun AI-venlig dokumentation/kodekort om datawidget- og listeflow.
- Formål: forberede næste udviklingsspor, hvor datawidget/listewidget skal kunne samarbejde mere ensartet med widgets, der bruger eller producerer lister.
- Ingen ændringer i KaPardy, datawidget-funktionalitet, liste-dialoger, render(), select(), addWidget(), import/backup, papirkurv, tegning eller navigation.

DATA/LISTE-ARBEJDSSPOR:
- Datawidget = appens sikre kilde til importerede/redigerede tabeller og strukturerede tekstdata.
- Listewidget = appens sikre kilde til simple linjelister.
- Forbrugere bør først kobles på eksisterende data/lister: Lykkehjulet og Grupper, derefter Afstemning/Ordsky, og først senere KaPardy.
- Nye importveje direkte inde i enkeltwidgets bør undgås, hvis data kan gå via datawidget/listewidget.
- Næste funktionelle fase bør kun ensrette “Hent liste” mellem Lykkehjulet og Grupper; KaPardy må stadig ikke røres.
-->
<!doctype html>
<!--
SAFE139 NOTE:
- Bygger på virkende SAFE138.
- Første funktionelle data/liste-kobling efter kortlægning.
- Afstemning kan nu hente svarmuligheder fra den fælles listevælger inde fra Rediger afstemning.
- Valgt liste erstatter svarmulighederne og nulstiller stemmer, men ændrer ikke spørgsmålet.
- Ingen ændringer i Lykkehjulet, Grupper, Ordsky, KaPardy, Data → liste-dialog, render(), select(), addWidget(), import/backup, papirkurv eller navigation.
-->

<!--
SAFE137 NOTE:
- Bygger direkte på den virkende SAFE134.
- Retter kun Ryd papirkurv-bekræftelsen.
- Native confirm() erstattes af appens egen modal, så rydningen ikke afhænger af browserens confirm-flow.
- Selve sletningen rydder kun den aktive papirkurvvisnings widgets.
- Ingen ændringer i normal tavlenavigation, +Tavle, N, Ryd tavle, tegning, KaPardy, datawidget, render(), select(), addWidget() eller import/backup.
-->


<!--
SAFE134 NOTE:
- Bygger på senest godkendte SAFE131.
- Retter papirkurven inde i hovedappens tavle-flow i stedet for med sen overlay-guard.
- Papirkurven tælles ikke som normal tavle i slideInfo/oversigtsknap.
- +Tavle og N indsætter ny normal tavle før papirkurven.
- Almindelig piletast- og swipe-navigation bruger kun normale tavler.
- Ingen ændringer i papirkurvbar, Ryd tavle, Ryd papirkurv, tegning, KaPardy, datawidget, render-flow ud over tællerlinjen eller import/backup.
-->

<!--
SAFE131 NOTE:
- Retter kun Ryd tavle-bekræftelsen.
- Browserens native confirm() erstattes for denne ene handling af appens egen modal, så Enter vælger OK og Escape annullerer.
- Selve ryd-logikken fra SAFE128/130 ændres ikke: widgets flyttes til papirkurv, og tegningen slettes.
- Ingen ændringer i papirkurv, Ryd papirkurv, tegningens z-index, +Tavle, N, KaPardy, datawidget, render(), select(), addWidget() eller import/backup.
-->

<!--
SAFE130 NOTE:
- Tilføjer kun genvejen Cmd+Shift+Delete / Ctrl+Shift+Delete til den eksisterende, virkende “Ryd tavle”-funktion fra SAFE128/129.
- Shift+Delete/Shift+Backspace bevares uændret til permanent sletning af valgt widget.
- Hjælp opdateres med den nye genvej.
- Ingen ændringer i papirkurvlogik, Ryd papirkurv, tegning, +Tavle, N, KaPardy, datawidget, render(), select(), addWidget() eller import/backup.
-->
<!--
SAFE129 NOTE:
- Bygger på virkende SAFE128.
- Rydder kun op i papirkurvens brugerflade, så papirkurvbaren kun viser de vigtigste handlinger.
- Synlige handlinger i papirkurvbaren: Tilbage, Gendan valgt og Ryd papirkurv.
- Fjerner den synlige "Slet valgt permanent"-knap og de små permanente X-knapper på papirkurv-widgets.
- Permanent enkeltslet kan stadig ske via eksisterende tastaturflow; samlet sletning sker via Ryd papirkurv.
- Ingen ændringer i Ryd tavle, Cmd+Z, +Tavle, N, tegning, KaPardy, datawidget, render(), select(), addWidget() eller import/backup.
-->
<!--
SAFE128 NOTE:
- Bygger på virkende SAFE127.
- Retter kun Ryd tavle-knappen.
- Ryd tavle flytter alle widgets på aktiv normal tavle til papirkurven og rydder tavlens tegning.
- Ingen ny Cmd+Z-/undo-logik tilføjes. Eksisterende papirkurv-gendannelse bevares uændret.
- Ingen ændringer i papirkurvens titel, Ryd papirkurv, tegningens z-index, +Tavle, N, KaPardy, datawidget, render(), select(), addWidget() eller import/backup.
-->
<!--
SAFE126 NOTE:
- Bygger på den virkende SAFE124/SAFE121-rollback.
- Retter kun papirkurvens titel inde i eksisterende titel-/papirkurv-flow.
- Papirkurvens titel låses som ikke-redigerbar i updateTrashBoardUI().
- Titelinput/Enter/Escape ignoreres, hvis aktiv tavle er papirkurven.
- Klik/tap på titel/prik i papirkurven bruger eksisterende returnFromTrashBoard()/__tavleReturnFromTrashBoard-flow.
- Ingen ændringer i Ryd tavle, +Tavle, N, KaPardy, datawidget, tegning, modaler, render(), select(), addWidget() eller import/backup.
-->

<!--
SAFE127 NOTE:
- Bygger på den virkende SAFE126.
- Tilføjer kun “Ryd papirkurv”-knap i den eksisterende papirkurvbar.
- Knappen vises kun i papirkurven og sletter alle widgets i papirkurven permanent efter bekræftelse.
- Ingen ændringer i Ryd tavle, Cmd+Z, +Tavle, N, KaPardy, datawidget, tegning, modaler, render(), select(), addWidget() eller import/backup.
-->

<!--
SAFE113 ROLLBACK-NOTE:
- SAFE112 skal kasseres.
- SAFE112 forsøgte at skjule præsentationsikonet og skifte redigering/præsentation via tap på tavlebaggrund/titelprik.
- Brugeren rapporterede, at SAFE112 ødelagde appen.
- Denne fil er derfor en ren rollback til SAFE111.
- SAFE111 skjuler de defekte topbar-pile og bevarer + tavle.
- Ingen nye funktionelle ændringer i denne fil.
-->

<!--
SAFE110 ROLLBACK-NOTE:
- SAFE105, SAFE106, SAFE107, SAFE108 og SAFE109 skal kasseres.
- De forsøgte at reparere grafiske pile/Tavler-knap, men skabte ustabil topbar med dubletknapper og buggy adfærd.
- Denne fil er en ren rollback til SAFE104, hvor + tavle virkede.
- Kendt fejl i denne rollback: grafiske pile og Tavler-knap er stadig ikke løst.
- Ingen funktionelle ændringer ud over den allerede fungerende SAFE104 + tavle-rettelse.
-->


<!--
SAFE58 ROLLBACK-NOTE:
- SAFE56 og SAFE57 skal kasseres.
- SAFE56 indførte app-klasser til samlet modefarve og ødelagde appens load-/knapflow.
- SAFE57 forsøgte at reparere SAFE56, men versionen er stadig rapporteret ødelagt.
- Denne fil er derfor en ren rollback til SAFE55-linjen.
- Ingen nye funktionelle ændringer i denne fil.
-->

<!--
SAFE59 NOTE:
- Samler titelramme, statusprik og valgt-widget-markering via CSS :has().
- Ændrer ikke JavaScript-flow, render(), select(), addWidget() eller app-klasser.
- SAFE56-metoden med nye app-klasser bruges ikke igen.
-->

<!--
SAFE60 NOTE:
- SAFE59 samlede farver med CSS :has(), men statusprikken opdaterede ikke stabilt.
- SAFE60 sætter derfor --safe60-mode-color og --safe60-mode-glow direkte på #app i updateModeBadge().
- Dette er stadig kun visuelt og ændrer ikke render-flow, widgetdata eller knaplogik.
-->

<!--
SAFE61 NOTE:
- Den gamle #modeBadge-prik skjules, fordi den ikke fulgte farvesignalet stabilt.
- Den synlige prik er nu #title::before og bruger samme --safe60-mode-color som titelramme og valgt widget.
- Dette er kun visuel CSS/kommentar og ændrer ikke appens funktionelle flow.
-->

<!--
SAFE63 ROLLBACK-NOTE:
- SAFE62 skal kasseres.
- SAFE62 ødelagde appen og viste en rå KaPardy-template-streng i UI:
  ${kahoopardyModeName(currentMode)}
- Det betyder, at SAFE62 sandsynligvis ramte et følsomt template literal-/KaPardy-område.
- Denne fil er derfor en ren rollback til sidst testede fungerende SAFE61.
- Ingen nye funktionelle ændringer i denne fil.
-->

<!--
SAFE64 NOTE:
- Kun timer er flyttet til den primære aktivitets-toolbar.
- Timer er fjernet fra Mere → Tavle ved at fjerne den præcise arraylinje ['timer','⌛','timer'].
- Ingen Tema/Udseende-funktion i denne version.
- Ingen ændringer i KaPardy, render(), select(), addWidget(), import eller backup.
-->

<!--
SAFE65 NOTE:
- Kun hjælpetekst og AI-kommentarer er opdateret.
- Hjælpen forklarer nu den brugerrettede opdeling:
  Toolbar = live-aktiviteter.
  Mere → Indhold = opret/indsæt materiale.
  Mere → Tavle = tavlens udseende/tidsvisning.
  Mere → System = gem/åbn, hjælp og papirkurv.
- Ingen funktionalitet, widgetlogik, KaPardy, render(), select() eller addWidget() ændret.
-->

<!--
SAFE66 NOTE:
- Kun én hjælpetekstlinje er ændret.
- Timer beskrives nu ud fra brugerens handling/brug, ikke hvor widgetten oprettes.
- Ingen funktionalitet ændret.
-->

<!--
SAFE67 NOTE:
- Første sikre Tema/Udseende-fase.
- Tilføjer kun knappen Udseende i Mere → System.
- Udseende åbner kun en placeholder-modal med forklaring: ingen tema-logik endnu.
- Ingen ændringer i KaPardy, render(), select(), addWidget(), import, backup, widgets eller tavledata.
-->

<!--
SAFE68 NOTE:
- Mere-menuen er ændret til faste 2 kolonner i alle grupper:
  Indhold = 4 rækker × 2 kolonner.
  Tavle = 1 række × 2 kolonner.
  System = 2 rækker × 2 kolonner.
- Ingen data-more-tool-navne, handleTool-cases eller widgetfunktioner er ændret.
- Formålet er bedre læsbarhed på iPad split-screen og telefon.
-->

<!--
SAFE71 ROLLBACK-NOTE:
- SAFE69 og SAFE70 skal kasseres.
- Begge viste rå KaPardy-template-streng i UI:
  ${kahoopardyModeName(currentMode)}
- Det betyder, at Udseende/Tema-implementeringen igen ramte et følsomt template-/KaPardy-område.
- Denne fil er en ren rollback til SAFE68, som brugeren godkendte.
- Ingen nye funktionelle ændringer i denne fil.
- Fremtidig Udseende/Tema må ikke implementeres ved at indsætte større JS/CSS-blokke i denne fil uden først at kortlægge KaPardy-templateområdet.
-->

<!--
SAFE74 ROLLBACK-NOTE:
- SAFE72 og SAFE73 skal kasseres.
- SAFE72: Udseende-placeholder åbnede ikke.
- SAFE73: forsøg på at rette Udseende-placeholder ødelagde appen.
- Denne fil er en ren rollback til SAFE71, som byggede på fungerende SAFE68.
- Ingen nye funktionelle ændringer i denne fil.
- Udseende/Tema/placeholder bør nu helt pauses og ikke forsøges igen i denne arbejdstråd.
-->

<!--
SAFE75 DOCUMENTATION-NOTE:
Denne version ændrer ingen funktionalitet. Den tilføjer kun AI-venlig dokumentation.

AKTUEL STABIL BASE:
- SAFE74 er ny stabil base.
- SAFE74 bygger på den fungerende SAFE71/SAFE68-linje.
- SAFE68 gav Mere-menuen faste 2 kolonner pr. gruppe.
- SAFE64 flyttede timeren til aktivitets-toolbar.
- SAFE61-linjen gav ny sikker statusprik i titlen.

GODKENDTE UX-PRINCIPPER:
- Primær toolbar = live-aktiviteter i undervisningen.
- Mere → Indhold = opret/indsæt materiale.
- Mere → Tavle = baggrund og ur.
- Mere → System = Gem/åbn, hjælp og papirkurv.
- Timer hører til i toolbaren, fordi den bruges live foran eleverne.

KASSEREDE SPOR:
- SAFE56/SAFE57: samlet modefarve via app-klasser ødelagde appens load-/knapflow.
- SAFE62: forsøg på Udseende/Tema ødelagde appen og viste rå KaPardy-template-streng.
- SAFE69/SAFE70: tema-funktion ødelagde igen KaPardy/template-laget.
- SAFE72/SAFE73: Udseende-placeholder/handler virkede ikke stabilt og skal kasseres.

FØLSOMME OMRÅDER:
- KaPardy-template literals må ikke rammes af brede søg/erstat eller store JS-indsættelser.
- Nye modal-/handlerfunktioner er risikable i denne fil og skal kun laves efter kortlægning.
- Tema/Udseende er sat helt på pause i denne arbejdslinje.
- Undgå ændringer i render(), select(), addWidget(), import/backup og KaPardy uden særskilt testplan.

ARBEJDSREGEL:
- Fortsæt kun med små, isolerede ændringer.
- Kommentér hver ændring tydeligt.
- Gem fallback-version før næste ændring.
- Test load, knapper, Mere, timer, papirkurv og KaPardy efter hver ændring.
-->

<!--
SAFE76 DOCUMENTATION-NOTE:
Denne version ændrer ingen funktionalitet. Den tilføjer kun mere lokal AI-dokumentation.

FORMÅL:
- Gøre det tydeligt for fremtidige AI-sessioner, at toolbar og Mere-menu nu har en aftalt brugerlogik.
- Forhindre nye brede ændringer i showMoreTools(), handleTool() eller KaPardy.
- Fastholde at Udseende/Tema er sat på pause.

TOOLBAR / MERE-GRÆNSE:
- Toolbar må kun rumme live-aktiviteter, der typisk bruges foran eleverne.
- Mere → Indhold må rumme widgets/materiale, man opretter eller indsætter.
- Mere → Tavle må rumme tavlevisning og baggrund.
- Mere → System må rumme gem/åbn, hjælp og papirkurv.
- Nye knapper må ikke tilføjes uden samtidig at teste handleTool(), Mere, shortcuts og KaPardy.

IKKE GØR:
- Genindfør ikke Udseende/Tema/placeholder i denne linje.
- Indsæt ikke store scriptblokke før/efter showMoreTools().
- Brug ikke brede regex-erstatninger i områder med template literals.
-->

<!--
SAFE77 DOCUMENTATION-NOTE:
Denne version ændrer ingen funktionalitet. Den tilføjer kun AI-venlig dokumentation om datawidgets og listeflow.

DATAFLOW-PRINCIP:
- Datawidgetten er appens sikre mellemstation for importerede eller strukturerede data.
- Listewidgetten er appens sikre mellemstation for simple tekstlister.
- Widgets der bruger navne/linjer/svarmuligheder bør helst hente fra data/liste.
- Widgets der producerer tekst/lister bør helst kunne aflevere til data/liste.
- Undgå at hver aktivitet får sin egen tilfældige filimport, hvis samme behov kan løses via data/liste.

BRUGERLOGIK:
- Import/drop/backup er den primære filindgang.
- Datawidget/listewidget er den primære interne dataindgang til aktiviteter.
- Hjul, grupper, ordsky/sky, afstemning og quiz bør på sigt dele samme listelogik.
- CSV/TSV/XLSX og dansk tekst med Æ/Ø/Å skal testes særligt efter ændringer.

IKKE GØR:
- Indfør ikke ny importlogik direkte i enkeltwidgets uden plan.
- Flyt ikke data mellem widgets uden at bevare brugerens mulighed for backup/eksport.
- Rør ikke KaPardy-import eller template literals uden særskilt kortlægning.
- Ændr ikke datamodellen for eksisterende tavler i en dokumentationsfase.
-->

<!--
SAFE78 DOCUMENTATION-NOTE:
Denne version ændrer ingen funktionalitet. Den retter kun brugerrettede tekster.

FORMÅL:
- Hjælpetekster skal beskrive brugerens handlinger, ikke interne tekniske detaljer.
- Labels skal være korte og konkrete.
- Undgå udviklerord som state, render, template, intern tavle, CSS, localStorage i brugerhjælp.
- Bevar tekniske advarsler i kodekommentarer, men ikke i brugerfladen.

INGEN ÆNDRINGER I:
- KaPardy
- render(), select(), addWidget()
- import/backup
- widgetdata
- handleTool()
- Mere-menuens struktur
-->

<!--
SAFE79 NOTE:
- Kun brugerrettede title/tooltip-tekster i toolbaren er justeret.
- Formål: gøre live-værktøjerne lettere at forstå uden at ændre knapper, genveje eller funktionalitet.
- Ingen ændringer i KaPardy, render(), select(), addWidget(), import/backup, widgets eller data.
-->

<!--
SAFE80 NOTE:
- Kun Hjælp er udvidet med en ikonoversigt over værktøjslinjen.
- Formål: give iPad- og Mac-brugere en synlig forklaring på ikonerne uden at være afhængig af browser-tooltips.
- Ingen nye handlers, ingen ny funktionalitet, ingen widgetdataændringer.
- Ingen ændringer i KaPardy, render(), select(), addWidget(), import eller backup.
-->

<!--
SAFE81 NOTE:
- Kun Hjælpens rækkefølge/struktur er justeret.
- Formål: vigtigste brugerflow først, derefter ikoner, Mere-opdeling, data/lister, papirkurv og navigation.
- Ingen funktionalitet ændret.
- Ingen nye handlers.
- Ingen ændringer i KaPardy, render(), select(), addWidget(), import eller backup.
-->

<!--
SAFE82 NOTE:
- Kun små brugerrettede labels/ordvalg er justeret.
- Formål: korte labels skal være forståelige på iPad/Mac uden tekniske ord.
- Ingen data-tool/data-more-tool-navne er ændret.
- Ingen funktionalitet, handlers, widgetdata, KaPardy, render(), select(), addWidget(), import eller backup er ændret.
-->

<!--
SAFE84 ROLLBACK-NOTE:
- SAFE83 skal kasseres.
- SAFE83 forsøgte at lave datawidget tabel-editor via wrapper omkring fillContent().
- Det er for risikabelt i denne app-linje, fordi fillContent() er centralt for alle widgets.
- Denne fil er en ren rollback til den senest godkendte stabile SAFE82.
- Ingen nye funktionelle ændringer i denne fil.

LÆRING:
- Datawidget-tabel-editor er stadig en god idé, men skal implementeres i langt mindre faser.
- Første nye forsøg må ikke wrappe fillContent() globalt.
- Første nye forsøg bør kun kortlægge og kommentere eksisterende datawidget-flow eller ændre én eksisterende dataset-rendergren meget snævert.
-->

<!--
SAFE85 NOTE:
- Nyt, snævrere forsøg på datawidget tabel-editor.
- Ingen global wrapper om fillContent().
- Ændrer kun den eksisterende fillContent-gren for tekstwidgets med datasetId og datasetView===false.
- Almindelige tekstwidgets bruger fortsat den gamle textarea.
- Dataset-preview bruger fortsat den gamle preview.
- Ingen ændringer i KaPardy, render(), select(), addWidget(), import/backup eller datamodel.
-->

<!--
SAFE86 NOTE:
- Retter kun knapperne i SAFE85 datawidget tabel-editor.
- Editorens + række, + kolonne, − række, − kolonne og Vis preview håndteres nu med direkte intern event-delegering.
- Pointer/click på editorens knapper/input stoppes, så widget-drag/selection ikke æder eventet.
- Ingen ændringer i KaPardy, render(), select(), addWidget(), import/backup eller datamodel.
-->

<!--
SAFE87 NOTE:
- Retter datawidget-visning af HTML/XML-entiteter som &#230; &#248; &#229; til æ ø å.
- Fjerner den overflødige → Listewidget-knap fra data-preview, fordi headerens →-knap allerede laver liste fra datasættet.
- Ændringen er begrænset til datawidget-preview/editor og en forsigtig decode-helper.
- Ingen ændringer i KaPardy, render(), select(), addWidget(), import/backup eller grundlæggende datamodel.
-->

<!--
SAFE88 NOTE:
- Fjerner kun den overflødige “Vis preview”-knap fra datawidget-tabel-editoren.
- Skift mellem preview og redigering sker fortsat via den hvide firkantede knap i widget-headeren.
- Headerens →-knap er fortsat vejen til at lave liste fra datasættet.
- Ingen ændringer i KaPardy, render(), select(), addWidget(), import/backup eller datamodel.
-->

<!--
SAFE89 NOTE:
- Kun visuel layoutjustering af datawidget-tabel-editorens topbjælke.
- Formål: gøre titel, + række/+ kolonne og rækker/kolonner-status roligere, især i smalle widgets.
- Ingen funktionalitet ændret.
- Ingen ændringer i KaPardy, render(), select(), addWidget(), import/backup eller datamodel.
-->

<!--
SAFE90 NOTE:
- Samlet, afgrænset update for datawidget-editoren.
- Rækkefølge:
  1) Data → liste-flow sikres, så headerens →-knap først gemmer aktuelle tabelredigeringer.
  2) Tastaturnavigation i tabel-editor: Tab/Shift+Tab/Enter/Shift+Enter og piletaster mellem celler.
  3) Kolonnebredder og scroll gøres mere læsbare på iPad/brede ark.
- Ændringerne er begrænset til datawidget-editor og dataset-knapper.
- Ingen ændringer i KaPardy, render(), select(), addWidget(), import/backup eller grundlæggende datamodel.
-->

<!--
SAFE95 ROLLBACK-NOTE:
- SAFE91, SAFE92, SAFE93 og SAFE94 skal kasseres.
- SAFE94 byggede på SAFE91, men brugeren rapporterede også den som ødelagt.
- Denne fil er derfor en ren rollback til SAFE90, som brugeren eksplicit testede og godkendte som fungerende.

STABIL BASE:
- SAFE90 er ny rollback-base.
- Datawidget tabel-editor virker.
- +/− række og +/− kolonne virker.
- Æ/Ø/Å-entiteter vises korrekt.
- Headerens → gemmer aktuelle tabelændringer før liste-dialog.
- Tab/Enter/piletaster virker i dataeditoren.
- Brede ark har bedre scroll og kolonnebredder.

KASSERET:
- SAFE91: dokumentationsfase viste sig ikke som sikker base i praksis.
- SAFE92: Data → liste-dialog finpudsning gav grafiske/modal-problemer.
- SAFE93: modal-layout-fix ødelagde appen.
- SAFE94: rollback til SAFE91 var stadig ødelagt.

ARBEJDSREGEL:
- Byg videre fra SAFE95/SAFE90.
- Rør ikke Data → liste-dialogens layout i denne tråd.
- Hvis dokumentation tilføjes igen, skal filen testes straks som funktionel ændring, selv hvis det “kun” er kommentarer.
-->

<!--
SAFE96 NOTE:
- Kun hjælpetekst er opdateret.
- Tilføjer brugerrettet forklaring af:
  1) Data i praksis: import -> datawidget -> redigér tabel -> lav liste -> brug i aktiviteter.
  2) Gem / åbn: forskel på almindelige filer og fuld backup.
- Ingen funktionalitet, ingen modaler/dialoglogik, ingen KaPardy, render(), select(), addWidget(), import/backup eller datamodel ændret.
-->

<!--
SAFE97 NOTE:
- Retter SAFE96-fejl: “Data i praksis” stod kun i kodekommentaren, ikke som synligt hjælpeafsnit.
- Tilføjer nu “Data i praksis” inde i den faktiske Hjælp/FAQ.
- “Gem / åbn og filimport” var allerede synligt i SAFE96 og bevares.
- Ingen funktionalitet, ingen modaler/dialoglogik, ingen KaPardy, render(), select(), addWidget(), import/backup eller datamodel ændret.
-->

<!--
SAFE99 ROLLBACK-NOTE:
- SAFE98 skal kasseres.
- SAFE98 forsøgte at rette tavle-navigation, + tavle og papirkurvstælling med globale overrides.
- Det var for aggressivt og ødelagde appen.
- Denne fil er en ren rollback til SAFE97, som var fungerende før SAFE98.
- Ingen nye funktionelle ændringer i denne fil.

AKTUEL STABIL BASE:
- SAFE97 / SAFE95 / SAFE90-linjen.
- Datawidget tabel-editor virker.
- Hjælp indeholder nu både “Gem / åbn og filimport” og “Data i praksis”.
- Data → liste-dialogens layout må ikke redesignes i denne tråd.
- Tavle-navigation/papirkurv-fejlen er stadig observeret, men ikke løst i denne fil.

LÆRING:
- Tavle-navigation skal ikke fixes med brede globale overrides.
- Næste forsøg skal først kortlægge de eksisterende navigation-patches og kun rette én ting ad gangen:
  1) først + tavle-knappen,
  2) derefter topbar-pile,
  3) til sidst papirkurv/tæller.
-->

<!--
SAFE101 ROLLBACK-NOTE:
- SAFE100 skal kasseres.
- SAFE100 forsøgte kun at binde topbar-knapperne ◀, ▶ og + tavle direkte,
  men brugeren rapporterede at appen blev ødelagt.
- Denne fil er en ren rollback til SAFE99, som brugeren bekræftede virkede,
  bortset fra at topbarens ◀/▶ og + tavle ikke virker.
- Ingen nye funktionelle ændringer i denne fil.

AKTUEL STABIL BASE:
- SAFE101 = SAFE99-linjen.
- Tavle-navigation virker via swipe og almindelige pilgenveje.
- N opretter ny tavle.
- Papirkurv/tæller opfører sig som ønsket i rollback.
- Topbarens ◀/▶ og + tavle er stadig ikke løst.

LÆRING:
- Topbar-knapperne må ikke patches med ekstra capture/click-bindinger ovenpå eksisterende handlers.
- Næste forsøg bør ikke tilføje ny global script-handler.
- Først kortlæg præcis hvorfor topbar-knappernes eksisterende onclick ikke affyres:
  1) er de dækket af overlay?
  2) er pointer-events slået fra?
  3) er knapperne skjult/erstattet af en anden topbar?
  4) bliver click stoppet af en anden capture-handler?
- Ingen ny topbar-fix i denne tråd uden kortlægning.
-->


<!--
SAFE116 NOTE:
- Retter kun SAFE115-prikskiftet, så det også virker tilbage fra præsentation til redigering.
- Årsag: eksisterende CSS satte pointer-events:none på titlen i præsentationstilstand.
- SAFE116 gør kun #title klikbar igen; selve handleren skifter stadig kun tilstand i venstre prikzone.
- Ingen ændringer i baggrundstap, Space, topbar, widgets, KaPardy, datawidget, render(), select(), addWidget(), import/backup eller papirkurv.
-->
<!--
SAFE102 NOTE:
- Retter kun + tavle-knappen.
- Ingen nye globale handlers, ingen capture-events og ingen overrides af nextSlide()/prevSlide().
- + tavle bruger nu samme shortcut-API som N, fordi N allerede virker.
- Rører ikke ◀/▶, papirkurv/tæller, swipe, datawidget, KaPardy, render(), select(), addWidget(), import/backup eller datamodel.
-->

<!--
SAFE104 NOTE:
- Retter kun + tavle-knappen i den sene papirkurv-/tavlepatch, hvor #addSlide.onclick bliver overskrevet efter den oprindelige topbar-binding.
- SAFE102 rettede den tidlige handler, men den sene patch vandt bagefter.
- SAFE104 lader derfor den sene #addSlide.onclick kalde samme window.tavleShortcutAPI.newSlideShortcut() som N-genvejen.
- Ingen ændringer i ◀/▶, nextSlide()/prevSlide(), render(), select(), addWidget(), KaPardy, datawidget, import/backup eller datamodel.
- Ingen globale click/capture-handlere tilføjet.
-->


<!--
SAFE115 NOTE:
- Bygger på SAFE113/SAFE111-linjen.
- Tilføjer kun en afgrænset touch-/klikzone på statusprikken i venstre side af titlen.
- Tryk/klik i prikzonen skifter mellem redigering og præsentation via den eksisterende #present-knap.
- Ingen baggrundstap, ingen ændring af Space/Mere, ingen ændring af topbarens øvrige knapper.
- Rører ikke KaPardy, datawidget, papirkurv, render(), select(), addWidget(), import/backup eller datamodel.
-->

<!-- Måns patch version: SAFE102-fix-add-slide-only | bygger på SAFE101; retter kun + tavle via eksisterende onclick -->
<!--
AI-KODEKORT — Min undervisningstavle / SAFE41
Formål: Single-file webapp (HTML + CSS + JavaScript i én fil). Data gemmes primært i localStorage. Ingen backend.
State: `state` rummer bl.a. `active`, `slides`, `datasets`, settings og runtime-data. Gemmes som JSON under KEY i localStorage.
Tavle/slide: Et element i `state.slides[]` med titel, baggrund, tegning og `widgets[]`. `state.active` peger på aktuel tavle.
Widget: Objekt med id, type, position, størrelse, z-index, rotation, titel og `data`. DOM bygges typisk via `makeWidget()`, indhold via `fillContent()`.
Vigtige områder: storage omkring KEY/load/save/state; tavler omkring slide()/render(); widgets omkring addWidget()/makeWidget()/wireWidget()/select()/fillContent(); shortcuts i flere keydown-handlere; papirkurv i trash-board-blokke; KaPardy i egne funktioner/CSS.
Følsomme områder: render-flow, init/load, select(), addWidget(), globale shortcuts, papirkurv som intern tavle, iframe/link-kontrol, fokus/maksimering, PDF og KaPardy-template literals.
Arbejdsprincip: Fremtidig AI bør ændre småt, teste efter hver ændring og aldrig omskrive store blokke uden først at kortlægge afhængigheder.

SAFE51 TOOLBAR-/INDHOLDSPRINCIP
- Primær toolbar skal være til live-undervisningshandlinger og hurtige aktiviteter.
- Basale indholds-widgets som tekst, video, datawidget og listewidget ligger i Mere > Indhold, så toolbaren ikke bliver for bred.
- Datawidget og listewidget er brugerrettede indgange til appens fælles dataflow: tekst/tabeller ind, lister videre til aktiviteter.
- Flytning af knapper må kun ændre placering/label; nye data-more-tool-navne kræver matchende handleTool-case og direkte test.

SIKKERHEDSREGLER FOR AI-ÆNDRINGER
- Lav små, isolerede ændringer og gem fallback før næste trin.
- Test load, toolbar, Mere, widgets, papirkurv, shortcuts, wheel og KaPardy efter hver ændring.
- Undgå regex-erstatning af store blokke; ret få konkrete linjer.
- Undgå wrappers/monkeypatch omkring render(), init/load-flow, select() og addWidget(), medmindre hele flowet er kortlagt.
- Bevar KaPardy-template literals, mode-knapper og rendering; rør dem kun med meget snæver patch.
- Bevar papirkurv som intern/særlig tavle, skjult fra normal tavlelogik.
- Hvis appen ikke loader efter en ændring: rollback straks til senest virkende fil og lav mindre patch.

KENDTE RISIKOOMRÅDER
- Single-file-størrelse: mange funktioner, CSS-lag og patchhistorik i samme fil.
- Mange patchlag: samme feature kan have senere overrides længere nede i filen.
- Flere overlappende shortcut-handlere: kontrollér faktisk handler før ændring.
- KaPardy-template er følsom; tidligere fejl viste en rå template-streng med kahoopardyModeName(currentMode) i DOM.
- Papirkurv er intern tavle og må ikke behandles som normal brugertavle.
- Wheel-CSS er følsom: SAFE26 viste, at gammel v11 wheel-CSS stadig påvirker praktisk styring/pointer-flow.
- iPad/Safari har særheder med focus, file://, print, iframe, lyd-unlock og pointer events.
- localStorage/state-migration kan påvirke gamle tavler; vær varsom med ændring af datamodellen.

STABILITETSLOG / SENESTE OPRYDNINGSLINJE
- SAFE22–25: AI-kodekort + første sikre oprydninger: død HTML-gren, gammel modal-papirkurv og supersedet More-CSS.
- SAFE26 og SAFE32: kasserede forsøg; de viste at wheel-CSS og selv små CSS-rester kan påvirke keyboard-/pointer-flow.
- SAFE27–34: rollback/stabilisering, rescue-dublet fjernet, titel/save/bg-CSS ryddet, lyd-unlock repareret.
- SAFE35–40: dokumentationslaget konsolideret: header, CSS-kommentarer, script-kort, KaPardy-advarsel og widget-map.
- SAFE41: CSS-risikokort tilføjet. Ingen CSS-regler eller JavaScript ændret.
- SAFE43-45: Hjælp/labels gjort mere brugerrettede omkring dataflow, import/backup og papirkurv.
- SAFE46: Hjælpetekst præciserer, at Shift+klik på widget-X også sletter permanent uden papirkurv. Ingen funktionalitet ændret.
- SAFE47: Primær toolbar gøres mere live-orienteret ved at fjerne backup-knappen derfra; Gem/åbn ligger fortsat i Mere. Ingen import-/backuplogik ændret.
- SAFE48: Mere-menuen grupperes visuelt i Indhold, Tavle og System. Kun markup/CSS for brugeroverblik; ingen tool-handlere ændret.
- SAFE49: Mere-menuens grupper vises som sektioner med overskrift over knapperne; undgår at gruppe-labels opfører sig som ekstra ikoner.
- SAFE50: Tekst og video flyttet fra primær toolbar til Mere > Indhold, så toolbaren primært viser live-aktiviteter.
- SAFE51: Datawidget og listewidget tilføjet til Mere > Indhold. Små handleTool-cases opretter eksisterende widgettyper; ingen render-/importflow ændret.
- SAFE52: Lille brugerrettet statusmærke tilføjet. Det forklarer kun den aktuelle brugertilstand: Redigering, Præsentation, Fokus, Maksimeret eller Papirkurv. Ingen render-/widgetlogik ændret.
- SAFE53: Statusmærket er gjort til en diskret farveprik inde i titelrammen; max-/fokus-exit er gjort kortere, så det dækker mindre.
- Senest testet stabile base før denne fil: SAFE40.

WIDGET-MAP / AI-UDVIKLINGSKORT
- Widgetlivscyklus: addWidget() opretter dataobjekt; makeWidget() bygger ydre DOM/chrome; fillContent() bygger typeindhold; wireWidget() kobler drag/resize/rotation/valg; save()/render() synkroniserer state og DOM.
- CSS for widgets ligger spredt i lag: basis .widget/.content øverst, type-CSS længere nede, og senere SAFE/patch-overrides nederst. Fjern aldrig ældre widget-CSS uden konkret widget-test.
- En widgetændring kræver normalt tjek af tre steder: CSS for typen, fillContent()/render-funktion for typen, og evt. særskilt wire/keyboard-funktion.
- Text/dataset er koblet til dataset-parser, eksport og kolonne-til-liste-flow. Test Æ/Ø/Å og CSV/TSV efter ændringer.
- Wheel er følsom: mellemrum, auto-spin, centerknap, listebank, cloud/opsamling og lyd-unlock kan påvirke hinanden via både CSS og JS.
- Groups bruger egen wheel-lignende visning, låste grupper og resultatlayout; test både redigering og præsentation.
- Wordcloud/poll/wheel-cloud deler visuelle cloud-mønstre; CSS-oprydning kan påvirke flere widgets samtidigt.
- Link/iframe og PDF har særlige pointer-events/focus-regler. Test både valgt, ikke valgt, præsentation og focus/maximize.
- Image/PDF kan have download-/lokalfilflows. Test file://, GitHub Pages og iPad/Safari særskilt ved ændringer.
- KaPardy har egen normalisering, keyboardlogik og templates. Rør kun i den afgrænsede KaPardy-blok og test straks load + startmode.
- Papirkurv flytter hele widgetobjekter. Widgettyper må derfor bevare data/state ved slet/gendan; permanent sletning må ikke bruges som normal delete.

DATAWIDGET-FLOW / AI-UX-REGEL
- Datawidgetten er appens centrale mellemstation for tekst, tabeller og genbrugelige lister.
- Widgets der bruger/producerer tekstdata bør primært hente fra og aflevere til datawidgets/listewidgets, ikke åbne tilfældige filvælgere hver især.
- Filimport bør føre til data/liste først; hjul, grupper, ordsky, afstemning og KaPardy bør derefter hente derfra.
- Universal import/drop er appens primære filindgang: slip understøttede filer på tavlen eller i Gem/åbn-dialogens dropzone.
- En tavlebackup/gemmefil er noget andet end dataimport: den kan erstatte hele den aktuelle tavle-state og skal derfor altid forklares/advares tydeligt.
- Fremtidigt UX-mål: tydelig importvej til widgets/data, tydelig backupvej til hele tavlen, og evt. sikkert valg mellem “Erstat aktuel tavle” og “Merge/indsæt som nye tavler”.
- Ved fremtidige ændringer: undgå at tilføje nye separate importflows inde i enkeltwidgets, medmindre de også gemmer resultatet som data/liste.
-->

<!--
SAFE111 NOTE:
- Fjerner de grafiske topbar-pile visuelt, fordi #prev/#next ikke reagerer stabilt i SAFE101/104-linjen.
- Tavleskift bevares via træk/swipe på tavlebaggrunden og tastaturets almindelige piletaster.
- Knapperne fjernes ikke fra DOM, fordi ældre scriptlag stadig forventer at finde #prev og #next.
- Ændringen er kun CSS/visuel og må ikke påvirke + tavle, N-genvej, papirkurv, datawidget, KaPardy, render(), select(), addWidget() eller import/backup.
-->
<html lang="da">
<head>
<!--
SCRIPT-KORT / LOAD-RÆKKEFØLGE
- Tidlig Cmd/Ctrl+O-guard ligger før resten for at fange browserens standardgenvej.
- Hovedappen ligger i den store scriptblok senere i filen; her findes state, render(), slide(), addWidget(), makeWidget(), fillContent(), shortcuts og init/load.
- Senere scriptblokke er historiske, målrettede patches/fallbacks. De må ikke fjernes samlet; test én blok ad gangen.
- Widget-overview har egne script-id'er og egen keyboardlogik; papirkurven bruger også overview-lignende navigation.
- Papirkurv-patches ligger sidst som interne tavle-guards. De må ikke erstattes af gammel modal/localStorage-papirkurv.
- KaPardy, wheel, lyd-unlock, shortcuts og iframe/link-patches er følsomme: lav kun små ændringer og test direkte funktion efter hver ændring.
-->
<script id="widget-overview-early-cmdo-guard">
(function(){
  function isCmdO(e){return (e.metaKey||e.ctrlKey) && !e.altKey && !e.shiftKey && String(e.key||'').toLowerCase()==='o';}
  window.addEventListener('keydown',function(e){
    if(!isCmdO(e)) return;
    e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();
    try{
      if(typeof window.toggleWidgetOverview==='function') window.toggleWidgetOverview();
      else { var b=document.getElementById('widgetCycle'); if(b) b.click(); }
    }catch(_e){}
    return false;
  },true);
})();
</script>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Interaktiv tavle v1.2.45</title>
<meta name="application-name" content="Interaktiv tavle">
<meta name="apple-mobile-web-app-title" content="Interaktiv tavle">
<meta name="theme-color" content="#1f2937">
<link rel="icon" type="image/png" sizes="512x512" href="icons/tavle_icon_512.png">
<link rel="icon" type="image/png" sizes="192x192" href="icons/tavle_icon_192.png">
<link rel="apple-touch-icon" sizes="180x180" href="icons/tavle_icon_180.png">
<link rel="manifest" href="manifest.webmanifest">
<!-- Interaktiv tavle v1.0.13-dev – PDF keyboard navigation -->
<style>

/*
SAFE175 EMBEDDED MEDIA DATASET FULL EXPORT
- Download indlejrede medier må ikke downloade datawidgettens synlige previewtekst.
- Hvis en tekstwidget er en datawidget med datasetId, eksporteres hele datasættet fra state.datasets som CSV.

SAFE176 DATAWIDGET FULL MEDIA DOWNLOAD FIX:
- Download indlejrede medier skal genkende datawidgets robust, også hvis datasetId ikke matcher direkte.
- Datawidgets eksporteres som fuld CSV fra state.datasets via id, sourceDatasetId, embedded rows eller navnematch.
- Listewidgets og almindelige tekstwidgets skal fortsat downloades som .txt.
- Bevarer almindelige tekstwidgets, billeder, PDF, HTML og backup/import-flow uændret.
*/
/*
CSS-KORT / RYDNINGSKORT
- Grundlayout: :root, html/body, .app, .title, .topbar, modal/toast.
- Widgets: .widget, .chrome, .content, resize/rotater og typeklasser.
- Toolbar / More: .toolbar, .tool, .toolbarPeek, .toolbarPinFloat, .moreMenu.
- Focus / Presentation: .present, focus/maximize-klasser og skjulte kontroller.
- Papirkurv: .trashBoardActive, .trashBoardBar, .trashPermanentX.
- KaPardy: .content.kahoopardy og .kahoopardy*; følsomt område.

CSS-RYDNINGSREGLER FOR FREMTIDIG AI
- Fjern kun CSS, hvis selector ikke findes i markup, JS-stringe eller dynamiske classList-kald.
- Wheel-CSS må ikke ryddes uden fuld test af mellemrum, auto-spin, centerklik og lyd. SAFE26 viste skjult afhængighed.
- Pointer-events, z-index, .present, focus/maximize, iframe/PDF og papirkurv kan påvirke keyboard/mouse-flow.
- Senere CSS-lag kan være nødvendige overrides, ikke bare støj. Tjek faktisk cascade før fjernelse.
- Foretræk én lille CSS-blok ad gangen + browser/iPad-test frem for bred oprydning.
*/

/* ===== CSS: GRUNDLAYOUT / WIDGETS / MODALER ===== */

:root{--bar:#1f2937;--accent:#6d5dfc;--bg:linear-gradient(135deg,#edf6ff,#dff8e8);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#111827}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#111}button,input,textarea,select{font:inherit}.app{height:100%;background:var(--bg);position:relative;overflow:hidden;touch-action:none}.app.grid:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.055) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.title{position:absolute;top:14px;left:16px;background:rgba(0,0,0,.68);color:white;padding:10px 16px;border-radius:9px;font-size:24px;font-weight:700;z-index:900;max-width:45vw}.topbar{position:absolute;top:14px;right:14px;background:rgba(17,24,39,.86);border-radius:12px;padding:8px;display:flex;gap:8px;z-index:1000;align-items:center;color:white}.topbar button,.tool button,.mini button,.modal button{border:0;border-radius:9px;padding:9px 12px;background:#4b5563;color:white;font-weight:700}.topbar button:disabled{opacity:.45}.toolbar{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:1000;background:rgba(17,24,39,.88);border-radius:16px;padding:10px 14px;display:flex;gap:13px;box-shadow:0 12px 28px rgba(0,0,0,.3)}.tool{display:flex;flex-direction:column;align-items:center;gap:3px;color:white;font-size:11px}.tool button{width:50px;height:50px;background:#fff;color:#111827;font-size:27px;padding:0}.widget{position:absolute;left:0;top:0;width:360px;height:240px;background:white;border-radius:12px;box-shadow:0 14px 28px rgba(0,0,0,.22);transform-origin:center center;overflow:visible;touch-action:none}.widget.selected{outline:3px solid var(--accent)}.widget.locked{outline:2px dashed #6b7280}.widget:not(.selected) .resize,.widget:not(.selected) .rotater{display:none}.widget:not(.selected) .chrome{display:flex;opacity:1;visibility:visible}.chrome{height:34px;background:#30394a;color:white;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 8px;cursor:move;font-weight:700;font-size:14px}.widget:not(.selected) .chrome .titleText{opacity:1;visibility:visible}.widget:not(.selected) .chrome .mini{opacity:.72}.mini{display:flex;gap:5px}.mini button{padding:4px 8px;font-size:12px;background:#4b5563}.content{height:calc(100% - 34px);overflow:auto;background:rgba(255,255,255,.94);border-radius:0 0 12px 12px}.widget:not(.selected) .content{height:calc(100% - 34px);border-radius:0 0 12px 12px;background:rgba(255,255,255,.94);overflow:hidden}.widget:not(.selected){box-shadow:0 8px 20px rgba(0,0,0,.12)}.widget.locked:not(.selected){outline:none}.widget.selected.locked{outline:3px dashed #6b7280}.resize{position:absolute;right:-8px;bottom:-8px;width:24px;height:24px;border-radius:50%;background:white;border:3px solid var(--accent);cursor:nwse-resize}.rotater{position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:white;border:3px solid var(--accent);display:grid;place-items:center;font-weight:bold;color:var(--accent);cursor:grab}.text{height:100%;display:flex;flex-direction:column}.textTools{display:flex;padding:6px 10px;background:#f3f4f6;border-bottom:1px solid #e5e7eb;gap:8px;align-items:center;flex-wrap:wrap}.text textarea{width:100%;flex:1;border:0;padding:16px;font-size:var(--fs,24px);resize:none;background:white}.videoBox{height:100%;background:#222;color:white;display:grid;place-items:center;text-align:center;padding:18px}.videoBox iframe{width:100%;height:100%;border:0}.videoBox a{color:white;font-size:24px;font-weight:800}.timerBox{padding:18px;text-align:center}.timerBox .display{font-size:58px;font-weight:900;margin:18px}.timerBox input{width:70px;padding:6px}.timerBox button,.wheel button,.linkBox button,.modal button{background:var(--accent);color:white;border:0;border-radius:8px;padding:8px 12px;margin:3px}.wheel{height:100%;display:grid;gap:12px;padding:12px;overflow:hidden;box-sizing:border-box}.wheel:not(.editing){grid-template-columns:minmax(260px,58%) minmax(220px,42%)}.wheel.editing{grid-template-columns:minmax(260px,52%) minmax(260px,48%)}.wheelBox{min-width:0;min-height:0;height:100%;display:flex;align-items:center;justify-content:center}.wheelCanvas{width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:1/1;object-fit:contain;border-radius:50%;box-shadow:0 0 0 8px white,0 4px 12px #999}.wheelSide{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;align-content:start}.winner{font-size:clamp(28px,5vw,76px);font-weight:900;text-align:center;line-height:1}.wheelControls,.wheelTools{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.wheel .chosen{font-size:14px;min-height:0;overflow:auto;overflow-wrap:anywhere;background:#f3f4f6;padding:8px;border-radius:8px}.wheel textarea{width:100%;height:130px}.wheel .editArea{display:none;min-width:0;overflow:auto}.wheel.editing .editArea{display:block}.wheel.editing .wheelSide{grid-template-rows:auto auto minmax(80px,.7fr) auto}@media(max-width:700px){.wheel:not(.editing),.wheel.editing{grid-template-columns:1fr}.wheelBox{height:260px}}.linkBox{height:100%;display:grid;place-items:center;text-align:center;padding:20px}.linkBox a{font-size:30px;color:#1559d6;font-weight:800}.imageWidget img{width:100%;height:100%;object-fit:contain;display:block}.pdfBox{height:100%;display:grid;place-items:center;padding:20px;text-align:center}.pdfBox iframe,.pdfBox object{width:100%;height:100%;border:0}.drawLayer{position:absolute;inset:0;z-index:850;pointer-events:none}.drawLayer.active{pointer-events:auto;cursor:crosshair}.app.drawActive .widget{filter:saturate(.7) brightness(.9)}.app.drawActive:after{content:'TEGNETILSTAND – klik blyanten igen eller Luk for at stoppe';position:absolute;top:78px;left:50%;transform:translateX(-50%);z-index:1100;background:rgba(17,24,39,.9);color:white;border-radius:999px;padding:9px 16px;font-weight:900;pointer-events:none}.drawPanel{position:absolute;left:50%;bottom:104px;transform:translateX(-50%);z-index:1001;background:rgba(255,255,255,.96);border-radius:14px;padding:10px;box-shadow:0 10px 24px #0004;display:none;gap:8px;align-items:center;max-width:92vw;overflow:auto}.drawPanel.show{display:flex}.drawPanel button.active{background:#6d5dfc;color:white}.modalBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:2000;display:none;align-items:center;justify-content:center}.modalBackdrop.bgModalKeyboard{
  background:rgba(0,0,0,.06)!important;
}
.modalBackdrop.bgModalKeyboard.bgPreviewing .modal{
  opacity:.28;
  transform:scale(.985);
  transition:opacity .12s ease, transform .12s ease;
}

.bgChoice.kbSelected{
  outline-color:#6c5cff!important;
  box-shadow:0 0 0 5px rgba(108,92,255,.28),0 10px 24px rgba(15,23,42,.26)!important;
}
.bgChoice.kbPreview{
  outline-style:dashed!important;
}


/* SAFE223: Lykkehjulets fortsæt-modal skal placeres ens i fokus og præsentation. */
.modalBackdrop.wheelConfirmBackdrop{
  position:fixed!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:2147483600!important;
  transform:none!important;
  contain:none!important;
}
.modalBackdrop.wheelConfirmBackdrop .modal{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  transform:none!important;
  z-index:2147483601!important;
}
body.focus-mode .modalBackdrop.wheelConfirmBackdrop,
body.focus-edit .modalBackdrop.wheelConfirmBackdrop,
body.focus-presentation .modalBackdrop.wheelConfirmBackdrop,
.app.focusMode ~ .modalBackdrop.wheelConfirmBackdrop{
  position:fixed!important;
  inset:0!important;
  align-items:center!important;
  justify-content:center!important;
}

/* SAFE218: Hurtig Lykkehjulet-modal uden tung bekræftelsesoverskrift. */
.wheelConfirmModal{
  display:grid;
  gap:18px;
  padding:2px 4px 0;
}
.wheelConfirmMessage{
  margin:0 0 4px;
  font-size:clamp(24px,3.2vw,38px);
  line-height:1.18;
  font-weight:950;
  color:#111827;
}
.wheelConfirmButtons{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin-top:4px;
}
.wheelConfirmButtons button{
  flex:0 1 auto;
  min-width:0;
  max-width:45%;
  padding:10px 16px!important;
  border-radius:12px!important;
  font-size:clamp(15px,1.8vw,22px)!important;
  font-weight:900!important;
  white-space:normal!important;
}
.wheelConfirmSecondary{
  background:#e5e7eb!important;
  color:#111827!important;
}
.wheelConfirmPrimary{
  background:#6c5cff!important;
  color:white!important;
}
.wheelConfirmHelp{
  margin:4px 0 0!important;
  font-size:clamp(12px,1.5vw,17px)!important;
  opacity:.78!important;
  font-weight:750!important;
  line-height:1.25!important;
}

/* SAFE226: Redningsbælte-modal med tre niveauer. */
.rescueChoiceModal{
  display:grid;
  gap:12px;
}
.rescueChoiceIntro{
  margin:0;
  font-weight:800;
  opacity:.78;
  line-height:1.3;
}
.rescueChoiceGrid{
  display:grid;
  gap:10px;
}
.rescueChoiceCard{
  text-align:left;
  border:2px solid #e5e7eb;
  background:#f8fafc;
  border-radius:14px;
  padding:12px 14px;
  display:grid;
  gap:4px;
  cursor:pointer;
}
.rescueChoiceCard strong{
  font-size:17px;
  font-weight:950;
}
.rescueChoiceCard span{
  font-size:13px;
  line-height:1.25;
  font-weight:750;
  opacity:.76;
}
.rescueChoiceCard.active{
  border-color:#6c5cff;
  box-shadow:0 0 0 4px rgba(108,92,255,.18);
  background:#eef2ff;
}
.rescueChoiceCard.disabled{
  opacity:.48;
  cursor:not-allowed;
}
.rescueChoiceFooter{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-top:2px;
}
.rescueChoiceHelp{
  margin:0!important;
  font-size:12px!important;
  opacity:.7!important;
  font-weight:750!important;
}
/* SAFE229: Læselig redningsmodal med tydelig aktiv/ikke-aktiv tilstand. */
.rescueChoiceModal h2{
  color:#111827!important;
}
.rescueChoiceIntro{
  color:#374151!important;
}
.rescueChoiceCard{
  color:#111827!important;
}
.rescueChoiceCard strong{
  color:#111827!important;
}
.rescueChoiceCard span{
  color:#374151!important;
  opacity:1!important;
}
.rescueChoiceCard.active{
  background:#eef2ff!important;
  border-color:#3b82f6!important;
  color:#111827!important;
}
.rescueChoiceCard.active strong,
.rescueChoiceCard.active span{
  color:#111827!important;
}
.rescueChoiceCard.disabled{
  background:#f3f4f6!important;
  border-color:#d1d5db!important;
  color:#6b7280!important;
  opacity:1!important;
}
.rescueChoiceCard.disabled strong,
.rescueChoiceCard.disabled span{
  color:#6b7280!important;
}
.rescueChoiceCard.disabled strong::after{
  content:" · kommer senere";
  font-size:.82em;
  font-weight:850;
  color:#6b7280;
}
.rescueChoiceCard:not(.disabled):active{
  transform:scale(.99);
}

.modal{width:min(640px,90vw);background:white;border-radius:18px;padding:22px;box-shadow:0 25px 55px rgba(0,0,0,.35)}.bgColorBar{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:10px 0 12px 0;
}
.bgColorChoice{
  border:0!important;
  border-radius:14px!important;
  min-height:56px;
  padding:10px 12px!important;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  color:#111827!important;
  font-weight:950!important;
  box-shadow:0 4px 14px rgba(15,23,42,.18)!important;
  outline:3px solid transparent;
}
.bgColorChoice.darkText{color:#111827!important}
.bgColorChoice.lightText{color:white!important;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.bgColorChoice.active{
  outline-color:#6c5cff;
  box-shadow:0 0 0 4px rgba(108,92,255,.18),0 8px 22px rgba(15,23,42,.22)!important;
}
@media (max-width:700px){.bgColorBar{grid-template-columns:repeat(2,minmax(0,1fr))}}
.modal h2{margin-top:0}.modal input,.modal textarea,.modal select{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:9px;margin:6px 0 12px}.hidden{display:none!important}.present .toolbar,.present .topbar,.present .chrome,.present .resize,.present .rotater,.present .drawPanel{display:none!important}.present .title{display:none}.present .widget{box-shadow:none;outline:none}.present .content{height:100%;border-radius:12px}.toast{position:absolute;left:50%;top:70px;transform:translateX(-50%);background:#111827;color:white;padding:10px 16px;border-radius:999px;z-index:3000;opacity:0;transition:.2s}.toast.show{opacity:1}@media(max-width:800px){.toolbar{gap:8px;max-width:96vw;overflow-x:auto}.tool button{width:44px;height:44px}.title{font-size:18px}.topbar{scale:.9;transform-origin:top right}}

.present .toolbar{display:none!important}
.present .title{display:none!important}
.present .topbar{display:flex!important;opacity:.55;transform:scale(.82);transform-origin:top right}
.present:not(.drawActive) .topbar:hover{opacity:1}
.present .topbar #prev,.present .topbar #next,.present .topbar #slideInfo,.present .topbar #slidesOverview,.present .topbar #addSlide,.present .topbar #clearSlide{display:none!important}
.present .widget .chrome,.present .widget .resize,.present .widget .rotater{display:none!important}
.present .widget{outline:none!important;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.toolbar button.active,.topbar button.active{outline:4px solid #f59e0b;background:#7c3aed;color:white}

.wheel{height:100%!important;display:grid!important;gap:10px!important;padding:10px!important;overflow:hidden!important;box-sizing:border-box!important}
.wheel:not(.editing){grid-template-columns:minmax(280px,68%) minmax(180px,32%)!important}
.wheel.editing{grid-template-columns:minmax(260px,58%) minmax(250px,42%)!important}
.wheelBox{min-width:0!important;min-height:0!important;height:100%!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.wheelCanvas{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;aspect-ratio:1/1!important;object-fit:contain!important}
.wheelSide{min-width:0!important;min-height:0!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr)!important;gap:8px!important;align-content:stretch!important;overflow:hidden!important}
.winner{font-size:clamp(32px,5.5vw,86px)!important}
.wheel .chosen{min-height:0!important;max-height:none!important;overflow:auto!important}
.wheel.editing .wheelSide{grid-template-rows:auto auto minmax(60px,.65fr) auto!important}
@media(max-width:800px){.wheel:not(.editing){grid-template-columns:minmax(250px,60%) minmax(170px,40%)!important}.wheel.editing{grid-template-columns:1fr!important}.wheel.editing .wheelBox{height:45vh!important}}


.wheel{
  height:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(180px,28%)!important;
  grid-template-rows:1fr!important;
  gap:12px!important;
  padding:10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.wheel.editing{
  grid-template-columns:minmax(0,1fr) minmax(260px,34%)!important;
}
.wheelBox{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.wheelCanvas{
  display:block!important;
  width:min(100%, calc((var(--widget-h, 520px) - 76px)))!important;
  height:auto!important;
  max-width:100%!important;
  max-height:calc(100% - 8px)!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  border-radius:50%!important;
}
.wheelSide{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  gap:8px!important;
  align-content:start!important;
  overflow:hidden!important;
}
.winner{
  font-size:clamp(32px,6vw,92px)!important;
  line-height:1!important;
  text-align:center!important;
}
.wheelControls,.wheelTools{
  display:flex!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
.wheel .chosen{
  min-height:0!important;
  height:100%!important;
  max-height:none!important;
  overflow:auto!important;
  overflow-wrap:anywhere!important;
  background:#f3f4f6!important;
  border-radius:10px!important;
  padding:9px!important;
}
.wheel .editArea{display:none!important}
.wheel.editing .editArea{display:block!important;overflow:auto!important;min-height:0!important}
.wheel textarea{height:min(220px, 38vh)!important;width:100%!important}
@media(max-width:760px){
  .wheel,.wheel.editing{grid-template-columns:1fr!important;grid-template-rows:minmax(240px,1fr) auto!important}
  .wheelSide{height:auto!important;max-height:45%!important}
  .wheelCanvas{width:min(100%, 58vh)!important}
}


.content.wheel{height:calc(100% - 32px)!important}
.wheel{
  height:100%!important;
  width:100%!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  gap:12px!important;
  padding:10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.wheelBox{
  flex:0 0 min(calc(var(--widget-h, 560px) - 72px), calc(var(--widget-w, 860px) * .70))!important;
  height:100%!important;
  min-width:220px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.wheelCanvas{
  width:min(100%, calc(var(--widget-h, 560px) - 72px))!important;
  height:min(100%, calc(var(--widget-h, 560px) - 72px))!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  border-radius:50%!important;
}
.wheelSide{
  flex:1 1 0!important;
  min-width:210px!important;
  max-width:none!important;
  height:100%!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  gap:8px!important;
  overflow:hidden!important;
}
.wheel.editing .wheelBox{
  flex-basis:min(calc(var(--widget-h, 560px) - 72px), calc(var(--widget-w, 860px) * .55))!important;
}
.wheel .chosen{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
  overflow-wrap:anywhere!important;
  background:#f3f4f6!important;
  border-radius:10px!important;
  padding:9px!important;
}
.winner{font-size:clamp(34px,5.8vw,96px)!important;line-height:1!important;text-align:center!important}
.wheelControls,.wheelTools{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
.wheel .editArea{display:none!important}
.wheel.editing .editArea{display:block!important;overflow:auto!important;min-height:0!important}
.wheel.editing .wheelSide{grid-template-rows:auto auto minmax(60px,.45fr) auto!important}
.wheel textarea{height:min(220px, 38vh)!important;width:100%!important}
@media(max-width:760px){
  .wheel{flex-direction:column!important}
  .wheelBox{flex:1 1 auto!important;width:100%!important;max-width:100%!important;min-height:250px!important}
  .wheelCanvas{width:min(100%,60vh)!important;height:min(100%,60vh)!important}
  .wheelSide{min-width:0!important;height:auto!important;max-height:45%!important}
}


/* ===== CSS: TOOLBAR / MORE / HJÆLPEKONTROLLER ===== */

.toolbar{transition:opacity .25s ease, transform .25s ease}
.app.toolbarHidden .toolbar{opacity:.08;transform:translateX(-50%) translateY(92px);pointer-events:none}
.toolbarPeek{
  position:absolute;left:50%;bottom:10px;transform:translateX(-50%);
  z-index:1002;background:rgba(17,24,39,.86);color:white;border:0;border-radius:999px;
  padding:8px 14px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.25);display:none
}
.app.toolbarHidden .toolbarPeek{display:block}
.app.toolbarPinned .toolbar{opacity:1!important;transform:translateX(-50%)!important;pointer-events:auto!important}
.toolbar .tool.pinTool button{font-size:22px}

.wheelBox{position:relative!important}
.spinCenter{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:6;border:0;border-radius:999px;padding:13px 16px;
  background:#6d5dfc;color:white;font-weight:900;font-size:clamp(16px,2.2vw,28px);
  box-shadow:0 8px 20px rgba(0,0,0,.25);min-width:76px;min-height:58px
}
.spinCenter:disabled{opacity:.55}
.wheelBox .wheelCanvas{pointer-events:auto;cursor:pointer}
.wheelControls .spin{display:none!important}


.slideList{display:grid;gap:8px;margin:10px 0}
.slideMoveRow{display:flex;gap:8px;align-items:center;justify-content:space-between;background:#f3f4f6;border-radius:12px;padding:8px}
.slideMoveRow b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slideMoveRow .actions{display:flex;gap:6px;flex-shrink:0}


.winner{display:none!important}
.wheelSide{grid-template-rows:auto minmax(0,1fr) auto!important}
.wheel.editing .wheelSide{grid-template-rows:auto minmax(60px,.45fr) auto!important}
.flyWinner{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);
  z-index:20;background:#111827;color:white;border-radius:999px;padding:12px 18px;
  font-weight:900;font-size:clamp(18px,3vw,34px);box-shadow:0 14px 34px rgba(0,0,0,.35);
  pointer-events:none;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  animation:flyToList .9s ease-in-out forwards
}
@keyframes flyToList{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}
  18%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}
  65%{opacity:1;transform:translate(18%,-95%) scale(.86)}
  100%{opacity:0;transform:translate(60%,-130%) scale(.35)}
}
.chosen.flash{animation:chosenFlash .9s ease}
@keyframes chosenFlash{0%{box-shadow:0 0 0 0 rgba(109,93,252,.0)}35%{box-shadow:0 0 0 8px rgba(109,93,252,.25)}100%{box-shadow:0 0 0 0 rgba(109,93,252,0)}}


.present .editNames,
.present .editArea,
.present .wheelTools,
.present .wheel textarea{display:none!important}
.present .wheelSide{grid-template-rows:auto minmax(0,1fr)!important}

.toolbarPinFloat{
  position:absolute;right:18px;bottom:18px;z-index:1003;
  background:rgba(17,24,39,.86);color:white;border:0;border-radius:999px;
  width:46px;height:46px;font-size:22px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.25);
}
.app:not(.toolbarHidden) .toolbarPinFloat{display:none}
.toolbarPinFloat.pinned{background:#6d5dfc}
.toolbarSettings{display:grid;gap:10px}
.toolbarSettings label{display:flex;gap:12px;align-items:center;justify-content:space-between}
.toolbarSettings input{width:120px}

.listManager{display:grid;gap:10px}
.listManager input{width:100%;font-size:18px;padding:10px;border:1px solid #cbd5e1;border-radius:10px}
.savedLists{display:grid;gap:8px;max-height:260px;overflow:auto;margin:8px 0}
.savedListRow{display:flex;gap:8px;align-items:center;justify-content:space-between;background:#f3f4f6;border-radius:12px;padding:8px}
.savedListRow b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.savedListRow .actions{display:flex;gap:6px;flex-shrink:0}
.savedListRow button{padding:7px 9px}

.wheelCanvas:active{filter:brightness(.96)}

.wheelBox.flashWheel{animation:wheelFlash .55s ease}
@keyframes wheelFlash{0%{filter:drop-shadow(0 0 0 rgba(109,93,252,0));transform:scale(1)}45%{filter:drop-shadow(0 0 16px rgba(109,93,252,.55));transform:scale(1.015)}100%{filter:drop-shadow(0 0 0 rgba(109,93,252,0));transform:scale(1)}}

.backupActions{display:grid;gap:10px;margin:12px 0}
.backupActions button{font-size:18px;text-align:left;padding:12px 14px}
.backupHint{background:#f3f4f6;border-radius:12px;padding:10px;line-height:1.35}
.saveDropIntro{background:#f8fafc;border-radius:12px;padding:10px 12px;line-height:1.35;margin:8px 0 12px}


.present .title{
  display:block!important;
  pointer-events:none!important;
  background:rgba(255,255,255,.62)!important;
  backdrop-filter:blur(6px);
}
.present .content.text textarea{
  pointer-events:none!important;
  user-select:none!important;
  caret-color:transparent!important;
}
.imageChoice{display:grid;gap:10px;place-items:center;text-align:center;padding:20px}
.imageChoice button{font-size:22px;padding:12px 18px}
.slideDanger{background:#fee2e2!important;color:#991b1b!important}


/* SAFE29 cleanup6: fjernet gammel v28 title/mode-indicator CSS.
   v29 nedenfor er den gældende titelstil; v27 bevarer display/pointer-events i præsentation. */


.title::after,
.present .title::after{
  content:none!important;
  display:none!important;
}
.title{
  color:#fff!important;
  background:rgba(17,24,39,.74)!important;
  border:2px solid rgba(109,93,252,.78)!important;
  box-shadow:0 0 12px rgba(109,93,252,.28), 0 8px 18px rgba(0,0,0,.18)!important;
}
.present .title{
  color:#fff!important;
  background:rgba(17,24,39,.74)!important;
  border:2px solid transparent!important;
  box-shadow:0 6px 14px rgba(0,0,0,.16)!important;
  opacity:.96!important;
}


.widget .chrome .mini{gap:8px}
.widget .chrome .mini button{
  min-width:36px!important;
  min-height:36px!important;
  font-size:18px!important;
  border-radius:10px!important;
}
.widget .chrome{min-height:40px}


.app.toolbarBlocked .toolbar button{
  pointer-events:none!important;
}
.app.toolbarBlocked .toolbar{
  filter:saturate(.7);
}


.slideOverview{display:grid;gap:8px;margin:12px 0;max-height:62vh;overflow:auto}
.slideOverviewRow{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  background:#f3f4f6;
  border-radius:14px;
  padding:8px;
}
.slideOverviewRow.active{background:#ede9fe;outline:2px solid rgba(109,93,252,.45)}
.slideOverviewRow .num{font-weight:900;color:#4b5563;min-width:2.2em;text-align:center}
.slideOverviewRow input{
  width:100%;
  border:1px solid #cbd5e1;
  border-radius:10px;
  padding:9px;
  font-size:16px;
  background:white;
}
.slideOverviewActions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.slideOverviewActions button{padding:8px 10px}
.slideOverviewActions .danger{background:#fee2e2;color:#991b1b}


.present .toolbarPeek,
.present .toolbarPinFloat{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}
.present .toolbar{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}


.app.toolbarBlocked .toolbar button{
  pointer-events:none!important;
}
.app.toolbarBlocked .toolbar{
  opacity:.88;
}


.onlyMultiHidden{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}


.content.groups{background:white}
.groupsBox{
  height:100%;
  display:grid;
  grid-template-columns:minmax(260px,.85fr) minmax(260px,1.15fr);
  gap:12px;
  padding:12px;
  box-sizing:border-box;
  overflow:hidden;
}
.groupsControls{
  min-height:0;
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr) auto;
  gap:8px;
  overflow:hidden;
}
.groupsControls textarea{
  width:100%;
  height:100%;
  min-height:120px;
  resize:none;
  border:1px solid #cbd5e1;
  border-radius:12px;
  padding:10px;
  font-size:15px;
}
.groupsRow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.groupsRow input{width:76px;border:1px solid #cbd5e1;border-radius:10px;padding:8px;font-size:17px}
.groupsResult{
  min-height:0;overflow:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;
  padding:12px;font-size:clamp(18px,2.2vw,30px);line-height:1.35;
}


.groupsBox:not(.groupsShowResult) .groupsResult{display:none!important}
.groupCard{position:relative;background:white;border-radius:14px;padding:10px 46px 10px 12px;margin-bottom:10px;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.groupCard b{display:block;margin-bottom:5px;color:#312e81}

.groupLock{
  position:absolute;right:8px;top:8px;border:0;border-radius:999px;
  width:32px;height:32px;display:grid;place-items:center;
  background:#eef2ff;color:#312e81;font-size:18px;font-weight:900;
  box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer
}
.groupLock.isLocked{background:#312e81;color:white}
/* Gruppe-låse skal kun skjules i egentlige visningstilstande.
   Når en grupper-widget maksimeres direkte fra redigering med Shift+F,
   skal låsene stadig kunne bruges. */
.present .groupLock,.presentation .groupLock{display:none!important}
body.focus-edit .groupLock,body.focus-presentation .groupLock,.app.present .groupLock{display:none!important}
/* removed stale groupLock override; see v1.0.28 rules */
.groupSpin{position:relative;display:grid;place-items:center;min-height:0}
.groupWheel{width:min(100%,52vh);height:auto;aspect-ratio:1/1;border-radius:50%;box-shadow:0 0 0 8px white,0 4px 12px #999}
.groupSpinBtn{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;border-radius:999px;
  padding:14px 18px;background:#6d5dfc;color:white;font-weight:900;font-size:clamp(16px,2.2vw,28px);
  box-shadow:0 8px 20px rgba(0,0,0,.25)
}
.groupSpinBtn:disabled{opacity:.55}
.groupsBox.flashGroups{animation:groupsFlash .55s ease}
@keyframes groupsFlash{0%{filter:drop-shadow(0 0 0 rgba(109,93,252,0));transform:scale(1)}45%{filter:drop-shadow(0 0 16px rgba(109,93,252,.55));transform:scale(1.01)}100%{filter:drop-shadow(0 0 0 rgba(109,93,252,0));transform:scale(1)}}
@media(max-width:760px){.groupsBox{grid-template-columns:1fr;grid-template-rows:auto 1fr}.groupSpin{min-height:230px}}
.present .groupsControls textarea,.present .groupsControls .editOnly{display:none!important}
.present .groupsBox{grid-template-columns:1fr}
.present .groupSpin{display:none}


.groupsBox.groupsListHidden .groupsControls{
  grid-template-rows:auto minmax(0,1fr);
}
.groupsBox.groupsListHidden .groupsControls .editOnly,
.groupsBox.groupsListHidden .groupsControls textarea{
  display:none!important;
}
.groupsBox.groupsListHidden .groupsResult{
  grid-row:1 / -1;
  font-size:clamp(22px,2.8vw,38px);
}
.groupsBox.groupsListHidden{
  grid-template-columns:minmax(260px,.75fr) minmax(320px,1.25fr);
}
.groupsBox.groupsListHidden .groupWheel{
  width:min(100%,60vh);
}


#pinBtn.pinned,.pinBtn.pinned,.pin.pinned{
  background:#6d5dfc!important;
  color:white!important;
  box-shadow:0 0 0 3px rgba(109,93,252,.25),0 8px 20px rgba(0,0,0,.25);
}


.groupsResult{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  align-content:start!important;
  gap:8px!important;
  padding:10px!important;
  font-size:clamp(13px,1.25vw,18px)!important;
  line-height:1.18!important;
}
.groupCard{
  margin:0!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  break-inside:avoid!important;
}
.groupCard b{
  font-size:clamp(14px,1.45vw,20px)!important;
  margin-bottom:3px!important;
}
.groupsBox.groupsListHidden{
  grid-template-columns:minmax(230px,.55fr) minmax(360px,1.45fr)!important;
}
.groupsBox.groupsListHidden .groupsControls{
  grid-template-rows:minmax(0,1fr)!important;
}
.groupsBox.groupsListHidden .showGroupList{
  display:inline-flex!important;
  position:absolute;
  left:12px;
  bottom:8px;
  z-index:3;
  opacity:.92;
  font-size:14px;
  padding:6px 12px;
}
.groupsBox:not(.groupsListHidden) .showGroupList{
  display:none!important;
}
.groupsBox.groupsListHidden .groupsResult{
  grid-row:1 / -1;
  grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;
  font-size:clamp(13px,1.18vw,17px)!important;
}
.groupsBox.groupsListHidden .groupWheel{
  width:min(100%,56vh)!important;
}
.groupsControls{
  position:relative;
}


/* SAFE303 FIX2: Gem-knap i resultatvisning på samme top-position som i listevisning.
   Kun Grupper-resultatvisning: ingen absolute positioning for gem-knappen,
   ingen ændring af listevisningens tekstfelt/knapper. */
.groupsResultSave{
  display:none;
}
.groupsResultSaveSpacer{
  visibility:hidden!important;
  pointer-events:none!important;
}
.groupsBox.groupsListHidden.groupsShowResult .groupsControls{
  grid-template-rows:auto minmax(0,1fr)!important;
}
.groupsBox.groupsListHidden.groupsShowResult .groupsResultSave{
  display:flex!important;
  grid-row:1!important;
}
.groupsBox.groupsListHidden.groupsShowResult .groupsResult{
  grid-row:2 / -1!important;
}
.groupsBox.groupsListHidden.groupsShowResult .groupsShowRow{
  position:absolute!important;
  left:12px!important;
  bottom:8px!important;
  z-index:4!important;
  display:flex!important;
}
.groupsBox.groupsListHidden.groupsShowResult .groupsShowRow .showGroupList{
  position:static!important;
  left:auto!important;
  bottom:auto!important;
  z-index:auto!important;
}
.groupsBox:not(.groupsListHidden) .groupsResultSave{
  display:none!important;
}
.present .groupsBox.groupsListHidden.groupsShowResult .groupsResultSave,
body.focus-edit .groupsBox.groupsListHidden.groupsShowResult .groupsResultSave,
body.focus-presentation .groupsBox.groupsListHidden.groupsShowResult .groupsResultSave{
  display:none!important;
}
.present .groupsBox.groupsListHidden.groupsShowResult .groupsControls,
body.focus-edit .groupsBox.groupsListHidden.groupsShowResult .groupsControls,
body.focus-presentation .groupsBox.groupsListHidden.groupsShowResult .groupsControls{
  grid-template-rows:minmax(0,1fr)!important;
}
.present .groupsBox.groupsListHidden.groupsShowResult .groupsResult,
body.focus-edit .groupsBox.groupsListHidden.groupsShowResult .groupsResult,
body.focus-presentation .groupsBox.groupsListHidden.groupsShowResult .groupsResult{
  grid-row:1 / -1!important;
}
@media(max-width:900px){
  .groupsResult{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;font-size:13px!important}
  .groupCard b{font-size:15px!important}
  .groupsBox.groupsListHidden{grid-template-columns:minmax(200px,.6fr) minmax(300px,1.4fr)!important}
}


.present .groupsBox{
  grid-template-columns:minmax(230px,.55fr) minmax(420px,1.45fr)!important;
}
.present .groupSpin{
  display:grid!important;
  min-height:0!important;
}
.present .groupWheel{
  width:min(100%,58vh)!important;
}
.present .groupsControls{
  grid-template-rows:minmax(0,1fr)!important;
}
.present .groupsControls .editOnly,
.present .groupsControls textarea,
.present .groupsControls .showGroupList{
  display:none!important;
}
.present .groupsResult{
  grid-row:1 / -1!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:10px!important;
  align-content:start!important;
  font-size:clamp(16px,1.65vw,24px)!important;
  line-height:1.2!important;
}
.present .groupCard{
  padding:10px 12px!important;
}
.present .groupCard b{
  font-size:clamp(18px,1.9vw,28px)!important;
  margin-bottom:4px!important;
}
@media(max-width:900px){
  .present .groupsBox{
    grid-template-columns:minmax(200px,.5fr) minmax(330px,1.5fr)!important;
  }
  .present .groupsResult{
    grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;
    font-size:15px!important;
  }
  .present .groupCard b{font-size:18px!important}
}


.groupsBox.groupsListHidden .groupsResult{
  font-size:clamp(15px,1.45vw,22px)!important;
}
.groupsBox.groupsListHidden .groupCard b{
  font-size:clamp(17px,1.7vw,26px)!important;
}


.mediaActions{
  position:absolute;
  right:10px;
  top:10px;
  z-index:5;
  display:flex;
  gap:6px;
}
.mediaActions button{
  border:0;
  border-radius:999px;
  padding:6px 10px;
  font-weight:800;
  background:rgba(17,24,39,.82);
  color:white;
  box-shadow:0 4px 12px rgba(0,0,0,.2);
}
.content.image{position:relative}


.widget:not(.selected) .mediaActions,
.widget:not(.selected) .pdfControls{
  display:none!important;
}
.present .mediaActions,
.present .pdfControls,
.present .pdfLocal,
.present .pdfUrl,
.present .pdfDownload,
.present .downloadImg{
  display:none!important;
}
.pdfControls{
  position:absolute;
  left:10px;
  top:10px;
  z-index:6;
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  align-items:center;
  background:rgba(255,255,255,.88);
  border-radius:12px;
  padding:6px;
  box-shadow:0 4px 14px rgba(0,0,0,.12);
}
.pdfControls button{
  border:0;
  border-radius:999px;
  padding:6px 10px;
  font-weight:800;
  background:#6d5dfc;
  color:white;
}
.pdfControls span{
  font-size:12px;
  color:#374151;
}
.content.pdf{position:relative}


.content.pdf{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.content.pdf .pdfFrameWrap{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background:#f8fafc;
  overflow:hidden!important;
}
.content.pdf iframe,
.content.pdf embed,
.content.pdf object{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  display:block!important;
  background:white!important;
}
.content.pdf .pdfEmpty{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  font-weight:800!important;
  color:#64748b!important;
}
.pdfControls{
  position:absolute!important;
  left:10px!important;
  top:10px!important;
  z-index:20!important;
  max-width:calc(100% - 20px)!important;
}
.widget:not(.selected) .pdfControls,
.present .pdfControls{
  display:none!important;
}


.content.pdf{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  padding:0!important;
  box-sizing:border-box!important;
  background:white!important;
}
.content.pdf .pdfFrameWrap{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:white!important;
  border-radius:0!important;
  pointer-events:none!important;
}
.content.pdf iframe,
.content.pdf embed,
.content.pdf object{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  border:0!important;
  display:block!important;
  background:white!important;
  pointer-events:none!important;
}
.present .content.pdf .pdfFrameWrap,
.present .content.pdf iframe,
.present .content.pdf embed,
.present .content.pdf object{
  pointer-events:auto!important;
}
.pdfClickShield{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  background:transparent!important;
  pointer-events:auto!important;
}
.present .pdfClickShield{
  display:none!important;
}
.pdfControls{
  z-index:30!important;
  pointer-events:auto!important;
}


.resize{
  width:34px!important;
  height:34px!important;
  right:-17px!important;
  bottom:-17px!important;
  border-width:4px!important;
  z-index:80!important;
}
.resize::before{
  content:"";
  position:absolute;
  inset:-16px;
  border-radius:50%;
}
.rotater{
  width:34px!important;
  height:34px!important;
  bottom:-46px!important;
  z-index:80!important;
}
.rotater::before{
  content:"";
  position:absolute;
  inset:-14px;
  border-radius:50%;
}
.content.pdf .pdfFrameWrap{
  display:block!important;
}
.content.pdf iframe{
  transform-origin:0 0!important;
}
.present .pdfControls,
.present .pdfLocal,
.present .pdfUrl,
.present .pdfDownload,
.present .pdfClickShield{
  display:none!important;
}
.present .content.pdf iframe{
  pointer-events:none!important;
}


.widget-control,
.linkBox .edit{
  display:none!important;
}
.widget.selected .widget-control,
.widget.selected .linkBox .edit{
  display:inline-flex!important;
}
.present .widget-control,
.present .linkBox .edit,
.present .mediaActions,
.present .pdfControls{
  display:none!important;
}


.mediaDownloadList{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-height:55vh;
  overflow:auto;
  margin:12px 0;
}
.mediaDownloadItem{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:center;
  background:#f3f4f6;
  border-radius:12px;
  padding:10px;
}
.mediaDownloadItem b{
  display:block;
}
.mediaDownloadItem small{
  display:block;
  opacity:.7;
  margin-top:2px;
}
.mediaDownloadItem a{
  background:#6d5dfc;
  color:white!important;
  text-decoration:none;
  border-radius:999px;
  padding:8px 12px;
  font-weight:800;
  white-space:nowrap;
}


.widget .head button,
.widget .head .close,
.widget .head .x,
.widget .head [data-action="close"],
.widget .head [data-act="close"],
.widget .head .del,
.widget .head .delete,
.widget .head .remove,
.widget .head .controls button{
  pointer-events:auto!important;
  position:relative!important;
  z-index:200!important;
}
.widget .head,
.widget .controls,
.widget .widgetControls{
  pointer-events:auto!important;
}


/* SAFE30 cleanup7: fjernet gammel v67/v70 save/open-modal CSS.
   v71 nedenfor er den gældende baseline for saveCards/saveToggle/saveActions,
   og senere v39/v40-regler styrer de nye åbn/gem-dialoger. */


.saveCards{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  margin:14px 0!important;
}
.saveCard{
  display:block!important;
  min-height:0!important;
  border:2px solid transparent!important;
  border-radius:16px!important;
  background:#f3f4f6!important;
  padding:15px 17px!important;
  cursor:pointer!important;
  user-select:none!important;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease!important;
}
.saveCard:hover{
  transform:translateY(-1px)!important;
}
.saveCard.selected{
  border-color:#6d5dfc!important;
  background:#eef2ff!important;
  box-shadow:0 0 0 1px rgba(109,93,252,.25)!important;
}
.saveCard b{
  display:block!important;
  font-size:18px!important;
  line-height:1.15!important;
  margin:0 0 5px 0!important;
}
.saveCard small{
  display:block!important;
  opacity:.75!important;
  line-height:1.3!important;
}
.saveCard .check{
  float:right!important;
  font-weight:900!important;
  color:#6d5dfc!important;
  display:none!important;
}
.saveCard.selected .check{
  display:inline!important;
}
.saveToggle{
  position:relative!important;
  margin:14px 0!important;
  background:#f8fafc!important;
  border-radius:14px!important;
  padding:12px 14px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:12px!important;
  cursor:pointer!important;
  min-height:0!important;
}
.saveToggle input{
  position:static!important;
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  margin:3px 0 0 0!important;
  transform:scale(1.15)!important;
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
}
.saveToggle span{
  display:block!important;
  min-width:0!important;
}
.saveToggle b{
  display:inline!important;
  line-height:1.2!important;
}
.saveToggle small{
  display:inline!important;
  opacity:.72!important;
  line-height:1.3!important;
}
.saveActions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:16px!important;
}
.saveActions button{
  width:100%!important;
}
.saveActions .wide{
  grid-column:1/-1!important;
}
@media(max-width:700px){
  .saveActions{grid-template-columns:1fr!important}
}


.widget{
  will-change:auto!important;
}
@media(max-width:700px){
  .app{
    touch-action:pan-x pan-y!important;
  }
  .title{
    font-size:20px!important;
    max-width:78vw!important;
  }
  .topbar{
    transform:scale(.82);
    transform-origin:top right;
  }
  .toolbar{
    transform:translateX(-50%) scale(.82);
    transform-origin:bottom center;
  }
}


.content.wordcloud,.content.poll{background:white}
.wordCloudBox{
  height:100%;
  display:grid;
  grid-template-rows:auto 1fr;
  gap:8px;
  padding:10px;
  box-sizing:border-box;
}
.wordCloudTools{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.wordCloudRender{
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:10px;
  border-radius:14px;
  background:linear-gradient(135deg,#f8fafc,#eef2ff);
}
.wordCloudRender span{
  display:inline-block;
  line-height:1;
  color:#111827;
  text-shadow:0 1px 0 rgba(255,255,255,.8);
}
.pollBox{
  height:100%;
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:10px;
  padding:10px;
  box-sizing:border-box;
}
.pollBox.pollVoteMode{
  grid-template-rows:auto auto minmax(0,1fr) auto;
}
.pollBox.pollCloudMode{
  grid-template-rows:auto auto minmax(0,1fr) auto auto;
}
.pollQuestion{
  font-weight:900;
  font-size:clamp(18px,2vw,30px);
  text-align:center;
  padding:6px;
}
.pollChoices{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(90px,1fr));
  gap:10px;
  align-items:stretch;
}
.pollChoices.pollChoicesText{
  grid-template-columns:repeat(auto-fit,minmax(175px,1fr));
  gap:12px;
}
.pollChoices.pollChoicesMixed{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:12px;
}
.pollChoices.pollChoicesText .pollChoice,
.pollChoices.pollChoicesMixed .pollChoice{
  min-height:92px;
}
.pollChoice{
  border:0;
  border-radius:16px;
  background:#eef2ff;
  font-size:clamp(34px,6vw,70px);
  display:grid;
  place-items:center;
  min-height:80px;
  box-shadow:0 6px 14px rgba(0,0,0,.12);
  text-align:center;
}
.pollChoice.pollChoiceEmoji{
  font-size:clamp(34px,6vw,70px);
  line-height:1;
}
.pollChoice.pollChoiceText,
.pollChoice.pollChoiceMixed{
  font-size:clamp(20px,3.2vw,42px);
  line-height:1.14;
  padding:14px 16px;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.pollChoice:active{transform:scale(.96)}
.pollResults{
  display:grid;
  gap:6px;
  font-size:14px;
}
.pollRow{
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:8px;
  align-items:center;
}
.pollBar{
  background:#e5e7eb;
  height:18px;
  border-radius:999px;
  overflow:hidden;
}
.pollFill{
  height:100%;
  background:#6d5dfc;
  border-radius:999px;
}
.pollTools{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
}
.present .wordCloudTools,
.present .pollTools{
  display:none!important;
}


.wordCloudBox{
  grid-template-rows:auto minmax(100px,30%) 1fr!important;
}
.wordCloudText{
  display:block!important;
  width:100%!important;
  min-height:90px!important;
  resize:vertical!important;
  border:1px solid #d1d5db!important;
  border-radius:12px!important;
  padding:10px!important;
  font-size:15px!important;
  line-height:1.25!important;
  background:#fff!important;
}
.widget:not(.selected) .wordCloudText,
.present .wordCloudText,
.present .wordCloudTools{
  display:none!important;
}
.widget:not(.selected) .wordCloudBox,
.present .wordCloudBox{
  grid-template-rows:1fr!important;
}
.wordCloudTools button,
.pollTools button{
  background:#e5e7eb;
  color:#111827;
  border:0;
  border-radius:999px;
  padding:7px 12px;
  font-weight:800;
}
.wordCloudRender{
  min-height:0!important;
}
.pollTools .pollCloud{
  background:#eef2ff;
}


.wordCloudBox{
  grid-template-rows:auto auto 1fr!important;
}
.wordCloudTools{
  display:flex!important;
}
.widget:not(.selected) .wordCloudTools,
.present .wordCloudTools{
  display:none!important;
}
.widget:not(.selected) .wordCloudEditorWrap,
.present .wordCloudEditorWrap{
  display:none!important;
}
.wordCloudEditorWrap{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
}
.wordCloudText{
  display:block!important;
  width:100%!important;
  min-height:72px!important;
  max-height:135px!important;
  resize:vertical!important;
  border:1px solid #d1d5db!important;
  border-radius:12px!important;
  padding:10px!important;
  font-size:18px!important;
  line-height:1.45!important;
  background:#fff!important;
}
.wordCloudText.compactInput{
  white-space:pre-wrap!important;
}
.wordCloudHint{
  font-size:12px!important;
  opacity:.65!important;
  line-height:1.2!important;
}
.wordCloudCountEditor{
  display:grid;
  gap:6px;
  padding:8px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:10px;
  max-height:230px;
  overflow:auto;
}
.wordCloudCountHead,
.wordCloudCountRow{
  display:grid;
  grid-template-columns:minmax(0,1fr) 132px 34px;
  gap:6px;
  align-items:center;
}
.wordCloudCountHead{
  font-size:12px;
  font-weight:900;
  opacity:.72;
  padding:0 4px;
}
.wordCloudCountRow input{
  width:100%;
  min-width:0;
  border:1px solid #d1d5db;
  border-radius:8px;
  padding:7px 8px;
  font-weight:750;
  background:white;
}
.wordCloudCountNumber{text-align:center}
.wordCloudCountStepper{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 28px;
  gap:4px;
  align-items:center;
}
.wordCloudCountStep{
  border:0;
  border-radius:8px;
  padding:7px 0;
  background:#e5e7eb;
  color:#111827;
  font-weight:900;
}
.wordCloudCountRemove{
  border:0;
  border-radius:8px;
  padding:7px 0;
  background:#fee2e2;
  color:#991b1b;
  font-weight:900;
}
.wordCloudCountTools{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.wordCloudCountTools button{
  border:0;
  border-radius:999px;
  padding:7px 10px;
  background:#e5e7eb;
  font-weight:900;
}

/* SAFE205: Ordsky-redigering skjules i præsentation/fokus. */
.present .widget[data-type="wordcloud"] .wordCloudTools,
.present .widget[data-type="wordcloud"] .wordCloudCountEditor,
.present .widget[data-type="wordcloud"] .wordCloudEditorWrap,
body.focus-mode .widget[data-type="wordcloud"] .wordCloudTools,
body.focus-mode .widget[data-type="wordcloud"] .wordCloudCountEditor,
body.focus-mode .widget[data-type="wordcloud"] .wordCloudEditorWrap,
body.focus-edit .widget[data-type="wordcloud"] .wordCloudTools,
body.focus-edit .widget[data-type="wordcloud"] .wordCloudCountEditor,
body.focus-edit .widget[data-type="wordcloud"] .wordCloudEditorWrap,
body.focus-presentation .widget[data-type="wordcloud"] .wordCloudTools,
body.focus-presentation .widget[data-type="wordcloud"] .wordCloudCountEditor,
body.focus-presentation .widget[data-type="wordcloud"] .wordCloudEditorWrap,
body.focus-maximized .widget[data-type="wordcloud"] .wordCloudTools,
body.focus-maximized .widget[data-type="wordcloud"] .wordCloudCountEditor,
body.focus-maximized .widget[data-type="wordcloud"] .wordCloudEditorWrap{
  display:none!important;
}
.present .widget[data-type="wordcloud"] .wordCloudBox,
body.focus-mode .widget[data-type="wordcloud"] .wordCloudBox,
body.focus-edit .widget[data-type="wordcloud"] .wordCloudBox,
body.focus-presentation .widget[data-type="wordcloud"] .wordCloudBox,
body.focus-maximized .widget[data-type="wordcloud"] .wordCloudBox{
  grid-template-rows:1fr!important;
}
.present .widget[data-type="wordcloud"] .wordCloudRender,
body.focus-mode .widget[data-type="wordcloud"] .wordCloudRender,
body.focus-edit .widget[data-type="wordcloud"] .wordCloudRender,
body.focus-presentation .widget[data-type="wordcloud"] .wordCloudRender,
body.focus-maximized .widget[data-type="wordcloud"] .wordCloudRender{
  height:100%!important;
  min-height:0!important;
}

.wordCloudRender{
  min-height:0!important;
  align-content:center!important;
}
/* SAFE208: Selve Ordsky-widgettens resultat vises som en fri tagsky. */
.widget[data-type="wordcloud"] .wordCloudRender{
  position:relative!important;
  overflow:hidden!important;
  display:block!important;
  min-height:180px!important;
}
.widget[data-type="wordcloud"] .wordCloudRender span{
  position:absolute!important;
  left:var(--x,50%)!important;
  top:var(--y,50%)!important;
  transform:translate(-50%,-50%) translateY(var(--lift,0px)) rotate(var(--rot,0deg))!important;
  max-width:58%;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  text-align:center;
  line-height:1.02!important;
}
.widget[data-type="wordcloud"] .wordCloudRender span.wordCloudSingleWord{
  white-space:nowrap;
}
.widget[data-type="wordcloud"] .wordCloudRender span:hover{
  transform:translate(-50%,-50%) translateY(var(--lift,0px)) rotate(var(--rot,0deg))!important;
  filter:brightness(1.06);
  z-index:3;
}
.widget:not(.selected) .wordCloudBox,
.present .wordCloudBox{
  grid-template-rows:1fr!important;
}


.widget:not(.selected) .pollTools,
.present .pollTools{
  display:none!important;
}
.pollCloudView{
  height:100%;
  min-height:0;
  position:relative;
  overflow:hidden;
  text-align:center;
  padding:26px 24px;
  border-radius:16px;
  background:linear-gradient(135deg,#f8fafc,#eef2ff);
}
.pollCloudView span{
  position:absolute;
  left:var(--x,50%);
  top:var(--y,50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.10));
  transform:translate(-50%,-50%) translateY(var(--lift,0px)) rotate(var(--rot,0deg));
}
.pollCloudView span.pollCloudText,
.pollCloudView span.pollCloudMixed{
  line-height:1.08;
  max-width:min(52vw,420px);
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  padding:.22em .34em;
  letter-spacing:-.01em;
}
.pollCloudView span.pollCloudEmoji{
  line-height:1;
}
.pollModeBadge{
  text-align:center;
  font-weight:900;
  opacity:.75;
  font-size:14px;
}


/* v79 SAFE: word cloud interaction.
   SAFE25: Den oprindelige v79 .moreMenu-baseblok er fjernet her,
   fordi v82 gentager/erstatter den og senere SAFE-regler styrer 5+5-layoutet. */
.wordCloudRender span,
.pollCloudView span{
  cursor:pointer;
  animation:cloudPop .22s ease both;
}
.wordCloudRender span:hover,
.pollCloudView span:hover{
  transform:scale(1.08);
}
@keyframes cloudPop{
  from{opacity:0;transform:scale(.88)}
  to{opacity:1;transform:scale(1)}
}


.pollQuestion{
  cursor:pointer;
  user-select:none;
}
.pollQuestion::after{
  content:"";
}
.pollQuestion:hover{
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:5px;
}
.present .pollQuestion:hover{
  text-decoration:none;
}
.pollQuestionHint{
  font-size:12px;
  opacity:.55;
  font-weight:700;
  text-align:center;
  margin-top:-6px;
}
.present .pollQuestionHint{
  display:none!important;
}


.pollSettings{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  align-self:start;
  justify-self:center;
  width:fit-content;
  max-width:100%;
  margin:0 auto;
  font-size:12px;
  font-weight:800;
  line-height:1;
  opacity:.9;
}
.pollSettings label{
  background:#f3f4f6;
  border-radius:999px;
  padding:5px 9px;
  display:inline-flex;
  gap:5px;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:auto;
  min-width:0;
  min-height:0;
  white-space:nowrap;
}
.pollSettings input[type="checkbox"]{
  width:14px;
  height:14px;
  min-width:14px;
  min-height:14px;
  margin:0;
  padding:0;
  flex:0 0 auto;
  accent-color:#60a5fa;
}
.present .pollSettings{
  display:none!important;
}
.pollResults.hiddenResults{
  display:none!important;
}

/* SAFE192:
   I almindelig redigeringstilstand skjules foreløbige resultater,
   så svarknapperne ikke glider ned over resultatsøjlerne.
   Resultater vises stadig i præsentation og fokus/maximeret visning. */
body:not(.focus-mode):not(.focus-edit):not(.focus-presentation):not(.focus-maximized) .app:not(.present) .widget[data-type="poll"] .pollResults,
body:not(.focus-mode):not(.focus-edit):not(.focus-presentation):not(.focus-maximized) .app:not(.present) .widget[data-type="poll"] .pollNoResultsNote{
  display:none!important;
}
.pollChoices.resultsHidden{
  grid-row:2 / span 2;
}
.pollNoResultsNote{
  text-align:center;
  font-weight:800;
  opacity:.55;
  padding:8px;
}
.present .pollQuestionHint{
  display:none!important;
}


.present .pollNoResultsNote{
  display:none!important;
}
.moreMenu{
  position:fixed;
  left:50%;
  bottom:118px;
  transform:translateX(-50%);
  z-index:2147483647;
  background:#273142;
  color:white;
  border-radius:20px;
  box-shadow:0 18px 50px rgba(0,0,0,.35);
  padding:14px;
  display:grid;
  grid-template-columns:repeat(4,minmax(74px,1fr));
  gap:10px;
  max-width:min(92vw,520px);
}
.moreMenu button{
  border:0;
  border-radius:14px;
  background:white;
  color:#111827;
  padding:10px 8px;
  font-weight:900;
  display:grid;
  gap:4px;
  place-items:center;
}
.moreMenu button .ico{font-size:26px}
.moreMenu button .txt{font-size:12px}
.moreMenuBackdrop{
  position:fixed;
  inset:0;
  z-index:9998;
  background:transparent;
}
@media(max-width:700px){
  .moreMenu{grid-template-columns:repeat(3,minmax(70px,1fr));bottom:100px}
}
.present .moreMenu,
.present .moreMenuBackdrop{display:none!important}


.app.gridOn::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:120;
  background-image:
    linear-gradient(rgba(17,24,39,.13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17,24,39,.13) 1px, transparent 1px);
  background-size:40px 40px;
}
.present.gridOn::after{z-index:120}
.wheelCloudView{
  height:100%;
  min-height:0;
  display:flex;
  flex-wrap:wrap;
  gap:10px 16px;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:18px;
  border-radius:16px;
  background:linear-gradient(135deg,#f8fafc,#eef2ff);
  box-sizing:border-box;
}
.wheelCloudView span{
  display:inline-block;
  line-height:1;
  cursor:pointer;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.10));
}
.wheelModeBadge{
  text-align:center;
  font-weight:900;
  opacity:.70;
  font-size:14px;
}
.wheelSettings{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  margin:6px 0;
  font-size:13px;
  font-weight:800;
}
.wheelSettings label{
  background:#f3f4f6;
  border-radius:999px;
  padding:6px 10px;
  display:flex;
  align-items:center;
  gap:6px;
}
.present .wheelSettings{
  display:none!important;
}


.app.gridOn::after{
  content:none!important;
  display:none!important;
}
.app.gridOn::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:5;
  background-image:
    linear-gradient(rgba(17,24,39,.13) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17,24,39,.13) 1px, transparent 1px);
  background-size:40px 40px;
}
.drawLayer{z-index:850!important}
.widget{z-index:20}
.title,.topbar,.toolbar,.toolbarPeek,.toolbarPinFloat{z-index:900!important}

.wheel{
  grid-template-columns:minmax(280px,65%) minmax(220px,35%)!important;
}
.wheelSide{
  grid-template-rows:auto auto auto minmax(0,1fr)!important;
}
.wheelControls{
  justify-content:flex-start!important;
}
.wheel .chosen{
  min-height:130px!important;
  max-height:none!important;
  font-size:15px!important;
  line-height:1.25!important;
}
.wheelCloudLayout{
  height:100%;
  display:grid;
  grid-template-columns:minmax(280px,65%) minmax(220px,35%);
  gap:12px;
  padding:12px;
  box-sizing:border-box;
  overflow:hidden;
}
.wheelCloudSide{
  display:grid;
  grid-template-rows:auto auto 1fr;
  gap:10px;
  align-content:start;
}
.wheelCloudSide .wheelControls{
  align-self:start;
}
@media(max-width:700px){
  .wheel,.wheelCloudLayout{grid-template-columns:1fr!important}
}


.wheel .chosen,
.wheelCloudSide .chosen{
  min-height:210px!important;
  max-height:none!important;
  height:100%!important;
  font-size:16px!important;
  line-height:1.28!important;
  padding:12px!important;
  border-radius:14px!important;
  background:#f3f4f6!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
.wheelSide{
  grid-template-rows:auto auto auto minmax(170px,1fr)!important;
}
.wheelCloudSide{
  grid-template-rows:auto auto minmax(170px,1fr)!important;
}


.widget:not(.selected) .saveChosenList{
  display:none!important;
}
.wheelTopBar{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  width:100%;
}
.wheelTopLeft{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.wheelTopRight{
  margin-left:auto;
  display:flex;
  align-items:center;
}
.wheel .saveChosenList,
.wheelCloudLayout .saveChosenList{
  min-width:0!important;
  padding-left:14px!important;
  padding-right:14px!important;
}
.keepToggle{
  white-space:nowrap;
}
.keepToggle label{
  margin:0!important;
}
.wheelSettings{
  justify-content:flex-end!important;
  margin:0!important;
}
.wheelSide{
  grid-template-rows:auto minmax(170px,1fr) auto!important;
}
.wheelCloudSide{
  grid-template-rows:auto minmax(170px,1fr)!important;
}

/* prettier common tag cloud look */
.wordCloudRender,
.pollCloudView,
.wheelCloudView{
  position:relative;
  background:
    radial-gradient(circle at 20% 15%, rgba(109,93,252,.16), transparent 30%),
    radial-gradient(circle at 85% 80%, rgba(14,165,233,.14), transparent 34%),
    linear-gradient(135deg,#f8fafc,#eef2ff 58%,#f0fdfa)!important;
  border:1px solid rgba(109,93,252,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.wordCloudRender span,
.pollCloudView span,
.wheelCloudView span{
  padding:.08em .16em;
  border-radius:.35em;
  letter-spacing:-.03em;
  color:#111827;
  text-shadow:
    0 1px 0 rgba(255,255,255,.75),
    0 5px 18px rgba(17,24,39,.12);
  transition:transform .14s ease, filter .14s ease;
}
.wordCloudRender span:nth-child(5n+1),
.pollCloudView span:nth-child(5n+1),
.wheelCloudView span:nth-child(5n+1){color:#312e81}
.wordCloudRender span:nth-child(5n+2),
.pollCloudView span:nth-child(5n+2),
.wheelCloudView span:nth-child(5n+2){color:#075985}
.wordCloudRender span:nth-child(5n+3),
.pollCloudView span:nth-child(5n+3),
.wheelCloudView span:nth-child(5n+3){color:#064e3b}
.wordCloudRender span:nth-child(5n+4),
.pollCloudView span:nth-child(5n+4),
.wheelCloudView span:nth-child(5n+4){color:#7c2d12}
.wordCloudRender span:nth-child(5n+5),
.pollCloudView span:nth-child(5n+5),
.wheelCloudView span:nth-child(5n+5){color:#581c87}
.wordCloudRender span:hover,
.pollCloudView span:hover,
.wheelCloudView span:hover{
  transform:translate(-50%,-50%) translateY(var(--lift,0px)) scale(1.09) rotate(calc(var(--rot,0deg) - 1deg));
  filter:brightness(1.05);
}
.present .wordCloudRender,
.present .pollCloudView,
.present .wheelCloudView{
  box-shadow:none;
}


.widget[data-type="wheel"] .head{
  cursor:pointer;
}
.widget[data-type="wheel"] .head:hover .titleText{
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:4px;
}
.present .widget[data-type="wheel"] .head:hover .titleText{
  text-decoration:none;
}
.wheelCloudLayout{
  grid-template-columns:1fr!important;
  padding:12px!important;
}
.wheelCloudView{
  width:100%;
  height:100%;
  min-height:0;
}
.wheelCloudSide,
.wheelModeBadge{
  display:none!important;
}
.wheelCloudLayout .chosen,
.wheelCloudLayout .saveChosenList,
.wheelCloudLayout .wheelControls,
.wheelCloudLayout .wheelTopBar{
  display:none!important;
}
.widget:not(.selected) .saveChosenList{
  display:none!important;
}
.widget:not(.selected) .wheelSettings,
.widget:not(.selected) .editNames,
.widget:not(.selected) .saveChosenList{
  display:none!important;
}
.wheel .saveChosenList{
  display:inline-flex;
}
.wheelTopBar{
  align-items:center!important;
}
.wheelTopLeft{
  gap:8px!important;
}
.wheelCloudView{
  border-radius:18px!important;
}


.present .widget[data-type="wheel"] .saveChosenList,
.present .widget[data-type="wheel"] .wheelSettings,
.present .widget[data-type="wheel"] .editNames{
  display:none!important;
}
.wheel .spin:not(.spinCenter){
  display:none!important;
}
.wheel .chosen{
  cursor:pointer;
}
.wheel .chosen:hover{
  outline:2px solid rgba(109,93,252,.28);
}
.present .wheel .chosen:hover{
  outline:none;
}
.wheelCloudView{
  cursor:pointer;
}
.wheelCloudView::after{
  content:"";
}


.wheel .chosen{
  position:relative;
  padding-bottom:42px!important;
}
.wheel .chosen::after{
  content:none!important;
  display:none!important;
}
.wheelToggleHint{
  position:absolute;
  right:14px;
  bottom:10px;
  z-index:3;
  border:0;
  border-radius:999px;
  background:rgba(109,93,252,.12);
  color:#4f46e5;
  font-size:12px;
  font-weight:900;
  padding:7px 11px;
  cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(109,93,252,.14);
}
.wheelToggleHint:hover{
  background:rgba(109,93,252,.20);
}
.present .wheelToggleHint{
  opacity:.55;
  background:rgba(255,255,255,.65);
}
.wheelCloudLayout{
  position:relative;
}
.wheelCloudToggleFixed{
  position:absolute;
  right:14px;
  bottom:12px;
  z-index:5;
  border:0;
  border-radius:999px;
  background:rgba(109,93,252,.14);
  color:#4f46e5;
  font-size:12px;
  font-weight:900;
  padding:8px 12px;
  cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(109,93,252,.16);
}
.wheelCloudToggleFixed:hover{
  background:rgba(109,93,252,.22);
}


.wheelCloudView{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  min-height:360px;
}
.wheelCloudView span{
  position:absolute!important;
  display:block!important;
  transform:translate(-50%,-50%) rotate(var(--rot,0deg));
  white-space:nowrap;
  line-height:1;
}
.wheelCloudView span:hover{
  transform:translate(-50%,-50%) scale(1.08) rotate(var(--rot,0deg))!important;
}
.wheelToggleHint,
.wheelCloudToggleFixed{
  right:16px!important;
  bottom:16px!important;
  background:#6d5dfc!important;
  color:white!important;
  opacity:1!important;
  box-shadow:0 8px 18px rgba(79,70,229,.25)!important;
}
.present .wheelToggleHint,
.present .wheelCloudToggleFixed{
  opacity:1!important;
  background:#6d5dfc!important;
  color:white!important;
}
.wheel .chosen{
  position:relative!important;
}
.wheelCloudLayout{
  position:relative!important;
  height:100%;
}


.wheelCloudLayout{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:block!important;
  padding:12px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.wheelCloudLayout .wheelCloudView{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:320px!important;
  display:block!important;
  flex:none!important;
  flex-wrap:initial!important;
  align-items:initial!important;
  justify-content:initial!important;
  text-align:initial!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  padding:0!important;
}
.wheelCloudLayout .wheelCloudView span{
  position:absolute!important;
  left:var(--x)!important;
  top:var(--y)!important;
  transform:translate(-50%,-50%) rotate(var(--rot,0deg))!important;
  display:block!important;
  max-width:82%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1!important;
}
.wheelCloudLayout .wheelCloudView span:hover{
  transform:translate(-50%,-50%) scale(1.08) rotate(var(--rot,0deg))!important;
}
.wheelCloudToggleFixed{
  position:absolute!important;
  right:18px!important;
  bottom:18px!important;
  z-index:20!important;
}
.present .wheelCloudToggleFixed{
  opacity:1!important;
}


.widget{
  overflow:visible!important;
}
.widget .chrome{
  position:relative!important;
  z-index:500!important;
  pointer-events:auto!important;
}
.widget .chrome .mini,
.widget .chrome .mini button,
.widget button[data-act]{
  pointer-events:auto!important;
  position:relative!important;
  z-index:550!important;
}
.widget .content{
  position:relative!important;
  z-index:1!important;
}
.widget[data-type="video"] .content,
.widget[data-type="pdf"] .content,
.videoBox,
.pdfBox{
  pointer-events:auto!important;
}
.widget[data-type="video"] iframe,
.widget[data-type="pdf"] iframe,
.videoBox iframe,
.pdfBox iframe{
  position:relative!important;
  z-index:1!important;
}
.widget[data-type="video"] .chrome,
.widget[data-type="pdf"] .chrome{
  z-index:700!important;
}


.widget[data-type="image"] .content{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:0!important;
}
.widget[data-type="image"] .content > img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
.widget[data-type="image"] .mediaActions{
  position:absolute;
  top:42px;
  right:10px;
  z-index:30;
}
.widget[data-type="image"]:not(.selected) .mediaActions,
.present .widget[data-type="image"] .mediaActions{
  display:none!important;
}
.widget[data-type="image"] .imageChoice{
  width:100%;
  height:100%;
  box-sizing:border-box;
}


#bgPreview{
  height:220px!important;
  width:100%!important;
  border-radius:14px!important;
  border:1px solid #ddd!important;
  background-color:#f3f4f6!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  margin-bottom:12px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#bgPreview.bgHasImage{
  background-size:contain!important;
}
#bgPreview.bgCover{
  background-size:cover!important;
}
#bgPreview.bgAuto{
  background-size:auto!important;
}


.widget[data-type="image"] .content{
  display:block!important;
  overflow:hidden!important;
  padding:0!important;
  background:rgba(255,255,255,.94)!important;
}
.widget[data-type="image"] .imageFrame{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.widget[data-type="image"] .imageFrame img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
.bgPreviewFrame{
  height:240px!important;
  width:100%!important;
  border-radius:14px!important;
  border:1px solid #ddd!important;
  background:#f3f4f6!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  margin-bottom:12px!important;
  box-sizing:border-box!important;
}
.bgPreviewFrame img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
.bgPreviewFrame.cover img{object-fit:cover!important}
.bgPreviewFrame.auto img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}


#bgPreview,
.bgPreviewFrame{
  display:none!important;
}


.globalClock{
  position:absolute;
  right:22px;
  bottom:112px;
  z-index:880;
  min-width:118px;
  padding:10px 14px;
  border-radius:18px;
  background:rgba(17,24,39,.82);
  color:white;
  box-shadow:0 12px 28px rgba(0,0,0,.26);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-weight:900;
  text-align:center;
  user-select:none;
  cursor:pointer;
}
.globalClock.hiddenClock{display:none}
.globalClock .clockTime{font-size:30px;line-height:1;letter-spacing:-.04em}
.globalClock .clockDate{font-size:12px;opacity:.72;margin-top:4px}
.globalClock.minimal{
  background:transparent;
  color:#111827;
  box-shadow:none;
  text-shadow:0 2px 10px rgba(255,255,255,.85);
}
.globalClock.stage{
  left:50%;
  right:auto;
  bottom:38px;
  transform:translateX(-50%);
  min-width:260px;
  padding:18px 26px;
  border-radius:28px;
}
.globalClock.stage .clockTime{font-size:72px}
.globalClock.stage .clockDate{font-size:18px}
.globalClock.analog{
  width:126px;
  height:126px;
  min-width:126px;
  padding:0;
  border-radius:50%;
  display:grid;
  place-items:center;
}
.clockFace{
  position:relative;
  width:100px;
  height:100px;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  box-shadow:inset 0 0 0 4px rgba(17,24,39,.12);
}
.clockHand{
  position:absolute;
  left:50%;
  bottom:50%;
  width:4px;
  transform-origin:bottom center;
  border-radius:999px;
  background:#111827;
}
.clockHand.hour{height:28px}
.clockHand.min{height:39px;width:3px}
.clockHand.sec{height:43px;width:2px;background:#ef4444}
.clockDot{
  position:absolute;
  left:50%;
  top:50%;
  width:10px;
  height:10px;
  margin-left:-5px;
  margin-top:-5px;
  border-radius:50%;
  background:#111827;
}
.present .globalClock{
  z-index:950;
}
.clockModalGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.clockModalGrid button{
  font-weight:900;
}
@media(max-width:700px){
  .globalClock{right:12px;bottom:92px;transform:scale(.86);transform-origin:bottom right}
  .globalClock.stage{left:50%;bottom:24px;right:auto;transform:translateX(-50%) scale(.72)}
}


.globalClock.stage{
  left:50%!important;
  right:auto!important;
  bottom:38px!important;
  transform:translateX(-50%)!important;
}
.clockSection{
  margin:12px 0 16px;
}
.clockSectionTitle{
  font-weight:900;
  font-size:14px;
  opacity:.72;
  margin:0 0 8px;
}
.clockRow{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  font-weight:900!important;
  margin:10px 0!important;
  line-height:1.2!important;
  white-space:normal!important;
}
.clockRow input{
  flex:0 0 auto!important;
  width:22px!important;
  height:22px!important;
}
.clockStyleGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:8px 0 12px;
}
.clockStyleBtn{
  position:relative;
  min-height:64px;
  text-align:left!important;
  padding:12px 14px!important;
  border-radius:14px!important;
}
.clockStyleBtn b{
  display:block;
  font-size:18px;
}
.clockStyleBtn small{
  display:block;
  opacity:.78;
  margin-top:3px;
  font-weight:800;
}
.clockStyleBtn.active::after{
  content:"✓";
  position:absolute;
  right:14px;
  top:12px;
  font-size:22px;
}
.clockPreview{
  min-height:86px;
  border-radius:18px;
  background:linear-gradient(135deg,#eef2ff,#ecfeff);
  display:grid;
  place-items:center;
  margin:8px 0 14px;
  box-shadow:inset 0 0 0 1px rgba(109,93,252,.12);
}
.clockPreview .globalClock{
  position:static!important;
  transform:none!important;
  right:auto!important;
  bottom:auto!important;
}
.clockPreview .globalClock.stage{
  position:static!important;
  transform:scale(.55)!important;
}
.clockPreview .globalClock.analog{
  transform:scale(.72)!important;
}
@media(max-width:700px){
  .clockStyleGrid{grid-template-columns:1fr}
}


.globalClock.stage{
  left:50%!important;
  right:auto!important;
  bottom:132px!important;
  transform:translateX(-50%)!important;
  z-index:870!important;
}
.present .globalClock.stage{
  bottom:48px!important;
  z-index:940!important;
}
@media(max-width:700px){
  .globalClock.stage{
    bottom:112px!important;
    transform:translateX(-50%) scale(.72)!important;
  }
  .present .globalClock.stage{
    bottom:32px!important;
    transform:translateX(-50%) scale(.72)!important;
  }
}


.toolbarPeek{
  pointer-events:auto!important;
  z-index:1200!important;
}
.app.toolbarHidden .toolbar{
  opacity:0!important;
  transform:translateX(-50%) translateY(115px)!important;
  pointer-events:none!important;
}
.app.toolbarPinned .toolbar{
  opacity:1!important;
  transform:translateX(-50%)!important;
  pointer-events:auto!important;
}
.toolbar .pinTool button{
  font-size:22px!important;
}
.toolbar .pinTool button.pinned{
  background:#6d5dfc!important;
  color:white!important;
}
.toolbar .pinTool button.autoHideOn{
  box-shadow:inset 0 0 0 3px #f59e0b!important;
}


.toolbar{
  will-change:opacity,transform;
}
.app.toolbarHidden .toolbar{
  opacity:0!important;
  transform:translateX(-50%) translateY(125px)!important;
  pointer-events:none!important;
}
.toolbarPeek{
  display:none;
  pointer-events:auto!important;
}
.app.toolbarHidden .toolbarPeek{
  display:block!important;
}


.app.toolbarHidden .toolbar{
  opacity:0!important;
  visibility:hidden!important;
  transform:translateX(-50%) translateY(140px)!important;
  pointer-events:none!important;
}
.app.toolbarHidden .toolbarPeek{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.app.toolbarPinned .toolbar{
  visibility:visible!important;
  opacity:1!important;
}


.toolbar.forceHidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateX(-50%) translateY(140px)!important}
.toolbarPeek.forceVisible{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}


body.toolbar-is-hidden .toolbar{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(-50%) translateY(160px)!important;
}
body.toolbar-is-hidden #toolbarPeek{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
body:not(.toolbar-is-hidden) #toolbarPeek{
  display:none!important;
}
#toolbarPeek{
  z-index:21474836479!important;
}


html body.toolbar-is-hidden .toolbar{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(-50%) translateY(170px)!important;
}
html body.toolbar-is-hidden #toolbarPeek{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:214748364799!important;
}
html body:not(.toolbar-is-hidden) #toolbarPeek{
  display:none!important;
}


#toolbarPeek{
  cursor:pointer!important;
}


body.focus-mode .toolbar,
body.focus-mode #toolbarPeek,
body.focus-mode #toolbarPinFloat,
body.focus-mode .topbar,
body.focus-mode #title{
  display:none!important;
}
.focusExit{
  position:absolute;
  right:18px;
  top:18px;
  z-index:21474836479;
  border:0;
  border-radius:999px;
  background:rgba(17,24,39,.86);
  color:white;
  padding:10px 14px;
  font-weight:900;
  box-shadow:0 10px 22px rgba(0,0,0,.25);
}
.focusExit.hidden{display:none!important}
body.focus-mode .focusExit{display:block!important}
body.focus-mode .widget{
  transition:opacity .18s ease, filter .18s ease, box-shadow .18s ease;
}
body.focus-mode .widget:not(.focusTarget){
  opacity:.22;
  filter:grayscale(.25) blur(1.2px);
}
body.focus-mode .widget.focusTarget{
  opacity:1!important;
  filter:none!important;
  box-shadow:0 0 0 5px rgba(109,93,252,.70),0 18px 45px rgba(0,0,0,.35)!important;
  z-index:9990!important;
}
body.focus-mode .widget .chrome,
body.focus-mode .widget .resize,
body.focus-mode .widget .rotater{
  display:none!important;
}
body.focus-mode .widget .content{
  height:100%!important;
  border-radius:12px!important;
}
body.focus-mode .modalBackdrop{
  z-index:100000;
}


#toolbarPeek{
  min-width:150px!important;
  min-height:44px!important;
  padding:10px 18px!important;
  bottom:10px!important;
  z-index:214748364799!important;
  pointer-events:auto!important;
}
#toolbarWakeZone{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:86px;
  z-index:214748364798;
  pointer-events:auto;
  background:transparent;
}
body:not(.toolbar-is-hidden) #toolbarWakeZone{
  display:none!important;
}
body.toolbar-is-hidden #toolbarWakeZone{
  display:block!important;
}
body.toolbar-is-hidden #toolbarWakeZone::after{
  content:"hold her for værktøjer";
  position:absolute;
  left:50%;
  bottom:8px;
  transform:translateX(-50%);
  font-weight:900;
  font-size:12px;
  opacity:.28;
  color:#111827;
  pointer-events:none;
}
body.focus-mode #toolbarWakeZone,
body.focus-mode #toolbarPeek{
  display:none!important;
}


#toolbarPeek,
.toolbarPeek{
  min-width:150px!important;
  min-height:44px!important;
  padding:10px 18px!important;
  z-index:214748364799!important;
  pointer-events:auto!important;
}

body.toolbar-is-hidden #toolbarPeek,
.app.toolbarHidden #toolbarPeek,
body.toolbar-is-hidden .toolbarPeek,
.app.toolbarHidden .toolbarPeek{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:absolute!important;
  left:50%!important;
  bottom:10px!important;
  transform:translateX(-50%)!important;
}

body.focus-mode #toolbarPeek,
body.focus-mode .toolbarPeek,
body.focus-mode #toolbarWakeZone{
  display:none!important;
}

#toolbarWakeZone{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:88px;
  z-index:214748364798;
  pointer-events:auto;
  background:transparent;
}

body:not(.toolbar-is-hidden):not(.toolbarHidden) #toolbarWakeZone{
  display:none!important;
}

body.toolbar-is-hidden #toolbarWakeZone,
.app.toolbarHidden #toolbarWakeZone{
  display:block!important;
}

body.focus-mode #toolbarWakeZone{
  display:none!important;
}


body.focus-edit .widget:not(.focusTarget),
body.focus-presentation .widget:not(.focusTarget){
  opacity:.22;
  filter:grayscale(.25) blur(1.2px);
  transition:opacity .18s ease, filter .18s ease, box-shadow .18s ease;
}
body.focus-edit .widget.focusTarget,
body.focus-presentation .widget.focusTarget{
  opacity:1!important;
  filter:none!important;
  box-shadow:0 0 0 5px rgba(109,93,252,.70),0 18px 45px rgba(0,0,0,.35)!important;
  z-index:9990!important;
}

/* Neutralize old v109 focus-mode hiding for work focus */
body.focus-edit .toolbar,
body.focus-edit .topbar,
body.focus-edit #title{
  display:flex!important;
}
body.focus-edit #toolbarPeek,
body.focus-edit #toolbarWakeZone{
  display:none!important;
}

/* Presentation focus: presentation-clean widget chrome, no toolbar */
body.focus-presentation .toolbar,
body.focus-presentation #toolbarPeek,
body.focus-presentation #toolbarPinFloat,
body.focus-presentation #toolbarWakeZone{
  display:none!important;
}
body.focus-presentation .topbar{
  display:flex!important;
}
body.focus-presentation .widget:not(.focusTarget){
  pointer-events:none!important;
}
body.focus-presentation .widget.focusTarget{
  pointer-events:auto!important;
}
body.focus-presentation .widget .chrome,
body.focus-presentation .widget .resize,
body.focus-presentation .widget .rotater{
  display:none!important;
}
#presentFocus.active,
[data-tool="focus"].active{
  background:#6d5dfc!important;
  color:white!important;
}


#drawTop,
#presentFocus{
  display:none!important;
}
.app.present #drawTop,
.app.present #presentFocus{
  display:inline-flex!important;
}
.app.present #drawTop,
.app.present #presentFocus{
  opacity:.72;
  transition:opacity .18s ease;
}
.app.present #drawTop:hover,
.app.present #presentFocus:hover,
.app.present #drawTop.active,
.app.present #presentFocus.active{
  opacity:1;
}


body.focus-presentation .widget,
body.focus-presentation .widget:not(.focusTarget),
body.focus-presentation .widget.focusTarget{
  pointer-events:auto!important;
}

/* Keep edit chrome hidden in presentation focus, but do not block content taps */
body.focus-presentation .widget .chrome,
body.focus-presentation .widget .resize,
body.focus-presentation .widget .rotater{
  display:none!important;
  pointer-events:none!important;
}
body.focus-presentation .widget .content{
  pointer-events:auto!important;
}

/* Avoid accidental overlay click-blocking if any focus overlay exists */
body.focus-presentation .focus-overlay,
body.focus-edit .focus-overlay{
  pointer-events:none!important;
}


body.focus-presentation .topbar{
  display:flex!important;
  pointer-events:auto!important;
}
body.focus-presentation #presentFocus{
  display:inline-flex!important;
}


.widget .mini [data-act="up"],
.widget .mini [data-act="down"]{
  display:none!important;
}


body.focus-mode #draw,
body.focus-edit #draw,
body.focus-presentation #draw,
body.focus-mode .drawLayer,
body.focus-edit .drawLayer,
body.focus-presentation .drawLayer,
body.focus-mode .drawPanel,
body.focus-edit .drawPanel,
body.focus-presentation .drawPanel{
  display:none!important;
  pointer-events:none!important;
}


.widget{
  position:absolute!important;
  isolation:isolate;
}
.widget .content,
.widget .videoBox{
  position:relative;
  z-index:0;
  isolation:isolate;
}
.widget .videoBox iframe{
  position:relative;
  z-index:0!important;
  transform:translateZ(0);
}


.widget.text,
.widget[data-type="text"]{
  isolation:isolate;
}
.widget .text,
.widget .text textarea{
  position:relative;
  z-index:1;
}


.app:not(.present) .widget .videoBox iframe{
  pointer-events:none!important;
}
.videoEditBtn{
  background:var(--accent);
  color:white;
  border:0;
  border-radius:10px;
  padding:10px 14px;
  font-weight:900;
  font-size:18px;
}


.toolbar .tool span{display:none!important}
.toolbar .tool button{margin-bottom:0!important}
[data-tool="help"].active{
  outline:4px solid #f59e0b!important;
  box-shadow:0 0 0 5px rgba(245,158,11,.22),0 10px 24px rgba(0,0,0,.25)!important;
}
.toolbar > .tool:has([data-tool="save"]),
.toolbar > .tool:has([data-tool="backup"]){
  display:none!important;
}


.toolbar .tool span{display:none!important}
.toolbar .tool button{margin-bottom:0!important}
.toolbar > .tool:has([data-tool="save"]),
.toolbar > .tool:has([data-tool="backup"]){
  display:none!important;
}


.helpIntro{
  background:#f3f4f6;
  border-radius:16px;
  padding:14px 16px;
  line-height:1.4;
  margin:10px 0 14px;
}
.helpFAQ{
  display:grid;
  gap:10px;
  margin:12px 0;
}
.helpFAQ details{
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:white;
  overflow:hidden;
}
.helpFAQ summary{
  cursor:pointer;
  font-weight:900;
  padding:13px 14px;
  background:#f8fafc;
  user-select:none;
}
.helpFAQ details[open] summary{
  background:#eef2ff;
  color:#3730a3;
}
.helpFAQ .answer{
  padding:12px 14px 14px;
  line-height:1.45;
}
.helpFAQ ul{
  margin:8px 0 0 20px;
  padding:0;
}
.helpFAQ li{
  margin:4px 0;
}
.helpTips{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.helpTip{
  background:#ecfeff;
  border:1px solid #a5f3fc;
  border-radius:14px;
  padding:10px 12px;
}
@media(max-width:700px){
  .helpTips{grid-template-columns:1fr}
}


.modalBack.show{
  align-items:center!important;
}
.modal{
  max-height:86vh!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.helpIntro{
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:10px 12px;
  line-height:1.35;
  margin:8px 0 12px;
}
.helpFAQ{
  display:grid;
  gap:8px;
  margin:10px 0;
}
.helpFAQ details{
  border:1px solid #e5e7eb;
  border-radius:13px;
  background:white;
  overflow:hidden;
}
.helpFAQ summary{
  cursor:pointer;
  font-weight:900;
  padding:11px 12px;
  background:#f8fafc;
  user-select:none;
}
.helpFAQ details[open] summary{
  background:#eef2ff;
  color:#3730a3;
}
.helpFAQ .answer{
  padding:10px 12px 12px;
  line-height:1.4;
}
.helpFAQ ul{
  margin:6px 0 0 20px;
  padding:0;
}
.helpFAQ li{
  margin:3px 0;
}
.helpPager{
  display:flex;
  gap:8px;
  justify-content:space-between;
  align-items:center;
  margin-top:12px;
  background:#f3f4f6;
  border-radius:14px;
  padding:10px 12px;
  font-weight:800;
}
.helpPager button{
  border:0;
  border-radius:10px;
  background:#6d5dfc;
  color:white;
  padding:8px 12px;
  font-weight:900;
}


.app:not(.present) .pollHint,
body:not(.focus-mode) .app:not(.present) .pollHint{
  display:none!important;
}
.app.present .pollModeLabel,
body.focus-mode .pollModeLabel{
  display:none!important;
}


.toast,
#toast,
.infoToast,
.cloudInfo,
.voteInfo,
.pollInfo,
.pollToast,
[class*="toast"],
[class*="Toast"],
[class*="cloudInfo"],
[class*="voteInfo"]{
  z-index:2147483647!important;
}

/* Hvis appens toast er absolut/fixed, hold den fri af fokuseret widget */
.toast,
#toast,
.infoToast{
  position:fixed!important;
}


.drawLayer{
  touch-action:none!important;
}
.drawLayer.active,
.app.drawActive .drawLayer{
  pointer-events:auto!important;
  cursor:crosshair!important;
}


.drawLayer{
  touch-action:none!important;
}
.drawLayer.active,
.app.drawActive .drawLayer{
  pointer-events:auto!important;
  cursor:crosshair!important;
}


.widget .chrome,
.widget .chrome button{
  pointer-events:auto!important;
}


#toolbarPinFallback,
#toolbarFallback{
  position:fixed!important;
  right:16px!important;
  bottom:16px!important;
  width:52px!important;
  height:52px!important;
  border:0!important;
  border-radius:16px!important;
  background:#26313f!important;
  color:white!important;
  font-size:24px!important;
  font-weight:900!important;
  z-index:2147483647!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  user-select:none!important;
  box-shadow:0 10px 24px rgba(0,0,0,.30)!important;
}
#toolbarPinFallback:active,
#toolbarFallback:active{
  transform:scale(.95)!important;
}


#toolbarPeek, .toolbarPeek, #toolbarPinFloat, .toolbarPinFloat, .toolbar .pinTool, .toolbar [data-tool="pin"]{
  display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important;
}
#toolbarFallback{
  display:flex !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important;
}

body.focus-mode #toolbarFallback,
body.focus-edit #toolbarFallback,
body.focus-presentation #toolbarFallback{
  display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important;
}


.modal.moveWidgetModal{
  width:min(720px, calc(100vw - 32px)) !important;
  max-width:calc(100vw - 32px) !important;
  max-height:calc(100vh - 32px) !important;
  overflow:auto !important;
  box-sizing:border-box !important;
}
.moveWidgetDialog{max-width:100%;overflow:hidden;box-sizing:border-box;}
.moveWidgetDialog h2{margin:0 0 12px;line-height:1.14;}
.moveWidgetDialog .moveWidgetTitle{margin:0 0 12px;overflow-wrap:anywhere;}
.moveWidgetCopyRow{
  display:flex;
  align-items:center;
  gap:10px;
  background:#f3f4f6;
  border-radius:12px;
  padding:10px;
  margin:10px 0;
  max-width:100%;
  box-sizing:border-box;
}
.moveWidgetCopyRow input{width:auto!important;flex:0 0 auto;margin:0!important;}
.moveWidgetCopyRow span{min-width:0;overflow-wrap:anywhere;line-height:1.25;}
.slideList{display:grid;gap:8px;max-width:100%;}
.slideMoveRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:#f3f4f6;
  border-radius:12px;
  padding:10px;
  max-width:100%;
  box-sizing:border-box;
}
.slideMoveRow b{min-width:0;overflow-wrap:anywhere;line-height:1.25;}
.slideMoveRow .actions{flex:0 0 auto;}
.moveWidgetActions{border-top:1px solid #9ca3af;margin-top:12px;padding-top:10px;display:flex;gap:8px;flex-wrap:wrap;}
@media(max-width:560px){
  .modal.moveWidgetModal{width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important;padding:16px!important;}
  .slideMoveRow{align-items:stretch;flex-direction:column;}
  .slideMoveRow .actions{width:100%;}
  .slideMoveRow button{width:100%;}
}


.globalClock{
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
}
.globalClock .clockTime{
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
  min-width:5.7ch;
}
.globalClock.clockHasSeconds .clockTime{min-width:8.4ch}
.globalClock.clockPos-bottomRight{
  left:auto!important;right:22px!important;top:auto!important;bottom:112px!important;
  transform:none!important;
}
.globalClock.clockPos-bottomLeft{
  left:22px!important;right:auto!important;top:auto!important;bottom:112px!important;
  transform:none!important;
}
.globalClock.clockPos-topCenter{
  left:50%!important;right:auto!important;top:18px!important;bottom:auto!important;
  transform:translateX(-50%)!important;
}
.globalClock.clockPos-bottomCenter{
  left:50%!important;right:auto!important;top:auto!important;bottom:132px!important;
  transform:translateX(-50%)!important;
}
.globalClock.clockPos-bottomCenter.stage{bottom:132px!important}
.present .globalClock.clockPos-bottomCenter{bottom:48px!important}
.clockPositionGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:8px 0 12px;
}
.clockPosBtn{
  position:relative;
  min-height:52px;
  text-align:left!important;
  padding:10px 12px!important;
  border-radius:14px!important;
}
.clockPosBtn b{display:block;font-size:15px}
.clockPosBtn small{display:block;opacity:.78;margin-top:3px;font-weight:800}
.clockPosBtn.active::after{content:"✓";position:absolute;right:12px;top:9px;font-size:20px}
.clockSettingsLayout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,.9fr);
  gap:18px;
  align-items:start;
}
.clockSettingsLayout .clockSection{margin-top:0}
@media(max-width:700px){
  .globalClock.clockPos-bottomRight{right:12px!important;bottom:92px!important;transform:scale(.86)!important;transform-origin:bottom right!important}
  .globalClock.clockPos-bottomLeft{left:12px!important;bottom:92px!important;transform:scale(.86)!important;transform-origin:bottom left!important}
  .globalClock.clockPos-topCenter{top:12px!important;transform:translateX(-50%) scale(.86)!important;transform-origin:top center!important}
  .globalClock.clockPos-bottomCenter{bottom:112px!important;transform:translateX(-50%) scale(.72)!important;transform-origin:bottom center!important}
  .present .globalClock.clockPos-bottomCenter{bottom:32px!important}
  .clockSettingsLayout{grid-template-columns:1fr}
  .clockPositionGrid{grid-template-columns:1fr}
}


/* v1.0.3: Scene/projektor-uret må kun være stort i nederst-midten.
   Når Scene placeres øverst/side, bruges kompakt ur-boks, så det ikke dækker tavlen i præsentation. */
.globalClock.clockSceneCompact{
  width:auto!important;
  height:auto!important;
  min-width:118px!important;
  max-width:min(360px,calc(100vw - 32px))!important;
  padding:10px 16px!important;
  border-radius:18px!important;
}
.globalClock.clockSceneCompact .clockTime{
  font-size:30px!important;
  line-height:1!important;
}
.globalClock.clockSceneCompact .clockDate{
  font-size:12px!important;
}
.globalClock.stage.clockSceneCompact{
  bottom:auto;
}
.present .globalClock.clockSceneCompact{
  z-index:940!important;
}


.widget[data-type="pdf"],
.widget[data-type="pdf"] .content.pdf{
  touch-action:auto!important;
}
.content.pdf .pdfJsViewer{
  position:absolute!important;
  inset:0!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  background:#f8fafc!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:14px!important;
  touch-action:pan-x pan-y!important;
}
.content.pdf .pdfJsCanvas{
  display:block!important;
  background:white!important;
  box-shadow:0 8px 28px rgba(0,0,0,.16)!important;
  max-width:none!important;
}
.content.pdf .pdfJsEmpty,
.content.pdf .pdfJsStatus{
  margin:auto!important;
  padding:18px!important;
  text-align:center!important;
  color:#475569!important;
  font-weight:800!important;
  line-height:1.35!important;
}
.content.pdf .pdfJsStatus small{display:block;font-weight:600;margin-top:8px;color:#64748b!important}
.pdfControls .pdfPageLabel{font-weight:900;color:#111827!important;min-width:64px;text-align:center;font-size:13px!important}
.pdfControls .pdfPrev,.pdfControls .pdfNext{min-width:34px;padding:6px 10px!important}
.pdfEdgeNav{display:none;position:absolute!important;top:0!important;bottom:0!important;width:13%!important;z-index:9!important;background:transparent!important;pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important}
.pdfEdgeNav.left{left:0!important}.pdfEdgeNav.right{right:0!important}
.present .content.pdf .pdfEdgeNav{display:block!important}
.present .content.pdf .pdfEdgeNav:hover{background:rgba(109,93,252,.08)!important}
.present .content.pdf .pdfJsViewer{inset:0!important;padding:12px!important;pointer-events:auto!important}
.present .content.pdf .pdfJsCanvas{box-shadow:none!important}


/* Fokus er nu en ren visningstilstand: luk med "× fokus" øverst til højre. */
body.focus-edit .toolbar,
body.focus-edit .topbar,
body.focus-edit #title,
body.focus-edit #toolbarFallback,
body.focus-edit #toolbarPeek,
body.focus-edit #toolbarWakeZone,
body.focus-presentation .toolbar,
body.focus-presentation .topbar,
body.focus-presentation #title,
body.focus-presentation #toolbarFallback,
body.focus-presentation #toolbarPeek,
body.focus-presentation #toolbarWakeZone{
  display:none!important;
}

body.focus-edit .widget .chrome,
body.focus-edit .widget .resize,
body.focus-edit .widget .rotater,
body.focus-presentation .widget .chrome,
body.focus-presentation .widget .resize,
body.focus-presentation .widget .rotater{
  display:none!important;
}

body.focus-edit .widget .content,
body.focus-presentation .widget .content{
  height:100%!important;
  border-radius:12px!important;
}

.present .content.pdf .pdfControls,
body.focus-edit .content.pdf .pdfControls,
body.focus-presentation .content.pdf .pdfControls,
.present .content.pdf .widget-control,
body.focus-edit .content.pdf .widget-control,
body.focus-presentation .content.pdf .widget-control{
  display:none!important;
}

/* PDF i fokus/præsentation: ren canvas + kantklik, men midten er fri til scroll/pan. */
body.focus-edit .content.pdf .pdfJsViewer,
body.focus-presentation .content.pdf .pdfJsViewer,
.present .content.pdf .pdfJsViewer{
  inset:0!important;
  padding:12px!important;
  pointer-events:auto!important;
}
body.focus-edit .content.pdf .pdfEdgeNav,
body.focus-presentation .content.pdf .pdfEdgeNav,
.present .content.pdf .pdfEdgeNav{
  display:block!important;
}


body.focus-edit:not(.clock-focus-visible) .globalClock,
body.focus-presentation:not(.clock-focus-visible) .globalClock,
body.focus-mode:not(.clock-focus-visible) .globalClock{
  display:none!important;
}


body.focus-maximized .toolbar,
body.focus-maximized .topbar,
body.focus-maximized #title,
body.focus-maximized #toolbarPeek,
body.focus-maximized #toolbarWakeZone,
body.focus-maximized #toolbarPinFloat{
  display:none!important;
}
body.focus-maximized .widget:not(.focusTarget){
  display:none!important;
}
body.focus-maximized .widget.focusTarget{
  left:50%!important;
  top:50%!important;
  width:calc(100vw - 56px)!important;
  height:calc(100vh - 56px)!important;
  transform:translate(-50%,-50%) rotate(0deg)!important;
  z-index:10050!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:0 0 0 5px rgba(109,93,252,.75),0 24px 70px rgba(0,0,0,.42)!important;
}
body.focus-maximized .widget.focusTarget .chrome,
body.focus-maximized .widget.focusTarget .resize,
body.focus-maximized .widget.focusTarget .rotater{
  display:none!important;
}
body.focus-maximized .widget.focusTarget .content{
  height:100%!important;
  border-radius:12px!important;
  overflow:auto!important;
}
body.focus-maximized .widget.focusTarget .content.pdf .pdfControls,
body.focus-maximized .widget.focusTarget .content.pdf .widget-control{
  display:none!important;
}
body.focus-maximized .widget.focusTarget .content.pdf .pdfJsViewer{
  height:100%!important;
}
body.focus-maximized #focusExit{
  display:block!important;
}
body.focus-maximized .groupLock{
  display:none!important;
}
body.focus-maximized:not(.focus-mode):not(.focus-edit):not(.focus-presentation) #toolbarFallback{
  display:flex!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:10090!important;
}


.presentationModeToast{
  position:absolute;
  left:50%;
  top:18px;
  transform:translateX(-50%) translateY(-8px);
  z-index:4000;
  background:rgba(17,24,39,.92);
  color:white;
  border-radius:999px;
  padding:10px 18px;
  font-weight:900;
  box-shadow:0 12px 28px rgba(0,0,0,.28);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.presentationModeToast.show{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
.presentationModeToast.edit{background:rgba(55,65,81,.94)}
.presentationModeToast.present{background:rgba(109,93,252,.95)}


body.focus-mode #app::after,
body.focus-edit #app::after,
body.focus-presentation #app::after,
body.focus-maximized #app::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:9900;
  pointer-events:none;
  background:rgba(15,23,42,.48);
  backdrop-filter:brightness(.58) saturate(.72);
  -webkit-backdrop-filter:brightness(.58) saturate(.72);
}
body.focus-maximized #app::after{
  background:rgba(15,23,42,.56);
}
body.focus-mode .widget,
body.focus-edit .widget,
body.focus-presentation .widget,
body.focus-maximized .widget,
body.focus-mode .focusExit,
body.focus-edit .focusExit,
body.focus-presentation .focusExit,
body.focus-maximized .focusExit{
  position:absolute;
  z-index:10010;
}
body.focus-mode .widget:not(.focusTarget),
body.focus-edit .widget:not(.focusTarget),
body.focus-presentation .widget:not(.focusTarget){
  opacity:.14!important;
  filter:grayscale(.45) blur(2.2px) brightness(.62)!important;
}
body.focus-mode .widget.focusTarget,
body.focus-edit .widget.focusTarget,
body.focus-presentation .widget.focusTarget{
  z-index:10060!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:0 0 0 6px rgba(109,93,252,.85),0 24px 70px rgba(0,0,0,.55)!important;
}


.widget.selected,
.app.present .widget.selected{
  outline:4px solid rgba(109,93,252,.95)!important;
  box-shadow:0 0 0 7px rgba(109,93,252,.24),0 18px 45px rgba(0,0,0,.32)!important;
}
.app.present .widget.selected .chrome,
.app.present .widget.selected .resize,
.app.present .widget.selected .rotater{
  display:none!important;
}


body.focus-maximized:not(.focus-edit):not(.focus-presentation) .widget.focusTarget .groupLock{
  display:grid!important;
  pointer-events:auto!important;
  opacity:1!important;
  filter:none!important;
  z-index:10090!important;
}


/* v1.0.25-dev: gruppe-låse vises kun i redigering.
   Præsentation og fokus skal altid skjule dem - også hvis widgetten er maksimeret. */
body.focus-presentation .groupLock,
body.focus-edit .groupLock,
.app.present .groupLock,
body.focus-mode .groupLock{
  display:none!important;
}

/* Kun når vi er maksimeret fra normal redigering - ikke fokus, ikke præsentation -
   må gruppe-låsene vises og bruges. */
/* removed stale groupLock override; see v1.0.28 rules */

/* Hvis appen er i præsentation, skal den regel ovenfor overstyres. */
.app.present .widget.focusTarget .groupLock,
.app.present .widget.selected .groupLock{
  display:none!important;
}


/* v1.0.26-dev: endelig regel for gruppe-låse
   - synlige i redigering og maksimeret-fra-redigering
   - skjulte i præsentation og fokus, også hvis widgetten er maksimeret */
body.focus-mode .groupLock,
body.focus-edit .groupLock,
body.focus-presentation .groupLock,
.app.present .groupLock,
.app.present .widget.focusTarget .groupLock,
.app.present .widget.selected .groupLock{
  display:none!important;
}

body.maximized-from-edit:not(.focus-mode) .widget.focusTarget .groupLock,
body.maximized-from-edit:not(.focus-mode) .widget.selected .groupLock{
  display:grid!important;
  pointer-events:auto!important;
  opacity:1!important;
  filter:none!important;
  z-index:10090!important;
}

body.maximized-from-edit .app.present .groupLock,
.app.present body.maximized-from-edit .groupLock{
  display:none!important;
}


body .app.present .widget .groupLock,
body .app.present .widget.focusTarget .groupLock,
body .app.present .widget.selected .groupLock,
body.focus-mode .app .widget .groupLock,
body.focus-edit .app .widget .groupLock,
body.focus-presentation .app .widget .groupLock{
  display:none!important;
  pointer-events:none!important;
}

/* Kun normal redigeringsmaksimering må vise gruppelåse. */
body.maximized-from-edit:not(.focus-mode):not(.focus-edit):not(.focus-presentation) .app:not(.present) .widget.focusTarget .groupLock,
body.maximized-from-edit:not(.focus-mode):not(.focus-edit):not(.focus-presentation) .app:not(.present) .widget.selected .groupLock{
  display:grid!important;
  pointer-events:auto!important;
  opacity:1!important;
  filter:none!important;
  z-index:10090!important;
}

/* Nødudgang skal altid være klikbar i maksimeret/fokus */
body.focus-maximized #focusExit,
body.focus-mode #focusExit,
body.focus-edit #focusExit,
body.focus-presentation #focusExit{
  display:block!important;
  pointer-events:auto!important;
  z-index:214748364799!important;
}


.maxEmergencyExit{
  position:fixed!important;
  right:18px!important;
  top:18px!important;
  z-index:2147483647!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(17,24,39,.94)!important;
  color:white!important;
  padding:12px 16px!important;
  font-weight:900!important;
  font-size:18px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.35)!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
}
.maxEmergencyExit.hidden{display:none!important}
body.focus-maximized .maxEmergencyExit,
body.focus-mode .maxEmergencyExit{
  display:block!important;
}

/* v1.0.28-stabilisering: endelig regel for gruppe-låse.
   Præsentation og fokus skjuler låse. Kun normal redigering og
   maksimeret-fra-redigering må vise dem. */
body.focus-mode .groupLock,
body.focus-edit .groupLock,
body.focus-presentation .groupLock,
.app.present .groupLock,
.app.present .widget .groupLock,
.app.present .widget.focusTarget .groupLock,
.app.present .widget.selected .groupLock{
  display:none!important;
  pointer-events:none!important;
}

body.maximized-from-edit:not(.focus-mode):not(.focus-edit):not(.focus-presentation) .app:not(.present) .widget.focusTarget .groupLock,
body.maximized-from-edit:not(.focus-mode):not(.focus-edit):not(.focus-presentation) .app:not(.present) .widget.selected .groupLock{
  display:grid!important;
  pointer-events:auto!important;
  opacity:1!important;
  filter:none!important;
  z-index:10090!important;
}


body .app.present .groupLock,
body.focus-mode .groupLock,
body.focus-edit .groupLock,
body.focus-presentation .groupLock{
  display:none!important;
  pointer-events:none!important;
}
body.maximized-from-edit:not(.focus-mode):not(.focus-edit):not(.focus-presentation) .app:not(.present) .widget.focusTarget .groupLock,
body.maximized-from-edit:not(.focus-mode):not(.focus-edit):not(.focus-presentation) .app:not(.present) .widget.selected .groupLock{
  display:grid!important;
  pointer-events:auto!important;
}


/* v1.0.29-fix: gruppe-låse i maksimeret redigering
   body.focus-mode bruges også teknisk ved maksimering fra redigering.
   Derfor må focus-mode ikke alene skjule låsene, når maximized-from-edit er aktiv.
   Præsentation og egentlig fokus vinder stadig. */
body.maximized-from-edit:not(.focus-edit):not(.focus-presentation) .app:not(.present) .widget.focusTarget .groupLock,
body.maximized-from-edit:not(.focus-edit):not(.focus-presentation) .app:not(.present) .widget.selected .groupLock{
  display:grid!important;
  pointer-events:auto!important;
  opacity:1!important;
  filter:none!important;
  z-index:10090!important;
}

body.focus-edit .groupLock,
body.focus-presentation .groupLock,
.app.present .groupLock,
.app.present .widget.focusTarget .groupLock,
.app.present .widget.selected .groupLock{
  display:none!important;
  pointer-events:none!important;
}


.hintBar{
  position:absolute;
  left:50%;
  bottom:92px;
  transform:translateX(-50%);
  z-index:2147483000;
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  max-width:min(92vw,980px);
  padding:8px 10px;
  border-radius:999px;
  background:rgba(17,24,39,.88);
  color:white;
  font-weight:900;
  font-size:14px;
  line-height:1;
  box-shadow:0 12px 28px rgba(0,0,0,.28);
  pointer-events:none;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.hintBar.hidden{display:none!important}
.hintBar .hintChip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.13);
  white-space:nowrap;
}
.hintBar .hintMain{
  background:rgba(109,93,252,.95);
}
.hintBar .hintWarn{
  background:rgba(245,158,11,.95);
}
.app.present .hintBar{
  bottom:22px;
  opacity:.92;
}
body.focus-mode .hintBar,
body.focus-maximized .hintBar{
  bottom:18px;
}
@media (max-width:700px){
  .hintBar{
    bottom:76px;
    font-size:12px;
    border-radius:18px;
  }
}


.hintClose{
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  color:white;
  font-weight:900;
  min-width:26px;
  height:26px;
  padding:0 8px;
  cursor:pointer;
  pointer-events:auto;
  touch-action:manipulation;
}
.hintClose:active{transform:translateY(1px)}
body.toolbar-is-hidden .hintBar,
.app.toolbarHidden .hintBar{
  bottom:22px;
}


.hintBar{
  width:min(96vw,1180px)!important;
  max-width:min(96vw,1180px)!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  border-radius:999px!important;
  padding:8px 44px 8px 12px!important;
  overflow:visible!important;
}
.hintBar .hintChip{
  flex:0 0 auto!important;
}
.hintClose{
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:2!important;
}
@media (max-width:760px){
  .hintBar{
    width:min(96vw,760px)!important;
    max-width:min(96vw,760px)!important;
    flex-wrap:wrap!important;
    border-radius:22px!important;
    padding:8px 38px 8px 10px!important;
  }
}


.helpHintToggleRow{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin-top:14px!important;
  font-weight:900!important;
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
  line-height:1.25!important;
}
.helpHintToggleRow input{
  flex:0 0 auto!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
}
.helpHintToggleRow span{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
}


.hintBar{
  width:auto!important;
  max-width:min(82vw,860px)!important;
  padding:8px 42px 8px 12px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
}
.hintBar .hintChip{
  flex:0 1 auto!important;
}
body.toolbar-is-hidden .hintBar,
.app.toolbarHidden .hintBar{
  max-width:min(76vw,820px)!important;
  bottom:22px!important;
}
.hintClose{
  right:8px!important;
}
@media (max-width:760px){
  .hintBar{
    max-width:calc(100vw - 104px)!important;
    flex-wrap:wrap!important;
    border-radius:20px!important;
    padding:8px 38px 8px 10px!important;
  }
}


body.hints-in-toolbar-space .hintBar{
  bottom:22px!important;
  max-width:min(76vw,820px)!important;
}
body.hints-in-toolbar-space .hintBar .hintClose{
  right:8px!important;
}


.app.present:not(.focus-mode) .hintBar,
body:not(.focus-mode):not(.focus-maximized) .app.present .hintBar{
  display:none!important;
}


body.focus-mode #app::after,
body.focus-edit #app::after,
body.focus-presentation #app::after,
body.focus-maximized #app::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:9900!important;
  pointer-events:none!important;
  background:rgba(15,23,42,.56)!important;
  backdrop-filter:brightness(.52) saturate(.70)!important;
  -webkit-backdrop-filter:brightness(.52) saturate(.70)!important;
}
body.focus-mode .widget,
body.focus-edit .widget,
body.focus-presentation .widget,
body.focus-maximized .widget{
  position:absolute!important;
}
body.focus-mode .widget.focusTarget,
body.focus-edit .widget.focusTarget,
body.focus-presentation .widget.focusTarget,
body.focus-maximized .widget.focusTarget{
  z-index:10060!important;
  opacity:1!important;
  filter:none!important;
}
body.focus-mode .widget:not(.focusTarget),
body.focus-edit .widget:not(.focusTarget),
body.focus-presentation .widget:not(.focusTarget){
  opacity:.14!important;
  filter:grayscale(.45) blur(2.2px) brightness(.62)!important;
}


/* v1.0.39-dev: Link-widgettens interne redigeringsknap skjules.
   Link redigeres via widgetkontroller/menu - ikke som synlig knap i indholdet. */
.linkBox .edit,
.linkBox .widget-control,
.widget.link .linkBox button.edit{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}


.app.present [data-act="editLink"],
body.focus-mode [data-act="editLink"],
body.focus-edit [data-act="editLink"],
body.focus-presentation [data-act="editLink"],
body.focus-maximized [data-act="editLink"]{
  display:none!important;
}


body.focus-mode #app::before,
body.focus-maximized #app::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:rgba(255,255,255,.58);
  backdrop-filter:brightness(.72) saturate(.72);
  -webkit-backdrop-filter:brightness(.72) saturate(.72);
}
body.focus-mode #app > *,
body.focus-maximized #app > *{
  position:relative;
}
body.focus-mode .widget,
body.focus-maximized .widget{
  z-index:20;
}
body.focus-mode .widget.focused,
body.focus-mode .widget.focusTarget,
body.focus-mode .widget.selected,
body.focus-maximized .widget.focused,
body.focus-maximized .widget.focusTarget,
body.focus-maximized .widget.selected{
  z-index:30;
}


/* REPAIR minimal: single top-right focus/max exit */
body.focus-mode #focusExit,
body.focus-edit #focusExit,
body.focus-presentation #focusExit,
body.focus-maximized #focusExit,
body.focus-mode .focusExit,
body.focus-edit .focusExit,
body.focus-presentation .focusExit,
body.focus-maximized .focusExit{
  display:none!important;
}

body.focus-mode #maxEmergencyExit,
body.focus-edit #maxEmergencyExit,
body.focus-presentation #maxEmergencyExit,
body.focus-maximized #maxEmergencyExit{
  position:fixed!important;
  top:14px!important;
  right:14px!important;
  left:auto!important;
  bottom:auto!important;
  display:flex!important;
  z-index:2147483647!important;
}


.bgLibraryWrap{margin:16px 0 12px 0}
.bgLibraryHead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 10px 0}
.bgLibraryHead h3{margin:0;font-size:1.05rem;line-height:1.14;color:#111827}
.bgLibraryHead p{margin:4px 0 0 0;opacity:.72;font-weight:700;font-size:.9rem}
.bgGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-height:min(52vh,520px);overflow:auto;padding:4px 4px 8px 4px}
.bgChoice{appearance:none;border:0;background:#fff;border-radius:16px;padding:8px;text-align:left;box-shadow:0 2px 10px rgba(15,23,42,.16);cursor:pointer;display:flex;flex-direction:column;gap:7px;transition:transform .12s ease, box-shadow .12s ease, outline-color .12s ease;outline:3px solid transparent}
.bgChoice:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,23,42,.22)}
.bgChoice.active{outline-color:#6c5cff;box-shadow:0 0 0 4px rgba(108,92,255,.18),0 8px 22px rgba(15,23,42,.22)}
.bgChoice img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:11px;display:block;background:#e5e7eb}
.bgChoiceTitle{font-weight:950;font-size:.86rem;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bgChoiceDesc{font-size:.74rem;color:#4b5563;line-height:1.15;font-weight:750}
.bgChoice.active .bgChoiceTitle::before{content:'✓ ';color:#6c5cff}
.bgActions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.bgActions select{min-width:170px}
@media (max-width:700px){.bgGrid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:48vh}.bgChoice{border-radius:13px;padding:7px}.bgChoiceDesc{display:none}}


/* FINAL bg selector polish */
.bgChoice img.bgImgMissing{opacity:.22;background:repeating-linear-gradient(45deg,#e5e7eb,#e5e7eb 8px,#f3f4f6 8px,#f3f4f6 16px)}
.bgChoice img.bgImgMissing + .bgChoiceTitle::after{content:' (mangler)';font-weight:800;color:#7f1d1d}
.bgChoice{background:#fff!important}
.bgChoice.active{background:#f8f7ff!important}


.bgFilterBar{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px 0;padding:10px;border-radius:16px;background:#f8fafc;border:1px solid rgba(15,23,42,.10)}
.bgFilterChip{appearance:none;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:#fff;padding:8px 11px;font-weight:900;cursor:pointer;box-shadow:0 1px 4px rgba(15,23,42,.08);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.bgFilterChip:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,23,42,.14)}
.bgFilterChip.active{background:#111827;color:#fff;border-color:#111827}
.bgChoicePreview{position:relative;width:100%;aspect-ratio:16/10;border-radius:11px;overflow:hidden;background:#e5e7eb}
.bgChoicePreview img{width:100%;height:100%;object-fit:cover;display:block}
.bgChoiceOverlay{position:absolute;inset:0;pointer-events:none}
.bgChoice img{aspect-ratio:auto;border-radius:0}
.bgLibraryHead p .filterName{font-weight:950;color:#111827}


.linkModeToggle{
  display:inline-flex;
  align-items:center;
  gap:5px;
  border-radius:10px;
  font-weight:950;
  font-size:.9rem;
}
.linkModeToggle[data-mode="iframe"]{
  background:#6c5cff;
  color:#fff;
}
.linkIframeBox{
  height:100%;
  display:flex;
  flex-direction:column;
  background:#0f172a;
  color:white;
}
.linkIframeControls{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px;
  background:rgba(15,23,42,.92);
  border-bottom:1px solid rgba(255,255,255,.12);
  font-size:.82rem;
}
.linkIframeControls button{
  border:0;
  border-radius:10px;
  padding:7px 10px;
  font-weight:900;
  cursor:pointer;
  background:#f8fafc;
  color:#111827;
}
.linkIframeUrl{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  opacity:.85;
  min-width:0;
  flex:1;
}
.linkIframeFrame{
  position:relative;
  flex:1;
  min-height:0;
  background:#e5e7eb;
}
.linkIframeFrame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:white;
}
.linkIframeShield{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.04);
  display:flex;
  align-items:center;
  justify-content:center;
  color:white;
  font-weight:950;
  text-shadow:0 2px 10px rgba(0,0,0,.7);
  pointer-events:auto;
}
.linkIframeShield::after{
  content:'Flyt/ændr widget i redigering – brug præsentation/fokus for at interagere';
  background:rgba(15,23,42,.72);
  padding:10px 14px;
  border-radius:999px;
  opacity:0;
  transition:opacity .15s ease;
}
.linkIframeFrame:hover .linkIframeShield::after{opacity:1}
.app.present .linkIframeShield,
body.focus-mode .linkIframeShield,
body.focus-edit .linkIframeShield,
body.focus-presentation .linkIframeShield,
body.focus-maximized .linkIframeShield{
  display:none;
}


.widget.linkIframeActive .linkIframeShield{
  display:none!important;
}
.widget.linkIframeActive{
  outline:4px solid rgba(108,92,255,.55);
  box-shadow:0 0 0 7px rgba(108,92,255,.18),0 18px 42px rgba(15,23,42,.22);
}
body.iframe-control-active .toolbar,
body.iframe-control-active .topbar{
  opacity:.55;
}
.linkIframeControls .linkActivate.active{
  background:#6c5cff;
  color:#fff;
}

/* v1.0.42: Når en link/iframe-widget roteres, må den indlejrede webside ikke fange touch/pointer-events. */
body.widget-transform-active .linkIframeFrame iframe,
.widget.widgetTransforming .linkIframeFrame iframe{
  pointer-events:none!important;
}


/* v1.0.43: Stabil valg/fokus af link- og iframe-widgets.
   Iframes sluger ellers pointer-events. Wrapperen får derfor en usynlig klikflade,
   som fungerer som tekstwidgettens ydre klikflade. */
.widget.link-widget,
.widget.iframe-widget,
.widget[data-type="link"],
.widget[data-type="iframe"] {
  position: absolute;
}

.widget.link-widget iframe,
.widget.iframe-widget iframe,
.widget[data-type="link"] iframe,
.widget[data-type="iframe"] iframe {
  pointer-events: none;
}

/* Når brugeren aktivt har åbnet/aktiveret websiden, må iframe igen modtage klik. */
.widget.link-widget.iframe-interaction-enabled iframe,
.widget.iframe-widget.iframe-interaction-enabled iframe,
.widget[data-type="link"].iframe-interaction-enabled iframe,
.widget[data-type="iframe"].iframe-interaction-enabled iframe,
.widget.link-widget.is-iframe-active iframe,
.widget.iframe-widget.is-iframe-active iframe,
.widget[data-type="link"].is-iframe-active iframe,
.widget[data-type="iframe"].is-iframe-active iframe {
  pointer-events: auto;
}

/* I redigerings-/præsentationsvalg er der altid en ydre klikflade over iframe'en.
   Den må ikke forstyrre knapper i widget-headeren, fordi headeren ligger med højere z-index. */
.widget.link-widget::after,
.widget.iframe-widget::after,
.widget[data-type="link"]::after,
.widget[data-type="iframe"]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: transparent;
  pointer-events: auto;
}

/* Når iframe aktivt bruges som webside, fjernes overlayet. */
.widget.link-widget.iframe-interaction-enabled::after,
.widget.iframe-widget.iframe-interaction-enabled::after,
.widget[data-type="link"].iframe-interaction-enabled::after,
.widget[data-type="iframe"].iframe-interaction-enabled::after,
.widget.link-widget.is-iframe-active::after,
.widget.iframe-widget.is-iframe-active::after,
.widget[data-type="link"].is-iframe-active::after,
.widget[data-type="iframe"].is-iframe-active::after {
  pointer-events: none;
}

/* Sikrer at widgetens egne knapper stadig ligger over selection-overlayet. */
.widget .widget-header,
.widget .widget-toolbar,
.widget .widget-controls,
.widget .resize-handle,
.widget .rotate-handle {
  position: relative;
  z-index: 5;
}


/* SAFE31 cleanup8: fjernet gamle baggrundsvælger-CSS-lag v44/v45.
   Den aktive baggrundsvælger bruger v46-klasser i markup (`bgLibraryWrap v46`, `bgGrid v46`). */

.bgLibraryWrap.v46{margin:16px 0 12px}
.bgCategoryBar.v46{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 12px;padding:8px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px}
.bgCategoryChip{border:0;border-radius:999px;padding:9px 13px;background:#eef2ff;color:#111827;font-weight:950;cursor:pointer}
.bgCategoryChip.active{background:#111827;color:#fff;box-shadow:0 4px 14px rgba(15,23,42,.22)}
.bgSelectorTools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0 12px}
.bgSelectorTools input{min-width:220px;flex:1;border:1px solid #d1d5db;border-radius:12px;padding:10px 12px;font-weight:800}
.bgLibraryCount{font-weight:900;color:#4b5563}
.bgGrid.v46{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;max-height:min(58vh,620px);overflow:auto;padding:4px 4px 12px}
.bgChoice.v46{position:relative;border-radius:18px;padding:9px}
.bgChoice.v46 img{aspect-ratio:16/10;border-radius:13px}
.bgChoiceMeta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bgBadge{font-size:.67rem;font-weight:950;border-radius:999px;padding:3px 7px;background:#e0f2fe;color:#075985;white-space:nowrap}
.bgBadge.old{background:#fef3c7;color:#92400e}
.bgChoice.v46 .bgChoiceTitle{font-size:.9rem}
.bgChoice.v46 .bgChoiceDesc{font-size:.74rem}
.bgChoice.hiddenByFilter{display:none}
@media (max-width:700px){
  .bgGrid.v46{grid-template-columns:repeat(2,minmax(0,1fr));max-height:54vh}
  .bgCategoryBar.v46{gap:6px;padding:6px}
  .bgCategoryChip{padding:8px 10px;font-size:.86rem}
  .bgSelectorTools input{min-width:100%}
}


@media (max-width: 760px), (pointer: coarse) and (max-width: 900px){
  :root{
    --mobile-toolbar-clearance: 78px;
    --mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
  }

  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbar{
    max-width: calc(100vw - 92px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
    left: calc(50% - 34px);
    right: auto;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-right: 12px;
    padding-left: 12px;
    touch-action: pan-x;
  }
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbar::-webkit-scrollbar{
    display:none;
  }

  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbar button,
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbar .tool,
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbar [data-tool]{
    min-width:44px;
    min-height:44px;
    flex:0 0 auto;
  }

  #toolbarFallback,
  #toolbarPinFallback,
  .toolbarFallback,
  .toolbar-toggle,
  .toolbarToggle{
    right: max(12px, env(safe-area-inset-right, 0px) + 12px) !important;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 9999;
  }

  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) #toolbarFallback,
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbarFallback{
    transform: translateY(-2px);
  }

  .widget.selected{
    outline: 3px solid rgba(108,92,231,.85);
    outline-offset: 2px;
  }

  .modal{
    max-width: min(92vw, 720px);
    max-height: calc(100dvh - 34px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  }

  .topbar{
    max-width: calc(100vw - 18px);
  }
}

/* Meget smal portræt: gør toolbaren endnu mere kompakt og undgå højre toggle. */
@media (max-width: 480px) and (orientation: portrait){
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbar{
    max-width: calc(100vw - 86px);
    left: calc(50% - 36px);
    gap: 8px;
  }
}


/* v1.0.52 mobile toolbar overlap fix
   Løser at den faste toggle-knap dækker Mere-knappen på smal mobilskærm. */
@media (max-width: 760px), (pointer: coarse) and (max-width: 900px){
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbar{
    max-width: calc(100vw - 24px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
    left: 12px !important;
    right: auto !important;
    transform: none !important;
    padding-right: 82px !important; /* permanent no-go-zone til toggle-knappen */
    box-sizing: border-box;
  }

  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) #toolbarFallback,
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbarFallback{
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    right: max(12px, env(safe-area-inset-right, 0px) + 12px) !important;
    bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important; /* over toolbaren, ikke ovenpå */
    z-index: 10001 !important;
  }

  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbar button:last-child,
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbar [data-tool]:last-child{
    margin-right: 10px;
  }
}

/* I landskab er der ofte plads nok: hold toggle i hjørnet, men toolbar har stadig højre luft. */
@media (max-width: 900px) and (orientation: landscape){
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) #toolbarFallback,
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbarFallback{
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }
}


/* On narrow mobile screens a little less blur is safer, because widgets are already small. */
@media (max-width:760px), (pointer:coarse) and (max-width:900px){
  body.focus-mode .widget:not(.focusTarget),
  body.focus-edit .widget:not(.focusTarget),
  body.focus-presentation .widget:not(.focusTarget){
    opacity:.46!important;
    filter:grayscale(.12) blur(.2px) brightness(.92)!important;
  }
}

/* True maximized focus should still hide everything except the target. */
body.focus-maximized .widget:not(.focusTarget){
  display:none!important;
}


/* Sørg for at appens mørke fokuslag ikke lægger sig over widgets. */
body.focus-mode #app::before,
body.focus-edit #app::before,
body.focus-presentation #app::before,
body.focus-mode #app::after,
body.focus-edit #app::after,
body.focus-presentation #app::after,
body.focus-mode .focusBackdrop,
body.focus-edit .focusBackdrop,
body.focus-presentation .focusBackdrop,
body.focus-mode .focusOverlay,
body.focus-edit .focusOverlay,
body.focus-presentation .focusOverlay{
  background:rgba(15,23,42,.24)!important;
  opacity:1!important;
  backdrop-filter:blur(1.5px)!important;
  -webkit-backdrop-filter:blur(1.5px)!important;
  pointer-events:none!important;
  z-index:9000!important;
}

/* Alle widgets ligger over fokuslag. */
body.focus-mode .widget,
body.focus-edit .widget,
body.focus-presentation .widget{
  display:block!important;
  visibility:visible!important;
  position:absolute!important;
  z-index:10020!important;
}

/* Passive widgets: tydeligt dæmpede, men synlige. */
body.focus-mode .widget:not(.focusTarget),
body.focus-edit .widget:not(.focusTarget),
body.focus-presentation .widget:not(.focusTarget){
  display:block!important;
  visibility:visible!important;
  opacity:.56!important;
  filter:grayscale(.10) blur(.15px) brightness(.96)!important;
  transform-origin:center center!important;
  pointer-events:auto!important;
}

/* Aktiv fokus-widget: tydelig forgrund. */
body.focus-mode .widget.focusTarget,
body.focus-edit .widget.focusTarget,
body.focus-presentation .widget.focusTarget{
  display:block!important;
  visibility:visible!important;
  z-index:10080!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:0 0 0 6px rgba(109,93,252,.85),0 24px 70px rgba(0,0,0,.45)!important;
}

/* Maksimeret fokus må stadig skjule de andre. */
body.focus-maximized .widget:not(.focusTarget){
  display:none!important;
}

/* Fokus exit: altid øverst, fixed og notch/safe-area-kompatibel. */
.focusExit,
#focusExit,
body.focus-mode .focusExit,
body.focus-edit .focusExit,
body.focus-presentation .focusExit,
body.focus-maximized .focusExit{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:fixed!important;
  top:max(12px, env(safe-area-inset-top, 0px) + 8px)!important;
  right:max(12px, env(safe-area-inset-right, 0px) + 8px)!important;
  z-index:2147483647!important;
  pointer-events:auto!important;
  transform:none!important;
  filter:none!important;
}

/* På små telefoner: endnu mildere passiv effekt, så man kan se hvor widgetten er. */
@media (max-width:760px), (pointer:coarse) and (max-width:900px){
  body.focus-mode .widget:not(.focusTarget),
  body.focus-edit .widget:not(.focusTarget),
  body.focus-presentation .widget:not(.focusTarget){
    opacity:.64!important;
    filter:grayscale(.06) blur(0px) brightness(1)!important;
  }

  .focusExit,
  #focusExit,
  body.focus-mode .focusExit,
  body.focus-edit .focusExit,
  body.focus-presentation .focusExit,
  body.focus-maximized .focusExit{
    font-size:clamp(18px,5vw,30px)!important;
    padding:10px 14px!important;
    border-radius:999px!important;
  }
}


/* Almindelig fokus: passive widgets synlige, uanset ældre regler. */
body.focus-mode:not(.focus-maximized) .widget:not(.focusTarget),
body.focus-edit:not(.focus-maximized) .widget:not(.focusTarget),
body.focus-presentation:not(.focus-maximized) .widget:not(.focusTarget){
  display:block!important;
  visibility:visible!important;
  opacity:.62!important;
  filter:grayscale(.08) blur(0px) brightness(1)!important;
  z-index:10030!important;
  pointer-events:auto!important;
}

/* Hvis mobil tilfældigt har focus-maximized-klasse uden at brugeren er i rigtig maksimering,
   må passive widgets stadig ikke blive helt væk. */
@media (max-width:760px), (pointer:coarse) and (max-width:900px){
  body.focus-mode .widget:not(.focusTarget),
  body.focus-edit .widget:not(.focusTarget),
  body.focus-presentation .widget:not(.focusTarget){
    display:block!important;
    visibility:visible!important;
    opacity:.66!important;
    filter:grayscale(.05) blur(0px) brightness(1)!important;
    z-index:10030!important;
  }
}

/* Fokusknap: CSS fallback. JS nedenfor placerer den mere præcist via visualViewport. */
#focusExit,
.focusExit{
  position:fixed!important;
  top:12px!important;
  right:12px!important;
  left:auto!important;
  bottom:auto!important;
  max-width:calc(100vw - 24px)!important;
  white-space:nowrap!important;
  z-index:2147483647!important;
  pointer-events:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}

/* På smal mobil må knappen gerne blive lidt mindre, men ikke forsvinde. */
@media (max-width:480px){
  #focusExit,
  .focusExit{
    font-size:22px!important;
    padding:8px 12px!important;
    border-radius:999px!important;
  }
}


/* Mildt fokuslag. Hvis gamle pseudo/overlay-lag findes, må de ikke gøre tavlen sort. */
body.focus-mode #app::before,
body.focus-edit #app::before,
body.focus-presentation #app::before,
body.focus-mode #app::after,
body.focus-edit #app::after,
body.focus-presentation #app::after,
body.focus-mode .focusBackdrop,
body.focus-edit .focusBackdrop,
body.focus-presentation .focusBackdrop,
body.focus-mode .focusOverlay,
body.focus-edit .focusOverlay,
body.focus-presentation .focusOverlay{
  background:rgba(15,23,42,.18)!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
  z-index:9000!important;
}

/* Almindelig fokus: ingen widgets må være usynlige. */
body.focus-mode:not(.focus-maximized) .widget,
body.focus-edit:not(.focus-maximized) .widget,
body.focus-presentation:not(.focus-maximized) .widget{
  display:block!important;
  visibility:visible!important;
  position:absolute!important;
}

/* Passive widgets: synlige som kontekst. Ingen blur, ingen hård brightness. */
body.focus-mode:not(.focus-maximized) .widget:not(.focusTarget),
body.focus-edit:not(.focus-maximized) .widget:not(.focusTarget),
body.focus-presentation:not(.focus-maximized) .widget:not(.focusTarget),
body.focus-mode .app .widget:not(.focusTarget),
body.focus-edit .app .widget:not(.focusTarget),
body.focus-presentation .app .widget:not(.focusTarget){
  display:block!important;
  visibility:visible!important;
  opacity:.72!important;
  filter:none!important;
  z-index:10030!important;
  pointer-events:auto!important;
}

/* Aktiv widget står tydeligt forrest. */
body.focus-mode .widget.focusTarget,
body.focus-edit .widget.focusTarget,
body.focus-presentation .widget.focusTarget{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  filter:none!important;
  z-index:10090!important;
  box-shadow:0 0 0 6px rgba(109,93,252,.85),0 24px 70px rgba(0,0,0,.45)!important;
}

/* Kun egentlig maksimeret fokus må skjule andre widgets. */
body.focus-maximized:not(.focus-edit):not(.focus-presentation) .widget:not(.focusTarget){
  display:none!important;
}

/* Mobil: passive widgets skal være endnu mere synlige, fordi skærmen er lille. */
@media (max-width:760px), (pointer:coarse) and (max-width:900px){
  body.focus-mode .app .widget:not(.focusTarget),
  body.focus-edit .app .widget:not(.focusTarget),
  body.focus-presentation .app .widget:not(.focusTarget){
    opacity:.82!important;
    filter:none!important;
  }

  body.focus-mode #app::before,
  body.focus-edit #app::before,
  body.focus-presentation #app::before,
  body.focus-mode #app::after,
  body.focus-edit #app::after,
  body.focus-presentation #app::after,
  body.focus-mode .focusBackdrop,
  body.focus-edit .focusBackdrop,
  body.focus-presentation .focusBackdrop,
  body.focus-mode .focusOverlay,
  body.focus-edit .focusOverlay,
  body.focus-presentation .focusOverlay{
    background:rgba(15,23,42,.12)!important;
  }
}


#maxEmergencyExit{display:none!important}
#focusExit.focusExit,.focusExit#focusExit{
  position:fixed!important;
  z-index:2147483647!important;
  min-height:52px!important;
  min-width:126px!important;
  padding:10px 18px!important;
  border-radius:999px!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
#focusExit.focusExit.hidden{display:none!important}

/* Fokuslag skal ligge under widgets og kun dæmpe let. */
body.focus-mode #app::before,
body.focus-edit #app::before,
body.focus-presentation #app::before,
body.focus-mode #app::after,
body.focus-edit #app::after,
body.focus-presentation #app::after,
body.focus-mode .focusBackdrop,
body.focus-edit .focusBackdrop,
body.focus-presentation .focusBackdrop,
body.focus-mode .focusOverlay,
body.focus-edit .focusOverlay,
body.focus-presentation .focusOverlay{
  background:rgba(15,23,42,.14)!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
  z-index:9000!important;
}

body.focus-mode:not(.focus-maximized) .widget,
body.focus-edit:not(.focus-maximized) .widget,
body.focus-presentation:not(.focus-maximized) .widget{
  display:block!important;
  visibility:visible!important;
  position:absolute!important;
}

body.focus-mode .widget:not(.focusTarget),
body.focus-edit .widget:not(.focusTarget),
body.focus-presentation .widget:not(.focusTarget){
  display:block!important;
  visibility:visible!important;
  opacity:.78!important;
  filter:none!important;
  z-index:10030!important;
  pointer-events:auto!important;
}

body.focus-mode .widget.focusTarget,
body.focus-edit .widget.focusTarget,
body.focus-presentation .widget.focusTarget{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  filter:none!important;
  z-index:10090!important;
  box-shadow:0 0 0 6px rgba(109,93,252,.85),0 24px 70px rgba(0,0,0,.45)!important;
}

/* Kun ægte maksimeret fokus skjuler andre widgets. */
body.focus-maximized:not(.focus-edit):not(.focus-presentation) .widget:not(.focusTarget){
  display:none!important;
}


.present .timerEditControls,
body.focus-mode .timerEditControls,
body.focus-edit .timerEditControls,
body.focus-presentation .timerEditControls,
body.focus-maximized .timerEditControls{
  display:none!important;
}

.present .timerBox,
body.focus-mode .timerBox,
body.focus-edit .timerBox,
body.focus-presentation .timerBox,
body.focus-maximized .timerBox{
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  height:100%!important;
  box-sizing:border-box!important;
}

.present .timerBox .display,
body.focus-mode .timerBox .display,
body.focus-edit .timerBox .display,
body.focus-presentation .timerBox .display,
body.focus-maximized .timerBox .display{
  margin:10px 0 14px 0!important;
}

/* Normal fokus må ikke opføre sig som maksimeret. */
body.focus-mode:not(.focus-maximized) .widget.focusTarget,
body.focus-edit:not(.focus-maximized) .widget.focusTarget,
body.focus-presentation:not(.focus-maximized) .widget.focusTarget{
  left:auto!important;
  top:auto!important;
  width:var(--widget-w)!important;
  height:var(--widget-h)!important;
  transform:inherit;
}


#maxEmergencyExit,
.maxEmergencyExit{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Gruppe-hængelåse er redigeringsværktøj.
   De må aldrig ses i præsentation, fokus eller maksimeret fokus. */
.app.present .groupLock,
.present .groupLock,
.presentation .groupLock,
body.focus-mode .groupLock,
body.focus-edit .groupLock,
body.focus-presentation .groupLock,
body.focus-maximized .groupLock,
body.focus-maximized .app .groupLock,
body.focus-mode .app .groupLock,
body.focus-edit .app .groupLock,
body.focus-presentation .app .groupLock{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
}

/* Kun normal redigering må vise gruppe-låse. */
body:not(.focus-mode):not(.focus-edit):not(.focus-presentation):not(.focus-maximized) .app:not(.present) .groupLock{
  display:grid;
  visibility:visible;
  pointer-events:auto;
  opacity:1;
}


/* v1.0.63 touch-exit + group-lock balance
   Genskaber en synlig touch-udgang i fokus/maksimeret tilstand.
   Hængelåse skjules i præsentation/fokus, men vises igen ved maksimering direkte fra redigering. */

/* Den gamle maxEmergencyExit bruges igen som stabil touch-knap. */
#maxEmergencyExit,
.maxEmergencyExit{
  position:fixed!important;
  top:max(18px, env(safe-area-inset-top, 0px) + 12px)!important;
  right:max(18px, env(safe-area-inset-right, 0px) + 12px)!important;
  z-index:2147483647!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(17,24,39,.94)!important;
  color:white!important;
  padding:12px 18px!important;
  font-weight:900!important;
  font-size:18px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.35)!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
}

#maxEmergencyExit.hidden,
.maxEmergencyExit.hidden{
  display:none!important;
}

/* Når fokus/maksimering er aktiv, skal touch-exit kunne ses. */
body.focus-mode #maxEmergencyExit,
body.focus-edit #maxEmergencyExit,
body.focus-presentation #maxEmergencyExit,
body.focus-maximized #maxEmergencyExit,
body.focus-mode .maxEmergencyExit,
body.focus-edit .maxEmergencyExit,
body.focus-presentation .maxEmergencyExit,
body.focus-maximized .maxEmergencyExit{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* focusExit må ikke konkurrere visuelt på touch; maxEmergencyExit er primær touch-exit. */
#focusExit.focusExit{
  display:none!important;
}

/* Gruppe-hængelåse skjules i præsentation og almindelig fokus. */
.app.present .groupLock,
.present .groupLock,
.presentation .groupLock,
body.focus-mode:not(.maximized-from-edit) .groupLock,
body.focus-edit .groupLock,
body.focus-presentation .groupLock{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
}

/* Hvis en grupper-widget maksimeres direkte fra redigering, er hængelåsene redigeringsværktøj og skal vises. */
body.maximized-from-edit.focus-maximized:not(.focus-edit):not(.focus-presentation) .app:not(.present) .widget.focusTarget .groupLock,
body.maximized-from-edit.focus-maximized:not(.focus-edit):not(.focus-presentation) .app:not(.present) .widget.selected .groupLock{
  display:grid!important;
  visibility:visible!important;
  pointer-events:auto!important;
  opacity:1!important;
  filter:none!important;
  z-index:10090!important;
}

@media (max-width:760px), (pointer:coarse) and (max-width:900px){
  #maxEmergencyExit,
  .maxEmergencyExit{
    top:calc(env(safe-area-inset-top, 0px) + 58px)!important;
    right:max(12px, env(safe-area-inset-right, 0px) + 12px)!important;
    min-height:52px!important;
    padding:10px 16px!important;
    font-size:18px!important;
  }
}


/* v1.0.66 toolbar responsive cleanup
   Telefonregler må ikke ramme smal iPad/Safari.
   - Telefon: toolbar får højre luft og toggle kan ligge over/ved siden af.
   - iPad/desktop/smal Safari: toolbar normal bredde, ingen tom højre no-go-zone, toggle i hjørnet.
*/

/* Reset for tablet/desktop, including iPad Safari split/narrow. */
@media (min-width: 641px){
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbar{
    max-width:none!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    padding-right:12px!important;
    padding-left:12px!important;
    overflow-x:visible!important;
    gap:10px;
  }

  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) #toolbarFallback,
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) #toolbarPinFallback,
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbarFallback{
    right:16px!important;
    bottom:16px!important;
    transform:none!important;
  }
}

/* Kun rigtig smal telefon: reserver plads til toggle, så Mere-knappen kan trykkes. */
@media (max-width: 640px){
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbar{
    max-width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))!important;
    left:12px!important;
    right:auto!important;
    transform:none!important;
    padding-left:12px!important;
    padding-right:76px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    box-sizing:border-box!important;
  }

  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbar::-webkit-scrollbar{
    display:none!important;
  }

  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) #toolbarFallback,
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) #toolbarPinFallback,
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbarFallback{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    right:max(12px, env(safe-area-inset-right,0px) + 12px)!important;
    bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;
    transform:none!important;
  }
}

/* Smal landskab med meget lav højde: toggle i hjørnet så den ikke dækker scenen. */
@media (max-width: 760px) and (orientation: landscape) and (max-height: 480px){
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) #toolbarFallback,
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) #toolbarPinFallback,
  body:not(.present):not(.focus-mode):not(.focus-edit):not(.focus-presentation) .toolbarFallback{
    bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
  }
}


.pollHeader{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:4px 8px;
}
.pollHeader .pollQuestion{
  flex:1;
  min-width:0;
}
.pollModeToggle{
  border:0;
  border-radius:999px;
  padding:7px 12px;
  font-weight:900;
  background:#e5e7eb;
  color:#111827;
  cursor:pointer;
  white-space:nowrap;
}
.pollModeToggle:active{transform:scale(.96)}
.widget[data-type="poll"] .pollModeToggle{
  pointer-events:auto!important;
}

/* Redigeringsknapper/indstillinger væk i præsentation og alle fokusformer. */
.present .pollTools,
.present .pollSettings,
body.focus-mode .pollTools,
body.focus-mode .pollSettings,
body.focus-edit .pollTools,
body.focus-edit .pollSettings,
body.focus-presentation .pollTools,
body.focus-presentation .pollSettings,
body.focus-maximized .pollTools,
body.focus-maximized .pollSettings{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Men selve visningsskiftet må være tilgængeligt i fokus/præsentation. */
.present .pollModeToggle,
body.focus-mode .pollModeToggle,
body.focus-edit .pollModeToggle,
body.focus-presentation .pollModeToggle,
body.focus-maximized .pollModeToggle{
  display:inline-flex!important;
  visibility:visible!important;
  pointer-events:auto!important;
  opacity:1!important;
}

/* I præsentation/fokus skal afstemningswidgetten bruge pladsen rent. */
.present .pollBox,
body.focus-mode .pollBox,
body.focus-edit .pollBox,
body.focus-presentation .pollBox,
body.focus-maximized .pollBox{
  grid-template-rows:auto 1fr auto!important;
}


/* v1.0.68 poll edit tools in maximized-from-edit
   Afstemning skal kunne redigeres, når widgetten maksimeres direkte fra redigering.
   Men redigeringsværktøjer skal stadig skjules i præsentation og almindelig fokus. */

/* Grundregel: skjul redigering i præsentation/fokus. */
.app.present .widget[data-type="poll"] .pollTools,
.app.present .widget[data-type="poll"] .pollSettings,
.present .widget[data-type="poll"] .pollTools,
.present .widget[data-type="poll"] .pollSettings,
body.focus-mode:not(.maximized-from-edit) .widget[data-type="poll"] .pollTools,
body.focus-mode:not(.maximized-from-edit) .widget[data-type="poll"] .pollSettings,
body.focus-edit .widget[data-type="poll"] .pollTools,
body.focus-edit .widget[data-type="poll"] .pollSettings,
body.focus-presentation .widget[data-type="poll"] .pollTools,
body.focus-presentation .widget[data-type="poll"] .pollSettings{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Maksimeret fra redigering: vis afstemningens redigeringsværktøjer igen. */
body.maximized-from-edit.focus-maximized:not(.focus-edit):not(.focus-presentation) .app:not(.present) .widget[data-type="poll"].focusTarget .pollTools,
body.maximized-from-edit.focus-maximized:not(.focus-edit):not(.focus-presentation) .app:not(.present) .widget[data-type="poll"].focusTarget .pollSettings,
body.maximized-from-edit.focus-maximized:not(.focus-edit):not(.focus-presentation) .app:not(.present) .widget[data-type="poll"].selected .pollTools,
body.maximized-from-edit.focus-maximized:not(.focus-edit):not(.focus-presentation) .app:not(.present) .widget[data-type="poll"].selected .pollSettings{
  display:flex!important;
  visibility:visible!important;
  pointer-events:auto!important;
  opacity:1!important;
}

/* I maksimeret-redigering må pollTools gerne ligge som tydelig kontrol nederst. */
body.maximized-from-edit.focus-maximized .widget[data-type="poll"] .pollTools{
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

/* Skift-knappen mellem ordsky/afstemning skal altid kunne ses i maksimeret redigering. */
body.maximized-from-edit.focus-maximized .widget[data-type="poll"] .pollModeToggle{
  display:inline-flex!important;
  visibility:visible!important;
  pointer-events:auto!important;
}


/* v1.0.69 poll maximized edit layout fix
   Flueben/checkboxes må ikke blive til groteske store felter.
   Knapper nederst skal have tekstplads. */

body.maximized-from-edit.focus-maximized .widget[data-type="poll"] .pollBox{
  grid-template-rows:auto auto minmax(0,1fr) auto auto!important;
  gap:12px!important;
  padding:18px!important;
  align-content:stretch!important;
}

/* Indstillinger: kompakt række under spørgsmålet. */
body.maximized-from-edit.focus-maximized .widget[data-type="poll"] .pollSettings{
  display:flex!important;
  flex-direction:row!important;
  justify-content:center!important;
  align-items:center!important;
  gap:16px!important;
  flex-wrap:wrap!important;
  width:auto!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0 auto!important;
  background:transparent!important;
}

body.maximized-from-edit.focus-maximized .widget[data-type="poll"] .pollSettings label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:6px 10px!important;
  margin:0!important;
  border-radius:999px!important;
  background:rgba(243,244,246,.9)!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

/* Selve checkboxen skal være normal størrelse. */
body.maximized-from-edit.focus-maximized .widget[data-type="poll"] .pollSettings input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  accent-color:#3b82f6;
}

/* Emoji-knapper må bruge pladsen, men ikke skubbe settings til gigantiske felter. */
body.maximized-from-edit.focus-maximized .widget[data-type="poll"] .pollChoices{
  min-height:0!important;
  align-items:stretch!important;
}

/* Bundværktøjer: tydelig tekst, ingen mikroskopisk tredjeknap. */
body.maximized-from-edit.focus-maximized .widget[data-type="poll"] .pollTools{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  width:100%!important;
  padding:4px 0 0!important;
  margin:0!important;
}

body.maximized-from-edit.focus-maximized .widget[data-type="poll"] .pollTools button,
body.maximized-from-edit.focus-maximized .widget[data-type="poll"] .pollModeToggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:96px!important;
  width:auto!important;
  max-width:none!important;
  min-height:34px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Hvis der kun står en label inde i knappen, skal den ikke krympe. */
body.maximized-from-edit.focus-maximized .widget[data-type="poll"] .pollTools button .pollModeLabel{
  display:inline!important;
  white-space:nowrap!important;
  min-width:max-content!important;
}

/* Små højder: endnu mere kompakt, men stadig læsbart. */
@media (max-height:760px){
  body.maximized-from-edit.focus-maximized .widget[data-type="poll"] .pollBox{
    gap:8px!important;
    padding:12px!important;
  }
  body.maximized-from-edit.focus-maximized .widget[data-type="poll"] .pollSettings label{
    font-size:12px!important;
    padding:5px 8px!important;
  }
  body.maximized-from-edit.focus-maximized .widget[data-type="poll"] .pollTools button,
  body.maximized-from-edit.focus-maximized .widget[data-type="poll"] .pollModeToggle{
    font-size:12px!important;
    min-height:30px!important;
    padding:6px 10px!important;
  }
}


.widget[data-type="poll"] .pollHeader{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  padding:4px 8px 8px!important;
}
.widget[data-type="poll"] .pollVoteCount{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#eef2ff!important;
  color:#374151!important;
  font-weight:900!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
  opacity:.95!important;
}
.widget[data-type="poll"] .pollSettings .pollPresentResultsLabel{
  max-width:100%;
}
.widget[data-type="poll"] .pollSettings .pollPresentResultsText{
  display:inline-block;
  white-space:normal;
  line-height:1.15;
}

.widget[data-type="poll"] .pollTitleToggle{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:0!important;
  background:transparent!important;
  color:#111827!important;
  font:inherit!important;
  font-weight:950!important;
  font-size:clamp(20px,2.4vw,34px)!important;
  line-height:1.1!important;
  text-align:center!important;
  padding:8px 16px!important;
  border-radius:999px!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  max-width:100%!important;
  transition:transform .16s ease, background .16s ease, box-shadow .16s ease, color .16s ease!important;
}

.widget[data-type="poll"] .pollTitleToggle:hover{
  background:rgba(109,93,252,.10)!important;
}

.widget[data-type="poll"] .pollTitleToggle.active{
  background:#6d5dfc!important;
  color:white!important;
  box-shadow:0 8px 22px rgba(109,93,252,.25)!important;
}

.widget[data-type="poll"] .pollTitleToggle.pollTitlePop{
  animation:pollTitlePop .22s ease both!important;
}

@keyframes pollTitlePop{
  0%{transform:scale(1)}
  45%{transform:scale(.94)}
  100%{transform:scale(1)}
}

/* Fjern den separate Ordsky/Afstemning-knap fra v67. */
.widget[data-type="poll"] .pollModeToggle{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Den gamle bundknap i pollTools kan stadig bruges i redigering, men titel er primær. */
.widget[data-type="poll"] .pollTools .pollCloud{
  display:inline-flex;
}


/* v1.0.72 poll maximized current edit state
   Hvis en maksimeret afstemning aktuelt er i redigeringstilstand,
   skal redigeringsværktøjerne vises – uanset om den blev maksimeret fra præsentation eller redigering. */

/* Maksimeret + app ikke i præsentation = redigerbar poll. */
body.focus-maximized .app:not(.present) .widget[data-type="poll"].focusTarget .pollTools,
body.focus-maximized .app:not(.present) .widget[data-type="poll"].focusTarget .pollSettings,
body.focus-maximized .app:not(.present) .widget[data-type="poll"].selected .pollTools,
body.focus-maximized .app:not(.present) .widget[data-type="poll"].selected .pollSettings{
  display:flex!important;
  visibility:visible!important;
  pointer-events:auto!important;
  opacity:1!important;
}

/* Maksimeret + præsentation = ingen redigeringsværktøjer. */
body.focus-maximized .app.present .widget[data-type="poll"] .pollTools,
body.focus-maximized .app.present .widget[data-type="poll"] .pollSettings,
.app.present .widget[data-type="poll"] .pollTools,
.app.present .widget[data-type="poll"] .pollSettings{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
}


/* v1.0.73 poll maximized state cleanup
   Fjerner behovet for flere MutationObserver-patches.
   Reglen er enkel:
   - Præsentation: ingen poll-redigering.
   - Fokus: ingen poll-redigering.
   - Maksimeret + app aktuelt i redigering: poll-redigering vises.
   - Maksimeret + app aktuelt i præsentation: poll-redigering skjules.
*/

/* Først: skjul redigeringslag i præsentation/fokus. */
.app.present .widget[data-type="poll"] .pollTools,
.app.present .widget[data-type="poll"] .pollSettings,
body.focus-mode:not(.focus-maximized) .widget[data-type="poll"] .pollTools,
body.focus-mode:not(.focus-maximized) .widget[data-type="poll"] .pollSettings,
body.focus-edit:not(.focus-maximized) .widget[data-type="poll"] .pollTools,
body.focus-edit:not(.focus-maximized) .widget[data-type="poll"] .pollSettings,
body.focus-presentation:not(.focus-maximized) .widget[data-type="poll"] .pollTools,
body.focus-presentation:not(.focus-maximized) .widget[data-type="poll"] .pollSettings{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
}

/* Maksimeret og appen er IKKE i præsentation: vis poll-redigering. */
body.focus-maximized .app:not(.present) .widget[data-type="poll"].focusTarget .pollTools,
body.focus-maximized .app:not(.present) .widget[data-type="poll"].focusTarget .pollSettings,
body.focus-maximized .app:not(.present) .widget[data-type="poll"].selected .pollTools,
body.focus-maximized .app:not(.present) .widget[data-type="poll"].selected .pollSettings{
  display:flex!important;
  visibility:visible!important;
  pointer-events:auto!important;
  opacity:1!important;
}

/* Maksimeret og appen er i præsentation: skjul poll-redigering. */
body.focus-maximized .app.present .widget[data-type="poll"] .pollTools,
body.focus-maximized .app.present .widget[data-type="poll"] .pollSettings{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
}

/* Kompakt og stabilt layout når poll er maksimeret og redigerbar. */
body.focus-maximized .app:not(.present) .widget[data-type="poll"] .pollSettings{
  flex-direction:row!important;
  justify-content:center!important;
  align-items:center!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0 auto!important;
  background:transparent!important;
}
body.focus-maximized .app:not(.present) .widget[data-type="poll"] .pollSettings label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:rgba(243,244,246,.9)!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
body.focus-maximized .app:not(.present) .widget[data-type="poll"] .pollSettings input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  transform:none!important;
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
}
body.focus-maximized .app:not(.present) .widget[data-type="poll"] .pollTools{
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  width:100%!important;
}
body.focus-maximized .app:not(.present) .widget[data-type="poll"] .pollTools button{
  min-width:96px!important;
  width:auto!important;
  white-space:nowrap!important;
  overflow:visible!important;
}


/* v1.0.74 phase 2 cleanup: samlet state-model
   Princip:
   - JS sætter kun state-classes.
   - CSS afgør synlighed af controls.
   - Ingen interval-loops for focus/poll/toolbar state.
*/

/* Touch exit: én nødudgang i fokus/maksimering. */
#maxEmergencyExit,
.maxEmergencyExit{
  position:fixed!important;
  top:max(18px, env(safe-area-inset-top,0px) + 12px)!important;
  right:max(18px, env(safe-area-inset-right,0px) + 12px)!important;
  z-index:2147483647!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(17,24,39,.94)!important;
  color:white!important;
  padding:12px 18px!important;
  font-weight:900!important;
  font-size:18px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.35)!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
}
#maxEmergencyExit.hidden,
.maxEmergencyExit.hidden{
  display:none!important;
}
body.focus-mode #maxEmergencyExit,
body.focus-edit #maxEmergencyExit,
body.focus-presentation #maxEmergencyExit,
body.focus-maximized #maxEmergencyExit{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
#focusExit.focusExit{display:none!important}

/* Generel widget-control model. */
.app.present .widget-control,
body.focus-mode:not(.focus-maximized) .widget-control,
body.focus-edit:not(.focus-maximized) .widget-control,
body.focus-presentation:not(.focus-maximized) .widget-control{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Maksimeret + redigering: controls må vises. */
body.focus-maximized .app:not(.present) .widget.focusTarget .widget-control,
body.focus-maximized .app:not(.present) .widget.selected .widget-control{
  display:flex!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Kendte widget-specifikke controls følger samme model. */
.app.present .groupLock,
.app.present .timerEditControls,
.app.present .pollTools,
.app.present .pollSettings,
.app.present .wordCloudTools,
.app.present .wordCloudEditorWrap,
body.focus-mode:not(.focus-maximized) .groupLock,
body.focus-mode:not(.focus-maximized) .timerEditControls,
body.focus-mode:not(.focus-maximized) .pollTools,
body.focus-mode:not(.focus-maximized) .pollSettings,
body.focus-mode:not(.focus-maximized) .wordCloudTools,
body.focus-mode:not(.focus-maximized) .wordCloudEditorWrap{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Maksimeret redigering: gruppelåse og poll/wordcloud controls kan vises. */
body.focus-maximized .app:not(.present) .widget.focusTarget .groupLock,
body.focus-maximized .app:not(.present) .widget.selected .groupLock{
  display:grid!important;
  visibility:visible!important;
  pointer-events:auto!important;
  opacity:1!important;
}
body.focus-maximized .app:not(.present) .widget.focusTarget .pollTools,
body.focus-maximized .app:not(.present) .widget.focusTarget .pollSettings,
body.focus-maximized .app:not(.present) .widget.selected .pollTools,
body.focus-maximized .app:not(.present) .widget.selected .pollSettings{
  display:flex!important;
  visibility:visible!important;
  pointer-events:auto!important;
  opacity:1!important;
}

@media (max-width:760px), (pointer:coarse) and (max-width:900px){
  #maxEmergencyExit,.maxEmergencyExit{
    top:calc(env(safe-area-inset-top,0px) + 58px)!important;
    right:max(12px, env(safe-area-inset-right,0px) + 12px)!important;
    min-height:52px!important;
    padding:10px 16px!important;
    font-size:18px!important;
  }
}


/* v1.0.75 link/iframe controls fix
   Indholdsknapperne i iframe-widget skal ligge over iframe-overlayet.
   Rediger-knappen i indholdet er fjernet; blyanten i topbjælken er redigering. */
.widget[data-type="link"] .linkIframeControls,
.widget.link-widget .linkIframeControls,
.widget.iframe-widget .linkIframeControls{
  position:relative!important;
  z-index:20!important;
  pointer-events:auto!important;
}
.widget[data-type="link"] .linkIframeControls button,
.widget.link-widget .linkIframeControls button,
.widget.iframe-widget .linkIframeControls button{
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.widget[data-type="link"] .linkIframeBox,
.widget.link-widget .linkIframeBox,
.widget.iframe-widget .linkIframeBox{
  position:relative!important;
  z-index:6!important;
}


.widget[data-type="link"] .chrome{
  z-index:40!important;
}
.widget[data-type="link"] .mini [data-act="activateLinkIframe"].active{
  background:#6d5dfc!important;
  color:white!important;
}
.widget[data-type="link"] .titleText.linkTitleOpen{
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  font-weight:900!important;
  padding:0!important;
  margin:0!important;
  cursor:pointer!important;
  text-align:left!important;
}
.widget[data-type="link"] .titleText.linkTitleOpen:hover{
  text-decoration:underline;
}
.widget[data-type="link"] .linkIframeControls{
  display:none!important;
}
.widget[data-type="link"] .linkIframeBox{
  height:100%!important;
}


.widget[data-type="link"] .titleText{
  cursor:default!important;
  text-decoration:none!important;
}

/* Iframe-værktøjer findes kun i iframe-visning via makeWidget.
   Når webstyring er aktiv, skal iframe faktisk kunne modtage klik/touch. */
.widget[data-type="link"].linkIframeActive iframe,
.widget[data-type="link"].linkIframeActive .linkIframeFrame iframe,
.widget.link-widget.linkIframeActive iframe,
.widget.iframe-widget.linkIframeActive iframe{
  pointer-events:auto!important;
}

.widget[data-type="link"].linkIframeActive::after,
.widget.link-widget.linkIframeActive::after,
.widget.iframe-widget.linkIframeActive::after{
  pointer-events:none!important;
}

.widget[data-type="link"].linkIframeActive .linkIframeShield{
  display:none!important;
  pointer-events:none!important;
}

/* Aktiv-knappen bruger nu museikon og tydelig aktiv status. */
.widget[data-type="link"] .mini [data-act="activateLinkIframe"].active{
  background:#6d5dfc!important;
  color:white!important;
}

/* Link-indholdets gamle kontrolbjælke skal aldrig vises. */
.widget[data-type="link"] .linkIframeControls{
  display:none!important;
}


.widget[data-type="link"] .chrome,
.widget[data-type="link"] .mini,
.widget[data-type="link"] .mini button{
  pointer-events:auto!important;
  z-index:200!important;
}

.widget[data-type="link"].linkIframeActive iframe,
.widget[data-type="link"].linkIframeActive .linkIframeFrame iframe,
.widget[data-type="link"].iframe-interaction-enabled iframe,
.widget[data-type="link"].is-iframe-active iframe{
  pointer-events:auto!important;
}

.widget[data-type="link"].linkIframeActive::after,
.widget[data-type="link"].iframe-interaction-enabled::after,
.widget[data-type="link"].is-iframe-active::after{
  pointer-events:none!important;
  display:none!important;
}

.widget[data-type="link"].linkIframeActive .linkIframeShield,
.widget[data-type="link"].iframe-interaction-enabled .linkIframeShield,
.widget[data-type="link"].is-iframe-active .linkIframeShield{
  display:none!important;
  pointer-events:none!important;
}

.widget[data-type="link"] .mini [data-act="activateLinkIframe"].active{
  background:#6d5dfc!important;
  color:#fff!important;
}


#rescueWidgets{
  background:#4b5563!important;
}
#rescueWidgets:active{
  transform:scale(.96);
}
@media(max-width:640px){
  #rescueWidgets{
    display:inline-flex!important;
  }
}


/* v1.0.80 iframe safe mode
   Appens egne værktøjer skal altid være over iframe og altid kunne klikkes. */
body.iframe-control-active .toolbar,
body.iframe-control-active .topbar,
body.iframe-control-active #toolbarFallback,
body.iframe-control-active #toolbarPinFallback,
body.iframe-control-active .toolbarFallback,
body.iframe-control-active .title{
  opacity:1!important;
  pointer-events:auto!important;
}

.topbar,
.toolbar,
#toolbarFallback,
#toolbarPinFallback,
.toolbarFallback,
.title,
.modalBack,
.modal{
  z-index:2147483000!important;
  pointer-events:auto!important;
}

.widget[data-type="link"] .chrome,
.widget[data-type="link"] .mini,
.widget[data-type="link"] .mini button{
  z-index:2147482990!important;
  pointer-events:auto!important;
}

/* Iframe må kun være interaktiv inde i den aktive link-widget – ikke blokere appens UI. */
body.iframe-control-active .widget:not(.linkIframeActive) iframe{
  pointer-events:none!important;
}

body.iframe-control-active .widget.linkIframeActive .linkIframeShield{
  display:none!important;
  pointer-events:none!important;
}

body.iframe-control-active .widget.linkIframeActive iframe{
  pointer-events:auto!important;
}

/* Redningsknappen skal kunne bruges selv mens iframe er aktiv. */
#rescueWidgets{
  position:relative!important;
  z-index:2147483001!important;
}


#rescueWidgets{
  background:#6d5dfc!important;
  color:white!important;
  position:relative!important;
  z-index:2147483647!important;
  pointer-events:auto!important;
}
body.iframe-control-active #rescueWidgets,
body.iframe-control-active .topbar,
body.iframe-control-active .toolbar{
  opacity:1!important;
  pointer-events:auto!important;
}


/* v1.0.82 rescue focus/selection stabilization
   Efter redningsbælte må browseren ikke gå i tekstmarkerings-mode på tavlen. */
.app,
.widget,
.chrome,
.mini,
.toolbar,
.topbar,
.resize,
.rotater{
  -webkit-user-select:none!important;
  user-select:none!important;
}

input,
textarea,
select,
[contenteditable="true"],
.textEditor,
.textEditor *{
  -webkit-user-select:text!important;
  user-select:text!important;
}

#rescueWidgets{
  outline:none!important;
}
#rescueWidgets:focus{
  box-shadow:0 0 0 3px rgba(109,93,252,.35)!important;
}
#rescueWidgets.rescueFlash{
  animation:rescueFlash .42s ease both;
}
@keyframes rescueFlash{
  0%{transform:scale(1)}
  35%{transform:scale(.92)}
  100%{transform:scale(1)}
}


/* Redningsbæltet må ikke se permanent aktivt ud efter klik. */
#rescueWidgets,
#rescueWidgets:focus,
#rescueWidgets:active,
#rescueWidgets[aria-pressed="true"],
#rescueWidgets.active{
  background:#4b5563!important;
  color:white!important;
  outline:none!important;
  box-shadow:none!important;
}
#rescueWidgets.rescueFlash{
  background:#6d5dfc!important;
  animation:rescueFlash .36s ease both!important;
}

/* Link/iframe-widget må ikke blive så smal, at topbjælken kollapser til en søjle. */
.widget[data-type="link"]{
  min-width:260px!important;
  min-height:170px!important;
}

/* Gør topbjælken i link/iframe mere robust ved smalle widgets. */
.widget[data-type="link"] .chrome{
  min-height:34px!important;
  height:auto!important;
  align-items:flex-start!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
}

.widget[data-type="link"] .chrome .titleText{
  min-width:42px!important;
  max-width:92px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:30px!important;
  flex:0 1 auto!important;
}

.widget[data-type="link"] .mini{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:4px!important;
  max-width:calc(100% - 52px)!important;
}

.widget[data-type="link"] .mini button{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  font-size:14px!important;
}

/* Hvis der alligevel er mange knapper, må chrome vokse nedad i stedet for at hænge udenfor. */
.widget[data-type="link"] .content{
  height:calc(100% - 42px)!important;
}

/* Ekstra smalle widgets: skjul mindre kritiske pile op/ned, så iframe-værktøjer stadig er brugbare. */
.widget[data-type="link"] .mini button[data-act="up"],
.widget[data-type="link"] .mini button[data-act="down"]{
  display:none!important;
}

/* Iframe-knapperne skal blive i bjælken, ikke hænge udenfor widgetten. */
.widget[data-type="link"] .chrome,
.widget[data-type="link"] .mini{
  contain:layout paint!important;
}


#rescueWidgets,
#rescueWidgets:focus,
#rescueWidgets:active,
#rescueWidgets.active,
#rescueWidgets[aria-pressed="true"]{
  background:#4b5563!important;
  color:#fff!important;
  outline:none!important;
  box-shadow:none!important;
}
#rescueWidgets.rescueFlash{
  background:#6d5dfc!important;
  animation:rescueFlash .36s ease both!important;
}

/* Efter redning: valgte widgets må stadig have ramme, men controls skal være klikbare. */
.widget.selected .chrome,
.widget.selected .mini,
.widget.selected .mini button,
.widget.selected .resize,
.widget.selected .rotater{
  pointer-events:auto!important;
}

.widget.selected::after{
  pointer-events:none!important;
}

/* Link/iframe overlay må aldrig ligge over chrome og mini-knapper. */
.widget[data-type="link"] .chrome,
.widget[data-type="link"] .mini,
.widget[data-type="link"] .mini button{
  pointer-events:auto!important;
  z-index:2147482990!important;
}

/* Appen skal kunne modtage tastaturgenveje efter rescue. */
.app,
body{
  -webkit-user-select:none;
  user-select:none;
}
input,textarea,select,[contenteditable="true"],.textEditor,.textEditor *{
  -webkit-user-select:text!important;
  user-select:text!important;
}


/* Tagcloud/skyvisning-knappen skal ikke forsvinde, når hjul-widgetten bliver smallere. */
.widget[data-type="wheel"] .wheelToggleHint,
.widget[data-type="wheel"] .wheelCloudToggleFixed{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:40!important;
  pointer-events:auto!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  max-width:calc(100% - 24px)!important;
}

/* I valgt/resultatfelt ligger den fast nederst til højre, men må gerne skubbes ind. */
.widget[data-type="wheel"] .wheelToggleHint{
  right:10px!important;
  bottom:10px!important;
  transform:none!important;
}

/* Ved små hjul-widgets bliver knappen kompakt i stedet for at blive klippet væk. */
.widget[data-type="wheel"]{
  min-width:300px!important;
  min-height:240px!important;
}
.widget[data-type="wheel"] .chosen{
  min-height:120px!important;
  padding-bottom:48px!important;
  overflow:visible!important;
}
@media(max-width:760px){
  .widget[data-type="wheel"] .wheelToggleHint,
  .widget[data-type="wheel"] .wheelCloudToggleFixed{
    font-size:11px!important;
    padding:7px 10px!important;
    right:8px!important;
    bottom:8px!important;
  }
}

/* Redningsbælte er kun manuel fuld redning – ingen permanent aktiv markering. */
#rescueWidgets,
#rescueWidgets:focus,
#rescueWidgets:active,
#rescueWidgets.active,
#rescueWidgets[aria-pressed="true"]{
  background:#4b5563!important;
  color:#fff!important;
  outline:none!important;
  box-shadow:none!important;
}
#rescueWidgets.rescueFlash{
  background:#6d5dfc!important;
  animation:rescueFlash .36s ease both!important;
}


/* v1.0.86 iframe full-height cleanup
   Fjerner hvid bundkant/restplads fra gammel iframe-kontrolbjælke. */
.widget[data-type="link"] .content,
.widget[data-type="link"] .content.link,
.widget[data-type="link"] .linkIframeBox,
.widget[data-type="link"] .linkIframeFrame{
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

.widget[data-type="link"] .linkIframeBox{
  display:block!important;
}

.widget[data-type="link"] .linkIframeFrame{
  position:relative!important;
  width:100%!important;
}

.widget[data-type="link"] .linkIframeFrame iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

.widget[data-type="link"] .linkIframeShield{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}

/* Gammel indholds-kontrolbjælke må ikke reservere plads nogen steder. */
.widget[data-type="link"] .linkIframeControls{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}


.wheel.recon{height:100%!important;display:grid!important;grid-template-columns:minmax(250px,58%) minmax(220px,42%)!important;gap:12px!important;padding:12px!important;overflow:hidden!important;box-sizing:border-box!important}
.wheel.recon.editing{grid-template-columns:minmax(250px,50%) minmax(280px,50%)!important}
.wheel.recon .wheelBox{position:relative!important;min-width:0!important;min-height:0!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.wheel.recon .wheelCanvas{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;aspect-ratio:1/1!important;object-fit:contain!important;border-radius:50%!important;box-shadow:0 0 0 8px white,0 4px 12px #999!important;cursor:pointer!important}
.wheel.recon .spinCenter{display:block!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:5!important;font-size:clamp(16px,2.5vw,30px)!important;font-weight:900!important;padding:10px 18px!important;border-radius:10px!important}
.wheel.recon .spinCenter.running{filter:brightness(1.06);box-shadow:0 0 0 5px rgba(109,93,252,.15),0 8px 24px rgba(0,0,0,.22)!important}
.wheel.recon .wheelSide{min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:10px!important;overflow:hidden!important;align-content:stretch!important}
.wheel.recon .wheelTopBar{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important}
.wheel.recon .wheelSettings{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important}
.wheel.recon .wheelSettings label{display:inline-flex!important;align-items:center!important;gap:5px!important;background:#eef0f4!important;border-radius:999px!important;padding:7px 10px!important;font-weight:900!important;white-space:nowrap!important}
.wheel.recon .wheelSettings input[type="number"]{width:58px!important;border:1px solid #cfd5dd!important;border-radius:9px!important;padding:4px 7px!important;font-weight:900!important;background:white!important;color:#111827!important}
.wheel.recon .modeToggle{border-radius:999px!important;font-weight:900!important;margin:0 auto!important;width:min(100%,380px)!important}
.wheel.recon .chosen{position:relative!important;flex:1 1 auto!important;min-height:120px!important;background:linear-gradient(135deg,#f2f4ff,#eef8f5)!important;border-radius:12px!important;padding:12px!important;overflow:auto!important;font-size:16px!important;line-height:1.4!important;color:#111827!important}
.wheel.recon .chosen.stats{display:flex!important;align-items:center!important;justify-content:center!important;align-content:center!important;flex-wrap:wrap!important;gap:9px!important;overflow:hidden!important}
.wheel.recon .statChip{display:inline-block!important;background:white!important;border-radius:14px!important;padding:8px 12px!important;box-shadow:0 6px 16px rgba(0,0,0,.10)!important;text-align:center!important;font-weight:900!important;line-height:1.05!important;max-width:100%!important}
.wheel.recon .statChip small{display:block!important;font-size:.62em!important;line-height:1.2!important;color:#4b5563!important;font-weight:800!important;margin-top:3px!important}
.wheel.recon .wheelBottom{display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important}
.wheel.recon .editArea{display:block!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;background:#f3f4f6!important;border-radius:12px!important;padding:10px!important}
.wheel.recon .editArea textarea{width:100%!important;height:100%!important;min-height:190px!important;resize:none!important;border:1px solid #cfd5dd!important;border-radius:10px!important;background:white!important;padding:12px!important;font-weight:750!important;line-height:1.45!important;color:#111827!important}
.wheel.recon .editHint{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:900;color:#4b5563;margin-bottom:6px}.wheel.recon .editTools{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;justify-content:center}
.present .wheel.recon .wheelTopBar,.present .wheel.recon .wheelSettings,.present .wheel.recon .wheelBottom,.present .wheel.recon .editArea{display:none!important}
.present .wheel.recon{grid-template-columns:minmax(250px,58%) minmax(220px,42%)!important}.present .wheel.recon .chosen{min-height:180px!important}
body.focus-mode .widget[data-type="wheel"] .chrome,body.focus-mode .widget[data-type="wheel"] .resize,body.focus-mode .widget[data-type="wheel"] .rotater{display:none!important}
body.focus-mode .wheel.recon .wheelTopBar,body.focus-mode .wheel.recon .wheelSettings,body.focus-mode .wheel.recon .wheelBottom,body.focus-mode .wheel.recon .editArea{display:none!important}
@media(max-width:700px){.wheel.recon,.wheel.recon.editing{grid-template-columns:1fr!important;grid-template-rows:minmax(240px,1fr) auto!important}.wheel.recon .wheelSide{max-height:48vh!important}}


.widget[data-type="pdf"].pdfKeyboardActive{
  outline:3px solid rgba(108,92,231,.55);
  outline-offset:2px;
}
.widget[data-type="pdf"].pdfKeyboardActive::after{
  content:"PDF-pile aktive · ESC slipper";
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:20;
  background:rgba(17,24,39,.84);
  color:white;
  border-radius:999px;
  padding:5px 9px;
  font-weight:800;
  font-size:12px;
  pointer-events:none;
}


.bgChoicePreview.swatchPreview{
  background:var(--swatch-bg,linear-gradient(135deg,#eef7ff,#d6ecff)) !important;
  min-height:92px;
  position:relative;
}
.bgChoicePreview.swatchPreview .swatchOverlay{
  position:absolute;
  inset:0;
  background:var(--swatch-overlay,transparent);
  pointer-events:none;
}
.bgChoicePreview.swatchPreview .swatchTexture{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.35),transparent 32%),
    radial-gradient(circle at 80% 70%,rgba(255,255,255,.18),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.12),rgba(0,0,0,.06));
  pointer-events:none;
}
.bgBadge.swatch{
  background:#dbeafe!important;
  color:#075985!important;
}


body.draggingPayload #app::after{
  content:"Slip hvor som helst på tavlen";
  position:absolute;
  inset:18px;
  border:4px dashed rgba(108,92,255,.75);
  border-radius:24px;
  background:rgba(255,255,255,.18);
  color:white;
  display:grid;
  place-items:center;
  font-size:clamp(22px,4vw,44px);
  font-weight:950;
  text-shadow:0 2px 8px rgba(0,0,0,.55);
  z-index:2147483000;
  pointer-events:none;
}


.saveActions.v39{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}
.saveActions.v39 button{
  min-height:58px;
  font-size:18px;
  font-weight:950;
}
.saveDropZone{
  border:3px dashed #6c5cff;
  border-radius:18px;
  padding:28px 18px;
  margin:18px 0 14px;
  background:#f8fafc;
  text-align:center;
  color:#111827;
  display:grid;
  gap:10px;
  place-items:center;
  transition:background .15s ease,transform .15s ease,box-shadow .15s ease;
}
.saveDropZone.dragOver{
  background:#eef2ff;
  transform:scale(1.01);
  box-shadow:0 0 0 6px rgba(108,92,255,.16);
}
.saveDropIcon{
  font-size:46px;
  line-height:1;
  opacity:.75;
}
.saveDropZone b{
  font-size:26px;
}
.saveDropZone span{
  color:#4b5563;
  font-weight:750;
}
.saveDropChoose{
  color:#2563eb;
  text-decoration:underline;
  cursor:pointer;
  font-weight:950;
}
.saveDropHint{
  font-size:13px;
  color:#6b7280;
  max-width:680px;
}
@media(max-width:700px){
  .saveActions.v39{grid-template-columns:1fr}
  .saveDropZone{padding:22px 12px}
}


.saveActions.v40{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin:16px 0;
}
.saveActions.v40 button{
  min-height:56px;
  font-size:18px;
  font-weight:950;
}
.saveActions.v40 .secondaryClose{
  justify-self:start;
  min-height:44px;
  font-size:16px;
  opacity:.85;
}


.modalBackdrop,
#modalBackdrop{
  z-index:2147483000!important;
}
.modal,
#modal{
  position:relative;
  z-index:2147483001!important;
}
.widget[data-type="html"] .htmlBox{height:100%;display:flex;flex-direction:column;background:white}
.widget[data-type="html"] .htmlTools{display:flex;gap:6px;flex-wrap:wrap;padding:8px;background:#f3f4f6;border-bottom:1px solid #e5e7eb;align-items:center}
.widget[data-type="html"] .htmlTools button.active{background:#4f46e5!important;color:white!important}
.widget[data-type="html"] iframe{width:100%;height:100%;border:0;background:white;flex:1}
.widget[data-type="html"] textarea{width:100%;height:100%;flex:1;border:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.35;resize:none;box-sizing:border-box;background:#0f172a;color:#f8fafc}


.widget[data-type="html"] .htmlBox{height:100%;display:flex;flex-direction:column;background:white;overflow:hidden}
.widget[data-type="html"] .htmlTools{display:flex;gap:8px;flex-wrap:wrap;padding:8px;background:#f3f4f6;border-bottom:1px solid #e5e7eb;align-items:center;z-index:2}
.widget[data-type="html"] .htmlTools button{font-size:14px!important;padding:6px 12px!important;border-radius:999px!important}
.widget[data-type="html"] .htmlTools button.active{background:#4f46e5!important;color:white!important}
.widget[data-type="html"] .htmlFrameWrap{position:relative;flex:1;min-height:0;background:white}
.widget[data-type="html"] iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:white}
.widget[data-type="html"] .htmlShield{position:absolute;inset:0;background:transparent;z-index:2}
.widget[data-type="html"].htmlInteractive .htmlShield{display:none}
.widget[data-type="html"] textarea{width:100%;height:100%;flex:1;border:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.35;resize:none;box-sizing:border-box;background:#0f172a;color:#f8fafc}

.moreMenu{display:grid!important;grid-template-columns:repeat(4,minmax(64px,1fr))!important;gap:8px!important;max-width:min(430px,92vw)!important}
.moreMenu button{min-width:0!important;min-height:62px!important;padding:7px 6px!important;border-radius:14px!important}
.moreMenu .ico{font-size:19px!important;line-height:1!important;display:block!important}
.moreMenu .txt{font-size:12px!important;line-height:1.1!important;display:block!important;margin-top:4px!important}

.saveActions.v40{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important}
.saveActions.v40 button{min-height:48px!important;font-size:16px!important;font-weight:950!important;padding:8px 10px!important}
.saveActions.v40 .secondaryClose{grid-column:1/-1!important;justify-self:start!important;min-height:38px!important;font-size:15px!important;opacity:.9!important}
.saveDropZone{padding:22px 16px!important;margin:14px 0!important}
.saveDropZone b{font-size:24px!important}
.saveDropIcon{font-size:36px!important}

.bgLibraryHead{display:block!important;margin-bottom:8px!important}
.bgLibraryHead p{margin:3px 0 0 0!important;opacity:.70!important}
.bgCategoryBar{display:none!important}
.bgGridToggleRow{display:flex;align-items:center;justify-content:flex-start;margin:6px 0 10px 0}
.bgGridToggleBtn{appearance:none;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:#fff;padding:8px 13px;font-weight:950;cursor:pointer;box-shadow:0 1px 4px rgba(15,23,42,.08)}
.bgGridToggleBtn.active{background:#111827;color:#fff;border-color:#111827}
.bgGridToggleBtn small{opacity:.70;font-weight:850;margin-left:6px}
.bgFilterBar{margin:8px 0 10px 0!important}


/* v_focus_zfix: focused widget must stay above all others */
body.focus-edit .widget.focused,
body.focus-presentation .widget.focused,
.app.focusMode .widget.focused,
.widget.focused{
  z-index:9999!important;
}
body.focus-edit .widget:not(.focused),
body.focus-presentation .widget:not(.focused){
  z-index:20!important;
}


.widget[data-dataset-view="true"] .text textarea,
.widget.datasetTextWidget .text textarea{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace!important;
  font-size:15px!important;
  line-height:1.35!important;
  white-space:pre!important;
  background:linear-gradient(135deg,#f8fafc,#eef2ff)!important;
}


.datasetTextTools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:7px 10px;background:#eef2ff;border-bottom:1px solid #c7d2fe;font-size:13px;font-weight:850;color:#312e81}
.datasetTextTools button{border:0;border-radius:999px;background:#6d5dfc;color:white;font-weight:900;padding:7px 11px}
.datasetTextTools .datasetTextHint{opacity:.78;line-height:1.25}
.widget[data-dataset-view="true"] .content.text{background:linear-gradient(135deg,#f8fafc,#eef2ff)!important}
.widget.datasetTextWidget .text textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace!important;font-size:15px!important;line-height:1.35!important;white-space:pre!important}
.datasetCard{height:100%;padding:14px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:9px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border-radius:0 0 12px 12px;overflow:hidden}.widget:not(.selected) .datasetCard{border-radius:12px}.datasetTitle{font-size:22px;font-weight:950;display:flex;align-items:center;gap:8px}.datasetMeta{display:flex;gap:8px;flex-wrap:wrap}.datasetMeta span{background:white;border-radius:999px;padding:5px 9px;font-weight:850;color:#334155;box-shadow:0 1px 4px rgba(15,23,42,.08)}.datasetPreview{min-height:0;overflow:auto;background:white;border-radius:12px;border:1px solid #e2e8f0}.datasetPreview table{width:100%;border-collapse:collapse;font-size:13px}.datasetPreview th,.datasetPreview td{border-bottom:1px solid #e5e7eb;padding:6px 8px;text-align:left;white-space:nowrap}.datasetPreview th{position:sticky;top:0;background:#f8fafc;font-weight:900}.datasetActions{display:flex;gap:8px;flex-wrap:wrap}.datasetActions button{border:0;border-radius:999px;background:#6d5dfc;color:white;font-weight:900;padding:8px 12px}.datasetActions button.secondary{background:#e0e7ff;color:#312e81}.present .datasetActions,.present .datasetTextTools{display:none!important}


/* conservative hotfix: keep widget header controls inside narrow widgets */
.widget .chrome{overflow:hidden!important;gap:8px!important;}
.widget .chrome .titleText{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important;}
.widget .chrome .mini{flex:0 1 auto!important;min-width:0!important;max-width:58%!important;overflow:hidden!important;display:flex!important;justify-content:flex-end!important;gap:4px!important;}
.widget .chrome .mini button{flex:0 0 auto!important;min-width:30px!important;min-height:30px!important;padding:3px 7px!important;}
.datasetListBuilder{display:grid;gap:10px;}
.datasetListBuilder .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;max-height:220px;overflow:auto;background:#f8fafc;border-radius:12px;padding:10px;}
.datasetListBuilder .colTools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.datasetListBuilder label{display:flex;gap:7px;align-items:center;font-weight:800;}
.datasetListBuilder .sepRow{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.datasetListBuilder .preview{white-space:pre-wrap;background:#111827;color:white;border-radius:12px;padding:10px;max-height:190px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;}
.datasetListBuilder .actions{display:flex;gap:8px;flex-wrap:wrap;}
@media(max-width:700px){.widget .chrome .mini{max-width:64%!important}.widget .chrome .mini button{min-width:28px!important;padding:3px 6px!important}.datasetListBuilder .sepRow{grid-template-columns:1fr}}

/* dataset topbar list action hotfix */
.widget[data-dataset-view="true"] .datasetActions{display:none!important}
.widget .chrome{overflow:hidden!important;gap:8px!important}
.widget .chrome .titleText{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important}
.widget .chrome .mini{flex:0 1 auto!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;max-width:72%!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
.widget .chrome .mini::-webkit-scrollbar{display:none!important}
.widget .chrome .mini button{flex:0 0 auto!important}


/* ===== CSS: KAHOOPARDY ===== */
/* v1.2.45-kahoopardy-phase1.12: ekte Jeopardy-board med kategorikolonner, full-fit grid og turregel */
.kahoopardyJeopardy{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;overflow:hidden!important}
.kahoopardyJeopardyTurnBanner{text-align:center;font-weight:950;font-size:clamp(14px,1.6vw,24px);opacity:.92;background:rgba(255,255,255,.10);border-radius:999px;padding:7px 12px;justify-self:center}
.kahoopardyJeopardyGrid{min-height:0;height:100%;display:grid!important;gap:8px!important;overflow:hidden!important;padding:4px!important;box-sizing:border-box!important}
.kahoopardyJeopardyCat{border-radius:12px;background:rgba(255,255,255,.18);font-size:clamp(12px,1.55vw,24px);font-weight:950;text-align:center;padding:6px;display:grid;place-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.05;text-wrap:balance}
.kahoopardyJeopardyCard{border:0;border-radius:12px;background:#1d4ed8;color:#facc15;font-size:clamp(18px,3.2vw,48px);font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.22);min-height:0;height:100%;padding:4px;display:grid;place-items:center;touch-action:manipulation}
.kahoopardyJeopardyCard.used,.kahoopardyJeopardyBlank{background:rgba(255,255,255,.08);color:rgba(255,255,255,.28);box-shadow:none;border-radius:12px;min-height:0}
.kahoopardyJeopardyCard.used{cursor:not-allowed;text-decoration:line-through}
.kahoopardyJeopardyCard:not(.used):active{transform:scale(.98)}
@media(max-width:700px){.kahoopardyJeopardyGrid{gap:5px!important}.kahoopardyJeopardyCard{font-size:clamp(15px,5vw,30px);border-radius:9px}.kahoopardyJeopardyCat{font-size:clamp(10px,3vw,16px);border-radius:9px}}


.kahoopardyJeopardyGrid.jeopardyColumns{
  display:grid!important;
  grid-auto-flow:initial!important;
  grid-auto-columns:initial!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  gap:8px!important;
  padding:4px!important;
  box-sizing:border-box!important;
}
.kahoopardyJeopardyGrid.jeopardyColumns .kahoopardyJeopardyCol{
  min-width:0!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:minmax(28px,.38fr) repeat(var(--jp-rows,5),minmax(30px,1fr))!important;
  gap:8px!important;
  height:100%!important;
  overflow:hidden!important;
}
.kahoopardyJeopardyGrid.jeopardyColumns .kahoopardyJeopardyCat{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  border-bottom:3px solid rgba(255,255,255,.28)!important;
  color:white!important;
  font-size:clamp(13px,1.35vw,24px)!important;
  font-weight:950!important;
  text-align:center!important;
  padding:3px 4px 6px!important;
  min-height:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.05!important;
  text-wrap:balance!important;
}
.kahoopardyJeopardyGrid.jeopardyColumns .kahoopardyJeopardyCard{
  min-height:0!important;
  height:100%!important;
  width:100%!important;
  border-radius:12px!important;
  font-size:clamp(17px,3.1vw,48px)!important;
  padding:3px!important;
  display:grid!important;
  place-items:center!important;
}
.kahoopardyJeopardyGrid.jeopardyColumns .kahoopardyJeopardyBlank{
  min-height:0!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
@media(max-width:700px){
  .kahoopardyJeopardyGrid.jeopardyColumns{gap:5px!important;padding:3px!important}
  .kahoopardyJeopardyGrid.jeopardyColumns .kahoopardyJeopardyCol{gap:5px!important;grid-template-rows:minmax(24px,.34fr) repeat(var(--jp-rows,5),minmax(26px,1fr))!important}
  .kahoopardyJeopardyGrid.jeopardyColumns .kahoopardyJeopardyCat{font-size:clamp(10px,2.8vw,16px)!important;border-bottom-width:2px!important}
  .kahoopardyJeopardyGrid.jeopardyColumns .kahoopardyJeopardyCard{font-size:clamp(15px,5vw,30px)!important;border-radius:9px!important}
}


.kahoopardyDoneView{height:100%;display:grid;place-items:center;gap:16px;text-align:center;padding:20px;box-sizing:border-box}
.kahoopardyDoneTitle{font-size:clamp(28px,4.8vw,72px);font-weight:950;line-height:1.05}
.kahoopardyDoneText{font-size:clamp(16px,2vw,28px);font-weight:850;opacity:.9}
.kahoopardyReplayChoices{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.kahoopardyReplayChoices button{border:0;border-radius:999px;padding:12px 18px;background:#facc15;color:#111827;font-weight:950}
.kahoopardyMaster{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;align-items:center;overflow:hidden}
.kahoopardyMasterPrompt,.kahoopardyMasterAnswer{min-height:0;display:grid;place-items:center;text-align:center;padding:16px;border-radius:22px;background:rgba(255,255,255,.08)}
.kahoopardyMasterQuestion{font-size:clamp(28px,4.6vw,72px);line-height:1.07;font-weight:950;text-wrap:balance}
.kahoopardyMasterAnswerText{font-size:clamp(30px,5vw,78px);line-height:1.06;font-weight:950;color:#bbf7d0;text-wrap:balance}
.kahoopardyMasterLabel{font-size:clamp(13px,1.3vw,20px);opacity:.75;font-weight:900;margin-bottom:8px}
.kahoopardyJudgeBtns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.kahoopardyJudgeBtns button{border:0;border-radius:999px;padding:12px 20px;font-weight:950;font-size:clamp(16px,1.8vw,26px)}
.kahoopardyJudgeBtns .correctBtn{background:#22c55e;color:white}.kahoopardyJudgeBtns .wrongBtn{background:#fecaca;color:#7f1d1d}.kahoopardyJudgeBtns .halfBtn{background:#fde68a;color:#78350f}
.kahoopardyActionBar .modeBtn{background:#e0e7ff;color:#111827}.kahoopardyModeBar button.active{background:#facc15!important;color:#111827!important}


.kahoopardyActionBar{gap:8px!important}
.kahoopardyActionBar .cycleMode{min-width:112px!important}
.kahoopardyJeopardyJudge .halfBtn{background:#fde68a!important;color:#78350f!important}
.kahoopardyJudgeBtns button,.kahoopardyJeopardyJudge button{min-width:116px}
.kahoopardyReplayChoices{gap:10px!important}
@media(max-width:700px){.kahoopardyActionBar .cycleMode{min-width:auto!important}.kahoopardyJudgeBtns button,.kahoopardyJeopardyJudge button{min-width:86px}}


/* v1.2.45-kahoopardy-phase1.19: edit-mode K/J/M selection + Enter start; do not capture shifted/global combos */
.kahoopardyBox{position:relative!important}
.kahoopardyModeSwitchFixed{
  position:absolute;right:12px;top:10px;z-index:12;
  border:0;border-radius:999px;padding:9px 14px;
  background:#facc15;color:#111827;font-weight:950;
  box-shadow:0 6px 16px rgba(0,0,0,.24);
}
.kahoopardyTeams{padding-right:140px}
.kahoopardyJeopardyCard.focused{
  outline:5px solid #fff!important;
  box-shadow:0 0 0 4px rgba(250,204,21,.75),0 12px 26px rgba(0,0,0,.35)!important;
  transform:scale(1.02);
}
.present .kahoopardyModeSwitchFixed{opacity:.92}
@media(max-width:700px){.kahoopardyModeSwitchFixed{right:8px;top:8px;padding:7px 10px;font-size:13px}.kahoopardyTeams{padding-right:104px}}


.kahoopardyModeSwitchFixed{min-width:118px;text-align:center}
.kahoopardyJudgeBtns button.focused,
.kahoopardyJeopardyJudge button.focused{
  outline:5px solid #fff!important;
  box-shadow:0 0 0 5px rgba(250,204,21,.42),0 10px 24px rgba(0,0,0,.28)!important;
  transform:translateY(-2px) scale(1.03);
}


.content.kahoopardy .settingsBtn{
  min-width:54px!important;
  width:54px!important;
  height:46px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:24px!important;
  line-height:1!important;
  border-radius:999px!important;
}
.content.kahoopardy .kahoopardyJeopardyCat{
  color:hsl(var(--catHue,215) 85% 88%)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.28),0 0 12px hsl(var(--catHue,215) 90% 55% / .25)!important;
  border-bottom-color:hsl(var(--catHue,215) 85% 68% / .48)!important;
}
.content.kahoopardy .kahoopardyJeopardyCard{
  color:#fff7b8!important;
  text-shadow:0 2px 0 rgba(0,0,0,.28),0 0 10px rgba(250,204,21,.26)!important;
  transition:transform .12s ease, box-shadow .12s ease, filter .12s ease!important;
}
.content.kahoopardy .kahoopardyJeopardyCard.focused:not(.used){
  outline:5px solid rgba(255,255,255,.94)!important;
  outline-offset:-3px!important;
  transform:translateY(-1px) scale(1.01)!important;
}
.content.kahoopardy .kahoopardyJeopardyCard.used{
  background:rgba(255,255,255,.065)!important;
  color:rgba(255,255,255,.24)!important;
  filter:none!important;
  box-shadow:none!important;
}
.present .content.kahoopardy .settingsBtn{display:none!important;}


.mediaDownloadItem .mediaDownloadBtn{
  background:#6d5dfc;
  color:white!important;
  text-decoration:none;
  border:0;
  border-radius:999px;
  padding:8px 12px;
  font-weight:800;
  white-space:nowrap;
}


.kahoopardyLocalInfoOverlay{
  position:fixed; inset:0; z-index:2147483647;
  background:rgba(0,0,0,.42);
  display:grid; place-items:center;
  padding:24px;
}
.kahoopardyLocalInfoBox{
  width:min(560px,92vw);
  background:white; color:#111827;
  border-radius:18px;
  padding:22px;
  box-shadow:0 25px 70px rgba(0,0,0,.45);
  font-size:18px; line-height:1.35;
}
.kahoopardyLocalInfoBox h2{margin:0 0 12px 0;font-size:28px;}
.kahoopardyLocalInfoBox button{
  border:0; border-radius:999px; padding:10px 18px;
  background:#6d5dfc; color:white; font-weight:900; font-size:18px;
}


/* ===== CSS: PAPIRKURV / INTERNAL TRASH BOARD ===== */
/* SAFE10 phase 1: Papirkurv som rigtig tavle, ikke modal */
.moreMenu{grid-template-columns:repeat(5,minmax(74px,1fr))!important;max-width:min(94vw,680px)!important;}
/*
PAPIRKURV MAP / INTERN TAVLE
- Papirkurv er en intern slide i state.slides, men skal skjules fra normal tavletæller, oversigt, omdøbning/flytning/sletning.
- Åbnes/lukkes med T og via Mere → Papirkurv. Esc/mellemrum lukker papirkurv.
- Normal Delete/Backspace og widget-X flytter widgetobjektet til papirkurven; Shift+delete/Shift+X sletter permanent.
- I papirkurv: klik/Enter gendanner; X/Delete/Backspace sletter permanent; piletaster navigerer i overviewet.
- Papirkurv må ikke reintroduceres som modal/localStorage-liste.
*/
.trashBoardBar{
  position:absolute;left:50%;top:82px;transform:translateX(-50%);z-index:950;
  display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;
  background:rgba(15,23,42,.86);color:white;border-radius:999px;padding:9px 14px;
  box-shadow:0 10px 24px rgba(0,0,0,.28);font-weight:900;backdrop-filter:blur(8px);
}
.trashBoardBar button{border:0;border-radius:999px;background:white;color:#111827;font-weight:900;padding:7px 12px;}
.trashBoardEmptyNote{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:80;
  color:rgba(255,255,255,.82);background:rgba(15,23,42,.38);border:1px solid rgba(255,255,255,.18);
  border-radius:22px;padding:22px 28px;text-align:center;font-weight:900;font-size:clamp(20px,3vw,42px);
  pointer-events:none;backdrop-filter:blur(4px);
}
@media(max-width:700px){.moreMenu{grid-template-columns:repeat(5,minmax(56px,1fr))!important;max-width:96vw!important}.moreMenu button{padding:8px 5px!important}.moreMenu button .txt{font-size:10px!important}.trashBoardBar{top:78px;max-width:92vw;border-radius:18px}}
/* SAFE14: trash board is a separate dark workspace; normal tools hidden there */
.app.trashBoardActive{
  background:
    radial-gradient(circle at 18% 16%, rgba(148,163,184,.24), transparent 25%),
    radial-gradient(circle at 82% 80%, rgba(71,85,105,.42), transparent 32%),
    linear-gradient(135deg,#020617 0%,#111827 48%,#0f172a 100%)!important;
  background-image:
    radial-gradient(circle at 18% 16%, rgba(148,163,184,.24), transparent 25%),
    radial-gradient(circle at 82% 80%, rgba(71,85,105,.42), transparent 32%),
    linear-gradient(135deg,#020617 0%,#111827 48%,#0f172a 100%)!important;
  background-size:cover!important;
  background-position:center!important;
}
.app.trashBoardActive .topbar,
.app.trashBoardActive .toolbar,
.app.trashBoardActive .toolbarPeek,
.app.trashBoardActive .toolbarPinFloat,
.app.trashBoardActive #toolbarFallback,
body.trashBoardActive .topbar,
body.trashBoardActive .toolbar,
body.trashBoardActive .toolbarPeek,
body.trashBoardActive .toolbarPinFloat,
body.trashBoardActive #toolbarFallback{
  display:none!important;visibility:hidden!important;pointer-events:none!important;
}
.app.trashBoardActive .title{
  background:rgba(15,23,42,.88)!important;
  border-color:rgba(203,213,225,.42)!important;
  box-shadow:0 0 0 3px rgba(148,163,184,.20),0 14px 36px rgba(0,0,0,.38)!important;
}
.app.trashBoardActive .trashBoardBar{
  background:rgba(15,23,42,.94)!important;
  border:1px solid rgba(255,255,255,.14);
}
.trashBoardBar .danger{background:#7f1d1d!important;color:white!important;}
.trashBoardBar button:disabled{opacity:.45;filter:grayscale(.6);}
.trashBoardEmptyNote{color:white!important;background:rgba(148,163,184,.22)!important;border:1px solid rgba(255,255,255,.14);}


/* SAFE49/50: Mere-menu sektioner.
   Formål: gruppeoverskrifter skal læses som overskrifter, ikke som ekstra knapper/ikoner.
   SAFE50: tekst og video ligger nu i Indhold, så menuen bruger 3 kolonner / rækker på 3 for roligere symmetri. */
.moreMenu.moreMenuGrouped{grid-template-columns:repeat(3,minmax(70px,1fr))!important;max-width:min(94vw,420px)!important;gap:8px!important;align-items:start!important}
.moreMenuGrouped .moreMenuGroup{grid-column:1/-1!important;display:grid!important;gap:7px!important;margin:0 0 8px 0!important}
.moreMenuGrouped .moreMenuGroupButtons{display:grid!important;grid-template-columns:repeat(3,minmax(62px,1fr))!important;gap:8px!important}
.moreMenuGrouped .moreMenuSection{display:block!important;grid-column:auto!important;color:rgba(255,255,255,.78)!important;font-size:12px!important;font-weight:950!important;letter-spacing:.03em!important;text-transform:uppercase!important;padding:0 2px!important;margin:0!important}
.moreMenuGrouped button{min-height:62px!important}
@media(max-width:700px){.moreMenu.moreMenuGrouped{max-width:96vw!important;bottom:96px!important}.moreMenuGrouped .moreMenuGroupButtons{grid-template-columns:repeat(3,minmax(54px,1fr))!important}.moreMenuGrouped .moreMenuSection{font-size:10px!important}}


/* ===== SAFE52: BRUGERRETTET STATUSMÆRKE / MODE INDICATOR =====
   Formål: Vis den aktuelle brugertilstand uden at afsløre tekniske interne klasser.
   Må kun beskrive brugerens situation: Redigering, Præsentation, Fokus, Maksimeret eller Papirkurv.
   Holdes som et sent, isoleret UI-lag. Må ikke kobles ind i render(), select() eller addWidget(). */
.modeBadge{
  position:absolute;
  left:18px;
  top:74px;
  z-index:980;
  background:rgba(17,24,39,.78);
  color:white;
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  padding:6px 11px;
  font-size:12px;
  font-weight:950;
  letter-spacing:.02em;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
  pointer-events:none;
  opacity:.92;
  backdrop-filter:blur(5px);
}
.modeBadge::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#a7f3d0;margin-right:7px;vertical-align:1px;}
.modeBadge.is-present::before{background:#fde68a;}
.modeBadge.is-focus::before{background:#93c5fd;}
.modeBadge.is-max::before{background:#c4b5fd;}
.modeBadge.is-trash::before{background:#fca5a5;}
.modeBadge.is-draw::before{background:#fcd34d;}
@media(max-width:700px){.modeBadge{left:12px;top:68px;font-size:11px;padding:5px 9px;}}

/* ===== SAFE53: STATUS SOM TRAFIKLYS + KOMPAKT MAX/FOKUS-EXIT =====
   Formål: Status skal støtte brugeren uden at blive et ekstra tekstlag på tavlen.
   Prikken ligger visuelt i titelrammen; teksten findes kun som title/aria-label.
   Max-/fokusknappen holdes kort for ikke at dække indhold i en maksimeret widget. */
.title{padding-left:34px!important;}
.modeBadge{
  left:30px!important;
  top:35px!important;
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  min-height:10px!important;
  padding:0!important;
  border-radius:50%!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:#a7f3d0!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 0 0 3px rgba(17,24,39,.45),0 0 14px rgba(167,243,208,.35)!important;
  backdrop-filter:none!important;
  pointer-events:none!important;
  opacity:.98!important;
}
.modeBadge::before{content:none!important;display:none!important;}
.modeBadge.is-present{background:#fde68a!important;box-shadow:0 0 0 3px rgba(17,24,39,.45),0 0 14px rgba(253,230,138,.35)!important;}
.modeBadge.is-focus{background:#93c5fd!important;box-shadow:0 0 0 3px rgba(17,24,39,.45),0 0 14px rgba(147,197,253,.35)!important;}
.modeBadge.is-max{background:#c4b5fd!important;box-shadow:0 0 0 3px rgba(17,24,39,.45),0 0 14px rgba(196,181,253,.35)!important;}
.modeBadge.is-trash{background:#fca5a5!important;box-shadow:0 0 0 3px rgba(17,24,39,.45),0 0 14px rgba(252,165,165,.35)!important;}
.modeBadge.is-draw{background:#fcd34d!important;box-shadow:0 0 0 3px rgba(17,24,39,.45),0 0 14px rgba(252,211,77,.35)!important;}
#maxEmergencyExit.maxEmergencyExit,
#focusExit.focusExit{
  min-width:0!important;
  min-height:0!important;
  padding:7px 10px!important;
  font-size:13px!important;
  line-height:1!important;
  border-radius:999px!important;
  opacity:.86!important;
}
#maxEmergencyExit.maxEmergencyExit:hover,
#focusExit.focusExit:hover{opacity:1!important;}
.toast{font-size:13px!important;padding:7px 12px!important;}
@media(max-width:700px){
  .title{padding-left:31px!important;}
  .modeBadge{left:26px!important;top:34px!important;width:9px!important;height:9px!important;}
  #maxEmergencyExit.maxEmergencyExit,#focusExit.focusExit{padding:7px 9px!important;font-size:12px!important;}
}


/* ===== SAFE55: SYNKRONISERET TITELKANT + TYDELIGERE TRAFIKLYSFARVER =====
   Formål: Den lille statusprik skal være tydelig nok, og titelrammen skal bære samme farvesignal.
   Brugerlogik:
   - Rød = Redigering
   - Lys grøn = Præsentation
   - Lilla = Fokus / max
   - Gul = Tegning
   - Blød rød/grå = Papirkurv
   Dette lag er rent visuelt og må ikke ændre appens funktionslogik. */
.title{padding-left:38px!important;border-color:rgba(239,68,68,.92)!important;box-shadow:0 0 0 1px rgba(239,68,68,.26),0 0 16px rgba(239,68,68,.24),0 8px 18px rgba(0,0,0,.18)!important;}
.title.mode-edit{border-color:rgba(239,68,68,.92)!important;box-shadow:0 0 0 1px rgba(239,68,68,.26),0 0 16px rgba(239,68,68,.24),0 8px 18px rgba(0,0,0,.18)!important;}
.title.mode-present{border-color:rgba(134,239,172,.92)!important;box-shadow:0 0 0 1px rgba(134,239,172,.26),0 0 16px rgba(134,239,172,.24),0 8px 18px rgba(0,0,0,.18)!important;}
.title.mode-focus,.title.mode-max{border-color:rgba(167,139,250,.95)!important;box-shadow:0 0 0 1px rgba(167,139,250,.28),0 0 16px rgba(167,139,250,.26),0 8px 18px rgba(0,0,0,.18)!important;}
.title.mode-trash{border-color:rgba(252,165,165,.85)!important;box-shadow:0 0 0 1px rgba(252,165,165,.22),0 0 16px rgba(252,165,165,.18),0 8px 18px rgba(0,0,0,.18)!important;}
.title.mode-draw{border-color:rgba(250,204,21,.92)!important;box-shadow:0 0 0 1px rgba(250,204,21,.24),0 0 16px rgba(250,204,21,.22),0 8px 18px rgba(0,0,0,.18)!important;}
.modeBadge{left:31px!important;top:33px!important;width:13px!important;height:13px!important;min-width:13px!important;min-height:13px!important;border:2px solid rgba(255,255,255,.96)!important;background:#ef4444!important;box-shadow:0 0 0 3px rgba(17,24,39,.56),0 0 18px rgba(239,68,68,.48)!important;}
.modeBadge.is-present{background:#86efac!important;box-shadow:0 0 0 3px rgba(17,24,39,.56),0 0 18px rgba(134,239,172,.48)!important;}
.modeBadge.is-focus,.modeBadge.is-max{background:#a78bfa!important;box-shadow:0 0 0 3px rgba(17,24,39,.56),0 0 18px rgba(167,139,250,.50)!important;}
.modeBadge.is-trash{background:#fca5a5!important;box-shadow:0 0 0 3px rgba(17,24,39,.56),0 0 18px rgba(252,165,165,.42)!important;}
.modeBadge.is-draw{background:#facc15!important;box-shadow:0 0 0 3px rgba(17,24,39,.56),0 0 18px rgba(250,204,21,.45)!important;}
@media(max-width:700px){.title{padding-left:36px!important;}.modeBadge{left:28px!important;top:31px!important;width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;}}


/* ===== SAFE59: SIKKER SAMLING AF FARVESIGNAL UDEN APP-KLASSER =====
   Formål:
   - Titelramme, statusprik og valgt widget skal bruge samme farve.
   - Undgår SAFE56-metoden med app-klasser, som ødelagde load-/knapflow.
   - Bruger kun de eksisterende titel-klasser fra updateModeBadge():
     .mode-edit, .mode-present, .mode-focus, .mode-max, .mode-trash, .mode-draw.
   - CSS bruger :has(), så appens state/logik ikke ændres.
   - Hvis en browser ikke understøtter :has(), falder appen blot tilbage til SAFE58-udseende.

   Farver:
   - Rød = Redigering
   - Lys grøn = Præsentation
   - Lilla = Fokus/max
   - Gul = Tegning
   - Blød rød = Papirkurv
*/

/* Standard / redigering */
#app:has(#title.mode-edit),
#app:not(:has(#title.mode-present)):not(:has(#title.mode-focus)):not(:has(#title.mode-max)):not(:has(#title.mode-trash)):not(:has(#title.mode-draw)){
  --safe59-mode-color:#ef4444;
  --safe59-mode-glow:rgba(239,68,68,.28);
}
/* Præsentation */
#app:has(#title.mode-present){
  --safe59-mode-color:#86efac;
  --safe59-mode-glow:rgba(134,239,172,.30);
}
/* Fokus / max */
#app:has(#title.mode-focus),
#app:has(#title.mode-max){
  --safe59-mode-color:#a78bfa;
  --safe59-mode-glow:rgba(167,139,250,.32);
}
/* Papirkurv */
#app:has(#title.mode-trash){
  --safe59-mode-color:#fca5a5;
  --safe59-mode-glow:rgba(252,165,165,.26);
}
/* Tegning */
#app:has(#title.mode-draw){
  --safe59-mode-color:#facc15;
  --safe59-mode-glow:rgba(250,204,21,.28);
}

/* Titlen følger samme farve */
#app:has(#title.mode-edit) #title,
#app:has(#title.mode-present) #title,
#app:has(#title.mode-focus) #title,
#app:has(#title.mode-max) #title,
#app:has(#title.mode-trash) #title,
#app:has(#title.mode-draw) #title{
  border-color:var(--safe59-mode-color)!important;
  box-shadow:
    0 0 0 1px var(--safe59-mode-glow),
    0 0 16px var(--safe59-mode-glow),
    0 8px 18px rgba(0,0,0,.18)!important;
}

/* Statusprikken følger samme farve */
#app:has(#title.mode-edit) #modeBadge,
#app:has(#title.mode-present) #modeBadge,
#app:has(#title.mode-focus) #modeBadge,
#app:has(#title.mode-max) #modeBadge,
#app:has(#title.mode-trash) #modeBadge,
#app:has(#title.mode-draw) #modeBadge{
  background:var(--safe59-mode-color)!important;
  border:2px solid rgba(255,255,255,.96)!important;
  box-shadow:
    0 0 0 3px rgba(17,24,39,.56),
    0 0 18px var(--safe59-mode-glow)!important;
}

/* Valgt widget følger samme farve */
#app:has(#title.mode-edit) .widget.selected:not(.locked),
#app:has(#title.mode-present) .widget.selected:not(.locked),
#app:has(#title.mode-focus) .widget.selected:not(.locked),
#app:has(#title.mode-max) .widget.selected:not(.locked),
#app:has(#title.mode-trash) .widget.selected:not(.locked),
#app:has(#title.mode-draw) .widget.selected:not(.locked){
  outline:3px solid var(--safe59-mode-color)!important;
  box-shadow:
    0 0 0 2px rgba(255,255,255,.22),
    0 0 0 5px var(--safe59-mode-glow),
    0 14px 28px rgba(0,0,0,.22)!important;
}

/* Låste valgte widgets bevarer stiplet markering, men skifter farve */
#app:has(#title.mode-edit) .widget.selected.locked,
#app:has(#title.mode-present) .widget.selected.locked,
#app:has(#title.mode-focus) .widget.selected.locked,
#app:has(#title.mode-max) .widget.selected.locked,
#app:has(#title.mode-trash) .widget.selected.locked,
#app:has(#title.mode-draw) .widget.selected.locked{
  outline:3px dashed var(--safe59-mode-color)!important;
}

/* Greb følger samme farve */
#app:has(#title.mode-edit) .widget.selected .resize,
#app:has(#title.mode-present) .widget.selected .resize,
#app:has(#title.mode-focus) .widget.selected .resize,
#app:has(#title.mode-max) .widget.selected .resize,
#app:has(#title.mode-trash) .widget.selected .resize,
#app:has(#title.mode-draw) .widget.selected .resize,
#app:has(#title.mode-edit) .widget.selected .rotater,
#app:has(#title.mode-present) .widget.selected .rotater,
#app:has(#title.mode-focus) .widget.selected .rotater,
#app:has(#title.mode-max) .widget.selected .rotater,
#app:has(#title.mode-trash) .widget.selected .rotater,
#app:has(#title.mode-draw) .widget.selected .rotater{
  border-color:var(--safe59-mode-color)!important;
  color:var(--safe59-mode-color)!important;
}

/* Fallback: hvis ingen modeklasse er sat endnu, vis redigering på prikken. */
#modeBadge{
  background:#ef4444!important;
}


/* ===== SAFE60: DIREKTE MODEFARVE-VARIABEL FRA STATUSFUNKTION =====
   Formål:
   - Prikken foran titlen skal altid matche titelramme og valgt widget.
   - SAFE59 brugte :has(), men prikken blev ikke opdateret stabilt i praksis.
   - SAFE60 sætter derfor én CSS-variabel direkte på #app fra updateModeBadge().
   - Ingen render(), select(), addWidget(), knaplogik eller widgetdata ændres.
*/
#app{
  --safe60-mode-color:#ef4444;
  --safe60-mode-glow:rgba(239,68,68,.28);
}
#title{
  border-color:var(--safe60-mode-color)!important;
  box-shadow:
    0 0 0 1px var(--safe60-mode-glow),
    0 0 16px var(--safe60-mode-glow),
    0 8px 18px rgba(0,0,0,.18)!important;
}
#modeBadge{
  background:var(--safe60-mode-color)!important;
  border:2px solid rgba(255,255,255,.96)!important;
  box-shadow:
    0 0 0 3px rgba(17,24,39,.56),
    0 0 18px var(--safe60-mode-glow)!important;
}
.widget.selected:not(.locked){
  outline:3px solid var(--safe60-mode-color)!important;
  box-shadow:
    0 0 0 2px rgba(255,255,255,.22),
    0 0 0 5px var(--safe60-mode-glow),
    0 14px 28px rgba(0,0,0,.22)!important;
}
.widget.selected.locked{
  outline:3px dashed var(--safe60-mode-color)!important;
}
.widget.selected .resize,
.widget.selected .rotater{
  border-color:var(--safe60-mode-color)!important;
  color:var(--safe60-mode-color)!important;
}


/* ===== SAFE61: NY SIKKER STATUSPRIK INDE I TITLEN =====
   Problem: Den oprindelige #modeBadge-prik fulgte ikke stabilt samme farve som titelramme og valgt widget,
   sandsynligvis pga. ældre cascade-/override-lag.
   Løsning:
   - Skjul #modeBadge visuelt, men behold den i DOM til aria/title/statuslogik.
   - Brug #title::before som ny synlig prik.
   - Prikken bruger samme --safe60-mode-color som titelramme og valgt widget.
   - Ingen widgetlogik, render-flow, select(), addWidget() eller knaplogik ændres. */
#modeBadge{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
#title{
  position:absolute!important;
  padding-left:38px!important;
}
#title::before{
  content:""!important;
  position:absolute!important;
  left:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:13px!important;
  height:13px!important;
  border-radius:50%!important;
  background:var(--safe60-mode-color,#ef4444)!important;
  border:2px solid rgba(255,255,255,.95)!important;
  box-shadow:
    0 0 0 3px rgba(17,24,39,.56),
    0 0 18px var(--safe60-mode-glow,rgba(239,68,68,.28))!important;
  box-sizing:border-box!important;
  pointer-events:none!important;
}
@media(max-width:700px){
  #title{padding-left:36px!important;}
  #title::before{left:13px!important;width:12px!important;height:12px!important;}
}


/* SAFE115: Prikzonen i titlen er et lille, afgrænset touchmål til
   redigering/præsentation. Selve kliklogikken ligger i SAFE115-scriptet
   nederst i filen. Ingen baggrundstap og ingen ændring af titelredigering
   uden for venstre prikzone. */
#title{
  --safe115-dot-zone:44px;
}
#title.safe115DotReady{
  cursor:text;
}
#title.safe115DotReady::before{
  cursor:pointer!important;
}


/* ===== SAFE68: MERE-MENU I FASTE 2 KOLONNER =====
   Formål:
   - Gøre Mere-menuen smallere og mere telefon-/split-screen-venlig.
   - Alle grupper læses ens: overskrift + knapper i 2 kolonner.
   - Kun layout. data-more-tool-navne og handleTool-flow må ikke ændres her. */
.moreMenu.moreMenuGrouped{
  max-width:min(94vw,310px)!important;
}
.moreMenuGrouped .moreMenuGroupButtons{
  grid-template-columns:repeat(2,minmax(74px,1fr))!important;
}
.moreMenuGrouped button{
  min-height:64px!important;
}
@media(max-width:700px){
  .moreMenu.moreMenuGrouped{
    max-width:min(94vw,300px)!important;
    bottom:96px!important;
  }
  .moreMenuGrouped .moreMenuGroupButtons{
    grid-template-columns:repeat(2,minmax(72px,1fr))!important;
  }
}


/* ===== SAFE80: IKONOVERSIGT I HJÆLP =====
   Formål:
   - Erstatte afhængighed af browser-title-tooltips på iPad.
   - Vise toolbar-ikoner som en brugervenlig oversigt i Hjælp.
   - Kun præsentation i hjælpeoverlay; ingen funktionel ændring. */
.helpIconGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:8px 0 2px;
}
.helpIconItem{
  display:flex;
  align-items:center;
  gap:8px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:8px 10px;
  line-height:1.15;
}
.helpIconItem .helpIcon{
  min-width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.10);
  font-weight:900;
}
.helpIconItem b{
  display:block;
  font-size:14px;
}
.helpIconItem small{
  display:block;
  opacity:.70;
  font-size:12px;
}
@media(max-width:700px){
  .helpIconGrid{grid-template-columns:repeat(2,minmax(0,1fr));}
}


/* ===== SAFE85: SNÆVER DATAWIDGET TABEL-EDITOR =====
   Kun visuel styling til datawidgettens redigeringsgren.
   Ingen global widgetlogik eller KaPardy ændres. */
.safe85DatasetEditor{
  height:100%;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  background:linear-gradient(135deg,#f8fafc,#eef2ff);
  border-radius:0 0 12px 12px;
  overflow:hidden;
}
.widget:not(.selected) .safe85DatasetEditor{border-radius:12px}
.safe85DatasetTools{
  display:flex;
  gap:7px;
  align-items:center;
  flex-wrap:wrap;
  padding:8px 10px;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid #e5e7eb;
}
.safe85DatasetTools b{margin-right:4px}
.safe85DatasetTools button{
  border:0;
  border-radius:999px;
  background:#6d5dfc;
  color:white;
  font-weight:900;
  padding:7px 10px;
}
.safe85DatasetTools button.secondary{
  background:#e0e7ff;
  color:#312e81;
}
.safe85DatasetTools small{opacity:.72;font-weight:800}
.safe85DatasetWrap{min-height:0;overflow:auto;padding:10px}
.safe85DatasetTable{
  border-collapse:separate;
  border-spacing:0;
  min-width:100%;
  background:white;
  border:1px solid #dbe3ef;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(15,23,42,.08);
}
.safe85DatasetTable th,
.safe85DatasetTable td{
  border-right:1px solid #e5e7eb;
  border-bottom:1px solid #e5e7eb;
  padding:5px;
  vertical-align:middle;
  background:white;
}
.safe85DatasetTable th{position:sticky;top:0;z-index:2;background:#f1f5f9}
.safe85DatasetTable th:last-child,
.safe85DatasetTable td:last-child{border-right:0}
.safe85DatasetTable tr:last-child td{border-bottom:0}
.safe85DatasetTable input{
  width:100%;
  min-width:120px;
  border:1px solid transparent;
  border-radius:8px;
  padding:7px 8px;
  background:white;
  font:inherit;
  box-sizing:border-box;
}
.safe85DatasetTable th input{font-weight:900}
.safe85DatasetTable input:focus{
  outline:2px solid rgba(109,93,252,.35);
  border-color:#6d5dfc;
}
.safe85ColHead{
  display:grid;
  grid-template-columns:minmax(120px,1fr) auto;
  gap:5px;
  align-items:center;
}
.safe85RowHead{display:flex;align-items:center;gap:5px;white-space:nowrap}
.safe85RowNo{min-width:2.2em;text-align:right;opacity:.65;font-weight:900}
.safe85Minus{
  border:0!important;
  width:26px!important;
  height:26px!important;
  border-radius:999px!important;
  padding:0!important;
  background:#fee2e2!important;
  color:#991b1b!important;
  font-weight:950!important;
  line-height:1!important;
}
.present .safe85DatasetTools,
.present .safe85Minus{display:none!important}


/* ===== SAFE89: DATAEDITOR TOPBJÆLKE RYDDES VISUELT OP =====
   Kun CSS. Ingen knapper, data, handlers eller widgetlogik ændres.
   Målet er en roligere topbjælke i smalle datawidgets. */
.safe85DatasetTools{
  display:grid!important;
  grid-template-columns:minmax(140px,1fr) auto auto auto!important;
  gap:7px!important;
  align-items:center!important;
}
.safe85DatasetTools b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.safe85DatasetTools small{
  justify-self:end!important;
  white-space:nowrap!important;
  background:rgba(255,255,255,.72)!important;
  border-radius:999px!important;
  padding:5px 8px!important;
}
.safe85DatasetTools button{
  white-space:nowrap!important;
}
@media(max-width:640px){
  .safe85DatasetTools{
    grid-template-columns:1fr auto auto!important;
  }
  .safe85DatasetTools b{
    grid-column:1/-1!important;
  }
  .safe85DatasetTools small{
    grid-column:1/-1!important;
    justify-self:start!important;
  }
}


/* ===== SAFE90: DATAEDITOR SCROLL / KOLONNEBREDDER / CELLENAVIGATION =====
   Kun datawidget-editorens tabelvisning.
   Formål: bredere regneark skal være lettere at scrolle og redigere på iPad.
   Ingen KaPardy eller global widgetlogik ændres. */
.safe85DatasetWrap{
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  padding:10px 10px 16px!important;
}
.safe85DatasetTable{
  table-layout:fixed!important;
  width:max-content!important;
  min-width:100%!important;
}
.safe85DatasetTable th,
.safe85DatasetTable td{
  min-width:150px!important;
  max-width:240px!important;
}
.safe85DatasetTable th:first-child,
.safe85DatasetTable td:first-child{
  position:sticky!important;
  left:0!important;
  z-index:3!important;
  min-width:72px!important;
  max-width:72px!important;
  background:#f8fafc!important;
}
.safe85DatasetTable thead th:first-child{
  z-index:5!important;
}
.safe85DatasetTable input{
  min-width:132px!important;
}
.safe85DatasetTable input[data-safe85-cell],
.safe85DatasetTable input[data-safe85-head]{
  scroll-margin:70px 90px!important;
}
.safe85DatasetTable input.safe90CellActive{
  outline:3px solid rgba(109,93,252,.42)!important;
  border-color:#6d5dfc!important;
  background:#fff!important;
}
@media(max-width:700px){
  .safe85DatasetTable th,
  .safe85DatasetTable td{
    min-width:138px!important;
    max-width:210px!important;
  }
  .safe85DatasetTable input{min-width:120px!important;}
}


/* SAFE111: Skjul defekte grafiske tavle-pile.
   De bliver i DOM for ikke at bryde ældre onclick-/patchlag.
   Navigation sker fortsat via swipe/træk og tastaturets piletaster. */
.topbar #prev,
.topbar #next{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}


/* SAFE159: Lykkehjulet - enkel højreside med fast statistikpanel.
   Kun visuel layoutstyring for .safe159Wheel; spin-motor og eksisterende wheel JS bevares. */
.content .wheel.safe159Wheel{
  display:grid!important;
  grid-template-columns:minmax(300px,1.15fr) minmax(300px,.85fr)!important;
  gap:16px!important;
  padding:14px!important;
  height:100%!important;
  overflow:hidden!important;
}
.safe159Wheel .wheelBox{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.safe159Wheel .wheelCanvas{
  width:min(100%,calc(var(--widget-h,560px) - 88px))!important;
  height:min(100%,calc(var(--widget-h,560px) - 88px))!important;
}
.safe159Wheel .wheelSide{
  display:grid!important;
  grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
  gap:10px!important;
  min-width:0!important;
  overflow:hidden!important;
}
.safe159Wheel .wheelTopBar{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.safe159Wheel .wheelTopBar button{
  margin:0!important;
  min-height:42px!important;
  font-size:16px!important;
  font-weight:950!important;
}
.safe159Wheel .wheelSettings{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  background:#f8fafc!important;
  border-radius:16px!important;
  padding:10px!important;
}
.safe159Wheel .wheelSettings label{
  background:white!important;
  border-radius:999px!important;
  padding:8px 10px!important;
  font-weight:900!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
.safe159Wheel .wheelSettings .autoCountLabel{
  grid-column:1/-1!important;
  justify-content:center!important;
}
.safe159Wheel .wheelSettings input[type=number]{
  width:72px!important;
  padding:5px 8px!important;
  border:1px solid #cbd5e1!important;
  border-radius:10px!important;
  font-weight:900!important;
}
.safe159Wheel .wheelResultNow{
  background:#eef2ff!important;
  border-radius:16px!important;
  padding:10px 12px!important;
  font-weight:950!important;
  display:grid!important;
  gap:4px!important;
}
.safe159Wheel .wheelResultNow small{opacity:.7;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.safe159Wheel .wheelResultNow b{font-size:clamp(20px,2.6vw,36px);line-height:1.05;overflow-wrap:anywhere}
.safe159Wheel .wheelStatsPanel{
  min-height:0!important;
  overflow:auto!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  border-radius:16px!important;
  padding:10px!important;
}
.safe159Wheel .wheelStatsPanel h3{
  margin:0 0 8px 0!important;
  font-size:16px!important;
}
.safe159Wheel .wheelStatRow{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:8px!important;
  align-items:center!important;
  background:white!important;
  border-radius:12px!important;
  padding:8px 10px!important;
  margin:0 0 6px 0!important;
  font-weight:850!important;
}
.safe159Wheel .wheelStatRow .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.safe159Wheel .wheelStatRow .count{font-variant-numeric:tabular-nums}
.safe159Wheel .wheelStatRow .pct{opacity:.65;font-variant-numeric:tabular-nums}
.safe159Wheel .wheelNoStats{
  color:#64748b!important;
  font-weight:800!important;
  background:white!important;
  border-radius:12px!important;
  padding:12px!important;
}
.safe159Wheel .wheelBottom{
  display:grid!important;
  grid-template-columns:1fr 1.4fr!important;
  gap:8px!important;
}
.safe159Wheel .wheelBottom button{
  margin:0!important;
  min-height:42px!important;
  font-weight:950!important;
}
.safe159Wheel.editing{
  grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr)!important;
}
.safe159Wheel.editing .wheelSide{
  grid-template-rows:auto minmax(0,1fr)!important;
}
.safe159Wheel .editArea.safe159EditArea{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  background:#f8fafc!important;
  border-radius:16px!important;
  padding:10px!important;
}
.safe159Wheel .editArea.safe159EditArea textarea{
  flex:1 1 auto!important;
  min-height:220px!important;
  height:auto!important;
  width:100%!important;
  border:1px solid #cbd5e1!important;
  border-radius:12px!important;
  padding:12px!important;
  font-size:18px!important;
  line-height:1.35!important;
}
.safe159Wheel .editTools{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:8px!important;
}
.safe159Wheel .editTools button{font-weight:950!important}
@media(max-width:760px){
  .content .wheel.safe159Wheel,.safe159Wheel.editing{grid-template-columns:1fr!important;grid-template-rows:minmax(240px,.9fr) minmax(260px,1fr)!important}
  .safe159Wheel .wheelCanvas{width:min(100%,56vh)!important;height:min(100%,56vh)!important}
}


/* SAFE160 LAYOUT-ONLY: Lykkehjulets højreside har fast bund og intern statistik-scroll.
   Må ikke ændre kildevælger, spinmotor, Space/lyd eller datawidget-flow. */
.content .wheel.safe159Wheel:not(.editing){
  grid-template-columns:minmax(300px,1fr) minmax(330px,430px)!important;
}
.content .wheel.safe159Wheel:not(.editing) > .wheelSide{
  display:grid!important;
  grid-template-rows:auto auto auto minmax(96px,1fr) auto!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  align-content:stretch!important;
}
.content .wheel.safe159Wheel:not(.editing) .wheelTopBar{
  grid-template-columns:1fr 1fr 1fr!important;
}
.content .wheel.safe159Wheel:not(.editing) .wheelTopBar button{
  min-width:0!important;
  padding-left:8px!important;
  padding-right:8px!important;
  white-space:normal!important;
}
.content .wheel.safe159Wheel:not(.editing) .wheelSettings{
  flex:0 0 auto!important;
}
.content .wheel.safe159Wheel:not(.editing) .wheelResultNow{
  min-height:64px!important;
  max-height:96px!important;
  overflow:auto!important;
}
.content .wheel.safe159Wheel:not(.editing) .wheelResultNow b{
  font-size:clamp(18px,2.1vw,30px)!important;
}
.content .wheel.safe159Wheel:not(.editing) .wheelStatsPanel{
  min-height:0!important;
  height:100%!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
.content .wheel.safe159Wheel:not(.editing) .wheelBottom{
  align-self:end!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  background:rgba(255,255,255,.94)!important;
  border-top:1px solid #e5e7eb!important;
  padding-top:8px!important;
}
.content .wheel.safe159Wheel:not(.editing) .wheelBottom button{
  width:100%!important;
  min-height:40px!important;
}
@media(max-width:760px){
  .content .wheel.safe159Wheel:not(.editing) > .wheelSide{
    grid-template-rows:auto auto auto minmax(140px,1fr) auto!important;
  }
  .content .wheel.safe159Wheel:not(.editing) .wheelTopBar{
    grid-template-columns:1fr!important;
  }
}


/* SAFE163: Lykkehjulet Rediger pulje som én valgmulighed pr. felt. */
.safe159Wheel .editArea.safe159EditArea.safe163OptionEditor{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:10px!important;
}
.safe159Wheel .safe163OptionRows{
  min-height:0!important;
  overflow:auto!important;
  display:grid!important;
  gap:8px!important;
  padding-right:2px!important;
  overscroll-behavior:contain!important;
}
.safe159Wheel .safe163OptionRow{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
}
.safe159Wheel .safe163OptionInput{
  width:100%!important;
  min-height:44px!important;
  border:1px solid #cbd5e1!important;
  border-radius:12px!important;
  background:#fff!important;
  padding:9px 12px!important;
  font-size:18px!important;
  font-weight:850!important;
}
.safe159Wheel .safe163RemoveOption{
  width:42px!important;
  min-height:42px!important;
  margin:0!important;
  border-radius:12px!important;
  background:#fee2e2!important;
  color:#991b1b!important;
  font-weight:950!important;
}
.safe159Wheel .safe163AddOption{
  background:#e0e7ff!important;
  color:#312e81!important;
}


/* SAFE164: Rediger pulje synkroniserer live; kun + Tilføj nederst. */
.safe159Wheel .safe164EditTools{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
}
.safe159Wheel .safe164LiveHint{
  color:#475569!important;
  font-weight:850!important;
  font-size:13px!important;
  line-height:1.2!important;
}
@media(max-width:760px){
  .safe159Wheel .safe164EditTools{grid-template-columns:1fr!important}
}

</style>
<link rel="icon" type="image/png" sizes="32x32" href="icons/tavle_icon_32.png">

<style id="phase1-import-feedback-css">
.importSummaryBackdrop{position:absolute;inset:0;z-index:3199;background:transparent;display:none}.importSummaryBackdrop.show{display:block}
.importSummaryCard{position:absolute;right:18px;top:76px;z-index:3200;min-width:260px;max-width:min(420px,calc(100vw - 36px));background:rgba(17,24,39,.96);color:white;border-radius:18px;padding:14px 16px;box-shadow:0 16px 38px rgba(0,0,0,.36);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;font-weight:800}
.importSummaryCard.show{opacity:1;transform:none;pointer-events:auto}
.importSummaryCard header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.importSummaryCard b{display:block;font-size:16px}.importSummaryClose{border:0;border-radius:999px;background:rgba(255,255,255,.14);color:white;width:34px;height:34px;font-size:20px;font-weight:900;line-height:1;cursor:pointer}
.importSummaryCard .importRow{display:flex;gap:8px;align-items:center;margin:5px 0}.importSummaryCard .importErrorDetails{margin-top:8px;background:rgba(255,255,255,.10);border-radius:12px;padding:9px 10px;font-weight:700}.importSummaryCard .importErrorDetails div{margin:4px 0;line-height:1.25}.importSummaryCard small{display:block;opacity:.82;font-weight:700;margin-top:7px;line-height:1.3}.modalBackdrop.importFeedbackDim .modal{opacity:.18;transform:scale(.985);transition:opacity .16s ease,transform .16s ease}
.datasetCard{height:100%;padding:14px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:9px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border-radius:0 0 12px 12px;overflow:hidden}.widget:not(.selected) .datasetCard{border-radius:12px}.datasetTitle{font-size:22px;font-weight:950;display:flex;align-items:center;gap:8px}.datasetMeta{display:flex;gap:8px;flex-wrap:wrap}.datasetMeta span{background:white;border-radius:999px;padding:5px 9px;font-weight:850;color:#334155;box-shadow:0 1px 4px rgba(15,23,42,.08)}.datasetPreview{min-height:0;overflow:auto;background:white;border-radius:12px;border:1px solid #e2e8f0}.datasetPreview table{width:100%;border-collapse:collapse;font-size:13px}.datasetPreview th,.datasetPreview td{border-bottom:1px solid #e5e7eb;padding:6px 8px;text-align:left;white-space:nowrap}.datasetPreview th{position:sticky;top:0;background:#f8fafc;font-weight:900}.datasetActions{display:flex;gap:8px;flex-wrap:wrap}.datasetActions button{border:0;border-radius:999px;background:#6d5dfc;color:white;font-weight:900;padding:8px 12px}.datasetActions button.secondary{background:#e0e7ff;color:#312e81}.present .datasetActions{display:none!important}


/* v_focus_zfix: focused widget must stay above all others */
body.focus-edit .widget.focused,
body.focus-presentation .widget.focused,
.app.focusMode .widget.focused,
.widget.focused{
  z-index:9999!important;
}
body.focus-edit .widget:not(.focused),
body.focus-presentation .widget:not(.focused){
  z-index:20!important;
}


/* v1.2.45-kahoopardy-phase1.12: ekte Jeopardy-board med kategorikolonner, full-fit grid og turregel */
.kahoopardyJeopardy{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;overflow:hidden!important}
.kahoopardyJeopardyTurnBanner{text-align:center;font-weight:950;font-size:clamp(14px,1.6vw,24px);opacity:.92;background:rgba(255,255,255,.10);border-radius:999px;padding:7px 12px;justify-self:center}
.kahoopardyJeopardyGrid{min-height:0;height:100%;display:grid!important;gap:8px!important;overflow:hidden!important;padding:4px!important;box-sizing:border-box!important}
.kahoopardyJeopardyCat{border-radius:12px;background:rgba(255,255,255,.18);font-size:clamp(12px,1.55vw,24px);font-weight:950;text-align:center;padding:6px;display:grid;place-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.05;text-wrap:balance}
.kahoopardyJeopardyCard{border:0;border-radius:12px;background:#1d4ed8;color:#facc15;font-size:clamp(18px,3.2vw,48px);font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.22);min-height:0;height:100%;padding:4px;display:grid;place-items:center;touch-action:manipulation}
.kahoopardyJeopardyCard.used,.kahoopardyJeopardyBlank{background:rgba(255,255,255,.08);color:rgba(255,255,255,.28);box-shadow:none;border-radius:12px;min-height:0}
.kahoopardyJeopardyCard.used{cursor:not-allowed;text-decoration:line-through}
.kahoopardyJeopardyCard:not(.used):active{transform:scale(.98)}
@media(max-width:700px){.kahoopardyJeopardyGrid{gap:5px!important}.kahoopardyJeopardyCard{font-size:clamp(15px,5vw,30px);border-radius:9px}.kahoopardyJeopardyCat{font-size:clamp(10px,3vw,16px);border-radius:9px}}

</style>
<style id="phase3-focus-stability-css">
body.focus-mode .widget,body.focus-edit .widget,body.focus-presentation .widget,body.focus-maximized .widget{transform-origin:center center!important;top:0!important;left:0!important}
body.focus-mode .content.pdf,body.focus-edit .content.pdf,body.focus-presentation .content.pdf,body.focus-maximized .content.pdf{overflow:hidden!important;overscroll-behavior:contain!important}
body.focus-mode .pdfJsViewer,body.focus-edit .pdfJsViewer,body.focus-presentation .pdfJsViewer,body.focus-maximized .pdfJsViewer{transform:none!important;top:0!important;left:0!important}


/* v_focus_zfix: focused widget must stay above all others */
body.focus-edit .widget.focused,
body.focus-presentation .widget.focused,
.app.focusMode .widget.focused,
.widget.focused{
  z-index:9999!important;
}
body.focus-edit .widget:not(.focused),
body.focus-presentation .widget:not(.focused){
  z-index:20!important;
}


/* FASE 1: KaPardy minimal Kahoot-widget */
.content.kahoopardy{background:#0f172a;color:white;overflow:hidden!important}
.kahoopardyBox{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:12px;box-sizing:border-box;background:linear-gradient(135deg,#0f172a,#1e1b4b)}
.kahoopardyTeams{display:flex;gap:8px;align-items:stretch;overflow-x:auto;padding-bottom:2px}
.kahoopardyTeam{border:2px solid rgba(255,255,255,.20);border-radius:16px;background:rgba(255,255,255,.10);color:white;min-width:130px;padding:9px 10px;text-align:left;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.16)}
.kahoopardyTeam.active{outline:4px solid #facc15;background:rgba(250,204,21,.20)}
.kahoopardyTeam.awarded{border-color:#22c55e;background:rgba(34,197,94,.24)}
.kahoopardyTeamName{font-size:clamp(15px,1.6vw,24px);white-space:nowrap}.kahoopardyTeamScore{font-size:clamp(18px,2.2vw,34px)}.kahoopardyTeamSmall{font-size:12px;opacity:.82}
.kahoopardyAddTeam{border:0;border-radius:16px;min-width:52px;padding:8px 14px;background:#e0e7ff;color:#111827;font-size:30px;font-weight:950}
.kahoopardyMain{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px}
.kahoopardyMeta{display:flex;gap:12px;justify-content:center;align-items:center;font-weight:950}.kahoopardyMeta span{background:rgba(255,255,255,.14);border-radius:999px;padding:7px 13px}
.kahoopardyQuestion{text-align:center;font-size:clamp(24px,4.2vw,62px);line-height:1.08;font-weight:950;padding:8px 10px;text-wrap:balance}
.kahoopardyOptions{min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}
.kahoopardyOption{border:0;border-radius:22px;color:white;font-size:clamp(22px,3vw,46px);font-weight:950;line-height:1.14;padding:18px;box-shadow:0 10px 22px rgba(0,0,0,.25);touch-action:manipulation;position:relative;overflow:hidden}
.kahoopardyOption:active{transform:scale(.985)}.kahoopardyOption.selectedByActive{outline:5px solid #fff}.kahoopardyOption.correct{outline:6px solid #22c55e;animation:kahoopardyGlow 1s ease-in-out infinite alternate}.kahoopardyOption .check{display:none;position:absolute;right:16px;top:10px;font-size:42px}.kahoopardyOption.correct .check{display:block}
.kahoopardyOption.red{background:#dc2626}.kahoopardyOption.blue{background:#2563eb}.kahoopardyOption.yellow{background:#d97706}.kahoopardyOption.green{background:#16a34a}
.kahoopardyBottom{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.kahoopardyBottom button,.kahoopardyEditActions button{border:0;border-radius:999px;padding:10px 16px;background:#e0e7ff;color:#111827;font-weight:950}.kahoopardyBottom .primary{background:#22c55e;color:white}.kahoopardyBottom .next{background:#facc15;color:#111827}
.kahoopardyHint{text-align:center;font-size:clamp(14px,1.4vw,20px);opacity:.85;font-weight:800}.kahoopardyScoreView{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;align-items:center}.kahoopardyScoreTitle{text-align:center;font-size:clamp(28px,4vw,58px);font-weight:950}.kahoopardyScoreRows{display:grid;gap:16px;align-content:center;overflow:auto;padding:4px}.kahoopardyScoreTieGroup{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;align-items:stretch}.kahoopardyScoreTieGroup.top{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.kahoopardyScoreRow{font-size:clamp(19px,2.3vw,38px);font-weight:900;background:rgba(255,255,255,.12);border-radius:18px;padding:14px 16px;text-align:center;box-shadow:0 8px 18px rgba(0,0,0,.12)}.kahoopardyScoreTieGroup.top .kahoopardyScoreRow{background:rgba(250,204,21,.20);outline:3px solid rgba(250,204,21,.58)}.kahoopardyRank{display:block;font-size:clamp(12px,1.1vw,16px);opacity:.78;margin-bottom:3px}.kahoopardyScoreName{display:block}.kahoopardyScoreMeta{display:block;font-size:.72em;opacity:.88;margin-top:4px}.kahoopardyEdit{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px}.kahoopardyEdit textarea{width:100%;height:100%;min-height:0;border:0;border-radius:14px;padding:12px;font-size:16px;line-height:1.35;color:#111827;background:white;resize:none}.kahoopardyEdit p{margin:0;opacity:.86;font-weight:800}.kahoopardyError{background:#fee2e2;color:#991b1b;border-radius:12px;padding:8px 10px;font-weight:800}.present .kahoopardyBottom .editQuestions{display:none!important}
@keyframes kahoopardyGlow{from{box-shadow:0 0 0 rgba(34,197,94,0),0 10px 22px rgba(0,0,0,.25)}to{box-shadow:0 0 28px rgba(34,197,94,.95),0 10px 22px rgba(0,0,0,.25)}}
@media(max-width:700px){.kahoopardyOptions{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.kahoopardyOption{font-size:24px;padding:12px}.kahoopardyTeam{min-width:110px}}


/* v1.2.45-kahoopardy-phase1.9: persistent KaPardy actionbar */
.kahoopardyActionBar{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
  padding:6px 4px 2px!important;
  max-width:100%!important;
}
.kahoopardyActionBar button{
  border:0!important;
  border-radius:999px!important;
  padding:9px 14px!important;
  background:#e0e7ff!important;
  color:#111827!important;
  font-weight:950!important;
  box-shadow:0 4px 10px rgba(0,0,0,.12)!important;
}
.kahoopardyActionBar .primary{background:#22c55e!important;color:white!important}
.kahoopardyActionBar .next{background:#facc15!important;color:#111827!important}
.kahoopardyActionBar .danger{background:#fee2e2!important;color:#991b1b!important}
.kahoopardyActionBar .modeBtn.active{background:#facc15!important;color:#111827!important;box-shadow:0 0 0 3px rgba(250,204,21,.28),0 4px 10px rgba(0,0,0,.12)!important}
.kahoopardyActionBar .modeBtn:not(.active){opacity:.92}
.kahoopardyBox{grid-template-rows:auto minmax(0,1fr)!important}
.kahoopardyMain,.kahoopardyScoreView,.kahoopardyJeopardy{min-height:0!important}
@media(max-width:700px){.kahoopardyActionBar button{padding:8px 10px!important;font-size:13px!important}}
/* v1.2.45-kahoopardy-phase1.15: import + score navigation */
.kahoopardyEditActions .importQuestions{background:#eef2ff!important;color:#312e81!important}
.kahoopardyEditActions input[type="file"]{display:none!important}
.kahoopardyJeopardyDone{font-weight:950;text-align:center;color:#facc15}

/* v1.2.45-kahoopardy-phase1.10: clean mode/reset visibility */
.kahoopardyModeBar .startQuizMode{font-size:clamp(16px,1.7vw,24px);padding:10px 18px!important}
.kahoopardyActionBar .modeBtn{background:#facc15!important;color:#111827!important}
.kahoopardyEditActions .resetPoints{display:none!important}


/* v1.2.45-kahoopardy-phase1.8: Kahoot/Jeopardy switch + reset points */
.kahoopardyModeBar{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin:2px 0 6px}
.kahoopardyModeBar button{border:0;border-radius:999px;padding:8px 14px;font-weight:950;background:#e0e7ff;color:#111827}
.kahoopardyModeBar button.active{background:#facc15;color:#111827;box-shadow:0 0 0 3px rgba(250,204,21,.22)}
.kahoopardyBottom .danger,.kahoopardyEditActions .danger{background:#fee2e2!important;color:#991b1b!important}
.kahoopardyJeopardy{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px}
.kahoopardyJeopardyGrid{min-height:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(145px,1fr);gap:10px;overflow:auto;padding:4px}
.kahoopardyJeopardyCol{display:grid;grid-template-rows:auto repeat(8,minmax(62px,1fr));gap:8px;min-width:145px}
.kahoopardyJeopardyCat{border-radius:14px;background:rgba(255,255,255,.14);font-size:clamp(15px,1.6vw,24px);font-weight:950;text-align:center;padding:10px;display:grid;place-items:center;min-height:58px}
.kahoopardyJeopardyCard{border:0;border-radius:14px;background:#1d4ed8;color:#facc15;font-size:clamp(22px,3vw,46px);font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.22);min-height:62px}
.kahoopardyJeopardyCard.used{background:rgba(255,255,255,.10);color:rgba(255,255,255,.34);box-shadow:none}
.kahoopardyJeopardyCard:not(.used):active{transform:scale(.98)}
@media(max-width:700px){.kahoopardyJeopardyGrid{grid-auto-columns:minmax(125px,72vw)}.kahoopardyJeopardyCol{min-width:125px}.kahoopardyModeBar button{padding:7px 11px}}
/* v1.2.45-kahoopardy-phase1.11: real Jeopardy flow */
.kahoopardyJeopardyPlay{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.kahoopardyJeopardyPrompt,.kahoopardyJeopardyAnswer{min-height:0;display:grid;place-items:center;text-align:center;padding:12px}
.kahoopardyJeopardyPrompt .bigQuestion{font-size:clamp(30px,5vw,74px);line-height:1.08;font-weight:950;text-wrap:balance}
.kahoopardyJeopardyAnswer .answerLabel{font-size:clamp(16px,2vw,30px);font-weight:950;opacity:.78;margin-bottom:12px}
.kahoopardyJeopardyAnswer .bigAnswer{font-size:clamp(34px,6vw,88px);line-height:1.02;font-weight:950;color:#facc15;text-wrap:balance}
.kahoopardyJeopardyJudge{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.kahoopardyJeopardyJudge button{border:0;border-radius:999px;padding:13px 22px;font-size:clamp(16px,1.8vw,26px);font-weight:950}
.kahoopardyJeopardyJudge .correctBtn{background:#22c55e;color:white}
.kahoopardyJeopardyJudge .wrongBtn{background:#fee2e2;color:#991b1b}
.kahoopardyJeopardyTurn{text-align:center;font-weight:950;opacity:.88;font-size:clamp(14px,1.5vw,22px)}


/* v1.2.45-kahoopardy-phase1.7: cleaner quiz/leaderboard view */
.kahoopardyMain{
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
}
.kahoopardyAwardHint,
.kahoopardyHint{
  display:none!important;
}
.kahoopardyScoreView{
  grid-template-rows:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:stretch!important;
  padding-top:4px!important;
}
.kahoopardyScoreTitle{
  display:none!important;
}
.kahoopardyScoreRows{
  display:grid!important;
  gap:14px!important;
  align-content:center!important;
  overflow:auto!important;
  padding:6px 4px!important;
}
.kahoopardyScoreTieGroup{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.kahoopardyScoreTieGroup.top{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
}
.kahoopardyScoreRow{
  position:relative!important;
  border-radius:22px!important;
  padding:16px 18px!important;
  text-align:center!important;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.08))!important;
  border:2px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
}
.kahoopardyScoreRank1 .kahoopardyScoreRow{
  min-height:118px!important;
  background:linear-gradient(135deg,rgba(250,204,21,.34),rgba(217,119,6,.22))!important;
  border-color:rgba(250,204,21,.72)!important;
  box-shadow:0 0 0 3px rgba(250,204,21,.18),0 18px 34px rgba(0,0,0,.24)!important;
  animation:kahoopardyWinnerFlip .92s cubic-bezier(.2,.85,.25,1.25) both;
}
.kahoopardyScoreRank2 .kahoopardyScoreRow{
  min-height:96px!important;
  background:linear-gradient(135deg,rgba(226,232,240,.24),rgba(148,163,184,.14))!important;
  border-color:rgba(226,232,240,.34)!important;
}
.kahoopardyScoreRank3 .kahoopardyScoreRow{
  min-height:82px!important;
  background:linear-gradient(135deg,rgba(180,83,9,.20),rgba(120,53,15,.12))!important;
  border-color:rgba(180,83,9,.35)!important;
}
.kahoopardyScoreRankOther .kahoopardyScoreRow{
  min-height:72px!important;
}
.kahoopardyRank{
  display:block!important;
  margin:0 0 4px 0!important;
  opacity:.86!important;
  font-weight:950!important;
}
.kahoopardyScoreRank1 .kahoopardyRank{font-size:clamp(20px,2.6vw,42px)!important;color:#fff7c2!important;text-shadow:0 2px 0 rgba(0,0,0,.20)}
.kahoopardyScoreRank2 .kahoopardyRank{font-size:clamp(16px,2vw,32px)!important;color:#e2e8f0!important}
.kahoopardyScoreRank3 .kahoopardyRank{font-size:clamp(13px,1.6vw,24px)!important;color:#fed7aa!important}
.kahoopardyScoreRankOther .kahoopardyRank{font-size:clamp(11px,1.25vw,18px)!important}
.kahoopardyScoreName{
  display:block!important;
  font-weight:950!important;
  line-height:1.05!important;
}
.kahoopardyScoreRank1 .kahoopardyScoreName{font-size:clamp(28px,3.2vw,54px)!important}
.kahoopardyScoreRank2 .kahoopardyScoreName{font-size:clamp(24px,2.7vw,44px)!important}
.kahoopardyScoreRank3 .kahoopardyScoreName{font-size:clamp(20px,2.25vw,36px)!important}
.kahoopardyScoreRankOther .kahoopardyScoreName{font-size:clamp(17px,1.8vw,28px)!important}
.kahoopardyScoreMeta{display:block!important;opacity:.9!important;margin-top:5px!important;font-size:.62em!important}
@keyframes kahoopardyWinnerFlip{
  0%{opacity:.2;transform:perspective(700px) rotateY(88deg) scale(.72)}
  55%{opacity:1;transform:perspective(700px) rotateY(-12deg) scale(1.08)}
  78%{transform:perspective(700px) rotateY(6deg) scale(.98)}
  100%{opacity:1;transform:perspective(700px) rotateY(0) scale(1)}
}
@media(max-width:700px){
  .kahoopardyScoreRows{align-content:start!important;gap:10px!important;padding-top:0!important}
  .kahoopardyScoreTieGroup,.kahoopardyScoreTieGroup.top{grid-template-columns:1fr!important;gap:10px!important}
  .kahoopardyScoreRank1 .kahoopardyScoreRow{min-height:105px!important}
  .kahoopardyScoreRank2 .kahoopardyScoreRow{min-height:88px!important}
  .kahoopardyScoreRank3 .kahoopardyScoreRow{min-height:76px!important}
}

.kahoopardyTeam.canAward{cursor:pointer}
.kahoopardyTeam.correctChoice:not(.awarded){border-color:#86efac;background:rgba(34,197,94,.16)}
.kahoopardyTeam.wrongChoice{opacity:.78}
.kahoopardyAwardHint{text-align:center;font-size:clamp(15px,1.5vw,22px);font-weight:900;opacity:.92}
.kahoopardyTableWrap{min-height:0;overflow:auto;background:white;border-radius:14px;color:#111827}
.kahoopardyTable{width:100%;border-collapse:separate;border-spacing:0;min-width:920px}
.kahoopardyTable th{position:sticky;top:0;background:#e0e7ff;color:#111827;z-index:1}
.kahoopardyTable th,.kahoopardyTable td{border-bottom:1px solid #e5e7eb;padding:7px;vertical-align:top}
.kahoopardyTable input{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:8px;font-size:15px;margin:0}
.kahoopardyTable input.points{max-width:80px}
.kahoopardyTable .deleteRow{background:#fee2e2!important;color:#991b1b!important}

.kahoopardyTable .optionCell{display:grid;grid-template-columns:auto minmax(120px,1fr);gap:6px;align-items:center}
.kahoopardyTable .correctPick{width:auto!important;min-width:22px;height:22px;accent-color:#22c55e}
.kahoopardyTable .correctPick:checked + input{border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18);font-weight:800}
.kahoopardyTeam.autoAward{border-color:#22c55e;background:rgba(34,197,94,.22)}
.kahoopardyEditActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.kahoopardyEditActions .secondary{background:#eef2ff!important;color:#312e81!important}
.present .kahoopardyAwardHint{font-size:clamp(18px,2vw,28px)}


/* v1.2.45-kahoopardy-phase1.12: ekte Jeopardy-board med kategorikolonner, full-fit grid og turregel */
.kahoopardyJeopardy{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;overflow:hidden!important}
.kahoopardyJeopardyTurnBanner{text-align:center;font-weight:950;font-size:clamp(14px,1.6vw,24px);opacity:.92;background:rgba(255,255,255,.10);border-radius:999px;padding:7px 12px;justify-self:center}
.kahoopardyJeopardyGrid{min-height:0;height:100%;display:grid!important;gap:8px!important;overflow:hidden!important;padding:4px!important;box-sizing:border-box!important}
.kahoopardyJeopardyCat{border-radius:12px;background:rgba(255,255,255,.18);font-size:clamp(12px,1.55vw,24px);font-weight:950;text-align:center;padding:6px;display:grid;place-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.05;text-wrap:balance}
.kahoopardyJeopardyCard{border:0;border-radius:12px;background:#1d4ed8;color:#facc15;font-size:clamp(18px,3.2vw,48px);font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.22);min-height:0;height:100%;padding:4px;display:grid;place-items:center;touch-action:manipulation}
.kahoopardyJeopardyCard.used,.kahoopardyJeopardyBlank{background:rgba(255,255,255,.08);color:rgba(255,255,255,.28);box-shadow:none;border-radius:12px;min-height:0}
.kahoopardyJeopardyCard.used{cursor:not-allowed;text-decoration:line-through}
.kahoopardyJeopardyCard:not(.used):active{transform:scale(.98)}
@media(max-width:700px){.kahoopardyJeopardyGrid{gap:5px!important}.kahoopardyJeopardyCard{font-size:clamp(15px,5vw,30px);border-radius:9px}.kahoopardyJeopardyCat{font-size:clamp(10px,3vw,16px);border-radius:9px}}


/* v1.2.45-kahoopardy-phase1.24-SAFE: forklar datawidget-backup og skjul redigeringsværktøjer i præsentation */
.kahoopardyEditInfo{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  padding:14px 16px;
  font-weight:850;
  line-height:1.32;
  display:grid;
  gap:6px;
}
.kahoopardyEditInfo b{font-size:clamp(16px,1.7vw,25px);color:#facc15}
.kahoopardyEditInfo small{display:block;opacity:.88;font-weight:750}
.kahoopardyEditInfo ul{margin:4px 0 0 1.1em;padding:0}
.kahoopardyEditInfo li{margin:2px 0}
.present .content.kahoopardy .kahoopardyEditInfo,
.present .content.kahoopardy .kahoopardyEdit > p,
.present .content.kahoopardy .kahoopardyTableWrap,
.present .content.kahoopardy .kahoopardyEditActions,
.present .content.kahoopardy .kahoopardyError,
body.focus-presentation .content.kahoopardy .kahoopardyEditInfo,
body.focus-presentation .content.kahoopardy .kahoopardyEdit > p,
body.focus-presentation .content.kahoopardy .kahoopardyTableWrap,
body.focus-presentation .content.kahoopardy .kahoopardyEditActions,
body.focus-presentation .content.kahoopardy .kahoopardyError{
  display:none!important;
}
.present .content.kahoopardy .kahoopardyEdit,
body.focus-presentation .content.kahoopardy .kahoopardyEdit{
  grid-template-rows:1fr!important;
  align-items:center!important;
}
.present .content.kahoopardy .kahoopardyModeBar,
body.focus-presentation .content.kahoopardy .kahoopardyModeBar{
  width:min(900px,92%)!important;
  margin:auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
.present .content.kahoopardy .kahoopardyModeBar button,
body.focus-presentation .content.kahoopardy .kahoopardyModeBar button{
  min-height:82px!important;
  border-radius:24px!important;
  font-size:clamp(22px,2.8vw,42px)!important;
}
@media(max-width:700px){
  .present .content.kahoopardy .kahoopardyModeBar,
  body.focus-presentation .content.kahoopardy .kahoopardyModeBar{grid-template-columns:1fr!important}
}


/* v1.2.45-kahoopardy-phase1.33-SAFE: kompakt hjælp + stabil tabelscroll i editoren */
.content.kahoopardy .kahoopardyEdit{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto auto!important;
  gap:10px!important;
  overflow:hidden!important;
}
.content.kahoopardy .kahoopardyTableWrap{
  min-height:0!important;
  height:100%!important;
  overflow:auto!important;
  align-self:stretch!important;
}
.content.kahoopardy .kahoopardyEditHelp{
  margin:0!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:white!important;
  font-weight:900!important;
  line-height:1.15!important;
  overflow:visible!important;
}
.content.kahoopardy .kahoopardyEditHelp summary{
  list-style:none!important;
  cursor:pointer!important;
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.content.kahoopardy .kahoopardyEditHelp summary::-webkit-details-marker{display:none!important}
.content.kahoopardy .kahoopardyEditHelp summary span{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  min-width:0!important;
}
.content.kahoopardy .kahoopardyEditHelp summary b{
  display:inline-grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:999px!important;
  background:#e0e7ff!important;
  color:#312e81!important;
  flex:0 0 auto!important;
}
.content.kahoopardy .kahoopardyEditHelp[open]{
  border-radius:16px!important;
}
.content.kahoopardy .kahoopardyEditHelp div{
  margin-top:8px!important;
  padding-top:8px!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  font-size:14px!important;
  font-weight:750!important;
  opacity:.9!important;
}
.present .content.kahoopardy .kahoopardyEditHelp,
body.focus-presentation .content.kahoopardy .kahoopardyEditHelp{
  display:none!important;
}
</style>

<style id="widget-cycle-tap-css">
#widgetCycle.widgetCycleBtn{
  margin-left:10px!important;
  background:#6d5dfc!important;
  color:white!important;
  min-width:48px!important;
  font-size:22px!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.14) inset!important;
}
#widgetCycle.widgetCycleBtn:active{transform:scale(.96);filter:brightness(1.08)}
.present #widgetCycle.widgetCycleBtn{display:inline-flex!important;align-items:center;justify-content:center}


/* v1.2.45-kahoopardy-phase1.12: ekte Jeopardy-board med kategorikolonner, full-fit grid og turregel */
.kahoopardyJeopardy{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;overflow:hidden!important}
.kahoopardyJeopardyTurnBanner{text-align:center;font-weight:950;font-size:clamp(14px,1.6vw,24px);opacity:.92;background:rgba(255,255,255,.10);border-radius:999px;padding:7px 12px;justify-self:center}
.kahoopardyJeopardyGrid{min-height:0;height:100%;display:grid!important;gap:8px!important;overflow:hidden!important;padding:4px!important;box-sizing:border-box!important}
.kahoopardyJeopardyCat{border-radius:12px;background:rgba(255,255,255,.18);font-size:clamp(12px,1.55vw,24px);font-weight:950;text-align:center;padding:6px;display:grid;place-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.05;text-wrap:balance}
.kahoopardyJeopardyCard{border:0;border-radius:12px;background:#1d4ed8;color:#facc15;font-size:clamp(18px,3.2vw,48px);font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.22);min-height:0;height:100%;padding:4px;display:grid;place-items:center;touch-action:manipulation}
.kahoopardyJeopardyCard.used,.kahoopardyJeopardyBlank{background:rgba(255,255,255,.08);color:rgba(255,255,255,.28);box-shadow:none;border-radius:12px;min-height:0}
.kahoopardyJeopardyCard.used{cursor:not-allowed;text-decoration:line-through}
.kahoopardyJeopardyCard:not(.used):active{transform:scale(.98)}
@media(max-width:700px){.kahoopardyJeopardyGrid{gap:5px!important}.kahoopardyJeopardyCard{font-size:clamp(15px,5vw,30px);border-radius:9px}.kahoopardyJeopardyCat{font-size:clamp(10px,3vw,16px);border-radius:9px}}

</style>

<style id="safe237_patch">
/* SAFE237 mini-knapper: diskrete på ikke-valgte widgets, tydelige ved hover/valg i redigering. */
.app:not(.present) .widget:not(.selected):hover .chrome .mini{opacity:1!important}
</style>
</head>
<body>
<div id="app" class="app">
  <div id="title" class="title" contenteditable="true">Min undervisningstavle</div>
  <div class="topbar"><button id="prev">◀</button><b id="slideInfo">1/1</b><button id="next">▶</button><button id="slidesOverview" title="Tavleoversigt" class="onlyMultiHidden" hidden style="display:none">☰ tavler</button><button id="addSlide">+ tavle</button><button id="clearSlide" title="Ryd tavle" hidden aria-hidden="true" tabindex="-1" style="display:none!important">🧹</button><button id="rescueWidgets" title="Redningsbælte (Shift+O)">🛟</button><button id="trashTop" title="Papirkurv">🗑️</button><button id="drawTop" title="Tegn til/fra">✎</button><button id="presentFocus" title="Fokus i præsentation">🎯</button><button id="present">🎬</button><button id="widgetCycle" class="widgetCycleBtn" title="Widget-overblik (Cmd+O)" hidden aria-hidden="true" tabindex="-1" style="display:none!important">⧉</button></div>
  <div id="hintBar" class="hintBar hidden" aria-live="polite"></div>
  <div id="modeBadge" class="modeBadge" aria-live="polite">Redigering</div>
  <canvas id="draw" class="drawLayer"></canvas>
  <div class="drawPanel" id="drawPanel"><b>Tegn</b><input id="penColor" type="color" value="#000000"><input id="penSize" type="range" min="2" max="40" value="6"><button data-drawmode="pen" class="active">Fri</button><button data-drawmode="line">Linje</button><button data-drawmode="rect">Firkant</button><button data-drawmode="circle">Cirkel</button><button data-drawmode="eraser">Viskelæder</button><button id="drawClear">Ryd</button><button id="drawOff">Luk</button></div>
  <!-- SAFE76 TOOLBAR MAP:
    Toolbaren er for live-aktiviteter i undervisningen.
    Timeren hører til her.
    Indholdswidgets som tekst, data, liste, video, billede, link, PDF og HTML hører til i Mere → Indhold.
    Ændr ikke denne grænse uden brugeraccept og test af Mere/shortcuts. -->
  <!-- SAFE79 TOOLTIP RULE:
    Toolbar-tooltips skal være korte og brugerrettede.
    De skal beskrive hvad værktøjet bruges til — ikke intern widgettype eller teknisk logik. -->
  <!-- SAFE82 LABEL RULE:
    Synlige labels må gerne ændres for forståelighed.
    data-tool/data-more-tool-navne må ikke ændres uden separat handler-test. -->
  <div class="toolbar">
    <!-- SAFE50: tekst og video er flyttet til Mere > Indhold. Toolbaren holdes primært til live-aktiviteter. -->
    <div class="tool"><button data-tool="draw" title="Tegn på tavlen">✎</button><span>tegn</span></div>
    <div class="tool"><button data-tool="timer" title="Timer / nedtælling">⌛</button><span>timer</span></div>
    <div class="tool"><button data-tool="wheel" title="Lykkehjulet (Shift+W)">🎲</button><span>hjul</span></div>
    <div class="tool"><button data-tool="kahoopardy" title="Quiz / KaPardy (Shift+Q)">❓</button><span>quiz</span></div>
    <div class="tool"><button data-tool="groups" title="Lav grupper">👥</button><span>grupper</span></div>
    <div class="tool"><button data-tool="wordcloud" title="Ordsky / svarsky">☁️</button><span>ordsky</span></div>
    <div class="tool"><button data-tool="poll" title="Afstemning / smiley">😊</button><span>afstem</span></div>
    <div class="tool"><button data-tool="focus" title="Fremhæv valgt widget">🎯</button><span>fokus</span></div>
    <div class="tool pinTool"><button data-tool="pin" title="Værktøjslinje">📌</button><span>skjul</span></div>
    <div class="tool"><button data-tool="more">⋯</button><span>mere</span></div>
  </div>
  <button id="focusExit" class="focusExit hidden" title="Afslut fokus">✕ fokus</button>
  <div id="globalClock" class="globalClock hiddenClock" title="Klik for ur-indstillinger"></div>
  <button id="maxEmergencyExit" class="maxEmergencyExit hidden" type="button">× maksimeret</button>
  <div id="modalBack" class="modalBackdrop"><div class="modal" id="modal"></div></div>
  <div id="toast" class="toast"></div>
</div>
<input id="fileInput" type="file" class="hidden">
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"></script>


<script>
////////////////////////////////////////////////////////////
// SHORTCUTS / KEYBOARD
////////////////////////////////////////////////////////////
/*
SHORTCUT MAP / AKTUELLE TASTER
- T: åbner/lukker intern papirkurvstavle.
- Mellemrum: åbner Mere på normal tavle uden relevant widgetvalg; lukker papirkurv; styrer også wheel/grupper/afstemning efter kontekst.
- Delete/Backspace: flytter valgt widget til papirkurv på normal tavle; i papirkurv slettes permanent.
- Shift+Delete/Shift+Backspace: permanent sletning uden papirkurv.
- Cmd/Ctrl+Z: gendanner senest slettede widget fra papirkurv-flowet.
- P/R/F/Shift+F/Cmd+O: kontroller den faktiske handler før ændring; flere keydown-lag kan overlappe.
*/
/*
Shortcut-kort: Faktiske genveje ligger i flere keydown-handlere.
Kontroller altid handleren før ændring; nogle genveje fanges i capture-fase.
Aktuelle centrale genveje i denne fil:
- P/R: skifter redigering/præsentation via TAVLE_SHORTCUTS.
- F: fokus på valgt widget, hvis API-funktionen findes.
- Shift+F: maksimer valgt/fokuseret widget, hvis API-funktionen findes.
- Cmd/Ctrl+O: widget-overblik via tidlig guard + senere overview-handler.
- T: åbner papirkurv; i papirkurv lukker T.
- Mellemrum: åbner Mere når ingen widget er valgt på normal tavle; lukker papirkurv via trash-handler; aktiverer valgt widget i særskilt Space-handler.
- Delete/Backspace: flytter valgt widget til papirkurv på normal tavle.
- Shift+Delete/Shift+Backspace: permanent sletning er håndteret i senere SAFE21/guard-lag; kontrollér shortcut-handleren.
- Cmd/Ctrl+Z: gendanner senest slettede widget fra papirkurv.
*/
/* v1.0.16-dev: updated keyboard shortcuts */
(function(){
  function ready(fn){
    if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',fn,{once:true});
    else fn();
  }
  ready(function(){
    const appEl=document.getElementById('app');
    const modalBackEl=document.getElementById('modalBack');
    let modeToastTimer=null;

    function isEditableElement(el){
      return !!(el && (
        (el.matches && el.matches('input,textarea,select,[contenteditable=\"true\"]')) ||
        el.isContentEditable ||
        (el.closest && el.closest('input,textarea,select,[contenteditable=\"true\"]'))
      ));
    }
    function isTyping(ev){
      // Brug både event target og activeElement. På iPad/Chrome kan activeElement være ustabilt
      // ved widgets med egne pointer-/focus-lag, mens event target stadig er korrekt.
      return isEditableElement(ev && ev.target) || isEditableElement(document.activeElement);
    }
    function modalOpen(){
      if(!modalBackEl) return false;
      const cs=getComputedStyle(modalBackEl);
      return cs.display!=='none' && cs.visibility!=='hidden' && cs.opacity!=='0';
    }
    function ensureModeToast(){
      let el=document.getElementById('presentationModeToast');
      if(!el){
        el=document.createElement('div');
        el.id='presentationModeToast';
        el.className='presentationModeToast';
        document.body.appendChild(el);
      }
      return el;
    }
    window.showPresentationModeIndicator=function(){
      const on=!!(appEl && appEl.classList.contains('present'));
      const el=ensureModeToast();
      el.textContent=on?'Præsentation':'Redigering';
      el.className='presentationModeToast show '+(on?'present':'edit');
      clearTimeout(modeToastTimer);
      modeToastTimer=setTimeout(()=>el.classList.remove('show'),1100);
    };
    function togglePresentationFromShortcut(){
      const btn=document.getElementById('present');
      if(btn){
        // rely on the normal present button handler which updates UIState
        btn.click();
      } else if(appEl){
        // toggle the present class directly and update UIState accordingly
        const wasPresent=appEl.classList.contains('present');
        appEl.classList.toggle('present');
        UIState.mode = wasPresent ? 'editing' : 'presentation';
        try{ applyUIState(); }catch(_e){}
      }
      if(window.showPresentationModeIndicator) setTimeout(window.showPresentationModeIndicator,20);
    }
    // Keyboard shortcuts are kept in one table so functionality and help text stay in sync.
    const TAVLE_SHORTCUTS = {
      plain: {
        p: {label:'Skift redigering/præsentation', run:()=>togglePresentationFromShortcut()},
        r: {label:'Skift redigering/præsentation', run:()=>togglePresentationFromShortcut()},
        f: {label:'Fokus på valgt widget', run:api=>api.toggleFocusShortcut&&api.toggleFocusShortcut()},
        n: {label:'Ny tavle', run:()=>{} },
        t: {label:'Åbn papirkurv', run:()=>{
          if(typeof window.openTrashBoard==='function') window.openTrashBoard();
        }},
        ' ': {label:'Åbn Mere-menu', run:()=>{
          try{
            const hasSelection=!!(window.UIState && window.UIState.selectedWidgetId);
            if(!hasSelection && typeof window.showMoreTools==='function') window.showMoreTools();
          }catch(_e){}
        }}
      },
      shift: {
        f: {label:'Maksimer valgt/fokuseret widget', run:api=>api.toggleMaximizedFocusShortcut&&api.toggleMaximizedFocusShortcut()},
        d: {label:'Duplikér aktiv tavle', run:api=>api.duplicateSlideShortcut&&api.duplicateSlideShortcut()},
        a: {label:'Tekst', widget:'a'},
        p: {label:'PDF', widget:'p'},
        i: {label:'Billede', widget:'i'},
        l: {label:'Link', widget:'l'},
        t: {label:'Timer', widget:'t'},
        u: {label:'Ur', widget:'u'},
        h: {label:'HTML', widget:'y'},
        j: {label:'Hjul', widget:'h'},
        w: {label:'Lykkehjulet', widget:'h'},
        r: {label:'Grupper', widget:'r'},
        s: {label:'Ordsky', widget:'s'},
        v: {label:'Video', widget:'v'},
        x: {label:'Afstemning', widget:'x'},
        q: {label:'KaPardy', widget:'q'},
        g: {label:'Grid', widget:'g'},
        b: {label:'Baggrund', widget:'m'},
        o: {label:'Redningsbælte', widget:'o'},
        n: {label:'Værktøjslinje til/fra', run:()=>{
          const hidden=document.body.classList.contains('toolbar-is-hidden') || appEl.classList.contains('toolbarHidden');
          document.body.classList.toggle('toolbar-is-hidden', !hidden);
          appEl.classList.toggle('toolbarHidden', !hidden);
          try{
            if(window.UIState) window.UIState.toolbarVisible = hidden;
          }catch(_e){}
        }},
        '?': {label:'Hjælp', widget:'?'}
      }
    };
    window.TAVLE_SHORTCUTS = TAVLE_SHORTCUTS;

    function normalizeShortcutKey(e){
      const key=(e.key||'').toLowerCase();
      return (key==='?' || key==='/') ? '?' : key;
    }
    function runShortcut(e, entry, api){
      e.preventDefault();
      e.stopPropagation();
      if(e.stopImmediatePropagation) e.stopImmediatePropagation();

      if(entry.run){
        entry.run(api);
        return true;
      }
      if(entry.widget && api.createShortcutWidget){
        api.createShortcutWidget(entry.widget);
        return true;
      }
      return false;
    }

    document.addEventListener('keydown',function(e){
      if(window.isIframeControlActive && window.isIframeControlActive()){
        if(e.key==='Escape' && window.clearIframeControl){
          e.preventDefault();
          window.clearIframeControl();
        }
        return;
      }
      if(e.defaultPrevented) return;
      if(isTyping(e) || modalOpen()) return;
      if((e.metaKey || e.ctrlKey) && !e.altKey){
        const modKey=normalizeShortcutKey(e);
        const api=window.tavleShortcutAPI||{};
        if(modKey==='d' && api.duplicateSelectedWidgetShortcut){
          e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();
          api.duplicateSelectedWidgetShortcut();
          return;
        }
        if((modKey==='g'||modKey==='s') && api.saveShortcut){
          e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();
          api.saveShortcut();
          return;
        }
        if(modKey==='b' && typeof window.applyRandomBackgroundToActiveSlide==='function'){
          if(window.applyRandomBackgroundToActiveSlide()){
            e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();
            try{toast('Tilfældig baggrund')}catch(_e){}
            return;
          }
        }
        if(modKey==='t' && typeof window.__tavleBoardOverviewModal==='function'){
          e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();
          window.__tavleBoardOverviewModal();
          return;
        }
        return;
      }
      if(e.altKey) return;

      const key=normalizeShortcutKey(e);
      const api=window.tavleShortcutAPI;

      /* SAFE299: N må ikke nå shortcut-tabellen eller gammel API-vej. */
      if(!e.shiftKey && !e.metaKey && !e.ctrlKey && !e.altKey && key==='n'){
        e.preventDefault();
        e.stopPropagation();
        if(e.stopImmediatePropagation)e.stopImmediatePropagation();
        if(typeof window.safe297InsertNewBoardBeforeTrash==='function'){
          window.safe297InsertNewBoardBeforeTrash();
        }
        return;
      }

      if(!e.shiftKey && TAVLE_SHORTCUTS.plain[key]){
        runShortcut(e,TAVLE_SHORTCUTS.plain[key],api||{});
        return;
      }

      if(e.shiftKey && TAVLE_SHORTCUTS.shift[key]){
        if(!api && TAVLE_SHORTCUTS.shift[key].widget) return;
        runShortcut(e,TAVLE_SHORTCUTS.shift[key],api||{});
        return;
      }
    },true);
    const presentBtn=document.getElementById('present');
    if(presentBtn && !presentBtn.__modeIndicatorWired_v108){
      presentBtn.addEventListener('click',()=>setTimeout(window.showPresentationModeIndicator,40),true);
      presentBtn.__modeIndicatorWired_v108=true;
    }
  });
})();
</script>
<script>
////////////////////////////////////////////////////////////
// INIT / LOAD
////////////////////////////////////////////////////////////
/* Hoved-IIFE: henter DOM-referencer, sætter storage-scope, loader state og binder de fleste features. */
(()=>{
const app=document.getElementById('app'), titleEl=document.getElementById('title'), draw=document.getElementById('draw'), ctx=draw.getContext('2d');
const modalBack=document.getElementById('modalBack'), modal=document.getElementById('modal'), fileInput=document.getElementById('fileInput');
////////////////////////////////////////////////////////////
// STATE / STORAGE
////////////////////////////////////////////////////////////
/* KEY, selected, z og runtime-flags er global kerne-state i hoved-IIFE. Skift KEY kun hvis der ønskes ny storage-silo. */
const KEY='maans_interaktiv_tavle_v162_test'; let selected=null, z=20, drawMode='pen', isDrawing=false, timerHandles={};
let activeIframeWidgetId=null;
function isIframeControlActive(){
  return !!activeIframeWidgetId;
}
function setIframeControl(id,on){
  activeIframeWidgetId=on?String(id):null;
  document.body.classList.toggle('iframe-control-active',!!activeIframeWidgetId);
  if(!activeIframeWidgetId)document.querySelectorAll('.widget.htmlInteractive').forEach(el=>el.classList.remove('htmlInteractive'));
  document.querySelectorAll('.widget').forEach(el=>{
    el.classList.toggle('linkIframeActive',!!activeIframeWidgetId && String(el.dataset.id)===activeIframeWidgetId);
  });
}
function clearIframeControl(){
  setIframeControl(null,false);
}
function syncIframeControl(){
  if(!activeIframeWidgetId)return;
  const el=document.querySelector('.widget[data-id="'+CSS.escape(activeIframeWidgetId)+'"]');
  if(!el)clearIframeControl();
  else setIframeControl(activeIframeWidgetId,true);
}
window.isIframeControlActive=isIframeControlActive;
window.setIframeControl=setIframeControl;
window.syncIframeControl=syncIframeControl;
window.clearIframeControl=clearIframeControl;


/* v1.0.41: Isoler localStorage når Tavle kører inde i en Link-widget/iframe.
   Problemet var, at en iframe med samme origin (fx maans.github.io/Tavle inde i Tavle)
   læste de samme maans_* localStorage-nøgler som hovedappen og derfor viste samme tavle.
   Løsning: Når appen er embedded, får alle maans_* nøgler automatisk et separat scope.
   Link-widgetten tilføjer selv ?tavle_embed_scope=<widget-id> til Tavle-links, så flere
   indlejrede tavler også får hver sin lille "sandkasse". */
(function(){
  try{
    if(window.self===window.top) return;
    const params=new URLSearchParams(window.location.search||'');
    const rawScope=params.get('tavle_embed_scope') || params.get('tavleStorageScope') || 'embedded';
    const safeScope=String(rawScope).replace(/[^a-zA-Z0-9_-]/g,'').slice(0,48) || 'embedded';
    const prefix='maans_iframe_'+safeScope+'__';
    const proto=Storage.prototype;
    if(proto.__maansTavleScopedStoragePatched) return;
    const nativeGet=proto.getItem;
    const nativeSet=proto.setItem;
    const nativeRemove=proto.removeItem;
    const nativeKey=proto.key;
    const mapKey=function(k){
      k=String(k||'');
      return /^maans_/.test(k) ? prefix+k : k;
    };
    proto.getItem=function(k){return nativeGet.call(this,mapKey(k));};
    proto.setItem=function(k,v){return nativeSet.call(this,mapKey(k),v);};
    proto.removeItem=function(k){return nativeRemove.call(this,mapKey(k));};
    proto.key=function(i){return nativeKey.call(this,i);};
    Object.defineProperty(proto,'__maansTavleScopedStoragePatched',{value:true,configurable:false});
    window.__TAVLE_IFRAME_STORAGE_SCOPE__=safeScope;
  }catch(e){
    console.warn('Tavle iframe storage-scope kunne ikke aktiveres',e);
  }
})();

function tavleIsSameAppUrl(url){
  try{
    const u=new URL(String(url||''),window.location.href);
    const here=new URL(window.location.href);
    const norm=p=>String(p||'/').replace(/\/index\.html$/,'/').replace(/\/+$/,'/');
    return u.origin===here.origin && norm(u.pathname)===norm(here.pathname);
  }catch(e){return false}
}
function tavleIframeSrc(url,w){
  try{
    const u=new URL(String(url||''),window.location.href);
    if(tavleIsSameAppUrl(u.href)){
      u.searchParams.set('tavle_embed_scope',(w&&w.id)?String(w.id):('widget_'+Date.now()));
      return u.href;
    }
  }catch(e){}
  return url;
}

  /*
   * Central UI state
   *
   * The board has grown to support multiple modes (editing vs presentation),
   * selection, focus and maximized widgets, and toolbar pinning/visibility.  In
   * older versions these pieces of state were scattered across a handful of
   * globals and DOM classes.  Here we introduce a single `UIState` object
   * which holds the authoritative values for these flags.  Whenever UI
   * behaviour changes (selecting a widget, entering focus/presentation, pinning
   * the toolbar), update this object and call `applyUIState()` to
   * synchronise the DOM.  This makes it much easier to reason about the
   * current mode of the application.
   */
  const UIState = {
    // 'editing' or 'presentation'
    mode: 'editing',
    // id of the currently selected widget (string), or null
    selectedWidgetId: null,
    // id of the widget in focus mode (string), or null
    focusedWidgetId: null,
    // id of the maximized widget in focus mode (string), or null
    maximizedWidgetId: null,
    // whether the toolbar is pinned (persisted to localStorage)
    toolbarPinned: (localStorage.getItem('maans_toolbar_pinned') === '1'),
    // whether the toolbar is visible at the moment
    toolbarVisible: true,
    // current focus mode: null | 'edit' | 'presentation'
    focusMode: null,
    // true while a widget is temporarily maximized
    focusMaximized: false
  };

  /**
   * Toolbar controller
   *
   * All toolbar-related operations funnel through this object.  Calling
   * `Toolbar.show()` or `Toolbar.hide()` updates both the DOM and
   * `UIState.toolbarVisible`.  Pinning/unpinning persists to
   * localStorage.
   */
  const Toolbar = {
    show(){
      document.body.classList.remove('toolbar-is-hidden');
      app.classList.remove('toolbarHidden');
      UIState.toolbarVisible = true;
    },
    hide(){
      document.body.classList.add('toolbar-is-hidden');
      document.body.classList.add('hints-in-toolbar-space');
      app.classList.add('toolbarHidden');
      UIState.toolbarVisible = false;
    },
    toggle(){
      if(UIState.toolbarVisible) this.hide(); else this.show();
    },
    pin(){
      UIState.toolbarPinned = true;
      document.body.classList.remove('hints-in-toolbar-space');
      this.show();
      try{ localStorage.setItem('maans_toolbar_pinned','1'); }catch(_e){}
      if(typeof updatePinButtons==='function') updatePinButtons();
    },
    unpin(){
      UIState.toolbarPinned = false;
      try{ localStorage.removeItem('maans_toolbar_pinned'); }catch(_e){}
      if(typeof updatePinButtons==='function') updatePinButtons();
    },
    togglePin(){
      UIState.toolbarPinned ? this.unpin() : this.pin();
    }
  };

  /**
   * Apply UI state to the DOM.
   *
   * This function synchronises the CSS classes of the application with the
   * current `UIState` values.  It updates selection highlighting,
   * focus/maximized widgets, presentation mode, and pinned toolbars.  Call
   * this after mutating `UIState`.
   */
  function applyUIState(){
  try{syncFocusBodyClasses();}catch(_e){}
    // update overall mode
    app.classList.toggle('present', UIState.mode === 'presentation');
    // focus-mode must only be active when the user has explicitly entered
    // focus mode or maximized a widget. A remembered focusedWidgetId alone
    // must NOT keep the whole board in focus mode.
    const hasFocus = !!UIState.focusMode || !!UIState.focusMaximized;
    document.body.classList.toggle('focus-mode', hasFocus);
    // update widget classes
    document.querySelectorAll('.widget').forEach(el=>{
      const id = String(el.dataset.id||'');
      el.classList.toggle('selected', id && id===String(UIState.selectedWidgetId));
      el.classList.toggle('focusTarget', id && id===String(UIState.focusedWidgetId));
      el.classList.toggle('maximized', id && id===String(UIState.maximizedWidgetId));
    });
    // update toolbar pin visual state.  Apply both the legacy
    // `toolbarPinned` class on the app element and a newer
    // `toolbar-pinned` class on the body for clarity.
    document.body.classList.toggle('toolbar-pinned', !!UIState.toolbarPinned);
    try{
      app.classList.toggle('toolbarPinned', !!UIState.toolbarPinned);
    }catch(_e){}
  }
let toolClickBlockUntil=0;

/*
 * The app can be run from a local file (file://), via GitHub Pages or
 * wrapped in an iframe/Quine.  When running from a local file the code
 * prefixes relative asset paths with the GitHub base so assets are
 * discoverable offline.  When loaded in an iframe (for example the
 * HTML-widget preview) the inner document runs at a blob: or about:
 * origin which confuses the original detection.  To support runtime
 * configuration we expose a couple of globals on window and compute
 * whether we should apply the fallback on demand.
 */

// Default base for assets hosted in the Tavle repository.  This value can
// be overridden by parent contexts via postMessage (see below).
const DEFAULT_TAVLE_ASSET_BASE='https://maans.github.io/Tavle/';
// If a parent document defines window.TAVLE_ASSET_BASE we honour that,
// otherwise fall back to the default.
if(typeof window.TAVLE_ASSET_BASE==='undefined'){
  window.TAVLE_ASSET_BASE=DEFAULT_TAVLE_ASSET_BASE;
}

// Helper to decide if the app should load assets from the remote base.
// When running from a local file the location protocol is 'file:', but
// this flag may be overridden at runtime by the parent context via
// postMessage.  See message listener below.
function isRunningFromFile(){
  // Prefer an explicitly configured value on the window.  Only accept
  // booleans to avoid overriding with undefined or strings.
  if(typeof window.RUNNING_FROM_FILE==='boolean'){
    return window.RUNNING_FROM_FILE;
  }
  return location.protocol==='file:';
}

// Asset resolver.  Given a relative path this function prefixes the
// configured base if we determine the app is running from a local file.
function resolveAssetPath(path){
  path=String(path||'').trim();
  if(!path)return '';
  // leave data:, blob:, http(s) URLs untouched
  if(/^data:/i.test(path) || /^blob:/i.test(path) || /^https?:\/\//i.test(path))return path;
  // remove leading './'
  path=path.replace(/^\.\//,'');
  const running=isRunningFromFile();
  const base=window.TAVLE_ASSET_BASE || DEFAULT_TAVLE_ASSET_BASE;
  return running ? (base + path) : path;
}

// Listen for environment messages from parent contexts (e.g. the
// HTML-widget preview).  When a message contains a `tavle_env` key we
// update global flags accordingly.  Only boolean values are accepted for
// RUNNING_FROM_FILE; any truthy string for TAVLE_ASSET_BASE will be used.
window.addEventListener('message',event=>{
  try{
    const env=event.data&&event.data.tavle_env;
    if(!env)return;
    if(typeof env.RUNNING_FROM_FILE==='boolean'){
      window.RUNNING_FROM_FILE=env.RUNNING_FROM_FILE;
    }
    if(env.TAVLE_ASSET_BASE){
      window.TAVLE_ASSET_BASE=env.TAVLE_ASSET_BASE;
    }
  }catch(_e){}
});

const BUILTIN_INFOGRAFIK_BG=resolveAssetPath('README_infografik.png');
const TAVLE_BACKGROUND_THEMES=[
  {
    "id": "bg1",
    "title": "Klassisk tavle",
    "desc": "Neutral grøn tavle",
    "group": "Tavle",
    "variants": {
      "new": "backgrounds/new/bg1.webp",
      "old": "backgrounds/old/bg1.webp"
    }
  },
  {
    "id": "bg2",
    "title": "Matematik",
    "desc": "Tal og formler",
    "group": "Fag",
    "variants": {
      "new": "backgrounds/new/bg2.webp",
      "old": "backgrounds/old/bg2.webp"
    }
  },
  {
    "id": "bg3",
    "title": "Naturfag",
    "desc": "Undersøgelse og forsøg",
    "group": "Fag",
    "variants": {
      "new": "backgrounds/new/bg3.webp",
      "old": "backgrounds/old/bg3.webp"
    }
  },
  {
    "id": "bg4",
    "title": "Historie",
    "desc": "Tidslinjer og fortællinger",
    "group": "Fag",
    "variants": {
      "new": "backgrounds/new/bg4.webp",
      "old": "backgrounds/old/bg4.webp"
    }
  },
  {
    "id": "bg5",
    "title": "Geografi",
    "desc": "Kort og verden",
    "group": "Fag",
    "variants": {
      "new": "backgrounds/new/bg5.webp",
      "old": "backgrounds/old/bg5.webp"
    }
  },
  {
    "id": "bg6",
    "title": "Noter",
    "desc": "Skrivefelt med ro",
    "group": "Struktur",
    "variants": {
      "new": "backgrounds/new/bg6.webp",
      "old": "backgrounds/old/bg6.webp"
    }
  },
  {
    "id": "bg7",
    "title": "Priknet",
    "desc": "Idéer og struktur",
    "group": "Struktur",
    "variants": {
      "new": "backgrounds/new/bg7.webp",
      "old": "backgrounds/old/bg7.webp"
    }
  },
  {
    "id": "bg8",
    "title": "Kvadreret",
    "desc": "Overblik og system",
    "group": "Struktur",
    "variants": {
      "new": "backgrounds/new/bg8.webp",
      "old": "backgrounds/old/bg8.webp"
    }
  },
  {
    "id": "bg9",
    "title": "Musik",
    "desc": "Noder og rytme",
    "group": "Fag",
    "variants": {
      "new": "backgrounds/new/bg9.webp",
      "old": "backgrounds/old/bg9.webp"
    }
  },
  {
    "id": "bg10",
    "title": "Sprog",
    "desc": "Ord og kommunikation",
    "group": "Fag",
    "variants": {
      "new": "backgrounds/new/bg10.webp",
      "old": "backgrounds/old/bg10.webp"
    }
  },
  {
    "id": "bg11",
    "title": "Astronomi",
    "desc": "Rum og perspektiv",
    "group": "Fag",
    "variants": {
      "new": "backgrounds/new/bg11.webp",
      "old": "backgrounds/old/bg11.webp"
    }
  },
  {
    "id": "bg12",
    "title": "Natur & Miljø",
    "desc": "Bæredygtighed",
    "group": "Fag",
    "variants": {
      "new": "backgrounds/new/bg12.webp",
      "old": "backgrounds/old/bg12.webp"
    }
  },
  {
    "id": "bg13",
    "title": "Kreativ",
    "desc": "Skabende arbejde",
    "group": "Kreativ",
    "variants": {
      "new": "backgrounds/new/bg13.webp",
      "old": "backgrounds/old/bg13.webp"
    }
  },
  {
    "id": "bg14",
    "title": "Kunst",
    "desc": "Farve og form",
    "group": "Kreativ",
    "variants": {
      "new": "backgrounds/new/bg14.webp",
      "old": "backgrounds/old/bg14.webp"
    }
  },
  {
    "id": "bg15",
    "title": "Rolig",
    "desc": "Fokus og fordybelse",
    "group": "Rolig",
    "variants": {
      "new": "backgrounds/new/bg15.webp",
      "old": "backgrounds/old/bg15.webp"
    }
  }
];
const TAVLE_BACKGROUNDS=[
  {
    "id": "bg1-new",
    "baseId": "bg1",
    "title": "Klassisk tavle",
    "desc": "Neutral grøn tavle",
    "group": "Tavle",
    "version": "HD",
    "src": "backgrounds/new/bg1.webp",
    "name": "bg1.webp"
  },
  {
    "id": "bg1-old",
    "baseId": "bg1",
    "title": "Klassisk tavle",
    "desc": "Neutral grøn tavle",
    "group": "Tavle",
    "version": "Klassisk",
    "src": "backgrounds/old/bg1.webp",
    "name": "old-bg1.webp"
  },
  {
    "id": "bg2-new",
    "baseId": "bg2",
    "title": "Matematik",
    "desc": "Tal og formler",
    "group": "Fag",
    "version": "HD",
    "src": "backgrounds/new/bg2.webp",
    "name": "bg2.webp"
  },
  {
    "id": "bg2-old",
    "baseId": "bg2",
    "title": "Matematik",
    "desc": "Tal og formler",
    "group": "Fag",
    "version": "Klassisk",
    "src": "backgrounds/old/bg2.webp",
    "name": "old-bg2.webp"
  },
  {
    "id": "bg3-new",
    "baseId": "bg3",
    "title": "Naturfag",
    "desc": "Undersøgelse og forsøg",
    "group": "Fag",
    "version": "HD",
    "src": "backgrounds/new/bg3.webp",
    "name": "bg3.webp"
  },
  {
    "id": "bg3-old",
    "baseId": "bg3",
    "title": "Naturfag",
    "desc": "Undersøgelse og forsøg",
    "group": "Fag",
    "version": "Klassisk",
    "src": "backgrounds/old/bg3.webp",
    "name": "old-bg3.webp"
  },
  {
    "id": "bg4-new",
    "baseId": "bg4",
    "title": "Historie",
    "desc": "Tidslinjer og fortællinger",
    "group": "Fag",
    "version": "HD",
    "src": "backgrounds/new/bg4.webp",
    "name": "bg4.webp"
  },
  {
    "id": "bg4-old",
    "baseId": "bg4",
    "title": "Historie",
    "desc": "Tidslinjer og fortællinger",
    "group": "Fag",
    "version": "Klassisk",
    "src": "backgrounds/old/bg4.webp",
    "name": "old-bg4.webp"
  },
  {
    "id": "bg5-new",
    "baseId": "bg5",
    "title": "Geografi",
    "desc": "Kort og verden",
    "group": "Fag",
    "version": "HD",
    "src": "backgrounds/new/bg5.webp",
    "name": "bg5.webp"
  },
  {
    "id": "bg5-old",
    "baseId": "bg5",
    "title": "Geografi",
    "desc": "Kort og verden",
    "group": "Fag",
    "version": "Klassisk",
    "src": "backgrounds/old/bg5.webp",
    "name": "old-bg5.webp"
  },
  {
    "id": "bg6-new",
    "baseId": "bg6",
    "title": "Noter",
    "desc": "Skrivefelt med ro",
    "group": "Struktur",
    "version": "HD",
    "src": "backgrounds/new/bg6.webp",
    "name": "bg6.webp"
  },
  {
    "id": "bg6-old",
    "baseId": "bg6",
    "title": "Noter",
    "desc": "Skrivefelt med ro",
    "group": "Struktur",
    "version": "Klassisk",
    "src": "backgrounds/old/bg6.webp",
    "name": "old-bg6.webp"
  },
  {
    "id": "bg7-new",
    "baseId": "bg7",
    "title": "Priknet",
    "desc": "Idéer og struktur",
    "group": "Struktur",
    "version": "HD",
    "src": "backgrounds/new/bg7.webp",
    "name": "bg7.webp"
  },
  {
    "id": "bg7-old",
    "baseId": "bg7",
    "title": "Priknet",
    "desc": "Idéer og struktur",
    "group": "Struktur",
    "version": "Klassisk",
    "src": "backgrounds/old/bg7.webp",
    "name": "old-bg7.webp"
  },
  {
    "id": "bg8-new",
    "baseId": "bg8",
    "title": "Kvadreret",
    "desc": "Overblik og system",
    "group": "Struktur",
    "version": "HD",
    "src": "backgrounds/new/bg8.webp",
    "name": "bg8.webp"
  },
  {
    "id": "bg8-old",
    "baseId": "bg8",
    "title": "Kvadreret",
    "desc": "Overblik og system",
    "group": "Struktur",
    "version": "Klassisk",
    "src": "backgrounds/old/bg8.webp",
    "name": "old-bg8.webp"
  },
  {
    "id": "bg9-new",
    "baseId": "bg9",
    "title": "Musik",
    "desc": "Noder og rytme",
    "group": "Fag",
    "version": "HD",
    "src": "backgrounds/new/bg9.webp",
    "name": "bg9.webp"
  },
  {
    "id": "bg9-old",
    "baseId": "bg9",
    "title": "Musik",
    "desc": "Noder og rytme",
    "group": "Fag",
    "version": "Klassisk",
    "src": "backgrounds/old/bg9.webp",
    "name": "old-bg9.webp"
  },
  {
    "id": "bg10-new",
    "baseId": "bg10",
    "title": "Sprog",
    "desc": "Ord og kommunikation",
    "group": "Fag",
    "version": "HD",
    "src": "backgrounds/new/bg10.webp",
    "name": "bg10.webp"
  },
  {
    "id": "bg10-old",
    "baseId": "bg10",
    "title": "Sprog",
    "desc": "Ord og kommunikation",
    "group": "Fag",
    "version": "Klassisk",
    "src": "backgrounds/old/bg10.webp",
    "name": "old-bg10.webp"
  },
  {
    "id": "bg11-new",
    "baseId": "bg11",
    "title": "Astronomi",
    "desc": "Rum og perspektiv",
    "group": "Fag",
    "version": "HD",
    "src": "backgrounds/new/bg11.webp",
    "name": "bg11.webp"
  },
  {
    "id": "bg11-old",
    "baseId": "bg11",
    "title": "Astronomi",
    "desc": "Rum og perspektiv",
    "group": "Fag",
    "version": "Klassisk",
    "src": "backgrounds/old/bg11.webp",
    "name": "old-bg11.webp"
  },
  {
    "id": "bg12-new",
    "baseId": "bg12",
    "title": "Natur & Miljø",
    "desc": "Bæredygtighed",
    "group": "Fag",
    "version": "HD",
    "src": "backgrounds/new/bg12.webp",
    "name": "bg12.webp"
  },
  {
    "id": "bg12-old",
    "baseId": "bg12",
    "title": "Natur & Miljø",
    "desc": "Bæredygtighed",
    "group": "Fag",
    "version": "Klassisk",
    "src": "backgrounds/old/bg12.webp",
    "name": "old-bg12.webp"
  },
  {
    "id": "bg13-new",
    "baseId": "bg13",
    "title": "Kreativ",
    "desc": "Skabende arbejde",
    "group": "Kreativ",
    "version": "HD",
    "src": "backgrounds/new/bg13.webp",
    "name": "bg13.webp"
  },
  {
    "id": "bg13-old",
    "baseId": "bg13",
    "title": "Kreativ",
    "desc": "Skabende arbejde",
    "group": "Kreativ",
    "version": "Klassisk",
    "src": "backgrounds/old/bg13.webp",
    "name": "old-bg13.webp"
  },
  {
    "id": "bg14-new",
    "baseId": "bg14",
    "title": "Kunst",
    "desc": "Farve og form",
    "group": "Kreativ",
    "version": "HD",
    "src": "backgrounds/new/bg14.webp",
    "name": "bg14.webp"
  },
  {
    "id": "bg14-old",
    "baseId": "bg14",
    "title": "Kunst",
    "desc": "Farve og form",
    "group": "Kreativ",
    "version": "Klassisk",
    "src": "backgrounds/old/bg14.webp",
    "name": "old-bg14.webp"
  },
  {
    "id": "bg15-new",
    "baseId": "bg15",
    "title": "Rolig",
    "desc": "Fokus og fordybelse",
    "group": "Rolig",
    "version": "HD",
    "src": "backgrounds/new/bg15.webp",
    "name": "bg15.webp"
  },
  {
    "id": "bg15-old",
    "baseId": "bg15",
    "title": "Rolig",
    "desc": "Fokus og fordybelse",
    "group": "Rolig",
    "version": "Klassisk",
    "src": "backgrounds/old/bg15.webp",
    "name": "old-bg15.webp"
  }
];
const BACKGROUND_LIBRARY=TAVLE_BACKGROUNDS;

const TAVLE_BG_FILTERS=[
  {key:'none',title:'Ingen',desc:'Uændret billede',css:'none',overlay:''},
  {key:'standard',title:'Standard',desc:'Rolig tavlekontrast',css:'brightness(.94) contrast(1.08) saturate(.96)',overlay:'linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.10))'},
  {key:'dark',title:'Mørk',desc:'Mere ro og læsbarhed',css:'brightness(.78) contrast(1.10) saturate(.92)',overlay:'linear-gradient(rgba(0,0,0,.24),rgba(0,0,0,.24))'},
  {key:'warm',title:'Varm',desc:'Blød og varm tone',css:'sepia(.16) saturate(1.05) brightness(.95) contrast(1.02)',overlay:'linear-gradient(rgba(110,55,0,.12),rgba(110,55,0,.12))'},
  {key:'cool',title:'Kølig',desc:'Blålig og fokuseret',css:'saturate(.95) brightness(.94) contrast(1.05)',overlay:'linear-gradient(rgba(0,45,110,.16),rgba(0,45,110,.16))'},
  {key:'soft',title:'Dæmpet',desc:'Lav kontrast, roligt udtryk',css:'brightness(.98) contrast(.88) saturate(.82)',overlay:'linear-gradient(rgba(255,255,255,.10),rgba(255,255,255,.10))'}
];
function getBgFilterDef(key){
  return (TAVLE_BG_FILTERS||[]).find(f=>f.key===key) || TAVLE_BG_FILTERS[0];
}
function bgFilterCss(key){return getBgFilterDef(key).css||'none'}
function bgFilterOverlay(key){return getBgFilterDef(key).overlay||''}

////////////////////////////////////////////////////////////
// STATE / STORAGE
////////////////////////////////////////////////////////////
/* State-load: embedded data vinder over localStorage; ellers oprettes én klassisk HD-tavle. */
let embeddedData=window.__TAVLE_DATA__||null;
let __loadedState=load();
let __freshFirstRun=!(embeddedData&&embeddedData.state) && !__loadedState;
let state=(embeddedData&&embeddedData.state)||__loadedState||{active:0,slides:[classicHdSlide()]};
// Ensure a dataset store exists on the state object.  Each dataset
// contains {id,name,type,columns,rows,sourceName,importedAt}.
if(!state.datasets) state.datasets=[];
if(embeddedData&&embeddedData.wheelLists){try{localStorage.setItem('maans_wheel_lists',JSON.stringify(embeddedData.wheelLists))}catch(e){}}
if(embeddedData&&embeddedData.settings){try{Object.entries(embeddedData.settings).forEach(([k,v])=>localStorage.setItem(k,v))}catch(e){}}

const clockEl=document.getElementById('globalClock');
const CLOCK_KEY='maans_tavle_clock_settings_v162';
function clockSettings(){
  try{return JSON.parse(localStorage.getItem(CLOCK_KEY)||'{}')}catch(e){return{}}
}
function saveClockSettings(s){
  localStorage.setItem(CLOCK_KEY,JSON.stringify(s));
  renderClock();
}
function renderClock(){
  if(!clockEl)return;
  const s=Object.assign({enabled:false,style:'glass',position:'bottomRight',date:true,seconds:false,format24:true,focus:false},clockSettings());
  const clockStyle=s.style||'glass';
  const clockPos=s.position||'bottomRight';
  const sceneCompact=(clockStyle==='stage' && clockPos!=='bottomCenter');
  document.body.classList.toggle('clock-focus-visible', !!s.focus);
  clockEl.className='globalClock '+(s.enabled?'':'hiddenClock')+' '+clockStyle+' clockPos-'+clockPos+(s.seconds?' clockHasSeconds':'')+(sceneCompact?' clockSceneCompact':'');
  if(!s.enabled)return;
  const now=new Date();
  if(s.style==='analog'){
    const h=now.getHours()%12, m=now.getMinutes(), sec=now.getSeconds();
    const hr=(h*30)+(m/2), mn=m*6, sc=sec*6;
    clockEl.innerHTML=`<div class="clockFace"><div class="clockHand hour" style="transform:rotate(${hr}deg)"></div><div class="clockHand min" style="transform:rotate(${mn}deg)"></div><div class="clockHand sec" style="transform:rotate(${sc}deg)"></div><div class="clockDot"></div></div>`;
    return;
  }
  const opts={hour:'2-digit',minute:'2-digit',hour12:!s.format24};
  if(s.seconds)opts.second='2-digit';
  const time=now.toLocaleTimeString('da-DK',opts);
  const date=s.date?now.toLocaleDateString('da-DK',{weekday:'short',day:'numeric',month:'short'}):'';
  clockEl.innerHTML=`<div class="clockTime">${time}</div>${date?`<div class="clockDate">${date}</div>`:''}`;
}
setInterval(renderClock,1000);
setTimeout(renderClock,80);

try{
  applyToolbarSettings();
  const peek=document.getElementById('toolbarPeek');
  if(peek)peek.onclick=(e)=>{e.preventDefault();e.stopPropagation();document.body.classList.remove('hints-in-toolbar-space');showToolbar();scheduleToolbarHide()};
  const pinFloat=document.getElementById('toolbarPinFloat');
  if(pinFloat)pinFloat.style.display='none';
  const tb=document.querySelector('.toolbar');
  if(tb){
    tb.addEventListener('pointerdown',()=>scheduleToolbarHide(),{passive:true});
    tb.addEventListener('click',()=>scheduleToolbarHide(),{passive:true});
  }
  /* v108: toolbar vækkes kun via værktøjer-knappen, ikke globale klik */
  scheduleToolbarHide();
}catch(e){}

  // synchronise initial UI state with the DOM.  Without this call the page
  // might start in a stale state (e.g. lingering classes from previous
  // sessions or server-side rendering).  It runs outside the try/catch so
  // that failures in toolbar setup don't prevent UI state from being applied.
  try{applyUIState();}catch(_e){}

if(clockEl)clockEl.onclick=(e)=>{e.preventDefault();e.stopPropagation();clockModal()};

function clockPreviewHTML(s){
  const tmp=Object.assign({enabled:true,style:'glass',position:'bottomRight',date:true,seconds:false,format24:true,focus:false},s||{});
  const now=new Date();
  if(tmp.style==='analog'){
    const h=now.getHours()%12, m=now.getMinutes(), sec=now.getSeconds();
    const hr=(h*30)+(m/2), mn=m*6, sc=sec*6;
    return `<div class="globalClock analog"><div class="clockFace"><div class="clockHand hour" style="transform:rotate(${hr}deg)"></div><div class="clockHand min" style="transform:rotate(${mn}deg)"></div><div class="clockHand sec" style="transform:rotate(${sc}deg)"></div><div class="clockDot"></div></div></div>`;
  }
  const opts={hour:'2-digit',minute:'2-digit',hour12:!tmp.format24};
  if(tmp.seconds)opts.second='2-digit';
  const time=now.toLocaleTimeString('da-DK',opts);
  const date=tmp.date?now.toLocaleDateString('da-DK',{weekday:'short',day:'numeric',month:'short'}):'';
  const previewStyle=tmp.style||'glass';
  const previewPos=tmp.position||'bottomRight';
  const previewCompact=(previewStyle==='stage' && previewPos!=='bottomCenter');
  return `<div class="globalClock ${previewStyle} clockPos-${previewPos}${tmp.seconds?' clockHasSeconds':''}${previewCompact?' clockSceneCompact':''}"><div class="clockTime">${time}</div>${date?`<div class="clockDate">${date}</div>`:''}</div>`;
}

function clockModal(){
  const s=Object.assign({enabled:false,style:'glass',position:'bottomRight',date:true,seconds:false,format24:true,focus:false},clockSettings());
  showModal(`<h2>Ur</h2>
    <p style="margin-top:0;opacity:.75;font-weight:800">Globalt ur – vises på alle tavler.</p>

    <div class="clockSection">
      <label class="clockRow"><input id="clockEnabled" type="checkbox" ${s.enabled?'checked':''}><span>Vis ur</span></label>
    </div>

    <div class="clockPreview" id="clockPreview">${clockPreviewHTML({...s,enabled:true})}</div>

    <div class="clockSection">
      <div class="clockSectionTitle">Design</div>
      <div class="clockStyleGrid">
        <button class="clockStyleBtn ${s.style==='glass'?'active':''}" data-clock-style="glass"><b>Glas</b><small>Diskret overlay</small></button>
        <button class="clockStyleBtn ${s.style==='minimal'?'active':''}" data-clock-style="minimal"><b>Minimal</b><small>Kun tid og dato</small></button>
        <button class="clockStyleBtn ${s.style==='stage'?'active':''}" data-clock-style="stage"><b>Scene</b><small>Stort ur til projektor</small></button>
        <button class="clockStyleBtn ${s.style==='analog'?'active':''}" data-clock-style="analog"><b>Analog</b><small>Klassisk urskive</small></button>
      </div>
    </div>

    <div class="clockSettingsLayout">
      <div class="clockSection">
        <div class="clockSectionTitle">Indstillinger</div>
        <label class="clockRow"><input id="clockDate" type="checkbox" ${s.date?'checked':''}><span>Vis dato</span></label>
        <label class="clockRow"><input id="clockSeconds" type="checkbox" ${s.seconds?'checked':''}><span>Vis sekunder</span></label>
        <label class="clockRow"><input id="clock24" type="checkbox" ${s.format24?'checked':''}><span>24-timers ur</span></label>
        <label class="clockRow"><input id="clockFocus" type="checkbox" ${s.focus?'checked':''}><span>Vis ur i fokus</span></label>
      </div>
      <div class="clockSection">
        <div class="clockSectionTitle">Placering</div>
        <div class="clockPositionGrid">
          <button class="clockPosBtn ${s.position==='bottomRight'?'active':''}" data-clock-position="bottomRight"><b>Nederst højre</b><small>Ved siden af værktøjslinjen</small></button>
          <button class="clockPosBtn ${s.position==='bottomLeft'?'active':''}" data-clock-position="bottomLeft"><b>Nederst venstre</b><small>Ved siden af værktøjslinjen</small></button>
          <button class="clockPosBtn ${s.position==='topCenter'?'active':''}" data-clock-position="topCenter"><b>Øverst</b><small>Mellem titel og topmenu</small></button>
          <button class="clockPosBtn ${s.position==='bottomCenter'?'active':''}" data-clock-position="bottomCenter"><b>Nederst midt</b><small>Lige over værktøjslinjen</small></button>
        </div>
      </div>
    </div>

    <hr>
    <button id="clockClose">Luk</button>`);

  const refreshPreview=()=>{
    const current=Object.assign({enabled:true,style:'glass',position:'bottomRight',date:true,seconds:false,format24:true,focus:false},clockSettings());
    const p=modal.querySelector('#clockPreview');
    if(p)p.innerHTML=clockPreviewHTML({...current,enabled:true});
    modal.querySelectorAll('[data-clock-style]').forEach(b=>b.classList.toggle('active',b.dataset.clockStyle===(current.style||'glass')));
    modal.querySelectorAll('[data-clock-position]').forEach(b=>b.classList.toggle('active',b.dataset.clockPosition===(current.position||'bottomRight')));
  };

  modal.querySelector('#clockEnabled').onchange=e=>saveClockSettings({...clockSettings(),enabled:e.target.checked});
  modal.querySelector('#clockDate').onchange=e=>{saveClockSettings({...clockSettings(),date:e.target.checked});refreshPreview()};
  modal.querySelector('#clockSeconds').onchange=e=>{saveClockSettings({...clockSettings(),seconds:e.target.checked});refreshPreview()};
  modal.querySelector('#clock24').onchange=e=>{saveClockSettings({...clockSettings(),format24:e.target.checked});refreshPreview()};
  modal.querySelector('#clockFocus').onchange=e=>{saveClockSettings({...clockSettings(),focus:e.target.checked});refreshPreview()};
  modal.querySelectorAll('[data-clock-style]').forEach(b=>b.onclick=()=>{saveClockSettings({...clockSettings(),style:b.dataset.clockStyle,enabled:true});const en=modal.querySelector('#clockEnabled');if(en)en.checked=true;refreshPreview()});
  modal.querySelectorAll('[data-clock-position]').forEach(b=>b.onclick=()=>{saveClockSettings({...clockSettings(),position:b.dataset.clockPosition,enabled:true});const en=modal.querySelector('#clockEnabled');if(en)en.checked=true;refreshPreview()});
  modal.querySelector('#clockClose').onclick=closeModal;
}

////////////////////////////////////////////////////////////
// TAVLER / SLIDES
////////////////////////////////////////////////////////////
/* Tavlehjælpere: slide() bruger state.active. Papirkurven er også en slide i state, men må ikke behandles som normal brugertavle. */
function uid(){return Math.random().toString(36).slice(2,10)}
function slide(){return state.slides[state.active]}
function toast(t){const e=document.getElementById('toast');e.textContent=t;e.classList.add('show');setTimeout(()=>e.classList.remove('show'),1600)}

function shouldWarnAboutLocalSave(){
  try{
    if(window.__suppressInitialSaveWarning)return false;
    if(window.__userHasInteracted)return true;
    const sls=(state&&state.slides)||[];
    const widgetCount=sls.reduce((n,sl)=>n+((sl.widgets||[]).length),0);
    return widgetCount>0;
  }catch(e){return false}
}

////////////////////////////////////////////////////////////
// STATE / STORAGE
////////////////////////////////////////////////////////////
/* save()/load(): JSON-state i localStorage. Undgå datamodelændringer uden migration og rollback-test. */
function save(opts={}){
  try{
    if(draw&&draw.toDataURL&&slide())slide().draw=draw.toDataURL('image/png');
  }catch(e){}
  try{
    localStorage.setItem(KEY,JSON.stringify(state));
    window.__lastSaveFailed=false;
    return true;
  }catch(e){
    if(!opts.silent && !window.__lastSaveFailed && shouldWarnAboutLocalSave()){
      toast('Kunne ikke gemme lokalt i browseren. Brug Gem tavlefil, hvis du vil sikre arbejdet.');
    }
    window.__lastSaveFailed=true;
    return false;
  }
}

function load(){try{return JSON.parse(localStorage.getItem(KEY))}catch(e){return null}}
function cssBgUrl(src){
  // CSS url() needs quoting for relative URLs with special characters,
  // and data-URLs should also be quoted to avoid browser-specific parsing bugs.
  return 'url("'+String(src||'').replace(/"/g,'%22')+'")';
}
function applyBg(){
  const s=slide();
  const baseBg=s.bg||'linear-gradient(135deg,#edf6ff,#dff8e8)';
  const filterKey=s.bgFilter||'none';
  const overlay=bgFilterOverlay(filterKey);
  app.dataset.bgFilter=filterKey;
  app.style.background=baseBg;
  app.style.filter='none';
  if(s.bgImage){
    const imgUrl=cssBgUrl(resolveAssetPath(s.bgImage));
    if(overlay){
      app.style.backgroundImage=`${overlay}, ${imgUrl}, ${baseBg}`;
      app.style.backgroundSize=`cover, ${s.bgFit||'cover'}, cover`;
      app.style.backgroundRepeat='no-repeat, no-repeat, no-repeat';
      app.style.backgroundPosition='center, center, center';
      app.style.backgroundBlendMode='normal, normal, normal';
    }else{
      app.style.backgroundImage=`${imgUrl}, ${baseBg}`;
      app.style.backgroundSize=`${s.bgFit||'cover'}, cover`;
      app.style.backgroundRepeat='no-repeat, no-repeat';
      app.style.backgroundPosition='center, center';
      app.style.backgroundBlendMode='normal, normal';
    }
  }else{
    if(overlay){
      app.style.backgroundImage=`${overlay}, ${baseBg}`;
      app.style.backgroundSize='cover, cover';
      app.style.backgroundRepeat='no-repeat, no-repeat';
      app.style.backgroundPosition='center, center';
      app.style.backgroundBlendMode='normal, normal';
    }else{
      app.style.backgroundImage='';
      app.style.backgroundSize='cover';
      app.style.backgroundRepeat='no-repeat';
      app.style.backgroundPosition='center';
      app.style.backgroundBlendMode='normal';
    }
  }
  app.classList.toggle('grid',!!s.grid);
  titleEl.textContent=s.title||'Min undervisningstavle';
}


function updateDrawInteractivity(){
  try{
    const active = app.classList.contains('drawActive');
    draw.style.pointerEvents = active ? 'auto' : 'none';
  }catch(e){}
}

function forceInitCanvas(){
  try{
    const dpr = window.devicePixelRatio || 1;
    const rect = app.getBoundingClientRect();
    const w = Math.max(1, Math.round(rect.width || app.clientWidth || window.innerWidth));
    const h = Math.max(1, Math.round(rect.height || app.clientHeight || window.innerHeight));

    draw.width = Math.round(w * dpr);
    draw.height = Math.round(h * dpr);
    draw.style.width = w + 'px';
    draw.style.height = h + 'px';

    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
    ctx.lineCap = 'round';
    ctx.lineJoin = 'round';

    draw.style.touchAction = 'none';
    draw.classList.toggle('active', app.classList.contains('drawActive'));
    draw.style.pointerEvents = app.classList.contains('drawActive') ? 'auto' : 'none';
  }catch(e){}
}

function resizeCanvas(){
  if(!draw.width || !draw.height){
const __setDrawActive_v157 = setDrawActive;
setDrawActive = function(on){
  app.classList.toggle('drawActive', on);
  updateDrawInteractivity();
  try{__setDrawActive_v157(on);}catch(e){}
  updateDrawInteractivity();
};
forceInitCanvas();return}
  const dpr=window.devicePixelRatio||1;
  const w=Math.max(1,Math.round(app.clientWidth||innerWidth));
  const h=Math.max(1,Math.round(app.clientHeight||innerHeight));
  const old=draw.width&&draw.height?draw.toDataURL('image/png'):'';
  draw.width=Math.round(w*dpr);
  draw.height=Math.round(h*dpr);
  draw.style.width=w+'px';
  draw.style.height=h+'px';
  ctx.setTransform(dpr,0,0,dpr,0,0);
  ctx.lineCap='round';
  ctx.lineJoin='round';
  if(old)loadDraw(old);
}
function loadDraw(src){
  const w=Math.max(1,app.clientWidth||innerWidth);
  const h=Math.max(1,app.clientHeight||innerHeight);
  ctx.save();
  ctx.setTransform(1,0,0,1,0,0);
  ctx.clearRect(0,0,draw.width,draw.height);
  ctx.restore();
  if(!src)return;
  const im=new Image();
  im.onload=()=>{ctx.drawImage(im,0,0,w,h)};
  im.src=src;
}
window.addEventListener('resize',resizeCanvas);

/* SAFE134: normal tavlelogik skal ignorere intern papirkurv. */
function safe134IsTrashSlideForNav(s){
  try{return !!(s && (s.isTrashBoard===true || s.title==='🗑 Papirkurv' || s.title==='Papirkurv'));}
  catch(_e){return false;}
}
function safe134NormalSlideIndices(){
  const arr=(state && Array.isArray(state.slides)) ? state.slides : [];
  const out=[];
  for(let i=0;i<arr.length;i++){ if(!safe134IsTrashSlideForNav(arr[i])) out.push(i); }
  return out;
}
function safe134NormalSlideCount(){ return Math.max(1,safe134NormalSlideIndices().length); }
function safe134VisibleSlideNumber(realIndex){
  const list=safe134NormalSlideIndices();
  const pos=list.indexOf(realIndex);
  return pos>=0 ? pos+1 : safe134NormalSlideCount();
}
function safe134SlideInfoText(){
  try{
    if(safe134IsTrashSlideForNav(slide())) return 'Papirkurv';
    return safe134VisibleSlideNumber(state.active)+'/'+safe134NormalSlideCount();
  }catch(_e){ return (state.active+1)+'/'+state.slides.length; }
}
function safe134InsertNormalSlideBeforeTrash(){
  const ns=createThemedSlide();
  const arr=state.slides;
  const trashIndex=arr.findIndex(safe134IsTrashSlideForNav);
  if(trashIndex>=0){ arr.splice(trashIndex,0,ns); state.active=trashIndex; }
  else { arr.push(ns); state.active=arr.length-1; }
  return state.active;
}
function safe134SetActiveNormalByPosition(pos){
  const list=safe134NormalSlideIndices();
  if(!list.length) return false;
  const safe=Math.max(0,Math.min(list.length-1,Number(pos)||0));
  state.active=list[safe];
  selected=null;
  if(window.UIState) window.UIState.selectedWidgetId=null;
  render();
  try{toast('Tavle '+safe134VisibleSlideNumber(state.active));}catch(_e){}
  return true;
}
function safe134NormalStep(dir){
  const list=safe134NormalSlideIndices();
  if(!list.length) return false;
  let pos=list.indexOf(state.active);
  if(pos<0){
    const ret=Number(state && state.trashReturnIndex);
    const retPos=list.indexOf(ret);
    return safe134SetActiveNormalByPosition(retPos>=0 ? retPos : 0);
  }
  const next=pos+dir;
  if(next<0 || next>=list.length){
    try{toast(dir>0?'Tavlen er allerede sidst':'Tavlen er allerede først');}catch(_e){}
    return false;
  }
  return safe134SetActiveNormalByPosition(next);
}
function updateSlidesOverviewVisibility(){
  const btn=document.getElementById('slidesOverview');
  if(!btn) return;
  /* SAFE134: oversigtsknappen vurderes ud fra normale tavler, ikke intern papirkurv. */
  const hide = safe134NormalSlideCount() <= 1;
  btn.hidden = hide;
  btn.style.display = hide ? 'none' : '';
  btn.classList.toggle('onlyMultiHidden', hide);
}


function initDrawLayerAfterRender(){
  try{
    const sl=slide();
    if(sl && (sl.draw===undefined || sl.draw===null)) sl.draw='';
    draw.classList.toggle('active',app.classList.contains('drawActive'));
    draw.style.pointerEvents=app.classList.contains('drawActive')?'auto':'none';
    draw.style.touchAction='none';
  }catch(e){}
}


function visibleBoardBounds(){
  const rect=app.getBoundingClientRect();
  const pad=28;
  const topPad=78;
  const bottomPad=126;
  const w=Math.max(260,rect.width-pad*2);
  const h=Math.max(190,rect.height-topPad-bottomPad);
  return {x:pad,y:topPad,w,h,right:pad+w,bottom:topPad+h};
}
function clamp(n,min,max){return Math.min(Math.max(Number(n)||0,min),max)}
function preferredWidgetSize(type,b){
  const maxW=Math.max(220,Math.min(b.w, type==='text'?560: type==='timer'?520: 920));
  const maxH=Math.max(170,Math.min(b.h, type==='timer'?280: type==='link'?360: 640));
  const minW=Math.min(220,maxW);
  const minH=Math.min(150,maxH);
  return {minW,minH,maxW,maxH};
}
function fitWidgetToViewport(w,opts={}){
  const b=visibleBoardBounds();
  const p=preferredWidgetSize(w.type,b);
  const before=[w.x,w.y,w.w,w.h,w.rotation||0].join('|');
  if(opts.resetRotation!==false)w.rotation=0;
  w.w=clamp(w.w,p.minW,p.maxW);
  w.h=clamp(w.h,p.minH,p.maxH);
  w.x=clamp(w.x,b.x,Math.max(b.x,b.right-w.w));
  w.y=clamp(w.y,b.y,Math.max(b.y,b.bottom-w.h));
  if(w.w>=b.w)w.x=b.x;
  if(w.h>=b.h)w.y=b.y;
  return [w.x,w.y,w.w,w.h,w.rotation||0].join('|')!==before;
}
function arrangeWidgetsInViewport(opts={}){
  const sl=slide();
  if(!sl||!Array.isArray(sl.widgets))return 0;
  const widgets=sl.widgets;
  const b=visibleBoardBounds();
  const gap=18;
  let changed=0, x=b.x, y=b.y, rowH=0;
  widgets.forEach((w,i)=>{
    const before=[w.x,w.y,w.w,w.h,w.rotation||0].join('|');
    fitWidgetToViewport(w,{resetRotation:opts.resetRotation!==false});
    if(opts.arrange){
      if(x+w.w>b.right && x>b.x){x=b.x;y+=rowH+gap;rowH=0;}
      if(y+w.h>b.bottom){x=b.x+Math.min(40,(i%5)*14);y=b.y+Math.min(40,(i%5)*14);}
      w.x=x;w.y=y;x+=w.w+gap;rowH=Math.max(rowH,w.h);
    }
    if([w.x,w.y,w.w,w.h,w.rotation||0].join('|')!==before)changed++;
  });
  return changed;
}
function rescueWidgetsToViewport(opts={}){
  try{ if(window.clearIframeControl)window.clearIframeControl(); }catch(e){}
  const changed=arrangeWidgetsInViewport({arrange:opts.arrange!==false,resetRotation:opts.resetRotation!==false});
  save();render();
  if(opts.toast!==false && typeof toast==='function')toast(changed?'Samlede og tilpassede '+changed+' widget(s)':'Alle widgets er synlige');
  return changed;
}
function rescueSelectedWidgetToViewport(){
  if(!selected)return rescueWidgetsToViewport({toast:false,arrange:false,resetRotation:false});
  const w=findWidget(selected);
  if(!w)return rescueWidgetsToViewport({toast:false,arrange:false,resetRotation:false});
  try{ if(window.clearIframeControl)window.clearIframeControl(); }catch(e){}
  const changed=fitWidgetToViewport(w,{resetRotation:false});
  if(changed){save();render();setTimeout(()=>select(w.id,{editText:false}),0);return 1;}
  return 0;
}
window.visibleBoardBounds=visibleBoardBounds;
window.fitWidgetToViewport=fitWidgetToViewport;
window.rescueWidgetsToViewport=rescueWidgetsToViewport;
window.rescueSelectedWidgetToViewport=rescueSelectedWidgetToViewport;

////////////////////////////////////////////////////////////
// WIDGET CORE
////////////////////////////////////////////////////////////
/* render-flow: rydder DOM-widgets, anvender baggrund/grid, bygger widgets og opdaterer papirkurv. Rør ikke uden fuld regressionstest. */
function render(){document.querySelectorAll('.widget').forEach(e=>e.remove());document.querySelectorAll('.trashBoardBar,.trashBoardEmptyNote').forEach(e=>e.remove());applyBg();updateGridOverlay();document.getElementById('slideInfo').textContent=safe134SlideInfoText();updateSlidesOverviewVisibility();resizeCanvas();loadDraw(slide().draw||'');slide().widgets.forEach(w=>makeWidget(w));updateTrashBoardUI();setTimeout(initDrawLayerAfterRender,0);requestAnimationFrame(initDrawLayerAfterRender);setTimeout(updateContextHints,0)}
/* addWidget(): opretter widget-objekt, fitter til viewport, kalder makeWidget(), select() og save(). Bevar rækkefølgen. */
function addWidget(type,data={}){const w={id:uid(),type,x:140+Math.random()*80,y:130+Math.random()*80,w:(type==='wheel'||type==='groups'||type==='wordcloud'||type==='poll'||type==='kahoopardy')?860:(type==='dataset'?390:(type==='text'?420:520)),h:type==='wheel'?560:(type==='kahoopardy'?560:(type==='groups'?520:(type==='wordcloud'?430:(type==='poll'?460:(type==='dataset'?260:(type==='timer'?260: type==='link'?230:320)))))),z:z++,rotation:0,locked:false,title:titles[type]||type,data};fitWidgetToViewport(w);slide().widgets.push(w);makeWidget(w);select(w.id);save();return w}
const titles={text:'Tekst',html:'HTML',video:'Video',wheel:'Lykkehjulet',groups:'Grupper',wordcloud:'Ordsky',poll:'Afstemning',kahoopardy:'KaPardy',timer:'Timer',image:'Billede',link:'Link',pdf:'PDF',dataset:'Datasæt'};

/* v1.2.37: Universal drop på tavlen - JS */
function tavleDropPoint(e){
  const rect=app.getBoundingClientRect();
  return {
    x:Math.max(20,Math.min((e.clientX||rect.left+180)-rect.left,rect.width-180)),
    y:Math.max(70,Math.min((e.clientY||rect.top+140)-rect.top,rect.height-140))
  };
}
function addDroppedWidget(type,data,point,title){
  const w=addWidget(type,data||{});
  if(title)w.title=title;
  w.x=point.x;
  w.y=point.y;
  if(type==='image'){w.w=Math.min(560,Math.max(360,innerWidth*.38));w.h=Math.min(380,Math.max(260,innerHeight*.32));}
  if(type==='pdf'){w.w=Math.min(680,Math.max(420,innerWidth*.46));w.h=Math.min(520,Math.max(340,innerHeight*.46));}
  if(type==='text'){w.w=Math.min(620,Math.max(420,innerWidth*.42));w.h=Math.min(420,Math.max(260,innerHeight*.34));}
  if(type==='video'){w.w=Math.min(680,Math.max(460,innerWidth*.46));w.h=Math.min(420,Math.max(280,innerHeight*.34));}
  if(type==='link'){w.w=Math.min(560,Math.max(360,innerWidth*.34));w.h=230;}
  if(type==='html'){w.w=Math.min(760,Math.max(480,innerWidth*.50));w.h=Math.min(520,Math.max(340,innerHeight*.46));}
  fitWidgetToViewport(w);
  render();
  select(w.id);
  save();
  return w;
}
function readFileAsDataURL(file){
  return new Promise((resolve,reject)=>{
    const r=new FileReader();
    r.onload=()=>resolve(String(r.result||''));
    r.onerror=()=>reject(r.error||new Error('Kunne ikke læse fil'));
    r.readAsDataURL(file);
  });
}
function tavleTextDecodeScore(s){
  s=String(s||'');
  const bad=(s.match(/[\uFFFD]/g)||[]).length*8+(s.match(/(?:Ã.|Â.|â€.|â€™|â€œ|â€�|â€“|â€”)/g)||[]).length*3;
  const dk=(s.match(/[ÆØÅæøå]/g)||[]).length;
  return bad*10-dk;
}
function tavleRepairMojibake(s){
  s=String(s||'');
  try{
    const bytes=[];
    for(let i=0;i<s.length;i++){
      const code=s.charCodeAt(i);
      if(code>255)return s;
      bytes.push(code);
    }
    return new TextDecoder('utf-8',{fatal:false}).decode(new Uint8Array(bytes));
  }catch(_e){return s}
}
async function tavleDecodeTextFile(file){
  const buf=await file.arrayBuffer();
  const bytes=new Uint8Array(buf);
  const candidates=[];
  const add=(label,text)=>{
    text=String(text||'');
    candidates.push({label,text,score:tavleTextDecodeScore(text)});
    const repaired=tavleRepairMojibake(text);
    if(repaired!==text)candidates.push({label:label+' repareret',text:repaired,score:tavleTextDecodeScore(repaired)});
  };
  add('utf-8',new TextDecoder('utf-8',{fatal:false}).decode(bytes));
  try{add('windows-1252',new TextDecoder('windows-1252',{fatal:false}).decode(bytes));}catch(_e){}
  try{add('iso-8859-1',new TextDecoder('iso-8859-1',{fatal:false}).decode(bytes));}catch(_e){}
  candidates.sort((a,b)=>a.score-b.score);
  return candidates[0]?candidates[0].text:'';
}
function readFileAsText(file){
  return tavleDecodeTextFile(file);
}
function isLikelyTextFile(file){
  const name=String(file.name||'').toLowerCase();
  return /^text\//.test(file.type||'') || /(^readme$|\.(txt|md|markdown|rtf|log|html?|css|js|json|csv))$/i.test(name);
}
function isLikelyPdfFile(file){
  return file.type==='application/pdf' || /\.pdf$/i.test(file.name||'');
}
function isLikelyImageFile(file){
  return /^image\//.test(file.type||'') || /\.(png|jpe?g|gif|webp|svg)$/i.test(file.name||'');
}

function isLikelyHtmlFile(file){
  const name=String(file.name||'').toLowerCase();
  return /(\.html?|^index\.html?)$/i.test(name) || /html/i.test(file.type||'');
}

// Detect comma-separated or semicolon-separated value files by extension or MIME.
function isLikelyCsvFile(file){
  const name=String(file.name||'').toLowerCase();
  return /\.csv$/i.test(name) || /text\/csv/i.test(file.type||'');
}

// Detect tab-separated value files (.tsv) by extension or MIME.
function isLikelyTsvFile(file){
  const name=String(file.name||'').toLowerCase();
  return /\.tsv$/i.test(name) || /text\/tsv/i.test(file.type||'');
}

function isLikelyXlsxFile(file){
  const name=String(file.name||'').toLowerCase();
  return /\.(xlsx|xls)$/i.test(name) || /spreadsheet|excel/i.test(file.type||'');
}
function isLikelyGoogleSheetRef(file){
  return /\.gsheet$/i.test(String(file&&file.name||''));
}
/*
DATAWIDGET-KERNEFLOW
- Dataset/datawidgets er den fælles tekst- og tabelkilde i appen.
- Aktivitetswidgets bør hente lister herfra eller fra listewidgets, ikke selv opfinde nye filimportveje.
- Denne blok må gerne udbygges senere med bedre kolonnevalg og sammensatte strenge, men ændr småt og test wheel/grupper/KaPardy bagefter.

SAFE138 DATA/LISTE-KODEKORT — kun dokumentation:
- Import/drop/backup-flowet kan oprette datasets i state.datasets og derefter en tekstwidget med datasetId + datasetView.
- datasetFirstTextColumn(ds) vælger aktuelt en bedste tekstkolonne som fallback; fremtidigt kolonnevalg skal hellere ske i Data → liste-dialogen end ved at ændre denne helper bredt.
- formatDatasetAsTextWidgetContent(ds) laver brugerens synlige datawidget-preview/intro; tekst her må gerne forklare flow, men må ikke blive datalogik.
- addDatasetWidget(ds, point) opretter datawidget som tekstwidget med dataset-reference; denne kobling bør bevares for localStorage/backups.
- Listeforbrugere, der bør kortlægges før ændring: wheel/lykkehjul, groups/grupper, poll/afstemning, wordcloud/ordsky.
- Listeproducenter, der kan blive relevante: dataset/datawidget, almindelig tekstwidget, grupperesultat og evt. afstemning/ordsky-input.
- Første sikre funktionsfase efter denne dokumentation: gør Hent liste ensartet mellem Lykkehjulet og Grupper, uden ny import og uden KaPardy.
- KaPardy er følsom og skal først kobles på, når fælles listevalg er stabilt i mindst wheel + groups.
*/
function datasetFirstTextColumn(ds){
  if(!ds||!Array.isArray(ds.rows))return [];
  const cols=Array.isArray(ds.columns)?ds.columns:[];
  let best=0,bestCount=-1;
  for(let i=0;i<Math.max(cols.length,1);i++){
    const count=ds.rows.map(r=>String((r||[])[i]||'').trim()).filter(Boolean).length;
    if(count>bestCount){best=i;bestCount=count;}
  }
  return ds.rows.map(r=>String((r||[])[best]||'').trim()).filter(Boolean);
}
function formatDatasetAsTextWidgetContent(ds){
  if(!ds)return '📊 Datasæt\nIngen data';
  const cols=Array.isArray(ds.columns)?ds.columns:[];
  const rows=Array.isArray(ds.rows)?ds.rows:[];
  const maxCols=Math.min(cols.length||0,6);
  const previewRows=rows.slice(0,12);
  const header='📊 Datasæt: '+(ds.name||'Datasæt')+'\n'+rows.length+' rækker · '+cols.length+' kolonner';
  const shownCols=cols.slice(0,maxCols);
  const lines=[header,''];
  if(shownCols.length){
    lines.push(shownCols.join(' | ')+(cols.length>maxCols?' | …':''));
    lines.push(shownCols.map(()=> '---').join(' | ')+(cols.length>maxCols?' | ---':''));
  }
  previewRows.forEach(r=>{
    const cells=Array.from({length:maxCols},(_,i)=>String((r||[])[i]||'').trim());
    lines.push(cells.join(' | ')+(cols.length>maxCols?' | …':''));
  });
  if(rows.length>previewRows.length)lines.push('… '+(rows.length-previewRows.length)+' flere rækker');
  lines.push('');
  lines.push('Tip: Datasættet er appens fælles datawidget-kilde. Brug “→” / “Lav liste fra data” til at aflevere valgte kolonner videre som listewidget til hjul, grupper, ordsky, afstemning eller KaPardy.');
  return lines.join('\n');
}
function addDatasetWidget(ds,point){
  if(!ds)return null;
  const title='📊 '+(ds.name||'Datasæt');
  const w=addDroppedWidget('text',{
    text:formatDatasetAsTextWidgetContent(ds),
    datasetId:ds.id,
    datasetView:true,
    sourceType:'dataset'
  },point,title);
  w.w=Math.min(680,Math.max(460,innerWidth*.46));
  w.h=Math.min(440,Math.max(300,innerHeight*.38));
  fitWidgetToViewport(w);render();select(w.id,{editText:false});save();
  return w;
}

// Parse a delimited text file into a dataset object.  If a header row is
// present the first row will be used as column names.  Otherwise columns
// are named generically (col1, col2, ...).  A best-effort delimiter
// detection is performed: tab, semicolon or comma.
function parseDatasetFromText(text,name){
  text=String(text||'');
  // remove BOM
  if(text.charCodeAt(0)===0xFEFF) text=text.slice(1);
  const lines=text.split(/\r?\n/).filter(l=>l.trim().length>0);
  if(!lines.length){return null;}
  // guess delimiter based on first non-empty line
  let delim=',';
  const first=lines[0];
  const counts={comma:(first.match(/,/g)||[]).length, semicolon:(first.match(/;/g)||[]).length, tab:(first.match(/\t/g)||[]).length};
  const maxDelim=Object.entries(counts).reduce((a,b)=>a[1]>=b[1]?a:b);
  if(maxDelim[1]>0){if(maxDelim[0]==='tab') delim='\t'; else if(maxDelim[0]==='semicolon') delim=';'; else delim=',';}
  // simple CSV parser: split on delimiter outside of quotes.  Quotes may
  // contain escaped quotes.
  function splitLine(line){
    const arr=[];
    let cur='';
    let inQuotes=false;
    for(let i=0;i<line.length;i++){
      const ch=line[i];
      if(ch==='"'){
        if(inQuotes && line[i+1]==='"'){cur+= '"'; i++; continue;}
        inQuotes=!inQuotes;
        continue;
      }
      if(!inQuotes && ch===delim){arr.push(cur);cur='';continue;}
      cur+=ch;
    }
    arr.push(cur);
    return arr;
  }
  const rows=lines.map(splitLine);
  let columns=[];
  // check if first row is header: treat as header if all cells are non-empty strings and not all numeric
  const headerCandidate=rows[0];
  const numericCells=headerCandidate.filter(c=>/^\s*-?\d+(\.\d+)?\s*$/.test(c)).length;
  const isHeader=numericCells< headerCandidate.length/2;
  if(isHeader){
    columns=headerCandidate.map(c=>String(c||'').trim()||'Kolonne');
    rows.shift();
  }else{
    const maxLen=Math.max(...rows.map(r=>r.length));
    columns=Array.from({length:maxLen},(_,i)=>'Kolonne '+(i+1));
  }
  // normalize rows length
  const normalized=rows.map(r=>{
    const arr=Array.from({length:columns.length},(_,i)=>String(r[i]||'').trim());
    return arr;
  });
  return {
    id:'ds'+Date.now().toString(36)+Math.random().toString(36).slice(2,5),
    name: name || 'Datasæt',
    type:'csv',
    columns:columns,
    rows:normalized,
    sourceName:name||'',
    importedAt:Date.now()
  };
}

// Add a dataset to the persistent store.  The state.datasets array is
// initialized at startup.  Datasets are saved with save().
function addDataset(ds){
  if(!ds) return;
  try{
    state.datasets=Array.isArray(state.datasets)?state.datasets:[];
    // ensure unique id
    if(!ds.id) ds.id='ds'+Date.now().toString(36)+Math.random().toString(36).slice(2,5);
    state.datasets.push(ds);
    save();
  }catch(e){console.error('Could not save dataset',e);toast('Kunne ikke gemme datasæt');}
}

function findDatasetById(id){
  state.datasets=Array.isArray(state.datasets)?state.datasets:[];
  return state.datasets.find(ds=>String(ds&&ds.id)===String(id));
}
function updateDatasetInState(ds){
  if(!ds)return;
  state.datasets=Array.isArray(state.datasets)?state.datasets:[];
  const i=state.datasets.findIndex(x=>String(x&&x.id)===String(ds.id));
  if(i>=0)state.datasets[i]=ds; else state.datasets.push(ds);
  save();
}
function datasetToDelimitedText(ds,delim){
  delim=delim||',';
  const cols=Array.isArray(ds&&ds.columns)?ds.columns:[];
  const rows=Array.isArray(ds&&ds.rows)?ds.rows:[];
  const q=(v)=>{
    v=String(v==null?'':v);
    return /["\n\r,;\t]/.test(v) ? '"'+v.replace(/"/g,'""')+'"' : v;
  };
  return [cols.map(q).join(delim)].concat(rows.map(r=>Array.from({length:cols.length},(_,i)=>q((r||[])[i])).join(delim))).join('\n');
}

/* SAFE87: Visnings-decode for importerede data.
   Nogle XLSX/XML-kilder kan efterlade numeriske entiteter i celler, fx K&#230;rsgård.
   Denne helper bruges kun i datawidget-visning/editor, så importflow og datamodel ikke ændres bredt. */
function safe87DecodeCell(v){
  let s=String(v==null?'':v);
  if(!/[&]#?\w+;/.test(s) && !/[&]#x?[0-9a-fA-F]+;/.test(s)) return s;
  try{
    s=s.replace(/&#x([0-9a-fA-F]+);/g,(_,hex)=>String.fromCodePoint(parseInt(hex,16)));
    s=s.replace(/&#([0-9]+);/g,(_,num)=>String.fromCodePoint(parseInt(num,10)));
    s=s.replace(/&amp;/g,'&').replace(/&lt;/g,'<').replace(/&gt;/g,'>').replace(/&quot;/g,'"').replace(/&apos;/g,"'");
  }catch(_e){}
  return s;
}
function datasetPreviewHtml(ds){
  if(!ds)return '<div class="datasetCard"><div class="datasetTitle">📊 Datasæt</div><div class="datasetMeta"><span>Ingen data</span></div></div>';
  const cols=Array.isArray(ds.columns)?ds.columns:[];
  const rows=Array.isArray(ds.rows)?ds.rows:[];
  const maxCols=Math.min(cols.length,8);
  // SAFE174: grupperesultater må ikke visuelt afkortes til de første få grupper.
  const maxRows=(ds.type==='groups-results') ? rows.length : Math.min(rows.length,16);
  const head=cols.slice(0,maxCols).map(c=>'<th>'+esc(safe87DecodeCell(c||'Kolonne'))+'</th>').join('')+(cols.length>maxCols?'<th>…</th>':'');
  const body=rows.slice(0,maxRows).map(r=>'<tr>'+Array.from({length:maxCols},(_,i)=>'<td>'+esc(safe87DecodeCell((r||[])[i]||''))+'</td>').join('')+(cols.length>maxCols?'<td>…</td>':'')+'</tr>').join('');
  return `<div class="datasetCard"><div class="datasetTitle">📊 ${esc(ds.name||'Datasæt')}</div><div class="datasetMeta"><span>${rows.length} rækker</span><span>${cols.length} kolonner</span><span>${esc((ds.type||'csv').toUpperCase())}</span></div><div class="datasetPreview"><table><thead><tr>${head}</tr></thead><tbody>${body||'<tr><td>Ingen rækker</td></tr>'}</tbody></table></div><div class="datasetActions"><button type="button" class="secondary" data-act="datasetDownloadCsv">CSV</button></div></div>`;
}
function openDatasetToListDialog(ds,sourceWidget){
  if(!ds||!Array.isArray(ds.rows)||!ds.rows.length){toast('Ingen data at lave liste af');return;}
  const cols=Array.isArray(ds.columns)&&ds.columns.length?ds.columns:Array.from({length:Math.max(...ds.rows.map(r=>(r||[]).length),1)},(_,i)=>'Kolonne '+(i+1));
  function isDefaultListColumn(c){
    const name=String(c||'').trim().toLowerCase();
    if(!name) return false;
    if(name==='rigtige hold') return false;
    if(/^hold\s+\d+\s+svar$/i.test(String(c||'').trim())) return false;
    if(/^resultat/i.test(String(c||'').trim())) return false;
    return true;
  }
  const colHtml=cols.map((c,i)=>`<label><input type="checkbox" data-col="${i}" ${isDefaultListColumn(c)?'checked':''}> ${esc(c||('Kolonne '+(i+1)))}</label>`).join('');
  showModal(`<h2>Lav liste fra data</h2><div class="datasetListBuilder"><p>Vælg én eller flere kolonner. Resultatet oprettes som en listewidget, så andre widgets kan hente listen uden ny filimport.</p><div class="colTools"><button type="button" class="secondary" id="dsSelectAllCols">Vælg alle</button><button type="button" class="secondary" id="dsSelectNoCols">Vælg ingen</button></div><div class="cols">${colHtml}</div><div class="sepRow"><label>Separator<select id="dsListSep"><option value="space">mellemrum</option><option value="comma">komma</option><option value="dash">bindestreg</option><option value="custom">egen</option></select></label><label>Egen separator<input id="dsListCustom" value=" " placeholder="fx / eller ·"></label></div><b>Forhåndsvisning</b><div class="preview" id="dsListPreview"></div><div class="actions"><button id="dsCreateList">Opret listewidget på tavlen</button><button id="close">Luk</button></div></div>`);
  const root=modal.querySelector('.datasetListBuilder');
  const sepSel=modal.querySelector('#dsListSep');
  const custom=modal.querySelector('#dsListCustom');
  const preview=modal.querySelector('#dsListPreview');
  function separator(){const v=sepSel.value;return v==='comma'?', ':v==='dash'?' - ':v==='custom'?String(custom.value||''):' ';}
  function selectedCols(){return Array.from(root.querySelectorAll('[data-col]:checked')).map(x=>Number(x.dataset.col)).filter(n=>Number.isFinite(n));}
  function lines(){const chosen=selectedCols(); if(!chosen.length)return []; const sep=separator(); return ds.rows.map(r=>chosen.map(i=>String((r||[])[i]||'').trim()).filter(Boolean).join(sep).trim()).filter(Boolean);}
  function refresh(){const out=lines(); preview.textContent=(out.slice(0,20).join('\n') || 'Vælg mindst én kolonne')+(out.length>20?'\n… '+(out.length-20)+' flere linjer':'');}
  root.querySelectorAll('input,select').forEach(x=>x.addEventListener('input',refresh));
  root.querySelectorAll('[data-col]').forEach(x=>x.addEventListener('change',refresh));
  const colChecks=()=>Array.from(root.querySelectorAll('[data-col]'));
  modal.querySelector('#dsSelectAllCols').onclick=()=>{colChecks().forEach(x=>x.checked=true);refresh();};
  modal.querySelector('#dsSelectNoCols').onclick=()=>{colChecks().forEach(x=>x.checked=false);refresh();};
  modal.querySelector('#dsCreateList').onclick=()=>{const out=lines(); if(!out.length){toast('Ingen listepunkter valgt');return;} const chosenCols=selectedCols(); const sep=separator();
      let title=prompt('Navn på ny liste:','Liste fra '+String(ds.name||'datasæt'));
      if(title===null)return;
      title=String(title||'').trim()||('Liste fra '+String(ds.name||'datasæt'));
      closeModal(); const w=addWidget('text',{text:out.join('\n'),kind:'list',listAsset:true,createdFromDataset:true,sourceDatasetId:ds.id,sourceDatasetName:ds.name||'Datasæt',sourceColumns:chosenCols,separator:sep}); w.data=w.data||{}; w.data.kind='list'; w.data.listAsset=true; w.data.createdFromDataset=true; w.data.sourceDatasetId=ds.id; w.data.sourceDatasetName=ds.name||'Datasæt'; w.data.sourceColumns=chosenCols; w.data.separator=sep; w.title=title; w.w=Math.min(520,Math.max(360,innerWidth*.36)); w.h=Math.min(520,Math.max(300,innerHeight*.40)); fitWidgetToViewport(w); render(); select(w.id,{editText:true}); toast('Listewidget oprettet: '+out.length+' punkter'); save();};
  modal.querySelector('#close').onclick=closeModal;
  refresh();
}

function commitDatasetTextWidget(w){
  w.data=w.data||{};
  const old=w.data.datasetId?findDatasetById(w.data.datasetId):null;
  const parsed=parseDatasetFromText(w.data.text||'',(old&&old.name)||w.title||'Datasæt');
  if(!parsed||!parsed.columns||!parsed.rows)throw new Error('Ingen data fundet');
  parsed.id=w.data.datasetId||parsed.id;
  parsed.name=(old&&old.name)||String(w.title||'Datasæt').replace(/^📊\s*/, '');
  parsed.type='csv';
  parsed.sourceName=(old&&old.sourceName)||parsed.name;
  parsed.importedAt=(old&&old.importedAt)||Date.now();
  updateDatasetInState(parsed);
  w.data.datasetId=parsed.id;
  w.data.datasetView=true;
  w.data.text=datasetToDelimitedText(parsed,',');
  return parsed;
}
function xlsxColToIndex(ref){
  const m=String(ref||'').match(/^([A-Z]+)/i); if(!m)return 0;
  let n=0; for(const ch of m[1].toUpperCase())n=n*26+(ch.charCodeAt(0)-64);
  return Math.max(0,n-1);
}
async function parseXlsxDatasetFile(file){
  if(/\.xls$/i.test(file.name||'') && !/\.xlsx$/i.test(file.name||''))throw new Error('Ældre Excel-format (.xls) understøttes ikke endnu. Gem filen som .xlsx.');
  const zip=tavleZipEntries(await file.arrayBuffer());
  const sheetName=Object.keys(zip).sort().find(k=>/^xl\/worksheets\/sheet\d+\.xml$/.test(k));
  if(!sheetName)throw new Error('Kunne ikke finde første ark i regnearket');
  const sharedXml=await tavleInflateZipEntry(zip['xl/sharedStrings.xml']).catch(()=> '');
  const shared=[];
  sharedXml.replace(/<si[\s\S]*?<\/si>/g,si=>{let text='';si.replace(/<t[^>]*>([\s\S]*?)<\/t>/g,(_,t)=>{text+=tavleDecodeXmlEntities(t)});shared.push(text);return si});
  const sheetXml=await tavleInflateZipEntry(zip[sheetName]);
  const rows=[];
  sheetXml.replace(/<row[^>]*>[\s\S]*?<\/row>/g,rowXml=>{
    const row=[];
    rowXml.replace(/<c([^>]*)>([\s\S]*?)<\/c>/g,(_,attrs,body)=>{
      const ref=(attrs.match(/\sr="([^"]+)"/)||[])[1]||'';
      const t=(attrs.match(/\st="([^"]+)"/)||[])[1]||'';
      const idx=ref?xlsxColToIndex(ref):row.length;
      let v='';
      const m=body.match(/<v[^>]*>([\s\S]*?)<\/v>/);
      const im=body.match(/<is[\s\S]*?<t[^>]*>([\s\S]*?)<\/t>[\s\S]*?<\/is>/);
      if(t==='s'&&m)v=shared[Number(m[1])]||'';
      else if(im)v=tavleDecodeXmlEntities(im[1]);
      else if(m)v=tavleDecodeXmlEntities(m[1]);
      row[idx]=String(v==null?'':v).trim();
      return _;
    });
    if(row.some(x=>String(x||'').trim()))rows.push(row.map(x=>x||''));
    return rowXml;
  });
  if(!rows.length)return null;
  const maxLen=Math.max(...rows.map(r=>r.length));
  const first=Array.from({length:maxLen},(_,i)=>String(rows[0][i]||'').trim());
  const numeric=first.filter(c=>/^\s*-?\d+(\.\d+)?\s*$/.test(c)).length;
  const hasHeader=numeric<first.filter(Boolean).length/2;
  const columns=hasHeader?first.map((c,i)=>c||('Kolonne '+(i+1))):Array.from({length:maxLen},(_,i)=>'Kolonne '+(i+1));
  const dataRows=(hasHeader?rows.slice(1):rows).map(r=>Array.from({length:columns.length},(_,i)=>String(r[i]||'').trim()));
  return {id:'ds'+Date.now().toString(36)+Math.random().toString(36).slice(2,5),name:(file.name||'Datasæt').replace(/\.[^.]+$/,''),type:'xlsx',columns,rows:dataRows,sourceName:file.name||'',importedAt:Date.now()};
}
function dropBatchPoint(base,index,type){
  const rect=app.getBoundingClientRect();
  const col=index%3;
  const row=Math.floor(index/3);
  const dx=34*col + 22*row;
  const dy=30*row + 18*col;
  return {
    x:Math.max(20,Math.min((base.x||140)+dx,rect.width-180)),
    y:Math.max(70,Math.min((base.y||130)+dy,rect.height-140))
  };
}
function importHtmlEsc(s){return String(s||'').replace(/[&<>"]/g,ch=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[ch]||ch));}
function importKindLabel(kind,count){
  const labels={image:'billede'+(count===1?'':'r'),pdf:'PDF'+(count===1?'':'er'),html:'HTML-side'+(count===1?'':'r'),text:'tekst'+(count===1?'':'er'),video:'video'+(count===1?'':'er'),link:'link'+(count===1?'':'s'),dataset:'datasæt',backup:'backup',error:'problem'+(count===1?'':'er'),file:'fil'+(count===1?'':'er')};
  return labels[kind]||labels.file;
}
function normalizeImportResult(res,file){
  if(!res)return {ok:false,kind:'error',label:(file&&file.name)||'Ikke importeret'};
  if(res===true)return {ok:true,kind:'file',label:(file&&file.name)||'Fil'};
  if(typeof res==='object')return {...res,label:res.label||((file&&file.name)||'Fil')};
  return {ok:true,kind:'file',label:(file&&file.name)||'Fil'};
}
let importSummaryTimer=0;
function closeImportSummary(){
  clearTimeout(importSummaryTimer);
  const box=document.getElementById('importSummaryCard');
  const back=document.getElementById('importSummaryBackdrop');
  if(box)box.classList.remove('show');
  if(back)back.classList.remove('show');
}
function closeImportModalAfterSuccess(){
  try{
    if(modalBack&&modalBack.style.display&&modalBack.style.display!=='none'){
      modalBack.classList.add('importFeedbackDim');
      setTimeout(()=>{try{closeModal()}catch(_e){modalBack.style.display='none'};modalBack.classList.remove('importFeedbackDim')},220);
    }
  }catch(_e){}
}
function showImportSummary(results,opts={}){
  results=(results||[]).filter(Boolean);
  if(!results.length)return;
  const ok=results.filter(r=>r.ok!==false), bad=results.filter(r=>r.ok===false);
  const groups={};
  ok.forEach(r=>{const k=r.kind||'file';groups[k]=(groups[k]||0)+Number(r.count||1)});
  bad.forEach(r=>{groups.error=(groups.error||0)+Number(r.count||1)});
  let back=document.getElementById('importSummaryBackdrop');
  if(!back){back=document.createElement('div');back.id='importSummaryBackdrop';back.className='importSummaryBackdrop';(document.getElementById('app')||document.body).appendChild(back)}
  let box=document.getElementById('importSummaryCard');
  if(!box){box=document.createElement('div');box.id='importSummaryCard';box.className='importSummaryCard';(document.getElementById('app')||document.body).appendChild(box)}
  const rows=Object.entries(groups).map(([k,n])=>`<div class="importRow">${k==='error'?'⚠':'✓'} <span>${n} ${importHtmlEsc(importKindLabel(k,n))}</span></div>`).join('');
  const details=bad.length?`<div class="importErrorDetails">${bad.map(r=>`<div>⚠ ${importHtmlEsc(r.label||r.message||'Ukendt importfejl')}</div>`).join('')}</div>`:'';
  const detail=(!bad.length&&ok.length===1&&ok[0].label)?`<small>${importHtmlEsc(ok[0].label)}</small>`:(ok.length>1?`<small>${ok.length} filer behandlet</small>`:'');
  box.innerHTML='<header><b>Import færdig</b><button class="importSummaryClose" type="button" title="Luk">×</button></header>'+rows+details+detail;
  back.classList.add('show');box.classList.add('show');
  box.querySelector('.importSummaryClose').onclick=closeImportSummary;
  back.onclick=closeImportSummary;
  clearTimeout(importSummaryTimer);
  if(opts.duration && opts.duration>0)importSummaryTimer=setTimeout(closeImportSummary,opts.duration);
  if(opts.closeModal!==false && ok.length && !bad.length)setTimeout(closeImportModalAfterSuccess,60);
}
document.addEventListener('keydown',e=>{if(e.key==='Escape')closeImportSummary();},true);
function toastImportCount(count,extra=''){
  if(count>1)toast(`${count} filer importeret${extra?': '+extra:''}`);
  else if(count===1)toast(`1 fil importeret${extra?': '+extra:''}`);
  else toast('Ingen filer importeret');
}

function droppedTextFromDataTransfer(dt){
  return (dt.getData('text/uri-list') || dt.getData('URL') || dt.getData('text/plain') || '').trim();
}
function isYoutubeUrl(url){
  return !!ytId(url||'');
}
async function handleDroppedFile(file,point){
  // Dataset import: support CSV and TSV files.  When a delimited text
  // file is dropped we parse it into a dataset and store it centrally
  // instead of creating a widget.  Datasets can later be used by
  // widgets such as the Wheel or Group generator.  Excel files are
  // ignored here; they can be imported via the existing list import UI.
  if(isLikelyGoogleSheetRef(file)){
    return {ok:false,kind:'error',label:'.gsheet er kun en Google Sheets-reference – eksportér som CSV først'};
  }
  if(isLikelyXlsxFile(file)){
    try{
      const ds=await parseXlsxDatasetFile(file);
      if(!ds || !Array.isArray(ds.rows) || !ds.rows.length)return {ok:false,kind:'error',label:'Kunne ikke læse Excelark: ingen rækker fundet'};
      addDataset(ds);
      addDatasetWidget(ds,point);
      toast('Excelark importeret: '+(ds.name||'')+' ('+ds.rows.length+' rækker)');
      return {ok:true,kind:'dataset',label:(ds.name||'Datasæt')+' · '+ds.rows.length+' rækker'};
    }catch(err){
      console.error(err);
      return {ok:false,kind:'error',label:'Kunne ikke læse Excelark: '+(err&&err.message||'ukendt fejl')};
    }
  }
  if(isLikelyCsvFile(file) || isLikelyTsvFile(file)){
    try{
      const text=await readFileAsText(file);
      const ds=parseDatasetFromText(text,(file.name||'Datasæt').replace(/\.[^.]+$/,''));
      if(!ds || !Array.isArray(ds.rows) || !ds.rows.length)return {ok:false,kind:'error',label:'Kunne ikke parse CSV: ingen rækker fundet'};
      addDataset(ds);
      addDatasetWidget(ds,point);
      toast('Datasæt importeret: '+(ds.name||'')+' ('+ds.rows.length+' rækker)');
      return {ok:true,kind:'dataset',label:(ds.name||'Datasæt')+' · '+ds.rows.length+' rækker'};
    }catch(err){
      console.error(err);
      return {ok:false,kind:'error',label:'Kunne ikke parse CSV: '+(err&&err.message||'ukendt fejl')};
    }
  }
  if(isLikelyImageFile(file)){
    const src=await readFileAsDataURL(file);
    addDroppedWidget('image',{src,name:file.name||'billede'},point,file.name||'Billede');
    toast('Billede indsat');
    return {ok:true,kind:'image',label:file.name||'Billede'};
  }
  if(isLikelyPdfFile(file)){
    const src=await readFileAsDataURL(file);
    addDroppedWidget('pdf',{src,url:src,name:file.name||'PDF',page:1},point,file.name||'PDF');
    toast('PDF indsat');
    return {ok:true,kind:'pdf',label:file.name||'PDF'};
  }
  if(isLikelyHtmlFile(file)){
    const htmlText=await readFileAsText(file);
    addDroppedWidget('html',{html:htmlText,mode:'preview',name:file.name||'HTML'},point,file.name||'HTML');
    toast('HTML åbnet i webvisning');
    return {ok:true,kind:'html',label:file.name||'HTML'};
  }
  if(isLikelyTextFile(file)){
    const text=await readFileAsText(file);
    addDroppedWidget('text',{text,name:file.name||'tekstfil'},point,file.name||'Tekst');
    toast('Tekst indsat');
    return {ok:true,kind:'text',label:file.name||'Tekst'};
  }
  toast('Filtypen understøttes ikke endnu');
  return {ok:false,kind:'error',label:'Filtypen understøttes ikke endnu: '+(file.name||'ukendt fil')};
}
function handleDroppedUrlOrText(raw,point){
  const text=String(raw||'').trim();
  if(!text)return false;
  const urlMatch=text.match(/https?:\/\/[^\s<>"']+/i) || text.match(/(?:youtu\.be|youtube\.com)\/[^\s<>"']+/i);
  const maybeUrl=urlMatch ? urlMatch[0] : text;
  if(isYoutubeUrl(maybeUrl)){
    addDroppedWidget('video',{url:normalizeLinkUrl(maybeUrl)},point,'Video');
    toast('YouTube-video indsat');
    return {ok:true,kind:'video',label:'YouTube-video'};
  }
  if(/^(https?:\/\/|www\.)/i.test(maybeUrl)){
    const url=normalizeLinkUrl(maybeUrl);
    let label=url.replace(/^https?:\/\//,'').replace(/^www\./,'');
    if(label.length>42)label=label.slice(0,39)+'…';
    addDroppedWidget('link',{url,text:label,view:'link'},point,'Link');
    toast('Link indsat');
    return {ok:true,kind:'link',label};
  }
  if(text.length>0){
    addDroppedWidget('text',{text},point,'Tekst');
    toast('Tekst indsat');
    return {ok:true,kind:'text',label:'Tekst'};
  }
  return false;
}
function filesFromDataTransfer(dt){
  const out=[];
  if(!dt)return out;
  try{ if(dt.files && dt.files.length) out.push(...Array.from(dt.files)); }catch(_e){}
  try{
    for(const it of Array.from(dt.items||[])){
      if(it && it.kind==='file' && typeof it.getAsFile==='function'){
        const f=it.getAsFile();
        if(f && !out.some(x=>x.name===f.name && x.size===f.size && x.type===f.type)) out.push(f);
      }
    }
  }catch(_e){}
  return out;
}
function dataTransferHasFiles(dt){
  if(!dt)return false;
  try{ if(dt.files && dt.files.length)return true; }catch(_e){}
  try{ if(Array.from(dt.items||[]).some(it=>it && it.kind==='file'))return true; }catch(_e){}
  try{ return Array.from(dt.types||[]).includes('Files'); }catch(_e){}
  return false;
}
function dataTransferHasSupportedPayload(dt){
  if(!dt)return false;
  if(dataTransferHasFiles(dt))return true;
  const types=Array.from(dt.types||[]);
  return types.includes('text/uri-list') || types.includes('text/plain') || types.includes('URL');
}
function tavleModalIsOpen(){
  try{return !!(modalBack && getComputedStyle(modalBack).display!=='none')}catch(_e){return false}
}
function highlightSaveDropZone(on){
  try{const dz=document.getElementById('saveDropZone'); if(dz)dz.classList.toggle('dragOver',!!on);}catch(_e){}
}
function openSaveModalForExternalFileDrag(){
  try{ if(!tavleModalIsOpen()) saveModal(); }catch(_e){}
  highlightSaveDropZone(true);
}
let tavleDragDepth=0;
function isInsideTavleSurface(e){
  const rect=app.getBoundingClientRect();
  const x=e.clientX, y=e.clientY;
  if(!Number.isFinite(x) || !Number.isFinite(y))return true;
  return x>=rect.left && x<=rect.right && y>=rect.top && y<=rect.bottom;
}
function showDropSurface(e){
  if(!dataTransferHasSupportedPayload(e.dataTransfer))return false;
  if(!isInsideTavleSurface(e))return false;
  e.preventDefault();
  e.stopPropagation();
  if(dataTransferHasFiles(e.dataTransfer)){
    openSaveModalForExternalFileDrag();
  }else{
    document.body.classList.add('draggingPayload');
  }
  try{e.dataTransfer.dropEffect='copy'}catch(_e){}
  return true;
}
['dragenter','dragover'].forEach(ev=>{
  document.addEventListener(ev,e=>showDropSurface(e),true);
});
document.addEventListener('dragleave',e=>{
  if(!e.relatedTarget || e.relatedTarget===document.documentElement || e.relatedTarget===document.body){
    document.body.classList.remove('draggingPayload');
    highlightSaveDropZone(false);
  }
},true);
document.addEventListener('drop',async e=>{
  if(e.target && e.target.closest && e.target.closest('#saveDropZone'))return; // let dropzonen importere selv
  if(!dataTransferHasSupportedPayload(e.dataTransfer))return;
  if(!isInsideTavleSurface(e))return;
  e.preventDefault();
  e.stopPropagation();
  document.body.classList.remove('draggingPayload');
  highlightSaveDropZone(false);
  const point=tavleDropPoint(e);
  const files=filesFromDataTransfer(e.dataTransfer);
  if(files.length){
    if(!tavleModalIsOpen())openSaveModalForExternalFileDrag();
    let imported=0;
    const results=[];
    for(let i=0;i<files.length;i++){
      const raw=await importFileFromSaveModal(files[i],dropBatchPoint({x:140,y:130},i));
      const res=normalizeImportResult(raw,files[i]);
      results.push(res);
      if(res.ok!==false)imported++;
    }
    toastImportCount(imported);
    showImportSummary(results,{closeModal:true});
    return;
  }
  const dropped=droppedTextFromDataTransfer(e.dataTransfer);
  const raw=handleDroppedUrlOrText(dropped,point);
  const res=raw?normalizeImportResult(raw,null):null;
  if(res){showImportSummary([res],{closeModal:true});toastImportCount(res.ok!==false?1:0)}
},true);
window.addEventListener('dragend',()=>{document.body.classList.remove('draggingPayload');highlightSaveDropZone(false)});
window.addEventListener('blur',()=>{document.body.classList.remove('draggingPayload');highlightSaveDropZone(false)});

function transformFor(w){return`translate(${w.x}px,${w.y}px) rotate(${w.rotation||0}deg)`}

function resetWidgetRotation(w,el){
  if(!w||!el)return;
  w.rotation=0;
  el.style.transform=transformFor(w);
  save();
  if(typeof toast==='function')toast('Rotation nulstillet');
}
function findWidget(id){return (slide().widgets||[]).find(w=>String(w.id)===String(id));}
////////////////////////////////////////////////////////////
// WIDGET CORE
////////////////////////////////////////////////////////////
/* makeWidget(): fælles DOM-shell/chrome for alle widgets. Indhold bygges i fillContent(); interaktion bindes i wireWidget(). */

/*
WIDGET CORE MAP
- makeWidget(w): bygger den ydre widget-DOM, chrome/topbjælke, content-container og data-attributter.
- fillContent(el,w): fylder .content ud fra w.type. Typeændringer bør normalt starte dér.
- wireWidget(el,w): kobler drag/resize/rotation/valg og skal bevares stabil.
- select(id,...): styrer markeret widget og påvirker keyboard, toolbar og focus-flow.
- addWidget(type,...): opretter nyt widgetobjekt i state. Ændr ikke datamodel uden migrationstest.
*/
function makeWidget(w){const el=document.createElement('div');el.className='widget '+(w.type==='image'?'imageWidget':'')+((w.type==='text'&&w.data&&w.data.datasetView)?' datasetTextWidget':'');el.dataset.id=w.id;el.dataset.type=w.type;if(w.type==='text'&&w.data&&w.data.datasetView)el.dataset.datasetView='true';el.style.width=w.w+'px';el.style.height=w.h+'px';el.style.setProperty('--widget-w', w.w+'px');el.style.setProperty('--widget-h', w.h+'px');el.style.zIndex=w.z;el.style.transform=transformFor(w);const linkEditBtn=w.type==='link'?(((w.data&&w.data.view)==='iframe')?'<button data-act="toggleLinkView" class="linkModeToggle" data-mode="iframe" title="Skift til almindeligt link">▣</button><button data-act="activateLinkIframe" title="Lås op for webside-interaktion">🖱</button><button data-act="reloadLinkIframe" title="Genindlæs/hjem til startadressen">⌂</button><button data-act="openLink" title="Åbn link i ny fane">↗</button><button data-act="editLink" title="Rediger link">✎</button>':'<button data-act="toggleLinkView" class="linkModeToggle" data-mode="link" title="Skift til iframe/webvisning">▣</button><button data-act="editLink" title="Rediger link">✎</button>'):(w.type==='html'?'<button data-act="toggleHtmlView" title="Skift mellem webvisning og tekst">▣</button><button data-act="downloadHtml" title="Download HTML">↧</button>':((w.type==='text'&&w.data&&w.data.datasetId)?'<button data-act="datasetCopyListChrome" title="Lav liste fra datasættets kolonner">→</button><button data-act="toggleDatasetTextView" title="Skift mellem datasæt og tekst">▣</button>':''));const titleHtml='<span class="titleText">'+(w.title||titles[w.type])+'</span>';el.innerHTML=`<div class="chrome">${titleHtml}<div class="mini"><button data-act="up">⬆</button><button data-act="down">⬇</button>${linkEditBtn}<button data-act="max" title="Maksimer">⛶</button><button data-act="lock">${w.locked?'🔒':'🔓'}</button><button data-act="move" title="Flyt eller kopiér til anden tavle">↪</button><button type="button" data-act="del" title="Luk">×</button></div></div><div class="content"></div><div class="resize"></div><div class="rotater">↻</div>`;app.appendChild(el);fillContent(el,w); wireWidget(el,w);}

function shuffleArray(arr){const a=[...arr];for(let i=a.length-1;i>0;i--){const j=Math.floor(Math.random()*(i+1));[a[i],a[j]]=[a[j],a[i]]}return a}
function makeGroupsFromList(names,size){names=shuffleArray(names.filter(Boolean));size=Math.max(1,Number(size)||2);const groups=[];for(let i=0;i<names.length;i+=size)groups.push(names.slice(i,i+size));if(groups.length>1&&groups[groups.length-1].length===1){groups[groups.length-2].push(groups[groups.length-1][0]);groups.pop()}return groups}
function normalizeGroupLocks(w){
  w.data.groupLocks=Array.isArray(w.data.groupLocks)?w.data.groupLocks:[];
  const len=(w.data.groups||[]).length;
  w.data.groupLocks=Array.from({length:len},(_,i)=>!!w.data.groupLocks[i]);
  return w.data.groupLocks;
}
function makeGroupsWithLocks(names,size,currentGroups,locks){
  names=(names||[]).map(x=>String(x).trim()).filter(Boolean);
  size=Math.max(1,Number(size)||2);
  currentGroups=Array.isArray(currentGroups)?currentGroups:[];
  locks=Array.isArray(locks)?locks:[];
  const lockedNames=new Set();
  const out=[];
  currentGroups.forEach((g,i)=>{
    if(locks[i]&&Array.isArray(g)&&g.length){
      out[i]=g.map(x=>String(x).trim()).filter(Boolean);
      out[i].forEach(n=>lockedNames.add(n));
    }
  });
  const pool=shuffleArray(names.filter(n=>!lockedNames.has(n)));
  const targetCount=Math.max(Math.ceil(names.length/size), currentGroups.length, 1);
  for(let i=0;i<targetCount;i++){
    if(out[i]) continue;
    out[i]=pool.splice(0,size);
  }
  while(pool.length) out.push(pool.splice(0,size));
  return out.filter(g=>Array.isArray(g)&&g.length);
}
////////////////////////////////////////////////////////////
// WIDGET CONTENT RENDERING
////////////////////////////////////////////////////////////
/* Type-specifik render/wire-logik. Hold data-normalisering tæt på den widgettype, den tilhører. */
function renderGroups(groups,locks=[]){if(!groups||!groups.length)return '<p>Ingen grupper endnu.</p>';const cls=groups.length>4?' groupCompact':'';return groups.map((g,i)=>{const locked=!!locks[i];return `<div class="groupCard${cls}" data-group-i="${i}"><button type="button" class="groupLock ${locked?'isLocked':''}" data-i="${i}" title="${locked?'Låst: bevares ved ny randomisering':'Åben: blandes med ved ny randomisering'}">${locked?'🔒':'🔓'}</button><b>Gruppe ${i+1}</b>${g.map(esc).join('<br>')}</div>`}).join('')}
function drawGroupWheel(canvas,names,rot=0){const ctx=canvas.getContext('2d'),W=canvas.width,H=canvas.height,cx=W/2,cy=H/2,r=Math.min(W,H)*.46;ctx.clearRect(0,0,W,H);const list=names&&names.length?names:['Grupper'];const cols=['#ff6b6b','#ffd93d','#4ade80','#60a5fa','#c084fc','#fb923c'];list.forEach((name,i)=>{const a1=rot+i*2*Math.PI/list.length,a2=rot+(i+1)*2*Math.PI/list.length;ctx.beginPath();ctx.moveTo(cx,cy);ctx.arc(cx,cy,r,a1,a2);ctx.closePath();ctx.fillStyle=cols[i%cols.length];ctx.fill();ctx.save();ctx.translate(cx,cy);ctx.rotate((a1+a2)/2);ctx.textAlign='right';ctx.textBaseline='middle';ctx.fillStyle='#111827';ctx.font=`800 ${Math.max(18,Math.min(36,180/list.length+10))}px system-ui`;let label=String(name||'');if(label.length>18)label=label.slice(0,17)+'…';ctx.fillText(label,r-18,0);ctx.restore()});ctx.beginPath();ctx.arc(cx,cy,r,0,Math.PI*2);ctx.strokeStyle='rgba(0,0,0,.10)';ctx.lineWidth=Math.max(10,W*.018);ctx.stroke()}
function wireGroups(c,w){const canvas=c.querySelector('.groupWheel');drawGroupWheel(canvas,(w.data.names||[]).slice(0,18),w.data.rot||0);const textarea=c.querySelector('.groupNames'),sizeInput=c.querySelector('.groupSize');normalizeGroupLocks(w);c.querySelectorAll('.groupLock').forEach(btn=>btn.onclick=(e)=>{e.preventDefault();e.stopPropagation();normalizeGroupLocks(w);const i=Number(btn.dataset.i);w.data.groupLocks[i]=!w.data.groupLocks[i];fillContent(c.closest('.widget'),w);save();toast(w.data.groupLocks[i]?'Gruppe låst':'Gruppe åben')});const showBtn=c.querySelector('.showGroupList');if(showBtn)showBtn.onclick=()=>{w.data.listHidden=false;w.data.groupsVisible=false;fillContent(c.closest('.widget'),w);save()};c.querySelector('.toGroups').onclick=()=>{w.data.names=textarea.value.split('\n').map(x=>x.trim()).filter(Boolean);w.data.size=Math.max(1,Number(sizeInput.value)||2);w.data.groups=makeGroupsWithLocks(w.data.names,w.data.size,w.data.groups,w.data.groupLocks);w.data.groupLocks=Array.from({length:w.data.groups.length},(_,i)=>!!(w.data.groupLocks||[])[i]);w.data.rot=0;w.data.listHidden=true;w.data.groupsVisible=true;fillContent(c.closest('.widget'),w);save();toast('Grupper dannet')};c.querySelector('.newGroups').onclick=()=>{w.data.names=textarea.value.split('\n').map(x=>x.trim()).filter(Boolean);w.data.size=Math.max(1,Number(sizeInput.value)||2);if(!w.data.names.length){toast('Indsæt en liste først');return}const btn=c.querySelector('.groupSpinBtn');btn.disabled=true;const duration=1800+Math.random()*600,start=performance.now(),endRot=(5+Math.random()*2)*Math.PI*2;function frame(now){const p=Math.min(1,(now-start)/duration),rot=endRot*easeOutCubic(p);drawGroupWheel(canvas,(w.data.names||[]).slice(0,18),rot);if(p<1)requestAnimationFrame(frame);else{w.data.rot=endRot;w.data.groups=makeGroupsWithLocks(w.data.names,w.data.size,w.data.groups,w.data.groupLocks);w.data.groupLocks=Array.from({length:w.data.groups.length},(_,i)=>!!(w.data.groupLocks||[])[i]);w.data.listHidden=true;w.data.groupsVisible=true;btn.disabled=false;wheelLand();fillContent(c.closest('.widget'),w);setTimeout(()=>{const nb=c.closest('.widget').querySelector('.groupsBox');if(nb){nb.classList.add('flashGroups');setTimeout(()=>nb.classList.remove('flashGroups'),650)}},60);save()}}requestAnimationFrame(frame)};/*
SAFE166 GROUPS MAP ONLY:
Dette er den følsomme Grupper-importindgang.
- .loadGroupList bruger wheelListBank() og wireImportListButton(useList).
- useList() skriver direkte til w.data.names og nulstiller grupper/låse/rotation.
- Næste funktionelle patch bør kun erstatte importknappens direkte useList-import med “importér til datawidget”.
- Undgå bred udskiftning af hele modalen, fordi SAFE166/167 brede forsøg ødelagde appen.
*/
/* SAFE170: Grupper bruger nu den fælles chooseSharedList()-modal. Selve anvendelsen er stadig lokal: kilde -> w.data.names, og eksisterende grupper/låse nulstilles. */
c.querySelector('.loadGroupList').onclick=()=>{
  const useList=(pick,items,meta)=>{
    const cleaned=[...(items||[])].map(x=>String(x||'').trim()).filter(Boolean);
    if(!cleaned.length){toast('Listen gav ingen navne');return}
    w.data.names=cleaned;
    w.data.groups=[];
    w.data.groupLocks=[];
    w.data.rot=0;
    w.data.listHidden=false;
    w.data.groupsVisible=false;
    closeModal();
    fillContent(c.closest('.widget'),w);
    setTimeout(()=>{const inp=c.closest('.widget')?.querySelector('.groupSize');if(inp){inp.focus({preventScroll:true});inp.select()}},80);
    save();
    toast('Liste hentet');
  };
  if(typeof chooseSharedList==='function'){
    chooseSharedList('Hent liste til grupper',useList);
    return;
  }
  /* Fallback beholdes kun hvis chooseSharedList mangler i en ældre lokal fil. */
  const bank=wheelListBank();
  const keys=Object.keys(bank).sort((a,b)=>a.localeCompare(b,'da'));
  showModal('<h2>Hent liste til grupper</h2><p>Vælg en gemt liste.</p>'+(keys.length?keys.map(k=>`<button class="pickList" data-k="${esc(k)}">${esc(k)}</button>`).join(' '):'<p>Ingen gemte lister endnu.</p>')+'<hr>'+importedDataWidgetButtonHtml()+' <button id="close">Luk</button>');
  modal.querySelectorAll('.pickList').forEach(btn=>btn.onclick=()=>{const pick=btn.dataset.k;useList(pick,wheelListBank()[pick]||[])});
  wireImportDataWidgetButton();
  modal.querySelector('#close').onclick=closeModal;
};
/* SAFE172 STABILISERING:
   SAFE171 Grupper-flow er testet OK.
   Denne handler er bevidst uændret: den læser kun w.data.groups og gemmer resultatet som datawidget.
   Må ikke danne nye grupper, ændre låse, ændre algoritme eller skrive til listebank. */
/* SAFE171: Grupper gemmer nu det dannede grupperesultat som en synlig datawidget.
   Handleren læser kun w.data.groups; den danner ikke nye grupper og ændrer ikke låse/algoritme. */
const saveGroupListHandler=()=>{
  const groups=Array.isArray(w.data.groups)?w.data.groups:[];
  const rows=[];
  groups.forEach((g,gi)=>{
    if(!Array.isArray(g))return;
    g.forEach((name,pi)=>{
      const clean=String(name||'').trim();
      if(clean)rows.push(['Gruppe '+(gi+1),clean,String(pi+1)]);
    });
  });
  if(!rows.length){toast('Dan grupper først');return}
  const name=('Grupperesultat - '+(w.title||'Grupper')).slice(0,70);
  const ds={id:uid(),name:name,type:'groups-results',columns:['Gruppe','Navn','Position'],rows:rows,sourceName:w.title||'Grupper',importedAt:Date.now()};
  try{
    updateDatasetInState(ds);
    const dw=addDatasetWidget(ds,{x:Math.max(24,Math.min((w.x||140)+40,innerWidth-700)),y:Math.max(80,Math.min((w.y||130)+40,innerHeight-440))});
    if(dw){dw.title='👥 '+name;dw.data=dw.data||{};dw.data.sourceType='groups-results';dw.data.sourceGroupsTitle=w.title||'Grupper';render();select(dw.id,{editText:false});save();}
    toast('Grupper gemt som datawidget: '+rows.length+' rækker');
  }catch(err){console.error(err);toast('Kunne ikke oprette grupper-datawidget')}
};
c.querySelectorAll('.saveGroupList').forEach(btn=>btn.onclick=saveGroupListHandler);
}


function extFromDataUrl(dataUrl,fallback='bin'){
  const m=String(dataUrl||'').match(/^data:([^;,]+)/);
  const type=m?m[1]:'';
  if(type.includes('pdf'))return 'pdf';
  if(type.includes('png'))return 'png';
  if(type.includes('jpeg')||type.includes('jpg'))return 'jpg';
  if(type.includes('webp'))return 'webp';
  if(type.includes('gif'))return 'gif';
  if(type.includes('svg'))return 'svg';
  if(type.includes('html'))return 'html';
  if(type.includes('csv'))return 'csv';
  if(type.includes('plain'))return 'txt';
  return fallback;
}
function safeFileName(name,ext){
  name=String(name||'fil').replace(/[\\/:*?"<>|]+/g,'-').trim()||'fil';
  if(ext && !name.toLowerCase().endsWith('.'+ext))name+='.'+ext;
  return name;
}
function safeDownload(filename, content, mime){
  filename=safeFileName(filename||'download','');
  mime=mime||'application/octet-stream';
  try{
    const blob = (content instanceof Blob) ? content : new Blob([content], {type:mime});
    const url = URL.createObjectURL(blob);
    const a=document.createElement('a');
    a.href=url;
    a.download=filename;
    a.rel='noopener';
    document.body.appendChild(a);
    a.click();
    setTimeout(()=>{try{URL.revokeObjectURL(url)}catch(e){}; try{a.remove()}catch(e){}},1200);
    return true;
  }catch(err){
    try{
      const a=document.createElement('a');
      a.href='data:'+mime+','+encodeURIComponent(String(content||''));
      a.download=filename;
      document.body.appendChild(a); a.click(); a.remove();
      return true;
    }catch(e){toast('Download blev blokeret'); return false;}
  }
}
function dataUrlToBlob(dataUrl){
  const m=String(dataUrl||'').match(/^data:([^;,]+)?((?:;[^,]+)*),(.*)$/s);
  if(!m)throw new Error('Ikke en data-url');
  const mime=m[1]||'application/octet-stream';
  const meta=m[2]||'';
  const body=m[3]||'';
  let bytes;
  if(/;base64/i.test(meta)){
    const bin=atob(body); const arr=new Uint8Array(bin.length);
    for(let i=0;i<bin.length;i++)arr[i]=bin.charCodeAt(i);
    bytes=arr;
  }else{
    bytes=decodeURIComponent(body);
  }
  return new Blob([bytes],{type:mime});
}
function downloadDataUrl(dataUrl,filename){
  if(!dataUrl||!String(dataUrl).startsWith('data:')){toast('Mediet er ikke indlejret og kan ikke downloades herfra');return}
  try{
    const ext=extFromDataUrl(dataUrl);
    const blob=dataUrlToBlob(dataUrl);
    safeDownload(safeFileName(filename||'medie',ext), blob, blob.type||'application/octet-stream');
  }catch(e){
    const ext=extFromDataUrl(dataUrl);
    safeDownload(safeFileName(filename||'medie',ext), String(dataUrl), 'text/plain;charset=utf-8');
  }
}


function pdfViewerSrc(src){
  if(!src)return '';
  const clean=String(src);
  const sep=clean.includes('#')?'&':'#';
  return clean + sep + 'toolbar=0&navpanes=0&scrollbar=0&view=FitH&zoom=page-fit';
}

function pickLocalPdf(cb){
  const input=document.createElement('input');
  input.type='file';
  input.accept='application/pdf,.pdf';
  input.onchange=()=>{
    const f=input.files&&input.files[0];
    if(!f)return;
    const r=new FileReader();
    r.onload=()=>cb(String(r.result||''),f);
    r.onerror=()=>toast('Kunne ikke læse PDF-filen');
    r.readAsDataURL(f);
  };
  input.click();
}
function isEmbeddedPdf(src){
  return typeof src==='string' && src.startsWith('data:application/pdf');
}


/* v1.0.4-dev: PDF.js renderer for PDF widget */
let __pdfJsLoadPromise=null;
function ensurePdfJs(){
  if(window.pdfjsLib){
    try{window.pdfjsLib.GlobalWorkerOptions.workerSrc='https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js'}catch(e){}
    return Promise.resolve(window.pdfjsLib);
  }
  if(__pdfJsLoadPromise)return __pdfJsLoadPromise;
  __pdfJsLoadPromise=new Promise((resolve,reject)=>{
    const existing=document.querySelector('script[data-pdfjs-loader="1"]');
    if(existing){existing.addEventListener('load',()=>resolve(window.pdfjsLib));existing.addEventListener('error',reject);return}
    const sc=document.createElement('script');
    sc.src='https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js';
    sc.dataset.pdfjsLoader='1';
    sc.onload=()=>{
      if(!window.pdfjsLib){reject(new Error('PDF.js blev ikke indlæst'));return}
      window.pdfjsLib.GlobalWorkerOptions.workerSrc='https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js';
      resolve(window.pdfjsLib);
    };
    sc.onerror=()=>reject(new Error('PDF.js kunne ikke hentes'));
    document.head.appendChild(sc);
  });
  return __pdfJsLoadPromise;
}
function isProbablyDriveUrl(u){return /drive\.google\.com|docs\.google\.com/i.test(String(u||''))}
function dataUrlToUint8Array(dataUrl){
  const comma=String(dataUrl).indexOf(',');
  const b64=comma>=0?String(dataUrl).slice(comma+1):String(dataUrl);
  const bin=atob(b64);
  const bytes=new Uint8Array(bin.length);
  for(let i=0;i<bin.length;i++)bytes[i]=bin.charCodeAt(i);
  return bytes;
}
function pdfJsStatus(viewer,msg,small){
  if(!viewer)return;
  viewer.innerHTML='<div class="pdfJsStatus">'+esc(msg||'PDF kunne ikke vises')+(small?'<small>'+esc(small)+'</small>':'')+'</div>';
}
async function renderPdfJsWidget(w,c){
  const src=w.data.src||w.data.url||'';
  const viewer=c.querySelector('.pdfJsViewer');
  const label=c.querySelector('.pdfPageLabel');
  const prev=c.querySelector('.pdfPrev');
  const next=c.querySelector('.pdfNext');
  if(!viewer)return;
  if(!src){
    viewer.innerHTML='<div class="pdfJsEmpty">Vælg lokal PDF eller indsæt direkte PDF-URL</div>';
    if(label)label.textContent='Side –';
    if(prev)prev.disabled=true;if(next)next.disabled=true;
    return;
  }
  w.data.page=Math.max(1,Number(w.data.page||1));
  const token=(w._pdfRenderToken||0)+1;w._pdfRenderToken=token;
  pdfJsStatus(viewer,'Indlæser PDF…');
  try{
    const pdfjs=await ensurePdfJs();
    let task;
    if(isEmbeddedPdf(src)) task=pdfjs.getDocument({data:dataUrlToUint8Array(src)});
    else task=pdfjs.getDocument({url:src,withCredentials:false});
    const pdf=await task.promise;
    if(w._pdfRenderToken!==token)return;
    w._pdfDoc=pdf;
    w.data.page=Math.min(Math.max(1,w.data.page),pdf.numPages);
    w.data.pages=pdf.numPages;
    const page=await pdf.getPage(w.data.page);
    if(w._pdfRenderToken!==token)return;
    viewer.innerHTML='<canvas class="pdfJsCanvas"></canvas>';
    const canvas=viewer.querySelector('canvas');
    const ctx=canvas.getContext('2d');
    const base=page.getViewport({scale:1});
    const available=Math.max(260,viewer.clientWidth-28);
    const scale=available/base.width;
    const viewport=page.getViewport({scale});
    canvas.width=Math.floor(viewport.width);
    canvas.height=Math.floor(viewport.height);
    await page.render({canvasContext:ctx,viewport}).promise;
    if(w._pdfRenderToken!==token)return;
    viewer.scrollTop=0;
    viewer.scrollLeft=Math.max(0,(canvas.width-viewer.clientWidth)/2);
    if(label)label.textContent='Side '+w.data.page+' / '+pdf.numPages;
    if(prev)prev.disabled=w.data.page<=1;
    if(next)next.disabled=w.data.page>=pdf.numPages;
  }catch(err){
    console.warn('PDF.js fejl',err);
    let small='Prøv at hente PDF’en lokalt og vælg den fra enheden.';
    if(isProbablyDriveUrl(src)) small='Google Drive-links virker ofte ikke direkte i widgets. Download PDF’en eller brug et direkte PDF-link.';
    pdfJsStatus(viewer,'PDF kunne ikke vises',small);
    if(label)label.textContent='Side –';
    if(prev)prev.disabled=true;if(next)next.disabled=true;
  }
}
function pdfJsGoPage(w,c,delta){
  if(!w||!w.data)return;
  const max=Number(w.data.pages||w._pdfDoc&&w._pdfDoc.numPages||0);
  const cur=Math.max(1,Number(w.data.page||1));
  const next=max?Math.min(max,Math.max(1,cur+delta)):Math.max(1,cur+delta);
  if(next===cur)return;
  w.data.page=next;
  save();
  renderPdfJsWidget(w,c);
}


function wordCloudTextToNames(txt){
  // Accepter både linjer og kompakt liste adskilt med komma/semikolon.
  return String(txt||'')
    .split(/\n|,|;/)
    .map(x=>x.trim())
    .filter(Boolean);
}
function namesToCompactWordCloudText(names){
  // Emoji-lister bliver meget mere læsbare vandret.
  const arr=(names||[]).map(x=>String(x||'').trim()).filter(Boolean);
  const mostlyShort=arr.length && arr.every(x=>[...x].length<=3);
  return mostlyShort ? arr.join(' ') : arr.join('\n');
}
function wordCloudTextToNamesSmart(txt){
  const s=String(txt||'').trim();
  if(!s)return [];
  // SAFE203: Linjer kan angive antal sidst på linjen, fx "godt samarbejde 3".
  if(/\r?\n/.test(s))return wordCloudTextToWeightedNames(s);
  // Hvis det ligner emojis/korte tokens fra afstemning, split på mellemrum.
  if(!/[\n,;]/.test(s) && /^(?:[\p{Extended_Pictographic}\u2600-\u27BF]\s*)+$/u.test(s)){
    return s.split(/\s+/).filter(Boolean);
  }
  if(/[\n,;]/.test(s))return wordCloudTextToNames(s);
  return [s];
}


// v1.0-rc1: importer tekst-/CSV-/regnearksfiler som genbrugelige lister.
function parseListTextFile(txt){
  const s=String(txt||'').replace(/^\ufeff/g,'').trim();
  if(!s)return [];
  const lines=s.split(/\r?\n/).map(x=>x.trim()).filter(Boolean);
  if(lines.length>1)return lines.map(line=>line.split(/\t|;|,/).map(x=>x.trim()).filter(Boolean)[0]).filter(Boolean);
  return s.split(/\n|,|;|\t/).map(x=>x.trim()).filter(Boolean);
}
function tavleDecodeXmlEntities(s){return String(s||'').replace(/&lt;/g,'<').replace(/&gt;/g,'>').replace(/&quot;/g,'"').replace(/&apos;/g,"'").replace(/&amp;/g,'&')}
function tavleZipEntries(buf){
  const u=new Uint8Array(buf), dec=new TextDecoder('utf-8'), entries={};
  let i=0;
  while(i<u.length-30){
    if(u[i]!==0x50||u[i+1]!==0x4b||u[i+2]!==0x03||u[i+3]!==0x04){i++;continue}
    const comp=u[i+8]|(u[i+9]<<8), csize=(u[i+18]|(u[i+19]<<8)|(u[i+20]<<16)|(u[i+21]<<24))>>>0;
    const nameLen=u[i+26]|(u[i+27]<<8), extraLen=u[i+28]|(u[i+29]<<8);
    const name=dec.decode(u.slice(i+30,i+30+nameLen));
    const start=i+30+nameLen+extraLen, end=start+csize;
    if(end>u.length)break;
    entries[name]={comp,data:u.slice(start,end)};
    i=end;
  }
  return entries;
}
async function tavleInflateZipEntry(entry){
  if(!entry)return '';
  if(entry.comp===0)return new TextDecoder('utf-8').decode(entry.data);
  if(entry.comp!==8)throw new Error('Ikke-understøttet XLSX-komprimering');
  if(!('DecompressionStream' in window))throw new Error('Browseren kan ikke læse xlsx direkte');
  const stream=new Blob([entry.data]).stream().pipeThrough(new DecompressionStream('deflate-raw'));
  return await new Response(stream).text();
}
async function parseXlsxListFile(file){
  const zip=tavleZipEntries(await file.arrayBuffer());
  const sheetName=Object.keys(zip).find(k=>/^xl\/worksheets\/sheet\d+\.xml$/.test(k));
  if(!sheetName)throw new Error('Kunne ikke finde første ark i regnearket');
  const sharedXml=await tavleInflateZipEntry(zip['xl/sharedStrings.xml']).catch(()=> '');
  const shared=[];
  sharedXml.replace(/<si[\s\S]*?<\/si>/g,si=>{let text='';si.replace(/<t[^>]*>([\s\S]*?)<\/t>/g,(_,t)=>{text+=tavleDecodeXmlEntities(t)});shared.push(text);return si});
  const sheetXml=await tavleInflateZipEntry(zip[sheetName]);
  const rows=[];
  sheetXml.replace(/<row[\s\S]*?<\/row>/g,row=>{const cells=[];row.replace(/<c[^>]*?(?:t="([^"]+)")?[^>]*>([\s\S]*?)<\/c>/g,(_,t,body)=>{let v='';const m=body.match(/<v[^>]*>([\s\S]*?)<\/v>/);const im=body.match(/<is[\s\S]*?<t[^>]*>([\s\S]*?)<\/t>[\s\S]*?<\/is>/);if(t==='s'&&m)v=shared[Number(m[1])]||'';else if(im)v=tavleDecodeXmlEntities(im[1]);else if(m)v=tavleDecodeXmlEntities(m[1]);if(String(v).trim())cells.push(String(v).trim());return _});if(cells.length)rows.push(cells);return row});
  let items=rows.map(r=>r.find(x=>String(x).trim())).filter(Boolean);
  if(items.length>1 && /^(navn|name|elev|person|liste)$/i.test(items[0]))items=items.slice(1);
  return items.map(x=>String(x).trim()).filter(Boolean);
}
function pickListImportFile(cb){
  const input=document.createElement('input');
  input.type='file';
  input.accept='.txt,.csv,.tsv,.xlsx,text/plain,text/csv,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
  input.onchange=async()=>{const f=input.files&&input.files[0];if(!f)return;try{let items=/\.xlsx$/i.test(f.name)?await parseXlsxListFile(f):parseListTextFile(await readFileAsText(f));items=[...new Set(items.map(x=>String(x).trim()).filter(Boolean))];if(!items.length){toast('Filen indeholdt ingen liste');return}const defaultName=(f.name||'Importeret liste').replace(/\.[^.]+$/,'');const name=(prompt('Navn på importeret liste:',defaultName)||defaultName).trim();const bank=wheelListBank();bank[name||defaultName]=items;saveWheelListBank(bank);toast('Liste importeret: '+items.length);cb&&cb(name||defaultName,items)}catch(err){console.error(err);toast('Kunne ikke importere listen: '+(err&&err.message?err.message:'ukendt fejl'))}};
  input.click();
}
function importedListButtonHtml(){return '<button id="importListFile">Importér fil til datawidget</button>'}
function wireImportListButton(cb){const b=modal.querySelector('#importListFile');if(b)b.onclick=()=>pickListImportFile(cb)}
function importedDataWidgetButtonHtml(){return '<button id="importListAsDataWidget">Importér fil til datawidget</button>'}
function wireImportDataWidgetButton(){
  const b=modal.querySelector('#importListAsDataWidget');
  if(!b)return;
  b.onclick=()=>{
    const input=document.createElement('input');
    input.type='file';
    input.accept='.csv,.tsv,.txt,.xlsx,text/plain,text/csv,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
    input.onchange=async()=>{
      const file=input.files&&input.files[0];
      if(!file)return;
      try{
        let ds=null;
        const cleanName=(file.name||'Datasæt').replace(/\.[^.]+$/,'');
        if(isLikelyXlsxFile(file)) ds=await parseXlsxDatasetFile(file);
        else ds=parseDatasetFromText(await readFileAsText(file),cleanName);
        if(!ds||!Array.isArray(ds.rows)||!ds.rows.length){toast('Filen indeholdt ingen data');return;}
        ds.name=ds.name||cleanName;
        ds.sourceName=ds.sourceName||file.name||cleanName;
        updateDatasetInState(ds);
        closeModal();
        addDatasetWidget(ds,{x:Math.max(24,Math.min(innerWidth*.55,innerWidth-720)),y:Math.max(90,Math.min(innerHeight*.22,innerHeight-460))});
        toast('Datawidget oprettet: '+(ds.name||'Datasæt')+' ('+ds.rows.length+' rækker)');
      }catch(err){
        console.error(err);
        toast('Kunne ikke importere som datawidget: '+(err&&err.message?err.message:'ukendt fejl'));
      }
    };
    input.click();
  };
}


function cloudInfo(label,count){
  toast(`${label}: ${count}`);
}
function safe147DatasetSharedListItems(ds){
  if(!ds||!Array.isArray(ds.rows))return [];
  const cols=(Array.isArray(ds.columns)?ds.columns:[]).map(c=>String(c||'').trim().toLowerCase());
  let idx=cols.findIndex(c=>['svar','navn','name','person','liste','option','valgmulighed'].includes(c));
  if(idx<0)idx=0;
  return ds.rows.map(r=>String((r||[])[idx]||'').trim()).filter(Boolean);
}
function safe147PollResultFromDataset(ds){
  if(!ds||!Array.isArray(ds.rows))return null;
  const cols=(Array.isArray(ds.columns)?ds.columns:[]).map(c=>String(c||'').trim().toLowerCase());
  const answerIdx=cols.findIndex(c=>c==='svar'||c==='answer'||c==='valgmulighed');
  const voteIdx=cols.findIndex(c=>c==='stemmer'||c==='votes'||c==='antal');
  const pctIdx=cols.findIndex(c=>c==='procent'||c==='pct'||c==='%');
  if(answerIdx<0||voteIdx<0)return null;
  const options=[],votes=[];
  ds.rows.forEach(r=>{
    const option=String((r||[])[answerIdx]||'').trim();
    if(!option)return;
    const raw=String((r||[])[voteIdx]||'0').replace(',', '.').replace(/[^0-9.\-]/g,'');
    options.push(option); votes.push(Math.max(0,Math.round(Number(raw)||0)));
  });
  if(!options.length)return null;
  return {question:String(ds.sourceName||ds.question||ds.name||'Afstemning').replace(/^Afstemningsresultater\s*-\s*/i,'').trim()||'Afstemning',options,votes,percentColumn:pctIdx>=0};
}
function safe150ParseDelimitedLine(line,delim){
  const out=[]; let cur='', inQ=false;
  line=String(line==null?'':line);
  for(let i=0;i<line.length;i++){
    const ch=line[i];
    if(ch==='"'){
      if(inQ && line[i+1]==='"'){cur+='"'; i++;}
      else inQ=!inQ;
    }else if(ch===delim && !inQ){out.push(cur.trim()); cur='';}
    else cur+=ch;
  }
  out.push(cur.trim());
  return out;
}
function safe150DetectDelimiter(lines){
  const sample=(lines||[]).slice(0,5).join('\n');
  const count=(ch)=>((sample.match(new RegExp(ch==='\t'?'\\t':ch,'g'))||[]).length);
  const tabs=count('\t'), semis=count(';'), commas=count(',');
  if(tabs>=semis && tabs>=commas && tabs>0)return '\t';
  if(semis>=commas && semis>0)return ';';
  if(commas>0)return ',';
  return null;
}
function safe150PollResultFromListItems(items,sourceName){
  const lines=(items||[]).map(x=>String(x==null?'':x).trim()).filter(Boolean);
  if(lines.length<2)return null;
  const delim=safe150DetectDelimiter(lines);
  if(!delim)return null;
  const table=lines.map(line=>safe150ParseDelimitedLine(line,delim));
  const header=(table[0]||[]).map(c=>String(c||'').trim().toLowerCase());
  const answerIdx=header.findIndex(c=>c==='svar'||c==='answer'||c==='valgmulighed'||c==='mulighed'||c==='option');
  const voteIdx=header.findIndex(c=>c==='stemmer'||c==='votes'||c==='antal'||c==='stemme');
  const pctIdx=header.findIndex(c=>c==='procent'||c==='pct'||c==='%'||c==='procenter');
  if(answerIdx<0||voteIdx<0)return null;
  const options=[],votes=[];
  table.slice(1).forEach(r=>{
    const option=String((r||[])[answerIdx]||'').trim();
    if(!option)return;
    const raw=String((r||[])[voteIdx]||'0').replace(',', '.').replace(/[^0-9.\-]/g,'');
    options.push(option);
    votes.push(Math.max(0,Math.round(Number(raw)||0)));
  });
  if(!options.length)return null;
  let q=String(sourceName||'Afstemning').replace(/^Liste fra\s+/i,'').replace(/^Afstemningsresultater\s*-\s*/i,'').trim();
  if(!q)q='Afstemning';
  return {question:q,options,votes,percentColumn:pctIdx>=0,source:'listCsv'};
}
function safe150PollResultFromListSource(src){
  if(!src)return null;
  try{
    if(src.sourceDatasetId){
      const ds=findDatasetById(src.sourceDatasetId);
      const restored=safe147PollResultFromDataset(ds);
      if(restored)return restored;
    }
  }catch(_e){}
  return safe150PollResultFromListItems(src.items||[],src.name||src.sourceDatasetName||'Afstemning');
}
function safe147VisibleDatasetChoices(){
  const out=[],seen=new Set();
  try{
    (slide().widgets||[]).forEach(w=>{
      if(!w||w.type!=='text'||!w.data||!w.data.datasetId)return;
      const ds=findDatasetById(w.data.datasetId);
      if(!ds||seen.has(String(ds.id)))return;
      seen.add(String(ds.id));
      out.push({id:String(ds.id),name:String(w.title||ds.name||'Datawidget').replace(/^📊\s*/,''),ds});
    });
    (state.datasets||[]).forEach(ds=>{
      if(!ds||!ds.id||seen.has(String(ds.id)))return;
      seen.add(String(ds.id));
      out.push({id:String(ds.id),name:String(ds.name||'Datasæt').replace(/^📊\s*/,''),ds});
    });
  }catch(_e){}
  return out;
}
function safe148RawSavedListBank(){
  try{return JSON.parse(localStorage.getItem('maans_wheel_lists')||'{}')||{}}catch(_e){return {}}
}
function safe148VisibleListWidgetChoices(){
  const out=[];
  try{
    const slides=Array.isArray(state.slides)?state.slides:[];
    slides.forEach((sl,slideIndex)=>{
      ((sl&&sl.widgets)||[]).forEach(w=>{
        if(!w||w.type!=='text'||!w.data||w.data.datasetId)return;
        const title=String(w.data.sharedListName||w.title||'Listewidget').replace(/^📊\s*/,'').trim()||'Listewidget';
        const isList=(w.data.kind==='list')||w.data.listAsset===true||w.data.createdFromDataset===true||/^Liste fra\s+/i.test(title)||/liste/i.test(title);
        if(!isList)return;
        const items=String(w.data.text||'').split(/\r?\n/).map(x=>String(x||'').trim()).filter(Boolean);
        if(!items.length)return;
        const isTrash=!!(sl&&(sl.isTrash||sl.trash||sl.type==='trash'||sl.internal==='trash'||sl.title==='🗑 Papirkurv'||/papirkurv/i.test(String(sl.title||''))));
        const isActive=slideIndex===state.active;
        const boardTitle=String((sl&&sl.title)||'Tavle '+(slideIndex+1)).trim();
        const locationLabel=isTrash?'i papirkurv':(isActive?'på aktuel tavle':'på tavle: '+boardTitle);
        out.push({
          id:String(w.id),name:title,items,source:'Listewidget',
          slideIndex,boardTitle,isTrash,isActive,locationLabel,
          sourceDatasetId:w.data.sourceDatasetId||'',sourceDatasetName:w.data.sourceDatasetName||'',sourceColumns:w.data.sourceColumns||null,separator:w.data.separator||''
        });
      });
    });
  }catch(_e){}
  return out.sort((a,b)=>{
    const ga=(a.isActive?0:(a.isTrash?2:1)), gb=(b.isActive?0:(b.isTrash?2:1));
    if(ga!==gb)return ga-gb;
    return String(a.name||'').localeCompare(String(b.name||''),'da');
  });
}
function safe148SourceButton(cls,attrs,icon,title,meta){
  return `<button class="${cls} safe148SourceBtn" ${attrs}><span class="safe148Icon">${icon}</span><span class="safe148Text"><b>${esc(title)}</b><small>${esc(meta)}</small></span></button>`;
}

function safe149DatasetSourceInfo(ds){
  const type=String((ds&&ds.sourceType)||(ds&&ds.type)||(ds&&ds.originType)||'').toLowerCase();
  const name=String((ds&&ds.sourceWidgetTitle)||(ds&&ds.sourceName)||(ds&&ds.question)||'').trim();
  if(type==='poll-results'||type==='poll'||type.includes('poll'))return {icon:'😊',label:'Afstemning',detail:name?('fra spørgsmålet “'+name+'”'):'fra afstemningswidget'};
  if(type==='wheel'||type.includes('wheel'))return {icon:'🎲',label:'Lykkehjulet',detail:'fra lykkehjul'};
  if(type==='groups'||type.includes('group'))return {icon:'👥',label:'Grupper',detail:'fra gruppewidget'};
  if(type==='wordcloud'||type.includes('cloud'))return {icon:'☁️',label:'Ordsky',detail:'fra ordsky'};
  if(type==='kahoot'||type==='kahoopardy'||type.includes('kahoo'))return {icon:'🎯',label:'KaPardy',detail:'fra KaPardy'};
  if(type==='list'||type.includes('list'))return {icon:'☰',label:'Listewidget',detail:'fra listewidget'};
  return {icon:'📊',label:'Datawidgets og datasæt',detail:'fra datawidget eller datasæt'};
}
function safe149DatasetButtonIcon(ds){
  const info=safe149DatasetSourceInfo(ds);
  return info.icon==='📊'?'📊':info.icon+'→📊';
}
function safe149DatasetButtonMeta(ds,rows){
  const info=safe149DatasetSourceInfo(ds);
  if(info.icon==='📊')return `${rows} rækker · fra datawidget eller datasæt`;
  return `${rows} rækker · leveret af ${info.icon} ${info.label} → 📊 Datawidget`;
}
function safe184DemoListChoices(title){
  const t=String(title||'').toLowerCase();
  if(t.includes('gruppe'))return [
    {name:'12 navne',items:['Alma','Anton','Clara','Emil','Freja','Ida','Johan','Liva','Mads','Noah','Sofie','Villads']},
    {name:'24 navne',items:['Alma','Anton','Clara','Emil','Freja','Ida','Johan','Liva','Mads','Noah','Sofie','Villads','Agnes','Aksel','Ella','Felix','Hannah','Karl','Laura','Malthe','Nora','Oscar','Selma','Viggo']},
    {name:'Roller i gruppearbejde',items:['Ordstyrer','Skriver','Tidtager','Fremlægger','Materialeansvarlig','Opsamler']}
  ];
  if(t.includes('lykkehjulet')||t.includes('hjul'))return [
    {name:'Hvem starter?',items:['Den yngste starter','Den ældste starter','Den med kortest hår starter','Den med længst navn starter','Den der sidst har været udenfor starter','Den der melder sig frivilligt starter']},
    {name:'Brainbreaks',items:['Rejs jer og stræk armene','30 sekunders stilhed','Find tre ting i rummet','Skift plads med en makker','Lav fem rolige vejrtrækninger','Sig et ord om dagens emne']},
    {name:'Små spørgsmål',items:['Hvad lagde du mærke til?','Hvad undrer du dig over?','Hvad var vigtigst?','Hvad vil du spørge om?','Hvad kan bruges videre?']}
  ];
  if(t.includes('afstem'))return [
    {name:'Hvordan går det?',question:'Hvordan går det?',items:['😀 Super','🙂 Fint','😐 Okay','😴 Træt','😬 Presset']},
    {name:'Humør lige nu',question:'Hvordan har du det lige nu?',items:['Glad','Rolig','Nysgerrig','Forvirret','Træt','Motiveret','Urolig','Klar']},
    {name:'Enig / uenig',question:'Hvor enig er du i udsagnet?',items:['Helt enig','Delvist enig','Usikker','Delvist uenig','Helt uenig']}
  ];
  if(t.includes('ordsky')||t.includes('sky'))return [
    {name:'Følelser',items:['glad','nysgerrig','forvirret','rolig','overrasket','motiveret','træt','spændt']},
    {name:'Evaluering',items:['lærte noget nyt','godt samarbejde','svært','sjovt','mere tid','god forklaring','brugbar øvelse']},
    {name:'Emneord',items:['idé','spørgsmål','eksempel','forklaring','samarbejde','opsamling','perspektiv']}
  ];
  return [
    {name:'Kort navneliste',items:['Alma','Anton','Clara','Emil','Freja','Johan']},
    {name:'Ja / nej / måske',items:['Ja','Nej','Måske']},
    {name:'Små opgaver',items:['Læs højt','Forklar med egne ord','Find et eksempel','Stil et spørgsmål','Lav en opsamling']}
  ];
}

function chooseSharedList(title,callback){
  const rawBank=safe148RawSavedListBank();
  const listWidgets=safe148VisibleListWidgetChoices();
  const datasets=safe147VisibleDatasetChoices();
  const visibleListNames=new Set(listWidgets.map(x=>String(x.name||'').trim().toLowerCase()));
  const keys=Object.keys(rawBank).filter(k=>!visibleListNames.has(String(k||'').trim().toLowerCase())).sort((a,b)=>a.localeCompare(b,'da'));
  const sourceStyle=`<style>
    .safe148Picker{display:grid;gap:12px}
    .safe148Section{display:grid;gap:8px}
    .safe148Section h3{margin:8px 0 0;font-size:17px}
    .safe148Grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}
    .safe148SourceBtn{display:flex!important;align-items:center;gap:10px;text-align:left;justify-content:flex-start;min-height:58px;padding:10px 12px!important}
    .safe148Icon{font-size:25px;line-height:1;min-width:30px;text-align:center}
    .safe148Text{display:grid;gap:2px;min-width:0}
    .safe148Text b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .safe148Text small{opacity:.78;font-weight:700;white-space:normal;line-height:1.15}
    .safe148Empty{opacity:.68;margin:0}
    .safe153BankRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
    .safe153BankRow .safe148SourceBtn{min-width:0}
    .safe153DeleteList{background:#fee2e2!important;color:#991b1b!important;min-height:58px;padding:10px 12px!important}
  </style>`;
  const widgetHtml=listWidgets.length?listWidgets.map((src,i)=>
    safe148SourceButton('pickVisibleList',`data-i="${i}"`,'☰',src.name,`${src.items.length} linjer · ${src.locationLabel||'listewidget'}`)
  ).join(''):'<p class="safe148Empty">Ingen listewidgets fundet.</p>';
  const dataHtml=datasets.length?datasets.map(d=>{
    const rows=((d.ds&&d.ds.rows)||[]).length;
    return safe148SourceButton('pickDatasetList',`data-ds="${esc(d.id)}"`,safe149DatasetButtonIcon(d.ds),d.name,safe149DatasetButtonMeta(d.ds,rows));
  }).join(''):'<p class="safe148Empty">Ingen datawidgets eller datasæt på tavlen.</p>';
  const savedHtml=keys.length?keys.map(k=>
    `<div class="safe153BankRow">${safe148SourceButton('pickList',`data-k="${esc(k)}"`,'💾',k,`${(rawBank[k]||[]).length} linjer · gemt liste`)}<button class="safe153DeleteList" data-k="${esc(k)}" title="Slet fra listebank">Slet</button></div>`
  ).join(''):'<p class="safe148Empty">Ingen gemte lister.</p>';
  const demoLists=safe184DemoListChoices(title);
  const isPollDemoPicker=String(title||'').toLowerCase().includes('afstem');
  const demoSectionTitle=isPollDemoPicker?'🧪 Afstemningsdemoer':'🧪 Demolister';
  const demoSectionHelp=isPollDemoPicker?'Eksempler til hurtig test. Afstemningsdemoer kan både sætte spørgsmål og svarmuligheder.':'Eksempler til hurtig test. De gemmes ikke skjult.';
  const demoHtml=demoLists.length?demoLists.map((d,i)=>{
    const meta=(isPollDemoPicker&&d.question)
      ? `${(d.items||[]).length} svar · spørgsmål + svar`
      : `${(d.items||[]).length} linjer · eksempel`;
    return safe148SourceButton('pickDemoList',`data-demo="${i}"`,'🧪',d.name,meta);
  }).join(''):'<p class="safe148Empty">Ingen demolister.</p>';
  showModal(sourceStyle+`<h2>${esc(title||'Hent liste')}</h2><p>Vælg en listekilde. Brug en synlig listewidget eller en datawidget, hvor appen henter en egnet tekstkolonne.</p><div class="safe148Picker">`+
    `<section class="safe148Section"><h3>☰ Listewidgets på alle tavler</h3><div class="safe148Grid">${widgetHtml}</div></section>`+
    `<section class="safe148Section"><h3>📊 Datawidgets og datasæt</h3><div class="safe148Grid">${dataHtml}</div></section>`+
    `<section class="safe148Section"><h3>${demoSectionTitle}</h3><p class="safe148Empty">${demoSectionHelp}</p><div class="safe148Grid">${demoHtml}</div></section>`+
    `<section class="safe148Section">
<hr>${(typeof importedDataWidgetButtonHtml==='function'?importedDataWidgetButtonHtml():importedListButtonHtml())} <button id="close">Luk</button>`);
  modal.querySelectorAll('.pickVisibleList').forEach(btn=>btn.onclick=()=>{
    const src=listWidgets[Number(btn.dataset.i)];
    if(!src)return;
    callback(src.name,[...src.items],{type:'widgetList',widgetId:src.id,source:'listWidget',pollResult:safe150PollResultFromListSource(src),sourceDatasetId:src.sourceDatasetId||''});
    closeModal();
  });
  modal.querySelectorAll('.pickList').forEach(btn=>btn.onclick=()=>{
    const pick=btn.dataset.k;
    const savedItems=[...(safe148RawSavedListBank()[pick]||[])];
    callback(pick,savedItems,{type:'list',source:'savedBank',pollResult:safe150PollResultFromListItems(savedItems,pick)});
    closeModal();
  });
  modal.querySelectorAll('.safe153DeleteList').forEach(btn=>btn.onclick=(ev)=>{
    if(ev){ev.preventDefault();ev.stopPropagation();}
    const pick=btn.dataset.k;
    if(!pick)return;
    if(!confirm('Slet “'+pick+'” fra listebanken? Den synlige widget slettes ikke.'))return;
    const bank=safe148RawSavedListBank();
    delete bank[pick];
    try{
      if(typeof saveWheelListBank==='function')saveWheelListBank(bank);
      else localStorage.setItem('maans_wheel_lists',JSON.stringify(bank));
    }catch(_e){localStorage.setItem('maans_wheel_lists',JSON.stringify(bank));}
    try{toast('Liste slettet')}catch(_e){}
    chooseSharedList(title,callback);
  });
  modal.querySelectorAll('.pickDatasetList').forEach(btn=>btn.onclick=()=>{
    const id=btn.dataset.ds;
    const ds=findDatasetById(id);
    const items=safe147DatasetSharedListItems(ds);
    callback((ds&&ds.name)||'Datawidget',items,{type:'dataset',dataset:ds,pollResult:safe147PollResultFromDataset(ds),source:'dataset'});
    closeModal();
  });
  modal.querySelectorAll('.pickDemoList').forEach(btn=>btn.onclick=()=>{
    const demo=demoLists[Number(btn.dataset.demo)];
    if(!demo)return;
    callback(demo.name,[...(demo.items||[])],{type:'demoList',source:'demo',demo:demo});
    closeModal();
  });
  if(typeof wireImportDataWidgetButton==='function') wireImportDataWidgetButton();
  else wireImportListButton((name,items)=>{callback(name,items,{type:'import',source:'file'});closeModal()});
  modal.querySelector('#close').onclick=()=>{document.removeEventListener('keydown',window.__bgKeyHandler,true);modalBack.classList.remove('bgModalKeyboard','bgPreviewing');closeModal()};
}

/* SAFE76 LOCAL MAP: showMoreTools()
   Brugerlogik:
   - Indhold = opret/indsæt materiale.
   - Tavle = baggrund/ur.
   - System = Gem/åbn, hjælp, papirkurv.
   Layout:
   - SAFE68 fastlagde 2 kolonner pr. gruppe.
   Vigtigt:
   - data-more-tool-navne må ikke ændres uden at teste handleTool().
   - Udseende/Tema er sat på pause og må ikke genindføres her.
   - KaPardy-template literals i filen er følsomme; undgå brede søg/erstat. */
function showMoreTools(){
  // SAFE48/49/50: Mere er sekundært værktøjsrum, ikke en rodet rest-menu.
  // Brugergrupper: Indhold = basale indholds-widgets; Tavle = baggrund/ur; System = gem, hjælp og oprydning. Timer ligger nu i aktivitets-toolbar.
  // SAFE50/64: tekst og video ligger i Mere > Indhold; timer ligger i toolbaren. Toolbaren holdes til live-aktiviteter.
  // SAFE51: datawidget og listewidget tilføjes som tydelige indholdsindgange til fælles dataflow.
  // Gruppeoverskrifter er kun brugerlabels og må ikke ligne værktøjsknapper.
  // Kun markup/labels her; nye data-more-tool-navne kræver matchende handleTool-case og direkte test.
  const old=document.querySelector('.moreMenuBackdrop');
  if(old){old.remove();document.querySelector('.moreMenu')?.remove();return}
  const bd=document.createElement('div');
  bd.className='moreMenuBackdrop';
  bd.onclick=()=>{bd.remove();menu.remove()};
  const menu=document.createElement('div');
  menu.className='moreMenu moreMenuGrouped';
  const groups=[
    ['Indhold',[
      ['text','Aa','tekst'],
      ['dataset','📊','data'],
      ['list','☰','liste'],
      ['video','▶','video'],
      ['image','🖼️','billede'],
      ['link','🔗','link'],
      ['pdf','PDF','pdf'],
      ['html','&lt;/&gt;','html']
    ],2],
    ['Tavle',[
      ['bg','🎨','baggrund'],
      ['clock','🕒','ur']
    ],2],
    ['System',[
      ['backup','💾','Gem/åbn'],
      ['help','?','hjælp'],
      ['appearance','🎨','udseende'],
      ['trash','🗑','papirkurv']
    ],2]
  ];
  menu.innerHTML=groups.map(g=>`
    <div class="moreMenuGroup" style="grid-column:1/-1;display:grid;gap:7px;margin:0 0 8px 0;">
      <div class="moreMenuSection" style="display:block;color:rgba(255,255,255,.78);font-size:12px;font-weight:950;letter-spacing:.03em;text-transform:uppercase;padding:0 2px;">${g[0]}</div>
      <div class="moreMenuGroupButtons" style="display:grid;grid-template-columns:repeat(${g[2]||3},minmax(62px,1fr));gap:8px;">
        ${g[1].map(t=>`<button data-more-tool="${t[0]}"><span class="ico">${t[1]}</span><span class="txt">${t[2]}</span></button>`).join('')}
      </div>
    </div>`).join('');
  document.body.appendChild(bd);
  document.body.appendChild(menu);
  menu.querySelectorAll('button[data-more-tool]').forEach(btn=>{
    btn.onclick=(e)=>{
      e.preventDefault();
      e.stopPropagation();
      const t=btn.dataset.moreTool;
      handleTool(t);
      setTimeout(()=>{bd.remove();menu.remove()},0);
    };
  });
}
window.showMoreTools=showMoreTools;


function toolbarSettings(){
  try{return Object.assign({autoHide:false,delay:4,pinned:false},JSON.parse(localStorage.getItem('maans_tavle_toolbar_settings_v162')||'{}'))}
  catch(e){return {autoHide:false,delay:4,pinned:false}}
}
function saveToolbarSettings(s){
  localStorage.setItem('maans_tavle_toolbar_settings_v162',JSON.stringify(Object.assign(toolbarSettings(),s)));
  applyToolbarSettings();
}
let toolbarHideTimer=null;

function applyToolbarSettings(){
  const s=toolbarSettings();
  const pin=document.querySelector('[data-tool="pin"]');
  if(pin){
    pin.classList.toggle('pinned',!!s.pinned);
    pin.classList.toggle('autoHideOn',!!s.autoHide && !s.pinned);
  }
  if(!s.autoHide || s.pinned){
    showToolbar();
  }else{
    scheduleToolbarHide();
  }
}
// Toolbar helpers now delegate into the central Toolbar controller.  See
// definition of Toolbar above for details.
function hideToolbar(){
  Toolbar.hide();
}
function showToolbar(){
  Toolbar.show();
}
function scheduleToolbarHide(){
  // auto-hide disabled
  clearTimeout(toolbarHideTimer);
  return;
}
function wakeToolbar(e){
  const target=e&&e.target;
  if(target && target.closest && target.closest('.modal'))return;
  Toolbar.show();
}
function setToolbarHidden(on){
  if(on) Toolbar.hide(); else Toolbar.show();
}
function toggleToolbarPinned(){
  Toolbar.togglePin();
}

function toolbarModal(){
  const s=toolbarSettings();
  showModal(`<h2>Værktøjslinje</h2>
    <p style="margin-top:0;opacity:.75;font-weight:800">Indstil om værktøjslinjen skal være fast eller skjules automatisk.</p>
    <div class="toolbarSettings">
      <label><span>Fastgør værktøjslinje</span><input id="tbPinned" type="checkbox" ${s.pinned?'checked':''}></label>
      <label><span>Skjul automatisk</span><input id="tbAuto" type="checkbox" ${s.autoHide?'checked':''}></label>
      <label><span>Skjul efter sekunder</span><input id="tbDelay" type="range" min="1" max="15" value="${s.delay}"></label>
      <p id="tbDelayText" style="opacity:.72;font-weight:900;margin:0">${s.delay} sekunder</p>
      <p style="opacity:.72;font-weight:800">Når værktøjslinjen er skjult, hentes den kun frem med “værktøjer ▲”, så klik på tavlen ikke forstyrrer.</p>
    </div>
    <button id="close">Luk</button>`);
  const update=()=>{
    const next={
      pinned:modal.querySelector('#tbPinned').checked,
      autoHide:modal.querySelector('#tbAuto').checked,
      delay:Number(modal.querySelector('#tbDelay').value)||4
    };
    modal.querySelector('#tbDelayText').textContent=next.delay+' sekunder';
    saveToolbarSettings(next);
  };
  modal.querySelector('#tbPinned').onchange=update;
  modal.querySelector('#tbAuto').onchange=update;
  modal.querySelector('#tbDelay').oninput=update;
  modal.querySelector('#close').onclick=()=>{
    closeModal();
    const s=toolbarSettings();
    if(s.autoHide&&!s.pinned)setTimeout(hideToolbar,80);
  };
}
function updateGridOverlay(){
  try{
    const on=!!(slide()&&slide().grid);
    app.classList.toggle('gridOn',on);
  }catch(e){}
}

////////////////////////////////////////////////////////////
// TOOL DISPATCHER / WIDGET-OPRETTELSE
// SAFE23: Hold denne funktion lineær og enkel. Undgå dublerede grene.
////////////////////////////////////////////////////////////


function showAppearancePlaceholder(){
  /* SAFE67: Placeholder for fremtidig Udseende/Tema.
     Denne funktion ændrer intet i appens tema, state, widgets eller data.
     Den findes kun for at teste en sikker ny indgang i Mere → System. */
  const mb=document.getElementById('modalBackdrop');
  const modal=document.getElementById('modal');
  if(!mb||!modal) return;
  modal.innerHTML=`
    <h2>Udseende</h2>
    <p><b>Udseende kommer senere.</b></p>
    <p>Planen er, at du senere kan vælge sikre temaer som Standard, Lys, Mørk, Projektor, Rolig, Høj kontrast og Følg baggrund.</p>
    <p>Udseende skal kun ændre appens rammer, knapper og markeringer — ikke dine tavler, widgets eller data.</p>
    <div style="display:flex;justify-content:flex-end;margin-top:14px;">
      <button id="appearancePlaceholderClose">Luk</button>
    </div>`;
  mb.style.display='flex';
  const close=document.getElementById('appearancePlaceholderClose');
  if(close) close.onclick=()=>{mb.style.display='none';};
}
function handleTool(t){
  if(t==='appearance'){showAppearancePlaceholder();return;}

  if(t==='help'){showQuickHelp();return}
  if(t==='trash'){openTrashBoard();return}

  if(t==='draw'){setDrawActive(!app.classList.contains('drawActive'));return}
  if(t==='focus'){toggleFocusMode();return}
  if(t==='text'){
    const w=addWidget('text',{text:'Skriv instruktion her…',fontSize:24});
    setTimeout(()=>focusTextWidgetEditor(w.id,true),0);
    return;
  }
  // SAFE51: Datawidget og listewidget bruger eksisterende widgettyper.
  // Datawidget = tekstwidget med datasetId/datasetView koblet til state.datasets.
  // Listewidget = almindelig tekstwidget markeret som genbrugelig listekilde.
  if(t==='dataset'){
    const ds={id:uid(),name:'Nyt datasæt',columns:['Navn','Gruppe'],rows:[['Eksempel','A'],['Eksempel 2','B']]};
    updateDatasetInState(ds);
    const w=addDatasetWidget(ds,{x:160+Math.random()*70,y:140+Math.random()*70});
    if(w){toast('Datawidget oprettet');}
    return;
  }
  if(t==='list'){
    const w=addWidget('text',{text:'Punkt 1\nPunkt 2\nPunkt 3',fontSize:22,kind:'list',listAsset:true});
    w.title='☰ Liste';
    w.w=Math.min(520,Math.max(360,innerWidth*.34));
    w.h=Math.min(420,Math.max(280,innerHeight*.34));
    fitWidgetToViewport(w);
    render();
    select(w.id,{editText:true});
    save();
    toast('Listewidget oprettet');
    return;
  }
  if(t==='video')addWidget('video',{});
  if(t==='wheel')addWidget('wheel',{});
  if(t==='kahoopardy')addWidget('kahoopardy',{});
  if(t==='groups')addWidget('groups',{});
  if(t==='wordcloud')addWidget('wordcloud',{});
  if(t==='poll')addWidget('poll',{});
  if(t==='timer')addWidget('timer',{});
  if(t==='image')addWidget('image',{});
  if(t==='link'){const w=addWidget('link',{text:'Link',url:''});setTimeout(()=>askLink(w),0);return;}
  if(t==='html'){addWidget('html',{html:`<!doctype html><html><head><meta charset="utf-8"><title>Ny HTML-widget</title><style>body{font-family:sans-serif;padding:2rem;line-height:1.5}h1{color:#4f46e5}

/* v_focus_zfix: focused widget must stay above all others */
body.focus-edit .widget.focused,
body.focus-presentation .widget.focused,
.app.focusMode .widget.focused,
.widget.focused{
  z-index:9999!important;
}
body.focus-edit .widget:not(.focused),
body.focus-presentation .widget:not(.focused){
  z-index:20!important;
}


/* v1.2.45-kahoopardy-phase1.12: ekte Jeopardy-board med kategorikolonner, full-fit grid og turregel */
.kahoopardyJeopardy{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;overflow:hidden!important}
.kahoopardyJeopardyTurnBanner{text-align:center;font-weight:950;font-size:clamp(14px,1.6vw,24px);opacity:.92;background:rgba(255,255,255,.10);border-radius:999px;padding:7px 12px;justify-self:center}
.kahoopardyJeopardyGrid{min-height:0;height:100%;display:grid!important;gap:8px!important;overflow:hidden!important;padding:4px!important;box-sizing:border-box!important}
.kahoopardyJeopardyCat{border-radius:12px;background:rgba(255,255,255,.18);font-size:clamp(12px,1.55vw,24px);font-weight:950;text-align:center;padding:6px;display:grid;place-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.05;text-wrap:balance}
.kahoopardyJeopardyCard{border:0;border-radius:12px;background:#1d4ed8;color:#facc15;font-size:clamp(18px,3.2vw,48px);font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.22);min-height:0;height:100%;padding:4px;display:grid;place-items:center;touch-action:manipulation}
.kahoopardyJeopardyCard.used,.kahoopardyJeopardyBlank{background:rgba(255,255,255,.08);color:rgba(255,255,255,.28);box-shadow:none;border-radius:12px;min-height:0}
.kahoopardyJeopardyCard.used{cursor:not-allowed;text-decoration:line-through}
.kahoopardyJeopardyCard:not(.used):active{transform:scale(.98)}
@media(max-width:700px){.kahoopardyJeopardyGrid{gap:5px!important}.kahoopardyJeopardyCard{font-size:clamp(15px,5vw,30px);border-radius:9px}.kahoopardyJeopardyCat{font-size:clamp(10px,3vw,16px);border-radius:9px}}

</style></head><body><h1>Hej verden</h1><p>Redigér HTML her…</p>
<!-- SAFE17: help text synced with trash-board shortcuts. No KaPardy/render changes. -->

<style id="safe48-more-menu-grouped-css">
/* SAFE48: Brugerrettet Mere-menu.
   Formål: give overblik uden at ændre tool-handlere eller widgetlogik.
   AI-regel: ændr kun labels/grupper her; data-more-tool-værdierne er koblet til handleTool(). */
.moreMenu.moreMenuGrouped{
  grid-template-columns:repeat(4,minmax(70px,1fr))!important;
  max-width:min(94vw,560px)!important;
  gap:8px!important;
  align-items:start!important;
}
.moreMenuGrouped .moreMenuSection{
  grid-column:1/-1!important;
  color:rgba(255,255,255,.78)!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
  padding:2px 4px 0!important;
  margin-top:2px!important;
}
.moreMenuGrouped .moreMenuSection:first-child{margin-top:0!important}
.moreMenuGrouped button{
  min-height:62px!important;
}
@media(max-width:700px){
  .moreMenu.moreMenuGrouped{
    grid-template-columns:repeat(4,minmax(58px,1fr))!important;
    max-width:96vw!important;
    bottom:96px!important;
  }
  .moreMenuGrouped .moreMenuSection{
    font-size:10px!important;
  }
}
</style>


<style id="safe121-drawing-visible-over-widgets-only">
/* SAFE121:
   Tegnecanvas skal være et permanent visuelt overlay over widgets,
   ellers ryger streger bag widgets, når tegnetilstand slås fra.
   Samtidig holdes UI-lag og modaler over canvas, så SAFE117-fejlen
   med modaler bag widgets/lag ikke gentages.
   Ingen widget-z-index ændres her. */
.drawLayer,
#draw{
  z-index:2147483000!important;
}
.drawLayer{
  pointer-events:none;
}
.drawLayer.active,
.app.drawActive .drawLayer,
.app.drawActive #draw{
  pointer-events:auto!important;
  cursor:crosshair;
}
.title,
.topbar,
.toolbar,
.toolbarPeek,
.toolbarPinFloat,
.trashBoardBar{
  z-index:2147483100!important;
}
.drawPanel{
  z-index:2147483200!important;
}
.modalBackdrop,
#modalBack{
  z-index:2147483300!important;
}
.toast{
  z-index:2147483400!important;
}
</style>

</body></html>`,mode:'edit',name:'Ny HTML-widget'});return;}
  // SAFE23: PDF-grenen lå tidligere efter en unreachable duplikeret HTML-widgetgren.
  if(t==='pdf')addWidget('pdf',{});
  if(t==='background'||t==='bg')bgModal();
  if(t==='grid'){slide().grid=!slide().grid;
const __setDrawActive_v155 = setDrawActive;
setDrawActive = function(on){
  __setDrawActive_v155(on);
  setTimeout(initDrawLayerAfterRender,0);
  requestAnimationFrame(initDrawLayerAfterRender);
};

forceInitCanvas();

const __setDrawActive_v156 = setDrawActive;
setDrawActive = function(on){
  forceInitCanvas();
  __setDrawActive_v156(on);
  forceInitCanvas();
};

render();updateGridOverlay();save()}
  if(t==='pin'){toolbarModal();return;}
  if(t==='line')lineModal();
  if(t==='clock')clockModal();
  if(t==='backup'||t==='save')saveModal();
}


document.addEventListener('click',e=>{
  scheduleToolbarHide();
  const b=e.target.closest&&e.target.closest('button[data-tool="more"]');
  if(!b)return;
  e.preventDefault();
  e.stopPropagation();
  if(e.stopImmediatePropagation)e.stopImmediatePropagation();
  showMoreTools();
},true);

/* v94 TEST widget chrome fallback */

document.addEventListener('click',function(e){
  const btn=e.target.closest&&e.target.closest('.widget .chrome button[data-act]');
  if(!btn)return;
  const el=btn.closest('.widget');
  if(!el)return;
  const w=findWidget(el.dataset.id);
  if(!w)return;
  const act=btn.dataset.act;
  if(act==='del'){
    e.preventDefault();e.stopPropagation();
    if(e.stopImmediatePropagation)e.stopImmediatePropagation();
    if(window.__tavleDeleteWidgetToTrash){ window.__tavleDeleteWidgetToTrash(w.id); return; }
    slide().widgets=slide().widgets.filter(x=>x.id!==w.id);
    selected=null; UIState.selectedWidgetId=null;
    try{applyUIState();}catch(_e){}
    render(); save(); return;
  }
},true);


window.forceHideToolbar=hideToolbar;
window.forceShowToolbar=showToolbar;


/* v115 TEST: two focus modes: edit focus + presentation focus */
let focusMode=null; // null | 'edit' | 'presentation'
let focusMaximized=false; // v1.0.20-dev: temporary maximized widget/focus
let focusMaxReturnMode=null; // null | 'edit' | 'presentation'
let focusPointer={x:0,y:0,moved:false,t:0};

function clearFocusTarget(){
  document.querySelectorAll('.widget.focusTarget').forEach(el=>el.classList.remove('focusTarget'));
  // update central state when focus target cleared
  UIState.focusedWidgetId=null;
  try{applyUIState();}catch(_e){}
}
function setFocusTarget(el){
  if(!el){
    clearFocusTarget();
    return;
  }
  clearFocusTarget();
  el.classList.add('focusTarget');
  // capture id in central state and sync DOM
  try{UIState.focusedWidgetId=String(el.dataset.id||null);}catch(_e){UIState.focusedWidgetId=null;}
  try{applyUIState();}catch(_e){}
}
function updateFocusButtons(){
  const editBtn=document.querySelector('[data-tool="focus"]');
  const presBtn=document.getElementById('presentFocus');
  if(editBtn)editBtn.classList.toggle('active',focusMode==='edit');
  if(presBtn)presBtn.classList.toggle('active',focusMode==='presentation');
}


function positionFocusExitPrimary(){
  const btn=document.getElementById('focusExit');
  if(!btn)return;

  const isMax=!!focusMaximized;
  const isFocus=!!focusMode || document.body.classList.contains('focus-mode') || document.body.classList.contains('focus-edit') || document.body.classList.contains('focus-presentation');
  const show=!!(isMax || isFocus);

  btn.classList.toggle('hidden', !show);
  if(!show){
    btn.style.display='none';
    return;
  }

  if(btn.parentElement!==document.body)document.body.appendChild(btn);

  btn.style.position='fixed';
  btn.style.display='block';
  btn.style.visibility='visible';
  btn.style.opacity='1';
  btn.style.pointerEvents='auto';
  btn.style.zIndex='2147483647';
  btn.style.right='auto';
  btn.style.bottom='auto';
  btn.style.transform='none';
  btn.style.filter='none';

  const vv=window.visualViewport;
  const vw=vv?vv.width:window.innerWidth;
  const ox=vv?vv.offsetLeft:0;
  const oy=vv?vv.offsetTop:0;
  const mobile=window.matchMedia && (matchMedia('(max-width:760px)').matches || matchMedia('(pointer:coarse) and (max-width:900px)').matches);

  // iPhone/statusbar: nok til at knappen kan rammes, men ikke så langt nede at den dækker meget.
  const topOffset=mobile?72:18;
  const rightOffset=14;

  const rect=btn.getBoundingClientRect();
  const bw=rect.width||150;
  let left=ox+vw-bw-rightOffset;
  if(left<ox+10)left=ox+10;

  btn.style.left=Math.round(left)+'px';
  btn.style.top=Math.round(oy+topOffset)+'px';
}

function updateFocusExitLabel(){
  const btn=document.getElementById('focusExit');
  if(!btn)return;
  // v1.0.62: Kun den rigtige JS-state focusMaximized må give teksten "maksimeret".
  // En gammel CSS-klasse må ikke bestemme label.
  const isMax=!!focusMaximized;
  if(isMax){
    btn.textContent='× max';
    btn.title='Afslut maksimeret visning';
    btn.setAttribute('aria-label','Afslut maksimeret visning');
  }else{
    btn.textContent='× fokus';
    btn.title='Afslut fokus';
    btn.setAttribute('aria-label','Afslut fokus');
  }
}
function setFocusMaximized(on){
  if(on){
    let target=document.querySelector('.widget.focusTarget');
    if(!target && selected){
      try{target=document.querySelector('.widget[data-id="'+CSS.escape(String(selected))+'"]')}catch(e){target=document.querySelector('.widget[data-id="'+String(selected).replace(/"/g,'\\"')+'"]')}
      if(target) setFocusTarget(target);
    }
    if(!target){
      try{toast('Vælg en widget først')}catch(e){}
      return;
    }
    focusMaxReturnMode=focusMode||null;
    focusMaximized=true;
    UIState.focusMaximized=true;
    document.body.classList.add('focus-maximized');
    // Gruppe-låse må kun blive ved med at være synlige, hvis maksimering
    // startede direkte fra normal redigering - ikke fra præsentation/fokus.
    document.body.classList.toggle('maximized-from-edit', !app.classList.contains('present') && !focusMode);
    // update central state: the maximized widget is our focus target
    try{
      const maxEl=document.querySelector('.widget.focusTarget');
      UIState.maximizedWidgetId=maxEl?String(maxEl.dataset.id||null):null;
      applyUIState();
    }catch(_e){}
    const btn=document.getElementById('focusExit');
    if(btn)btn.classList.remove('hidden');
    updateFocusExitLabel();
    syncEmergencyExit();
    try{setToolbarHidden(true)}catch(e){}
    try{updateContextHints('maximized')}catch(_e){}
    try{toast('Max')}catch(e){}
    return;
  }
  focusMaximized=false;
  UIState.focusMaximized=false;
  document.body.classList.remove('focus-maximized');
  document.body.classList.remove('maximized-from-edit');
  // clear maximized id in central state and reapply UI
  UIState.maximizedWidgetId=null;
  try{applyUIState();}catch(_e){}
  if(!focusMaxReturnMode){
    clearFocusTarget();
    const btn=document.getElementById('focusExit');
    if(btn && !focusMode)btn.classList.add('hidden');
    updateFocusExitLabel();
    try{setToolbarHidden(false)}catch(e){}
    try{toast('Gendannet')}catch(e){}
  }else{
    updateFocusExitLabel();
    try{toast('Fokus')}catch(e){}
  }
  focusMaxReturnMode=null;
}
function toggleFocusMaximized(){
  if(focusMaximized || document.body.classList.contains('focus-maximized')){
    hardExitMaximized();
    return;
  }
  setFocusMaximized(true);
}

function syncEmergencyExit(){
  const focusBtn=document.getElementById('focusExit');
  const maxBtn=document.getElementById('maxEmergencyExit');

  const isMax=!!focusMaximized;
  const isFocus=!!focusMode || document.body.classList.contains('focus-mode') || document.body.classList.contains('focus-edit') || document.body.classList.contains('focus-presentation');
  const show=!!(isFocus || isMax);

  if(maxBtn){
    maxBtn.classList.add('hidden');
    maxBtn.style.display='none';
  }

  if(focusBtn){
    focusBtn.classList.toggle('hidden', !show);
    focusBtn.textContent=isMax?'× max':'× fokus';
    focusBtn.title=isMax?'Afslut maksimeret visning':'Afslut fokus';
    focusBtn.setAttribute('aria-label',focusBtn.title);
    try{positionFocusExitPrimary();}catch(_e){}
  }
}
function hardExitMaximized(){
  setTimeout(()=>{try{syncFocusBodyClasses();}catch(_e){}},0);
  // Robust nødudgang: virker også hvis appen har været i baggrunden og
  // JS-state/CSS-klasser ikke længere er helt synkroniserede.
  focusMaximized=false;
  focusMaxReturnMode=null;
  UIState.focusMaximized=false;
  UIState.maximizedWidgetId=null;
  document.body.classList.remove('focus-maximized','maximized-from-edit');
  // Hvis vi ikke er i egentlig fokusmode, skal focus-mode også væk.
  if(!focusMode){
    document.body.classList.remove('focus-mode','focus-edit','focus-presentation');
  }
  const btn=document.getElementById('focusExit');
  if(btn)btn.classList.add('hidden');
  updateFocusExitLabel();
  syncEmergencyExit();
  try{positionFocusExitPrimary();}catch(_e){}
  try{applyUIState();}catch(_e){}
  try{setToolbarHidden(false)}catch(_e){}
  try{updateContextHints('exit-max')}catch(_e){}
}

/* v1.0.40-fix: sync focus body classes for global background dim */
function syncFocusBodyClasses(){
  const focusOn=!!focusMode;
  const maxOn=!!focusMaximized;
  document.body.classList.toggle('focus-mode', focusOn);
  document.body.classList.toggle('focus-maximized', maxOn);
}

function setFocusMode(mode){
  setTimeout(()=>{try{syncFocusBodyClasses();}catch(_e){}},0);
  focusMode=mode;
  UIState.focusMode=mode||null;
  // Normal fokus må aldrig arve maksimeret tilstand.
  if(mode){
    focusMaximized=false;
    focusMaxReturnMode=null;
    UIState.focusMaximized=false;
    UIState.maximizedWidgetId=null;
    document.body.classList.remove('focus-maximized','maximized-from-edit');
  }
  // set global mode for central UI state
  if(mode==='presentation'){
    UIState.mode='presentation';
  }else{
    UIState.mode='editing';
  }
  try{applyUIState();}catch(_e){}
  if(focusMode){
    try{setDrawActive(false)}catch(e){}
    try{app.classList.remove('drawActive')}catch(e){}
  }
  // Keep legacy focus classes in sync through the central state model.
  // Important: focus-mode may also be true during temporary maximized mode.
  document.body.classList.toggle('focus-mode',!!focusMode || !!focusMaximized);
  document.body.classList.toggle('focus-edit',focusMode==='edit');
  document.body.classList.toggle('focus-presentation',focusMode==='presentation');
  if(!focusMode){
    focusMaximized=false;
    focusMaxReturnMode=null;
    UIState.focusMaximized=false;
    UIState.maximizedWidgetId=null;
    document.body.classList.remove('focus-maximized');
    document.body.classList.remove('maximized-from-edit');
  }
  const btn=document.getElementById('focusExit');
  if(btn)btn.classList.toggle('hidden',!focusMode && !focusMaximized);
  updateFocusExitLabel();
  syncEmergencyExit();
  try{positionFocusExitPrimary();}catch(_e){}
  try{ positionFocusExitPrimary && positionFocusExitPrimary(); }catch(_e){}
  if(!focusMode && !focusMaximized)clearFocusTarget();
  updateFocusButtons();
  try{
    if(focusMode==='presentation'){
      if(!app.classList.contains('present')){
        app.classList.add('present');
        if(typeof render==='function')render();
      }
      setToolbarHidden(true);
    }else if(focusMode==='edit'){
      // v1.0.5-dev: fokus i redigering er også en ren visningstilstand.
      // Brug "× fokus" øverst til højre til at afslutte; toolbaren skal ikke tvinges frem.
      setToolbarHidden(true);
    }else{
      setToolbarHidden(false);
    }
  }catch(e){}
}
function toggleFocusMode(){setFocusMode(focusMode==='edit'?null:'edit')}
function togglePresentationFocus(){setFocusMode(focusMode==='presentation'?null:'presentation')}

document.addEventListener('pointerdown',e=>{
  if(!focusMode)return;
  focusPointer={x:e.clientX,y:e.clientY,moved:false,t:Date.now()};
},{passive:true});

document.addEventListener('pointermove',e=>{
  if(!focusMode)return;
  const dx=Math.abs(e.clientX-focusPointer.x), dy=Math.abs(e.clientY-focusPointer.y);
  if(dx>8||dy>8)focusPointer.moved=true;
},{passive:true});

document.addEventListener('pointerup',e=>{
  if(!focusMode)return;
  if(Date.now()-focusPointer.t>450 || focusPointer.moved)return;
  const w=e.target.closest&&e.target.closest('.widget');
  if(w)setFocusTarget(w); else clearFocusTarget();
},{passive:true});

document.addEventListener('keydown',e=>{
  if(e.key==='Escape' && isIframeControlActive()){
    e.preventDefault();
    clearIframeControl();
    return;
  }
  if(e.key==='Escape' && (focusMode||focusMaximized||document.body.classList.contains('focus-maximized'))){
    e.preventDefault();
    if(document.body.classList.contains('focus-maximized')) hardExitMaximized();
    setFocusMode(null);
    try{applyUIState();}catch(_e){}
  }
});

const focusExitBtn=document.getElementById('focusExit');
if(focusExitBtn)focusExitBtn.onclick=e=>{
  e.preventDefault();
  e.stopPropagation();
  if(document.body.classList.contains('focus-maximized')) hardExitMaximized();
  else setFocusMode(null);
  try{applyUIState();}catch(_e){}
};
// Capture fallback: the exit button must work even if another layer intercepts clicks/taps.
document.addEventListener('pointerdown',e=>{
  const exit=e.target&&e.target.closest&&e.target.closest('#focusExit,.focusExit');
  if(!exit)return;
  e.preventDefault();
  e.stopPropagation();
  if(e.stopImmediatePropagation)e.stopImmediatePropagation();
  if(document.body.classList.contains('focus-maximized')) hardExitMaximized();
  else setFocusMode(null);
},true);


function clearStuckInteractionState(){
  // Some iPad/browser resume cases leave pointer capture or gesture flags stale.
  // We cannot reach the local drag/res/rot variables here, but a synthetic
  // pointercancel plus toolbar/app cleanup prevents most stuck UI states.
  try{
    document.querySelectorAll('.widget,.chrome,.resize,.rotater').forEach(el=>{
      try{ el.releasePointerCapture && [...(el.__activePointers||[])].forEach(id=>el.releasePointerCapture(id)); }catch(_e){}
    });
  }catch(_e){}
  document.body.classList.remove('toolbar-is-hidden');
  try{app.classList.remove('toolbarHidden')}catch(_e){}
}
function repairAfterResume(){
  clearStuckInteractionState();
  // Keep emergency exit available if visual classes say we are focused/maximized,
  // even when the JS booleans did not survive cleanly.
  if(document.body.classList.contains('focus-maximized')){
    focusMaximized=true;
    UIState.focusMaximized=true;
  }
  if(app.classList.contains('present')){
    document.body.classList.remove('maximized-from-edit');
  }
  syncEmergencyExit();
  try{applyUIState();}catch(_e){}
  try{updateFocusExitLabel();}catch(_e){}
  try{setToolbarHidden(false)}catch(_e){}
  try{updateContextHints('resume')}catch(_e){}
}
['pageshow','focus'].forEach(ev=>window.addEventListener(ev,repairAfterResume,{passive:true}));
document.addEventListener('visibilitychange',()=>{ if(!document.hidden) setTimeout(repairAfterResume,30); });
window.addEventListener('pagehide',clearStuckInteractionState,{passive:true});

// Independent emergency button outside #app. Must work on touch even when
// widget/app layers swallow normal clicks.
const maxEmergencyExit=document.getElementById('maxEmergencyExit');
if(maxEmergencyExit){
  ['pointerdown','touchstart','click'].forEach(ev=>maxEmergencyExit.addEventListener(ev,e=>{
    e.preventDefault();
    e.stopPropagation();
    if(e.stopImmediatePropagation)e.stopImmediatePropagation();
    if(document.body.classList.contains('focus-maximized') || focusMaximized) hardExitMaximized();
    else setFocusMode(null);
    syncEmergencyExit();
  },{capture:true,passive:false}));
}

/* v118 TEST: capture widget choice in presentation focus before other handlers can swallow the tap */
document.addEventListener('pointerup',function(e){
  if(focusMode!=='presentation')return;
  if(Date.now()-focusPointer.t>450 || focusPointer.moved)return;
  const w=e.target.closest&&e.target.closest('.widget');
  if(w){
    setFocusTarget(w);
  }else{
    clearFocusTarget();
  }
},true);

const presentFocusBtn=document.getElementById('presentFocus');
if(presentFocusBtn)presentFocusBtn.onclick=e=>{e.preventDefault();e.stopPropagation();togglePresentationFocus()};


function safe295ClearTitleFocusAfterNewSlide(){
  try{
    const ae=document.activeElement;
    if(ae && (ae===titleEl || (ae.closest&&ae.closest('#title')))){
      ae.blur();
    }
    if(window.getSelection){
      const sel=window.getSelection();
      if(sel && sel.removeAllRanges)sel.removeAllRanges();
    }
  }catch(_e){}
}

/* v1.0.10-dev: shared shortcut API used by the early capture keydown listener */
window.tavleShortcutAPI={
  newSlideShortcut(){
    /* SAFE298: også API-kald til ny tavle bruger kun SAFE297-vejen. */
    if(typeof window.safe297InsertNewBoardBeforeTrash==='function'){
      return window.safe297InsertNewBoardBeforeTrash();
    }
    return false;
  },
  duplicateSlideShortcut(){
    const src=state.slides[state.active];
    if(!src)return;
    const copy=JSON.parse(JSON.stringify(src));
    copy.title=(copy.title||'Tavle')+' kopi';
    copy.widgets=(copy.widgets||[]).map(w=>{
      const nw=JSON.parse(JSON.stringify(w));
      nw.id=uid();
      nw.z=++z;
      return nw;
    });
    state.slides.splice(state.active+1,0,copy);
    state.active=state.active+1;
    render();
    save();
    try{toast('Tavle duplikeret')}catch(e){}
  },
  duplicateSelectedWidgetShortcut(){
    if(!selected){try{toast('Vælg en widget først')}catch(e){};return;}
    const found=findWidgetOnSlide(state.active,selected);
    if(!found.widget){try{toast('Vælg en widget først')}catch(e){};return;}
    const copy=cloneWidgetForSlide(found.widget);
    slide().widgets.push(copy);
    render();
    select(copy.id);
    save();
    try{toast('Widget kopieret')}catch(e){}
  },
  deleteSelectedWidgetShortcut(){
    if(!selected){try{toast('Vælg en widget først')}catch(e){};return;}
    const id=selected;
    slide().widgets=slide().widgets.filter(w=>String(w.id)!==String(id));
    selected=null;
    UIState.selectedWidgetId=null;
    render();
    save();
    try{toast('Widget slettet')}catch(e){}
  },
  saveShortcut(){
    try{saveModal();toast('Backup')}catch(e){try{save();toast('Gemt')}catch(_e){}}
  },
  toggleToolbarShortcut(){
    const hidden=document.body.classList.contains('toolbar-is-hidden') || app.classList.contains('toolbarHidden');
    document.body.classList.toggle('toolbar-is-hidden', !hidden);
    app.classList.toggle('toolbarHidden', !hidden);
    try{ if(window.UIState) window.UIState.toolbarVisible = hidden; }catch(_e){}
    try{toast(hidden?'Værktøjslinje vist':'Værktøjslinje skjult')}catch(e){}
  },
  toggleFocusShortcut(){
    if(focusMode){
      setFocusMode(null);
      try{toast('Fokus fra')}catch(e){}
      return;
    }
    if(!selected){
      try{toast('Vælg en widget først')}catch(e){}
      return;
    }
    const el=document.querySelector('.widget[data-id="'+CSS.escape(String(selected))+'"]');
    if(!el){
      try{toast('Vælg en widget først')}catch(e){}
      return;
    }
    const mode=app.classList.contains('present')?'presentation':'edit';
    focusMaximized=false;
    focusMaxReturnMode=null;
    UIState.focusMaximized=false;
    UIState.maximizedWidgetId=null;
    document.body.classList.remove('focus-maximized','maximized-from-edit');
    setFocusMode(mode);
    setTimeout(()=>{setFocusTarget(el);try{positionFocusExitPrimary&&positionFocusExitPrimary()}catch(_e){}},0);
    try{toast('Fokus')}catch(e){}
  },
  toggleMaximizedFocusShortcut(){
    toggleFocusMaximized();
  },
  createShortcutWidget(key){
    key=String(key||'').toLowerCase();

    if(key==='b'){
      saveModal();
      try{toast('Backup')}catch(e){}
      return;
    }
    if(key==='m'){
      bgModal();
      try{toast('Baggrund')}catch(e){}
      return;
    }
    if(key==='o'){
      toggleHints();
      return;
    }
    if(key==='g'){
      slide().grid=!slide().grid;
      render();
      save();
      try{toast(slide().grid?'Grid til':'Grid fra')}catch(e){}
      return;
    }
    if(key==='u'){
      clockModal();
      return;
    }
    if(key==='?'){
      showQuickHelp();
      return;
    }

    const map={
      p:['pdf',{}],
      a:['text',{text:'Skriv instruktion her…',fontSize:24}],
      v:['video',{}],
      x:['poll',{}],
      i:['image',{}],
      r:['groups',{}],
      y:['html',{html:`<!doctype html><html><head><meta charset="utf-8"><title>Ny HTML-widget</title><style>body{font-family:sans-serif;padding:2rem;line-height:1.5}h1{color:#4f46e5}

/* v_focus_zfix: focused widget must stay above all others */
body.focus-edit .widget.focused,
body.focus-presentation .widget.focused,
.app.focusMode .widget.focused,
.widget.focused{
  z-index:9999!important;
}
body.focus-edit .widget:not(.focused),
body.focus-presentation .widget:not(.focused){
  z-index:20!important;
}


/* Widget-overblik: midlertidig visning, ændrer ikke gemte widgetdata */
.widgetOverviewMode .widgetOverviewItem{
  outline:3px solid rgba(109,93,252,.72)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.28)!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
.widgetOverviewMode .widgetOverviewItem:hover{
  outline-color:#f59e0b!important;
  box-shadow:0 16px 42px rgba(0,0,0,.35)!important;
}
.widgetOverviewMode .widgetOverviewItem .chrome{
  display:flex!important;
}
.widgetOverviewMode .widgetOverviewItem .resize,
.widgetOverviewMode .widgetOverviewItem .rotater{
  display:none!important;
}
.widgetOverviewMode .widget:not(.widgetOverviewItem){
  opacity:.25!important;
  pointer-events:none!important;
}
.widgetOverviewHint{
  position:absolute;
  left:50%;
  bottom:92px;
  transform:translateX(-50%);
  z-index:9999;
  background:rgba(17,24,39,.9);
  color:white;
  border-radius:999px;
  padding:10px 16px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
  pointer-events:none;
}
#widgetCycle.widgetCycleBtn{
  margin-left:8px!important;
}


/* v1.2.45-kahoopardy-phase1.12: ekte Jeopardy-board med kategorikolonner, full-fit grid og turregel */
.kahoopardyJeopardy{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;overflow:hidden!important}
.kahoopardyJeopardyTurnBanner{text-align:center;font-weight:950;font-size:clamp(14px,1.6vw,24px);opacity:.92;background:rgba(255,255,255,.10);border-radius:999px;padding:7px 12px;justify-self:center}
.kahoopardyJeopardyGrid{min-height:0;height:100%;display:grid!important;gap:8px!important;overflow:hidden!important;padding:4px!important;box-sizing:border-box!important}
.kahoopardyJeopardyCat{border-radius:12px;background:rgba(255,255,255,.18);font-size:clamp(12px,1.55vw,24px);font-weight:950;text-align:center;padding:6px;display:grid;place-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.05;text-wrap:balance}
.kahoopardyJeopardyCard{border:0;border-radius:12px;background:#1d4ed8;color:#facc15;font-size:clamp(18px,3.2vw,48px);font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.22);min-height:0;height:100%;padding:4px;display:grid;place-items:center;touch-action:manipulation}
.kahoopardyJeopardyCard.used,.kahoopardyJeopardyBlank{background:rgba(255,255,255,.08);color:rgba(255,255,255,.28);box-shadow:none;border-radius:12px;min-height:0}
.kahoopardyJeopardyCard.used{cursor:not-allowed;text-decoration:line-through}
.kahoopardyJeopardyCard:not(.used):active{transform:scale(.98)}
@media(max-width:700px){.kahoopardyJeopardyGrid{gap:5px!important}.kahoopardyJeopardyCard{font-size:clamp(15px,5vw,30px);border-radius:9px}.kahoopardyJeopardyCat{font-size:clamp(10px,3vw,16px);border-radius:9px}}

</style></head><body><h1>Hej verden</h1><p>Redigér HTML her…</p>

<style id="safe121-drawing-visible-over-widgets-only">
/* SAFE121:
   Tegnecanvas skal være et permanent visuelt overlay over widgets,
   ellers ryger streger bag widgets, når tegnetilstand slås fra.
   Samtidig holdes UI-lag og modaler over canvas, så SAFE117-fejlen
   med modaler bag widgets/lag ikke gentages.
   Ingen widget-z-index ændres her. */
.drawLayer,
#draw{
  z-index:2147483000!important;
}
.drawLayer{
  pointer-events:none;
}
.drawLayer.active,
.app.drawActive .drawLayer,
.app.drawActive #draw{
  pointer-events:auto!important;
  cursor:crosshair;
}
.title,
.topbar,
.toolbar,
.toolbarPeek,
.toolbarPinFloat,
.trashBoardBar{
  z-index:2147483100!important;
}
.drawPanel{
  z-index:2147483200!important;
}
.modalBackdrop,
#modalBack{
  z-index:2147483300!important;
}
.toast{
  z-index:2147483400!important;
}
</style>

</body></html>`,mode:'edit',name:'Ny HTML-widget'}],
      j:['wheel',{}],
      q:['kahoopardy',{}],
      s:['wordcloud',{}],
      t:['timer',{}],
      l:['link',{text:'Link',url:''}]
    };
    const spec=map[key];
    if(!spec)return;
    const w=addWidget(spec[0],spec[1]);
    if(spec[0]==='text')focusTextWidgetEditor(w.id,true);
    if(spec[0]==='link')setTimeout(()=>askLink(w),0);
    try{toast((titles[spec[0]]||spec[0])+' tilføjet')}catch(e){}
    return w;
  }
};


// SAFE202 WORDCLOUD HELPERS:
// Rene konverteringsfunktioner til kommende Ord/Antal-model.
// De bruges endnu ikke af UI'et i SAFE202, men gør næste patch mindre risikabel.
function wordCloudNormalizeTextValue(value){
  return String(value==null?'':value).trim();
}
function wordCloudNormalizeCountValue(value){
  if(value==null || value==='')return 0;
  const n=Number(String(value).replace(',', '.').replace(/[^0-9.\-]/g,''));
  return Number.isFinite(n)?Math.max(0,Math.round(n)):0;
}
function wordCloudNormalizeItems(items,caseInsensitive=true){
  const map=new Map();
  (items||[]).forEach(item=>{
    const text=wordCloudNormalizeTextValue(item&&item.text);
    if(!text)return;
    const count=Math.max(0,Math.round(Number((item&&item.count)||0)));
    if(!count)return;
    const key=caseInsensitive?text.toLocaleLowerCase('da'):text;
    if(!map.has(key))map.set(key,{text,count:0,variants:{}});
    const entry=map.get(key);
    entry.count+=count;
    entry.variants[text]=(entry.variants[text]||0)+count;
    entry.text=Object.entries(entry.variants).sort((a,b)=>b[1]-a[1])[0][0];
  });
  return [...map.values()]
    .map(x=>({text:x.text,count:x.count}))
    .sort((a,b)=>b.count-a.count||a.text.localeCompare(b.text,'da'));
}
function wordCloudNamesToItems(names,caseInsensitive=true){
  return wordCloudNormalizeItems((names||[]).map(x=>({text:x,count:1})),caseInsensitive);
}
function wordCloudItemsToNames(items){
  const out=[];
  wordCloudNormalizeItems(items,false).forEach(item=>{
    const n=Math.max(0,Math.round(Number(item.count)||0));
    for(let i=0;i<n;i++)out.push(item.text);
  });
  return out;
}

function wordCloudTextLinesToItems(txt){
  const lines=String(txt||'').split(/\r?\n/).map(x=>String(x||'').trim()).filter(Boolean);
  const items=[];
  lines.forEach(line=>{
    // Primær syntaks: "tekst 3" = teksten vægtes 3 gange.
    // Multiord-tekster bevares, fordi kun et helt tal sidst på linjen tolkes som antal.
    const m=line.match(/^(.*?)(?:\s+)(\d{1,4})$/);
    if(m){
      const word=wordCloudNormalizeTextValue(m[1]);
      const count=wordCloudNormalizeCountValue(m[2]);
      if(word&&count>0){items.push({text:word,count});return;}
    }
    items.push({text:line,count:1});
  });
  return wordCloudNormalizeItems(items,true);
}
function wordCloudTextToWeightedNames(txt){
  return wordCloudItemsToNames(wordCloudTextLinesToItems(txt));
}

function wordCloudItemsToEditorText(items){
  return wordCloudNormalizeItems(items,false).map(item=>{
    const t=String(item.text||'').trim();
    const n=Math.max(1,Math.round(Number(item.count)||1));
    return n===1?t:(t+' '+n);
  }).join('\n');
}
function wordCloudEnsureItems(w){
  w.data=w.data||{};
  if(Array.isArray(w.data.items)&&w.data.items.length){
    w.data.items=wordCloudNormalizeItems(w.data.items,w.data.caseInsensitive!==false);
  }else{
    w.data.items=wordCloudNamesToItems(w.data.names||[],w.data.caseInsensitive!==false);
  }
  w.data.names=wordCloudItemsToNames(w.data.items);
  return w.data.items;
}
function wordCloudItemsToTableRows(items){
  const rows=wordCloudNormalizeItems(items,false);
  if(!rows.length)rows.push({text:'',count:1});
  return rows;
}
function wordCloudReadTableItems(container){
  const rows=[...(container||document).querySelectorAll('.wordCloudCountRow')];
  return wordCloudNormalizeItems(rows.map(row=>({
    text:row.querySelector('.wordCloudCountText')?.value||'',
    count:wordCloudNormalizeCountValue(row.querySelector('.wordCloudCountNumber')?.value)
  })),true);
}
function wordCloudRenderCountRows(items){
  return wordCloudItemsToTableRows(items).map((item,i)=>`<div class="wordCloudCountRow">
    <input class="wordCloudCountText" data-i="${i}" value="${esc(item.text||'')}" placeholder="Ord eller sætning">
    <span class="wordCloudCountStepper">
      <button type="button" class="wordCloudCountStep wordCloudCountDec" data-i="${i}" title="Mindre">−</button>
      <input class="wordCloudCountNumber" data-i="${i}" type="number" min="0" step="1" value="${esc(Math.max(1,Math.round(Number(item.count)||1)))}" placeholder="Antal">
      <button type="button" class="wordCloudCountStep wordCloudCountInc" data-i="${i}" title="Mere">+</button>
    </span>
    <button type="button" class="wordCloudCountRemove" data-i="${i}" title="Fjern række">×</button>
  </div>`).join('');
}

function wordCloudColumnIndex(ds,names){
  const cols=(ds&&ds.columns)||[];
  const wanted=(names||[]).map(x=>String(x||'').toLocaleLowerCase('da'));
  for(let i=0;i<cols.length;i++){
    const c=String(cols[i]||'').trim().toLocaleLowerCase('da');
    if(wanted.includes(c))return i;
  }
  return -1;
}
function wordCloudLikelyTextColumnIndex(ds){
  const preferred=wordCloudColumnIndex(ds,['Ord','Tekst','Svar','Valg','Navn','Kategori','Emne','Ønske','Rolle','Stemning']);
  if(preferred>=0)return preferred;
  const cols=(ds&&ds.columns)||[];
  const rows=(ds&&ds.rows)||[];
  for(let i=0;i<cols.length;i++){
    const sample=rows.slice(0,20).map(r=>wordCloudNormalizeTextValue((r||[])[i])).filter(Boolean);
    if(sample.some(v=>/[A-Za-zÆØÅæøå]/.test(v)))return i;
  }
  return cols.length?0:-1;
}
function wordCloudLikelyCountColumnIndex(ds){
  return wordCloudColumnIndex(ds,['Antal','Count','Stemmer','Vægt','Weight','Votes','Frekvens','Hyppighed']);
}
function wordCloudItemsFromDataset(ds,textColumnIndex,countColumnIndex,caseInsensitive=true){
  if(!ds)return [];
  const rows=(ds.rows||[]);
  const textIdx=Number(textColumnIndex);
  const countIdx=(countColumnIndex==null||countColumnIndex===''||Number(countColumnIndex)<0)?-1:Number(countColumnIndex);
  if(!Number.isFinite(textIdx)||textIdx<0)return [];
  const rawItems=rows.map(r=>{
    const text=wordCloudNormalizeTextValue((r||[])[textIdx]);
    const count=countIdx>=0?wordCloudNormalizeCountValue((r||[])[countIdx]):1;
    return {text,count};
  }).filter(x=>x.text&&x.count>0);
  return wordCloudNormalizeItems(rawItems,caseInsensitive);
}

function buildWordCloudItems(names,caseInsensitive=true){
  const counts=new Map();
  (names||[]).map(x=>String(x||'').trim()).filter(Boolean).forEach(line=>{
    const key=caseInsensitive?line.toLocaleLowerCase('da'):line;
    if(!counts.has(key))counts.set(key,{label:line,count:0,variants:{}});
    const item=counts.get(key);
    item.count++;
    item.variants[line]=(item.variants[line]||0)+1;
    // Vis den mest brugte variant af store/små bogstaver.
    item.label=Object.entries(item.variants).sort((a,b)=>b[1]-a[1])[0][0];
  });
  const items=[...counts.values()].sort((a,b)=>b.count-a.count||a.label.localeCompare(b.label,'da'));
  const max=items[0]?.count||1;
  return items.map(it=>{
    const scale=it.count/max;
    return {...it,size:14+scale*38,weight:400+Math.round(scale*500),opacity:.62+scale*.38};
  });
}
function wordCloudTagPosition(i,total){
  const base=[
    [24,42],[48,36],[72,44],[35,62],[62,60],
    [18,58],[82,58],[50,50],[30,28],[68,28],
    [42,74],[58,76],[22,24],[78,24],[50,22]
  ];
  const p=base[i%base.length];
  const cycle=Math.floor(i/base.length);
  const dx=((cycle*7)+(i*3))%9-4;
  const dy=((cycle*5)+(i*2))%9-4;
  return {x:Math.max(10,Math.min(90,p[0]+dx)),y:Math.max(14,Math.min(86,p[1]+dy))};
}
function wordCloudTagRotation(i,label){
  const rots=[-5,-2,3,1,5,-3,2,-4,4,-1];
  const s=String(label||'');
  const long=s.length>14;
  return long?Math.round(rots[i%rots.length]/2):rots[i%rots.length];
}
function wordCloudTagLift(i){
  const lifts=[-6,2,-3,5,0,-5,4,-2,3,-4];
  return lifts[i%lifts.length];
}
function renderWordCloud(w){
  const names=(w.data&&Array.isArray(w.data.items)&&w.data.items.length)
    ? wordCloudItemsToNames(w.data.items)
    : (w.data.names||[]);
  const items=buildWordCloudItems(names,w.data.caseInsensitive!==false);
  if(!items.length)return '<div style="display:grid;place-items:center;height:100%;opacity:.65;font-weight:800">Hent eller skriv en liste</div>';
  return items.map((it,i)=>{
    const pos=wordCloudTagPosition(i,items.length);
    const rot=wordCloudTagRotation(i,it.label);
    const lift=wordCloudTagLift(i);
    const oneWord=!/\s/.test(String(it.label||''));
    return `<span class="${oneWord?'wordCloudSingleWord':''}" data-count="${esc(it.count)}" data-label="${esc(it.label)}" title="${esc(it.count+' gange')}" style="--x:${pos.x}%;--y:${pos.y}%;--rot:${rot}deg;--lift:${lift}px;font-size:${it.size}px;font-weight:${it.weight};opacity:${it.opacity}">${esc(it.label)}</span>`;
  }).join('');
}

function wordCloudSaveAsDataWidget(w){
  const items=wordCloudNormalizeItems(w.data.items||wordCloudNamesToItems(w.data.names||[],true),w.data.caseInsensitive!==false);
  if(!items.length){toast('Ingen ord at gemme');return null;}
  const ds={
    id:'ds'+Date.now().toString(36)+Math.random().toString(36).slice(2,5),
    name:'Ordsky - Ord og antal',
    type:'wordcloud-counts',
    columns:['Ord','Antal'],
    rows:items.map(item=>[String(item.text||''),String(Math.max(0,Math.round(Number(item.count)||0)))]),
    sourceType:'wordcloud',
    importedAt:Date.now()
  };
  addDataset(ds);
  const dw=addDatasetWidget(ds,{x:Math.max(24,Math.min((w.x||140)+36,innerWidth-700)),y:Math.max(80,Math.min((w.y||130)+36,innerHeight-440))});
  if(dw){
    dw.title='📊 Ordsky - Ord og antal';
    dw.data=dw.data||{};
    dw.data.sourceType='wordcloud-counts';
    render();
    select(dw.id,{editText:false});
    save();
  }
  toast('Ordsky gemt som datawidget: '+items.length+' rækker');
  return ds;
}

function wireWordCloud(c,w,el){
  const scrollCountInputIntoView=(inp)=>{
    if(!inp)return;
    try{inp.scrollIntoView({block:'nearest',inline:'nearest'});}catch(_e){}
    const editor=c.querySelector('.wordCloudCountEditor');
    if(editor){
      const r=inp.getBoundingClientRect();
      const er=editor.getBoundingClientRect();
      if(r.bottom>er.bottom)editor.scrollTop += (r.bottom-er.bottom)+12;
      if(r.top<er.top)editor.scrollTop -= (er.top-r.top)+12;
    }
  };
  const syncFromTable=()=>{
    w.data.items=wordCloudReadTableItems(c);
    w.data.names=wordCloudItemsToNames(w.data.items);
    const render=c.querySelector('.wordCloudRender');
    if(render)render.innerHTML=renderWordCloud(w);
    save({silent:true});
  };
  c.querySelectorAll('.wordCloudCountText,.wordCloudCountNumber').forEach(inp=>{
    inp.oninput=syncFromTable;
  });
  c.querySelectorAll('.wordCloudCountText,.wordCloudCountNumber').forEach(inp=>{
    inp.addEventListener('keydown',e=>{
      e.stopPropagation();
      if(e.key==='Enter' && inp.classList.contains('wordCloudCountNumber')){
        e.preventDefault();
        syncFromTable();
        const nums=[...c.querySelectorAll('.wordCloudCountNumber')];
        const i=nums.indexOf(inp);
        const next=nums[i+1];
        if(next){
          next.focus();
          setTimeout(()=>{try{next.select()}catch(_e){} scrollCountInputIntoView(next);},0);
        }else{
          w.data.items=wordCloudReadTableItems(c);
          w.data.items.push({text:'',count:1});
          fillContent(el,w);
          setTimeout(()=>{
            const ns=[...el.querySelectorAll('.wordCloudCountNumber')];
            const last=ns[ns.length-1];
            if(last){last.focus();try{last.select()}catch(_e){} scrollCountInputIntoView(last);}
          },0);
          save();
        }
      }
    },true);
  });
  c.querySelectorAll('.wordCloudCountNumber').forEach(inp=>{
    inp.onfocus=()=>setTimeout(()=>{try{inp.select()}catch(_e){} scrollCountInputIntoView(inp);},0);
    inp.onclick=()=>setTimeout(()=>{try{inp.select()}catch(_e){} scrollCountInputIntoView(inp);},0);
  });
  c.querySelectorAll('.wordCloudCountInc,.wordCloudCountDec').forEach(btn=>btn.onclick=()=>{
    const row=btn.closest('.wordCloudCountRow');
    const inp=row&&row.querySelector('.wordCloudCountNumber');
    if(!inp)return;
    const cur=Math.max(0,Number(inp.value)||0);
    const delta=btn.classList.contains('wordCloudCountInc')?1:-1;
    inp.value=String(Math.max(0,cur+delta));
    syncFromTable();
  });
  c.querySelectorAll('.wordCloudCountRemove').forEach(btn=>btn.onclick=()=>{
    const idx=Number(btn.dataset.i);
    const items=wordCloudReadTableItems(c);
    items.splice(idx,1);
    w.data.items=items.length?items:[{text:'',count:1}];
    w.data.names=wordCloudItemsToNames(w.data.items);
    fillContent(el,w);
    save();
  });
  const addBtn=c.querySelector('.wordCloudAddRow');
  if(addBtn)addBtn.onclick=()=>{
    w.data.items=wordCloudReadTableItems(c);
    w.data.items.push({text:'',count:1});
    fillContent(el,w);
    save();
  };
  c.querySelector('.wordCloudCase').onchange=e=>{
    w.data.caseInsensitive=e.target.checked;
    w.data.items=wordCloudNormalizeItems(w.data.items||wordCloudNamesToItems(w.data.names||[],true),w.data.caseInsensitive!==false);
    w.data.names=wordCloudItemsToNames(w.data.items);
    fillContent(el,w);
    save();
  };
  c.querySelector('.wordCloudLoad').onclick=()=>chooseSharedList('Hent ord/data til ordsky',(name,items,meta)=>{
    if(meta&&meta.type==='dataset'&&meta.dataset){
      const ds=meta.dataset;
      const textIdx=wordCloudLikelyTextColumnIndex(ds);
      const countIdx=wordCloudLikelyCountColumnIndex(ds);
      w.data.items=wordCloudItemsFromDataset(ds,textIdx,countIdx,w.data.caseInsensitive!==false);
      w.data.names=wordCloudItemsToNames(w.data.items);
      fillContent(el,w);
      save();
      const cols=(ds.columns||[]);
      const textName=cols[textIdx]||'tekst';
      const countName=countIdx>=0?(cols[countIdx]||'antal'):'tæl rækker';
      toast('Datawidget hentet til ordsky: '+textName+' / '+countName);
      return;
    }
    w.data.items=wordCloudTextLinesToItems((items||[]).join('\n'));
    w.data.names=wordCloudItemsToNames(w.data.items);
    fillContent(el,w);
    save();
    toast('Ord hentet: '+(w.data.items||[]).length);
  });

  const saveDataBtn=c.querySelector('.wordCloudSaveData');
  if(saveDataBtn)saveDataBtn.onclick=()=>wordCloudSaveAsDataWidget(w);
  const cloud=c.querySelector('.wordCloudRender');
  if(cloud)cloud.onclick=(ev)=>{
    const sp=ev.target&&ev.target.closest&&ev.target.closest('span[data-label]');
    if(!sp||!cloud.contains(sp))return;
    cloudInfo(sp.dataset.label,sp.dataset.count+' gange');
  };
}

function safe186PollLabelKind(label){
  const s=String(label==null?'':label).trim();
  if(!s)return 'text';
  const letters=(s.match(/[A-Za-zÆØÅæøå]/g)||[]).length;
  const digits=(s.match(/[0-9]/g)||[]).length;
  const emoji=(s.match(/[\p{Extended_Pictographic}☀-➿]/gu)||[]).length;
  const compact=s.replace(/[\s.,;:!?"'“”‘’()\-_/+&]/g,'');
  const other=Math.max(0,compact.length-letters-digits-emoji);
  if(emoji>0 && letters===0 && digits===0 && other===0)return 'emoji';
  if(emoji>0)return 'mixed';
  return 'text';
}
function safe186PollChoiceClass(label){
  const k=safe186PollLabelKind(label);
  return k==='emoji'?'pollChoiceEmoji':(k==='mixed'?'pollChoiceMixed':'pollChoiceText');
}
function safe188PollChoicesGridClass(options){
  const kinds=(options||[]).map(o=>safe186PollLabelKind(o));
  if(kinds.some(k=>k==='text'))return 'pollChoicesText';
  if(kinds.some(k=>k==='mixed'))return 'pollChoicesMixed';
  return 'pollChoicesEmoji';
}
function safe186PollCloudClass(label){
  const k=safe186PollLabelKind(label);
  return k==='emoji'?'pollCloudEmoji':(k==='mixed'?'pollCloudMixed':'pollCloudText');
}
function pollCloudItems(w){
  const opts=w.data.options||['😀','🙂','😐','🙁','😡'];
  const votes=w.data.votes||opts.map(()=>0);
  const max=Math.max(1,...votes.map(v=>Number(v)||0));
  const rots=[-5,-2,3,1,5,-3,2,-4];
  const lifts=[-8,3,-4,7,0,-6,5,-2];
  const spots=[
    [28,38],[48,30],[68,40],[36,58],[58,60],
    [22,64],[78,62],[45,47],[62,48],[32,28],
    [72,26],[50,72]
  ];
  return opts.map((o,i)=>{
    const n=Number(votes[i]||0);
    const scale=n/max;
    const kind=safe186PollLabelKind(o);
    const size=(kind==='emoji') ? (22+scale*64) : (kind==='mixed' ? (24+scale*28) : (24+scale*20));
    const rot=kind==='emoji' ? 0 : rots[i%rots.length];
    const lift=kind==='emoji' ? 0 : lifts[i%lifts.length];
    const spot=spots[i%spots.length];
    return {label:o,count:n,size,opacity:.55+scale*.45,kind,rot,lift,x:spot[0],y:spot[1]};
  }).filter(x=>x.count>0);
}

function normalizePollsForPresentation(){
  const inPresent=(document.getElementById('app')||document.body).classList.contains('present')||document.body.classList.contains('present');
  if(!inPresent)return;
  let changed=false;
  (slide().widgets||[]).forEach(w=>{
    if(w.type==='poll' && w.data && w.data.cloudView && !w.data.allowCloudInPresent){
      w.data.cloudView=false;
      changed=true;
    }
  });
  if(changed){save();render();}
}

function togglePollCloudView(w,el){
  w.data.cloudView=!w.data.cloudView;
  fillContent(el,w);
  save();
}
// v1.0.71: global bro til titelknap-event, fordi hjælpe-script udenfor closure ikke kan nå lokale funktioner.
window.tavleTogglePollCloudByWidgetId=function(id){
  const w=findWidget(id);
  if(!w || w.type!=='poll')return false;
  const el=document.querySelector('.widget[data-id="'+CSS.escape(String(id))+'"]');
  togglePollCloudView(w,el);
  return true;
};

function pollTotal(w){return (w.data.votes||[]).reduce((a,b)=>a+(Number(b)||0),0)}
function pollTotalLabel(w){const n=pollTotal(w);return n+' '+(n===1?'stemme':'stemmer')}
function parsePollOptionsText(txt){
  return String(txt||'').split(/\r?\n/).map(x=>String(x||'').trim()).filter(Boolean);
}
function renderPollResults(w){
  const opts=w.data.options||['😀','🙂','😐','🙁','😡'];
  const votes=w.data.votes||opts.map(()=>0);
  const total=Math.max(1,pollTotal(w));
  return opts.map((o,i)=>{
    const n=Number(votes[i]||0),pct=Math.round(n/total*100);
    return `<div class="pollRow"><div>${esc(o)}</div><div class="pollBar"><div class="pollFill" style="width:${pct}%"></div></div><div>${n} (${pct}%)</div></div>`;
  }).join('');
}
function wirePoll(c,w,el){
  c.querySelectorAll('.pollChoice').forEach(btn=>btn.onclick=()=>{
    const i=Number(btn.dataset.i);
    w.data.votes=w.data.votes||[];
    w.data.votes[i]=(Number(w.data.votes[i]||0)+1);
    fillContent(el,w);save();
  });
  const resetBtn=c.querySelector('.pollReset');
  if(resetBtn)resetBtn.onclick=()=>{if(confirm('Nulstil stemmer?')){w.data.votes=(w.data.options||[]).map(()=>0);fillContent(el,w);save()}};
  const q=c.querySelector('.pollQuestion');
  if(q)q.onclick=(e)=>{
    e.preventDefault();
    e.stopPropagation();
    q.classList.remove('pollTitlePop');
    void q.offsetWidth;
    q.classList.add('pollTitlePop');
    togglePollCloudView(w,el);
  };
  const presentCb=c.querySelector('.pollPresentResults');
  if(presentCb)presentCb.onchange=()=>{
    const on=!!presentCb.checked;
    w.data.showResults=on;
    w.data.allowCloudInPresent=on;
    if(!on && w.data.cloudView && ((document.getElementById('app')||document.body).classList.contains('present')||document.body.classList.contains('present'))){
      w.data.cloudView=false;
    }
    fillContent(el,w);
    save();
  };
  c.querySelectorAll('.pollModeToggle,.pollCloud').forEach(btn=>{
    btn.onclick=(e)=>{e.preventDefault();e.stopPropagation();togglePollCloudView(w,el)};
  });
  c.querySelectorAll('.pollCloudView span').forEach(sp=>sp.onclick=()=>cloudInfo(sp.dataset.label,sp.dataset.count+' stemmer'));
  const editBtn=c.querySelector('.pollEdit');
  if(editBtn)editBtn.onclick=()=>{
    showModal(`<h2>Rediger afstemning</h2>
      <label>Spørgsmål<br><input id="pollQ" value="${esc(w.data.question||'Hvordan går det?')}" style="width:100%"></label>
      <label>Svarmuligheder<br><textarea id="pollOpts" style="width:100%;min-height:120px;resize:vertical">${esc((w.data.options||['😀','🙂','😐','🙁','😡']).join('\n'))}</textarea></label>
      <p class="note">Skriv én svarmulighed pr. linje. Så bevares svar som “Helt enig” og “Delvist enig” korrekt. Du kan også hente svarmuligheder fra en listewidget, datawidget eller demoliste.</p>
      <button id="pollLoadList">Hent svarmuligheder</button><button id="pollSaveList">Gem resultat som datawidget</button><button id="close">Luk</button>`);
    const loadListBtn=modal.querySelector('#pollLoadList');
    if(loadListBtn)loadListBtn.onclick=()=>{
      chooseSharedList('Hent svarmuligheder til afstemning',(name,items,meta)=>{
        const restored=meta&&meta.pollResult;
        if(restored&&Array.isArray(restored.options)&&restored.options.length){
          w.data.question=restored.question||w.data.question||'Afstemning';
          w.data.options=restored.options;
          w.data.votes=restored.votes||restored.options.map(()=>0);
          fillContent(el,w);
          save();
          toast('Afstemning gendannet fra '+((meta&&meta.type==='dataset')?'datawidget':'liste')+': '+restored.options.length);
          return;
        }
        const opts=(items||[]).map(x=>String(x||'').trim()).filter(Boolean);
        if(!opts.length){toast('Listen er tom');return}
        if(meta&&meta.type==='demoList'&&meta.demo&&meta.demo.question){
          w.data.question=String(meta.demo.question||'').trim()||w.data.question||'Afstemning';
        }
        w.data.options=opts;
        w.data.votes=opts.map(()=>0);
        fillContent(el,w);
        save();
        toast((meta&&meta.type==='dataset'?'Datawidget hentet som svarliste: ':'Svarliste hentet: ')+opts.length);
      });
    };
    const saveListBtn=modal.querySelector('#pollSaveList');
    if(saveListBtn)saveListBtn.onclick=(ev)=>{
      if(ev){ev.preventDefault();ev.stopPropagation();}
      const opts=parsePollOptionsText(modal.querySelector('#pollOpts')?.value||'');
      if(!opts.length){toast('Ingen svarmuligheder at gemme');return false}
      /* SAFE145: Gem afstemningsresultater som CSV i en synlig listewidget.
         CSV med headerrække kan senere parses til datawidget via tekst/listens data-knap. */
      const q=(modal.querySelector('#pollQ')?.value||w.data.question||'Afstemning').trim()||'Afstemning';
      const votes=(w.data.votes||[]).map(v=>Number(v)||0);
      const total=votes.reduce((a,b)=>a+b,0);
      const csvCell=function(v){
        const t=String(v==null?'':v);
        return /[",\n;]/.test(t)?'"'+t.replace(/"/g,'""')+'"':t;
      };
      /* SAFE146: Gem afstemningsresultater direkte som datawidget/datasæt.
         Det undgår at en CSV-liste importeres tilbage i afstemningswidgetten og giver en redigerbar tabelkilde. */
      const rows=opts.map((o,i)=>{
        const n=Number(votes[i]||0);
        const pct=total?Math.round(n/total*100):0;
        return [String(o),String(n),String(pct)];
      });
      const name=('Afstemningsresultater - '+q).slice(0,70);
      const ds={
        id:uid(),
        name:name,
        type:'poll-results',
        columns:['Svar','Stemmer','Procent'],
        rows:rows,
        sourceName:q,
        importedAt:Date.now()
      };
      closeModal();
      try{
        updateDatasetInState(ds);
        const dw=addDatasetWidget(ds,{x:Math.max(24,Math.min((w.x||140)+36,innerWidth-700)),y:Math.max(80,Math.min((w.y||130)+36,innerHeight-440))});
        if(dw){
          dw.title='📊 '+name;
          dw.data=dw.data||{};
          dw.data.sourceType='poll-results';
          dw.data.sourcePollQuestion=q;
          render();
          select(dw.id,{editText:false});
          save();
        }
        toast('Resultat-datawidget oprettet: '+rows.length+' rækker');
      }catch(err){
        console.error(err);
        toast('Kunne ikke oprette resultat-datawidget');
      }
      return false;
    };
    const applyPollEditLive=()=>{
      const qInput=modal.querySelector('#pollQ');
      const optsInput=modal.querySelector('#pollOpts');
      if(!qInput||!optsInput)return;
      const oldVotes=Array.isArray(w.data.votes)?w.data.votes:[];
      w.data.question=qInput.value.trim()||'Afstemning';
      const opts=parsePollOptionsText(optsInput.value);
      w.data.options=opts.length?opts:['😀','🙂','😐','🙁','😡'];
      w.data.votes=w.data.options.map((_,i)=>Number(oldVotes[i]||0));
      fillContent(el,w);
      save();
    };
    const pollQInput=modal.querySelector('#pollQ');
    const pollOptsInput=modal.querySelector('#pollOpts');
    if(pollQInput)pollQInput.oninput=applyPollEditLive;
    if(pollOptsInput)pollOptsInput.oninput=applyPollEditLive;
    modal.querySelector('#close').onclick=()=>{applyPollEditLive();document.removeEventListener('keydown',window.__bgKeyHandler,true);modalBack.classList.remove('bgModalKeyboard','bgPreviewing');closeModal()};
  };
}


function kahoopardyDefaults(){return {mode:'kahoot',currentQuestion:0,currentTeam:0,teams:[{name:'Hold 1',score:0,correct:0},{name:'Hold 2',score:0,correct:0}],questions:[{category:'Demo',question:'Hvad hedder hovedpersonen?',answer:'Måns',correctIndex:0,points:100,options:['Måns','Mette','Marie','Mads']}],selections:{},awarded:{},autoAwarded:{},optionOrders:{},usedQuestions:{},reveal:false,stage:'question',editing:true};}
function normalizeKahoopardy(w){
  w.data=Object.assign(kahoopardyDefaults(),w.data||{});
  if(!Array.isArray(w.data.teams)||!w.data.teams.length)w.data.teams=kahoopardyDefaults().teams;
  if(!Array.isArray(w.data.questions)||!w.data.questions.length)w.data.questions=kahoopardyDefaults().questions;
  w.data.questions=w.data.questions.map(q=>{
    q=Object.assign({category:'Quiz',question:'Spørgsmål',points:100,options:['Svar 1','Svar 2','Svar 3','Svar 4']},q||{});
    q.options=(q.options||[]).slice(0,4); while(q.options.length<4)q.options.push('Svar '+(q.options.length+1));
    let ci=Number.isFinite(Number(q.correctIndex))?Number(q.correctIndex):-1;
    if(ci<0||ci>3){ci=q.options.findIndex(o=>String(o).trim()===String(q.answer||'').trim());}
    if(ci<0||ci>3)ci=0;
    q.correctIndex=ci;
    q.answer=q.options[ci]||q.answer||q.options[0]||'';
    q.points=Number(q.points)||100;
    return q;
  });
  w.data.currentQuestion=Math.max(0,Math.min(Number(w.data.currentQuestion)||0,w.data.questions.length-1));
  w.data.currentTeam=(w.data.currentTeam===-1)?-1:Math.max(0,Math.min(Number(w.data.currentTeam)||0,w.data.teams.length-1));
  w.data.selections=w.data.selections||{};w.data.awarded=w.data.awarded||{};w.data.autoAwarded=w.data.autoAwarded||{};w.data.optionOrders=w.data.optionOrders||{};w.data.usedQuestions=w.data.usedQuestions||{};w.data.mode=(w.data.mode==='jeopardy'||w.data.mode==='master')?w.data.mode:'kahoot';w.data.stage=w.data.stage||'question';
}
function currentKahoopardyQuestion(w){normalizeKahoopardy(w);return w.data.questions[w.data.currentQuestion]||kahoopardyDefaults().questions[0];}
function kahoopardyCSV(w){normalizeKahoopardy(w);return ['Kategori,Spørgsmål,Point,Korrekt,Mulighed1,Mulighed2,Mulighed3,Mulighed4'].concat((w.data.questions||[]).map(q=>[q.category,q.question,q.points,(Number(q.correctIndex)||0)+1].concat((q.options||[]).slice(0,4)).map(kahoopardyCSVCell).join(','))).join('\n');}
function kahoopardyCSVCell(v){v=String(v??'');return /[",\n]/.test(v)?'"'+v.replace(/"/g,'""')+'"':v;}
function parseKahoopardyCSVLine(line){const out=[];let cur='',q=false;for(let i=0;i<line.length;i++){const ch=line[i];if(q&&ch==='"'&&line[i+1]==='"'){cur+='"';i++;continue}if(ch==='"'){q=!q;continue}if(ch===','&&!q){out.push(cur.trim());cur='';continue}cur+=ch}out.push(cur.trim());return out;}
function parseKahoopardyCSV(text){const lines=String(text||'').split(/\r?\n/).map(x=>x.trim()).filter(Boolean);if(lines.length&&/^kategori\s*,/i.test(lines[0]))lines.shift();const qs=lines.map(parseKahoopardyCSVLine).filter(r=>r.length>=7).map(r=>{let oldFormat=r.length>=8&&!/^\d+$/.test(r[3]);let opts=oldFormat?[r[4],r[5],r[6],r[7]]:[r[4],r[5],r[6],r[7]];let answer=oldFormat?r[2]:'';let ci=oldFormat?opts.findIndex(x=>String(x).trim()===String(answer).trim()):(Number(r[3])-1);if(ci<0||ci>3)ci=0;return {category:r[0]||'Quiz',question:r[1]||'Spørgsmål',points:Number(oldFormat?r[3]:r[2])||100,correctIndex:ci,answer:opts[ci]||'',options:opts.map(x=>String(x||'').trim()).slice(0,4)}}).filter(q=>q.question&&q.options.length===4&&q.options.every(Boolean));if(!qs.length)throw new Error('Ingen gyldige spørgsmål. Brug tabellen i editoren.');return qs;}
function kahoopardyCorrectIndex(q){let ci=Number(q&&q.correctIndex); if(!Number.isFinite(ci)||ci<0||ci>3){ci=(q.options||[]).findIndex(o=>String(o).trim()===String(q.answer||'').trim());} return (ci>=0&&ci<=3)?ci:0;}
function kahoopardyEditRowsHtml(w){
  normalizeKahoopardy(w);
  const rows=(w.data.questions&&w.data.questions.length?w.data.questions:kahoopardyDefaults().questions);
  return `<div class="kahoopardyTableWrap"><table class="kahoopardyTable"><thead><tr><th>Kategori</th><th>Spørgsmål</th><th>Point</th><th>Rigtigt svar</th><th>Forkert svar 1</th><th>Forkert svar 2</th><th>Forkert svar 3</th><th></th></tr></thead><tbody>${
    rows.map((q,ri)=>{
      const o=(q.options||[]);
      return `<tr data-row="${ri}">
        <td><input data-field="category" value="${esc(q.category||'')}"></td>
        <td><input data-field="question" value="${esc(q.question||'')}"></td>
        <td><input class="points" data-field="points" type="number" min="0" step="10" value="${Number(q.points)||100}"></td>
        <td><input data-field="option0" value="${esc(o[0]||'')}"></td>
        <td><input data-field="option1" value="${esc(o[1]||'')}"></td>
        <td><input data-field="option2" value="${esc(o[2]||'')}"></td>
        <td><input data-field="option3" value="${esc(o[3]||'')}"></td>
        <td><button type="button" class="deleteRow">Slet</button></td>
      </tr>`;
    }).join('')
  }</tbody></table></div>`;
}
function kahoopardyReadTable(c){
  const rows=[...c.querySelectorAll('.kahoopardyTable tbody tr')];
  const qs=rows.map(tr=>{
    const get=f=>{const i=tr.querySelector(`[data-field="${f}"]`);return String(i?i.value:'').trim();};
    const opts=[0,1,2,3].map(i=>get('option'+i));
    const ci=0;
    return {category:get('category')||'Quiz',question:get('question')||'Spørgsmål',points:Number(get('points'))||100,correctIndex:0,answer:opts[0]||'',options:opts};
  }).filter(q=>q.question&&q.options.every(Boolean));
  if(!qs.length)throw new Error('Der skal være mindst ét spørgsmål, og alle fire svarmuligheder skal være udfyldt.');
  return qs;
}
function kahoopardySplitDelimitedLine(line,delim){
  if(delim==='\t')return String(line||'').split('\t').map(x=>x.trim());
  return parseKahoopardyCSVLine(String(line||''));
}
function kahoopardyImportQuestionsFromText(text){
  text=String(text||'').trim();
  if(!text)throw new Error('Importfilen er tom.');
  const lines=text.split(/\r?\n/).filter(x=>String(x).trim());
  if(!lines.length)throw new Error('Importfilen er tom.');
  const delim=(lines[0].indexOf('\t')>=0)?'\t':',';
  const header=kahoopardySplitDelimitedLine(lines[0],delim).map(h=>String(h||'').trim().toLowerCase());
  const hasHeader=header.some(h=>['kategori','spørgsmål','sporgsmal','question','point','points','rigtigt svar','korrekt svar'].includes(h));
  if(!hasHeader)return parseKahoopardyCSV(text);
  const idx=(names)=>{for(const n of names){const i=header.indexOf(n);if(i>=0)return i;}return -1;};
  const iCat=idx(['kategori','category']);
  const iQ=idx(['spørgsmål','sporgsmal','question','spørgsmaal']);
  const iPts=idx(['point','points']);
  const iRight=idx(['rigtigt svar','korrekt svar','svar','answer','mulighed 1','rigtig']);
  const iW1=idx(['forkert svar 1','forkert 1','mulighed 2','wrong 1']);
  const iW2=idx(['forkert svar 2','forkert 2','mulighed 3','wrong 2']);
  const iW3=idx(['forkert svar 3','forkert 3','mulighed 4','wrong 3']);
  if(iQ<0||iRight<0)throw new Error('Importen skal mindst have kolonnerne Spørgsmål og Rigtigt svar.');
  const qs=[];
  for(let li=1;li<lines.length;li++){
    const r=kahoopardySplitDelimitedLine(lines[li],delim);
    const val=i=>i>=0?String(r[i]||'').trim():'';
    const opts=[val(iRight),val(iW1)||'Forkert svar 1',val(iW2)||'Forkert svar 2',val(iW3)||'Forkert svar 3'];
    const q={category:val(iCat)||'Quiz',question:val(iQ)||'Spørgsmål',points:Number(val(iPts))||100,correctIndex:0,answer:opts[0],options:opts};
    if(q.question&&opts[0])qs.push(q);
  }
  if(!qs.length)throw new Error('Ingen gyldige spørgsmål fundet i importen.');
  return qs;
}
function kahoopardyAllJeopardyUsed(w){
  normalizeKahoopardy(w);
  const used=w.data.usedQuestions||{};
  return (w.data.questions||[]).length>0 && (w.data.questions||[]).every((_,i)=>!!used[i]);
}

function kahoopardyScoreboardHtml(w){
  normalizeKahoopardy(w);
  const teams=(w.data.teams||[]).slice().map((t,i)=>({
    idx:i,
    name:String(t.name||('Hold '+(i+1))),
    score:Number(t.score)||0,
    correct:Number(t.correct)||0
  })).sort((a,b)=>(b.score-a.score)||(b.correct-a.correct)||a.idx-b.idx);
  const groups=[];
  teams.forEach(t=>{
    const last=groups[groups.length-1];
    if(last&&last.score===t.score&&last.correct===t.correct) last.teams.push(t);
    else groups.push({score:t.score,correct:t.correct,teams:[t]});
  });
  let rank=1;
  return groups.map((g,gi)=>{
    const label=rank===1?'1. plads':rank+'. plads';
    const rankClass=rank===1?'kahoopardyScoreRank1':rank===2?'kahoopardyScoreRank2':rank===3?'kahoopardyScoreRank3':'kahoopardyScoreRankOther';
    const cards=g.teams.map(t=>`<div class="kahoopardyScoreRow"><span class="kahoopardyRank">${esc(label)}</span><span class="kahoopardyScoreName">${esc(t.name)}</span><span class="kahoopardyScoreMeta">${t.score} point · ${t.correct} rigtige</span></div>`).join('');
    // Tæt rangering til klassevisning: 1, 1, 2, 2.
    rank+=1;
    return `<div class="kahoopardyScoreTieGroup ${rankClass} ${gi===0?'top':''}">${cards}</div>`;
  }).join('');
}
function kahoopardyModeBarHtml(w){
  normalizeKahoopardy(w);
  return `<div class="kahoopardyModeBar"><button type="button" class="startQuizMode ${w.data.mode==='kahoot'?'active':''}" data-mode="kahoot">▶ Kahoot</button><button type="button" class="startQuizMode ${w.data.mode==='jeopardy'?'active':''}" data-mode="jeopardy">▶ Jeopardy</button><button type="button" class="startQuizMode ${w.data.mode==='master'?'active':''}" data-mode="master">▶ Mester</button></div>`;
}
////////////////////////////////////////////////////////////
// KAHOOPARDY
////////////////////////////////////////////////////////////
/*
KAHOOPARDY — FØLSOMT OMRÅDE
- Undgå ændringer i template literals, mode-knapper og rendering uden meget snæver test.
- Injicér ikke scripts i eller omkring dens HTML-templates.
- Tidligere fejl viste en rå template-streng i DOM med kahoopardyModeName(currentMode). Undgå at kopiere template-udtryk ind i kommentarer eller patches.
- Kontrollér altid både Kahoot-, Jeopardy- og Mester-tilstand efter ændringer.
*/
function kahoopardyModeName(m){return m==='jeopardy'?'Jeopardy':m==='master'?'Mester':'Kahoot';}
function kahoopardyNextMode(m){return m==='kahoot'?'jeopardy':(m==='jeopardy'?'master':'kahoot');}
function kahoopardyStageForMode(m){return m==='jeopardy'?'board':'question';}
function kahoopardyFixedModeButtonHtml(w){
  normalizeKahoopardy(w);
  const currentMode=(w.data.mode==='jeopardy'||w.data.mode==='master')?w.data.mode:'kahoot';
  const nextMode=kahoopardyNextMode(currentMode);
  // Knappen viser altid AKTUEL tilstand, men klik cykler videre til næste tilstand.
  return `<button type="button" class="cycleMode kahoopardyModeSwitchFixed" data-mode="${nextMode}" title="Aktiv tilstand: ${kahoopardyModeName(currentMode)}. Klik for næste. K/J/M vælger direkte.">${kahoopardyModeName(currentMode)}</button>`;
}
function kahoopardyActionBarHtml(w, primaryHtml){
  normalizeKahoopardy(w);
  const reset=(w.data.stage==='score'||w.data.stage==='done')?'<button type="button" class="resetPoints danger">↺ Nulstil points</button>':'';
  return `<div class="kahoopardyActionBar">${primaryHtml||''}<button type="button" class="editQuestions settingsBtn" title="Indstillinger / redigér spørgsmål" aria-label="Indstillinger / redigér spørgsmål">⚙️</button>${reset}</div>`;
}
function kahoopardyResetPoints(w){
  normalizeKahoopardy(w);
  (w.data.teams||[]).forEach(t=>{t.score=0;t.correct=0;});
  w.data.currentQuestion=0;w.data.currentTeam=0;w.data.selections={};w.data.awarded={};w.data.autoAwarded={};w.data.optionOrders={};w.data.usedQuestions={};w.data.reveal=false;w.data.stage=kahoopardyStageForMode(w.data.mode);
}
function kahoopardyPlayAgain(w,mode){
  normalizeKahoopardy(w);
  if(mode)w.data.mode=(mode==='jeopardy'||mode==='master')?mode:'kahoot';
  w.data.usedQuestions={};w.data.selections={};w.data.awarded={};w.data.autoAwarded={};w.data.optionOrders={};w.data.currentQuestion=0;w.data.currentTeam=Math.max(0,Math.min(Number(w.data.currentTeam)||0,w.data.teams.length-1));w.data.reveal=false;w.data.stage=kahoopardyStageForMode(w.data.mode);
}
function kahoopardyAllQuestionsUsed(w){
  normalizeKahoopardy(w);
  return (w.data.questions||[]).length>0 && (w.data.questions||[]).every((_,i)=>!!(w.data.usedQuestions&&w.data.usedQuestions[i]));
}
function kahoopardyFindNextUnused(w,start){
  normalizeKahoopardy(w);
  const n=(w.data.questions||[]).length;
  if(!n)return -1;
  for(let step=0;step<n;step++){
    const idx=((Number(start)||0)+step+n)%n;
    if(!(w.data.usedQuestions&&w.data.usedQuestions[idx]))return idx;
  }
  return -1;
}
function kahoopardyPrepareNextQuestion(w,preferred){
  normalizeKahoopardy(w);
  const idx=kahoopardyFindNextUnused(w,Number.isFinite(Number(preferred))?Number(preferred):w.data.currentQuestion);
  if(idx<0){w.data.stage='done';return false;}
  w.data.currentQuestion=idx;w.data.reveal=false;if(w.data.mode==='kahoot')w.data.currentTeam=0;else w.data.currentTeam=Math.max(0,Math.min(Number(w.data.currentTeam)||0,w.data.teams.length-1));w.data.stage=(w.data.mode==='jeopardy')?'board':'question';
  kahoopardyResetQuestionRound(w,idx);
  return true;
}

function kahoopardyJeopardyCardStyle(catIndex,points,minPoint,maxPoint,used){
  const p=Number(points)||0;
  const min=Number(minPoint)||p;
  const max=Number(maxPoint)||p;
  const range=Math.max(1,max-min);
  const t=Math.max(0,Math.min(1,(p-min)/range));
  const hue=(215 + (Number(catIndex)||0)*58)%360;
  const sat=Math.round(60 + t*25);
  const light=Math.round(31 + t*7);
  const light2=Math.round(22 + t*5);
  const borderLight=Math.round(58 + t*14);
  const shadow=0.16 + t*0.16;
  if(used)return '';
  return ` style="background:linear-gradient(135deg,hsl(${hue} ${sat}% ${light}%),hsl(${(hue+18)%360} ${Math.max(52,sat-8)}% ${light2}%));box-shadow:0 8px 18px rgba(0,0,0,.22), inset 0 0 0 ${1+t*2}px hsl(${hue} 84% ${borderLight}% / .34), 0 0 ${Math.round(4+t*12)}px hsl(${hue} 90% 55% / ${shadow});filter:saturate(${(0.92+t*0.28).toFixed(2)}) brightness(${(0.94+t*0.08).toFixed(2)});"`;
}

function kahoopardyJeopardyBoardHtml(w){
  normalizeKahoopardy(w);
  const cats=[];
  (w.data.questions||[]).forEach((q,i)=>{
    const name=String(q.category||'Quiz').trim()||'Quiz';
    let g=cats.find(x=>x.name===name); if(!g){g={name,items:[]};cats.push(g);}
    g.items.push({q,i,points:Number(q.points)||100});
  });
  // Klassisk Jeopardy-board: kategorier som faste kolonne-headers,
  // og pointkort sorteret med laveste point øverst og højeste nederst.
  cats.forEach(g=>g.items.sort((a,b)=>a.points-b.points||a.i-b.i));
  const colCount=Math.max(1,cats.length);
  const maxRows=Math.max(1,...cats.map(g=>g.items.length));
  const available=[];
  cats.forEach(g=>g.items.forEach(it=>{if(!(w.data.usedQuestions&&w.data.usedQuestions[it.i]))available.push(it.i);}));
  if(!available.length)w.data.jeopardyFocus=-1;
  else if(!available.includes(Number(w.data.jeopardyFocus)))w.data.jeopardyFocus=available[0];
  const activeTeam=(w.data.teams[w.data.currentTeam]||{}).name||'Hold';
  const cols=cats.map((g,catIndex)=>{
    const pts=g.items.map(it=>Number(it.points)||0);
    const minPoint=Math.min(...pts);
    const maxPoint=Math.max(...pts);
    let inner=`<div class="kahoopardyJeopardyCat" title="${esc(g.name)}" style="--catHue:${(215+catIndex*58)%360}">${esc(g.name)}</div>`;
    for(let r=0;r<maxRows;r++){
      const it=g.items[r];
      if(!it){inner+=`<div class="kahoopardyJeopardyBlank"></div>`;continue;}
      const used=!!(w.data.usedQuestions&&w.data.usedQuestions[it.i]);
      inner+=`<button type="button" class="kahoopardyJeopardyCard ${used?'used':''} ${Number(w.data.jeopardyFocus)===it.i?'focused':''}" data-question="${it.i}" ${used?'disabled aria-disabled="true"':''}${kahoopardyJeopardyCardStyle(catIndex,it.points,minPoint,maxPoint,used)}>${it.points}</button>`;
    }
    return `<div class="kahoopardyJeopardyCol" style="--jp-rows:${maxRows}">${inner}</div>`;
  }).join('');
  const style=`grid-template-columns:repeat(${colCount},minmax(0,1fr));`;
  const done=kahoopardyAllJeopardyUsed(w);
  const banner=done?'Alle pointkort er brugt':`${esc(activeTeam)} vælger kategori og point`;
  const primary=done?'<button type="button" class="jeopardyToScore next">Stilling</button><button type="button" class="playAgain secondary">Spil igen</button>':'';
  return `<div class="kahoopardyJeopardy"><div class="kahoopardyJeopardyTurnBanner ${done?'kahoopardyJeopardyDone':''}">${banner}</div><div class="kahoopardyJeopardyGrid jeopardyColumns" style="${style}">${cols}</div>${kahoopardyActionBarHtml(w,primary)}</div>`;
}

function kahoopardyShuffle(arr){
  arr=arr.slice();
  for(let i=arr.length-1;i>0;i--){const j=Math.floor(Math.random()*(i+1));const t=arr[i];arr[i]=arr[j];arr[j]=t;}
  return arr;
}
function kahoopardyOptionOrder(w){
  normalizeKahoopardy(w);
  const qKey=String(w.data.currentQuestion);
  w.data.optionOrders=w.data.optionOrders||{};
  let order=w.data.optionOrders[qKey];
  if(!Array.isArray(order)||order.length!==4||order.some(x=>![0,1,2,3].includes(Number(x)))){
    order=kahoopardyShuffle([0,1,2,3]);
    w.data.optionOrders[qKey]=order;
  }
  return order.map(Number);
}
function kahoopardyResetQuestionRound(w,qIndex){
  normalizeKahoopardy(w);
  const qKey=String(qIndex);
  if(w.data.selections)delete w.data.selections[qKey];
  if(w.data.awarded)delete w.data.awarded[qKey];
  if(w.data.autoAwarded)delete w.data.autoAwarded[qKey];
  if(w.data.optionOrders)delete w.data.optionOrders[qKey];
}
function kahoopardyApplyAwardsFromSelections(w){
  normalizeKahoopardy(w);
  const q=currentKahoopardyQuestion(w), qKey=String(w.data.currentQuestion), ci=kahoopardyCorrectIndex(q), pts=Number(q.points)||100;
  w.data.selections[qKey]=w.data.selections[qKey]||{}; w.data.awarded[qKey]=w.data.awarded[qKey]||{};
  (w.data.teams||[]).forEach((t,i)=>{
    if(w.data.selections[qKey][i]===ci && !w.data.awarded[qKey][i]){
      t.score=(Number(t.score)||0)+pts;
      t.correct=(Number(t.correct)||0)+1;
      w.data.awarded[qKey][i]=true;
      if(w.data.autoAwarded&&w.data.autoAwarded[qKey])w.data.autoAwarded[qKey][i]=true;
    }
  });
}

function kahoopardyAllAnswered(w){normalizeKahoopardy(w);const key=String(w.data.currentQuestion);return (w.data.teams||[]).every((_,i)=>w.data.selections[key]&&w.data.selections[key][i]!==undefined);}
function kahoopardyAutoAwardCorrect(w){
  normalizeKahoopardy(w);
  const qKey=String(w.data.currentQuestion);
  w.data.autoAwarded[qKey]=w.data.autoAwarded[qKey]||{};
  kahoopardyApplyAwardsFromSelections(w);
  Object.keys(w.data.awarded[qKey]||{}).forEach(i=>{w.data.autoAwarded[qKey][i]=true;});
}
function kahoopardyDing(){try{const A=window.AudioContext||window.webkitAudioContext;if(!A)return;const ac=new A();const o=ac.createOscillator(),g=ac.createGain();o.type='sine';o.frequency.value=880;g.gain.setValueAtTime(.0001,ac.currentTime);g.gain.exponentialRampToValueAtTime(.18,ac.currentTime+.02);g.gain.exponentialRampToValueAtTime(.0001,ac.currentTime+.18);o.connect(g);g.connect(ac.destination);o.start();o.stop(ac.currentTime+.2)}catch(e){}}
function kahoopardyApplause(){try{const A=window.AudioContext||window.webkitAudioContext;if(!A)return;const ac=new A();const master=ac.createGain();master.gain.value=.16;master.connect(ac.destination);for(let i=0;i<18;i++){const dur=.035+Math.random()*.055,start=ac.currentTime+i*.018+Math.random()*.018;const buffer=ac.createBuffer(1,Math.max(1,Math.floor(ac.sampleRate*dur)),ac.sampleRate);const data=buffer.getChannelData(0);for(let j=0;j<data.length;j++)data[j]=(Math.random()*2-1)*(1-j/data.length);const src=ac.createBufferSource();src.buffer=buffer;const filter=ac.createBiquadFilter();filter.type='bandpass';filter.frequency.value=900+Math.random()*1400;filter.Q.value=.7;const g=ac.createGain();g.gain.setValueAtTime(.001,start);g.gain.exponentialRampToValueAtTime(.35,start+.008);g.gain.exponentialRampToValueAtTime(.001,start+dur);src.connect(filter);filter.connect(g);g.connect(master);src.start(start);src.stop(start+dur+.02);}setTimeout(()=>{try{ac.close()}catch(_e){}},700)}catch(e){}}

function kahoopardyResultForQuestion(w,qi){
  normalizeKahoopardy(w);
  const q=w.data.questions[qi]||{};
  const key=String(qi), ci=kahoopardyCorrectIndex(q);
  const selections=(w.data.selections&&w.data.selections[key])||{};
  const correct=[];
  (w.data.teams||[]).forEach((t,i)=>{ if(Number(selections[i])===ci) correct.push(t.name||('Hold '+(i+1))); });
  return correct.join(', ');
}
function kahoopardySaveQuestionsDataset(w){
  normalizeKahoopardy(w);
  const teamCols=(w.data.teams||[]).map((t,i)=>(t.name||('Hold '+(i+1)))+' svar');
  const columns=['Kategori','Spørgsmål','Point','Rigtigt svar','Forkert svar 1','Forkert svar 2','Forkert svar 3','Rigtige hold'].concat(teamCols);
  const rows=(w.data.questions||[]).map((q,qi)=>{
    const opts=(q.options||[]).slice(0,4); while(opts.length<4)opts.push('');
    const key=String(qi), selections=(w.data.selections&&w.data.selections[key])||{};
    const teamAnswers=(w.data.teams||[]).map((t,i)=>opts[Number(selections[i])]||'');
    return [q.category||'',q.question||'',String(Number(q.points)||0),opts[0]||'',opts[1]||'',opts[2]||'',opts[3]||'',kahoopardyResultForQuestion(w,qi)].concat(teamAnswers);
  });
  const ds={id:'ds'+Date.now().toString(36)+Math.random().toString(36).slice(2,5),name:'KaPardy – spørgsmål og resultat',type:'csv',columns,rows,sourceName:'KaPardy',importedAt:Date.now()};
  if(typeof addDataset==='function') addDataset(ds);
  // addDatasetWidget kræver et tavlepunkt. Uden punkt forsøgte den at læse point.x
  // og viste en fejl, selv om datasættet faktisk blev oprettet.
  if(typeof addDatasetWidget==='function'){
    const p={
      x:Math.max(40,Math.min((Number(w.x)||140)+45,(window.innerWidth||1200)-520)),
      y:Math.max(80,Math.min((Number(w.y)||130)+45,(window.innerHeight||800)-360))
    };
    addDatasetWidget(ds,p);
  }
  return ds;
}


/* v1.2.45-kahoopardy-phase1.26-SAFE: Importer liste åbner intern oversigt over datawidgets/lister i appen */
function kahoopardyFindColumnIndex(cols,names){
  cols=(cols||[]).map(c=>String(c||'').trim().toLowerCase());
  for(const n of names){const i=cols.indexOf(String(n).trim().toLowerCase());if(i>=0)return i;}
  return -1;
}
function kahoopardyQuestionsFromDataset(ds){
  if(!ds||!Array.isArray(ds.rows))throw new Error('Datasættet kunne ikke læses.');
  const cols=Array.isArray(ds.columns)?ds.columns:[];
  const iCat=kahoopardyFindColumnIndex(cols,['kategori','category']);
  const iQ=kahoopardyFindColumnIndex(cols,['spørgsmål','sporgsmal','spørgsmaal','question']);
  const iPts=kahoopardyFindColumnIndex(cols,['point','points']);
  const iRight=kahoopardyFindColumnIndex(cols,['rigtigt svar','korrekt svar','svar','answer','mulighed 1','rigtig']);
  const iW1=kahoopardyFindColumnIndex(cols,['forkert svar 1','forkert 1','mulighed 2','wrong 1']);
  const iW2=kahoopardyFindColumnIndex(cols,['forkert svar 2','forkert 2','mulighed 3','wrong 2']);
  const iW3=kahoopardyFindColumnIndex(cols,['forkert svar 3','forkert 3','mulighed 4','wrong 3']);
  if(iQ<0||iRight<0)throw new Error('Datawidgetten skal have mindst Spørgsmål og Rigtigt svar.');
  const qs=[];
  (ds.rows||[]).forEach(r=>{
    r=Array.isArray(r)?r:[];
    const val=i=>i>=0?String(r[i]??'').trim():'';
    const opts=[val(iRight),val(iW1)||'Forkert svar 1',val(iW2)||'Forkert svar 2',val(iW3)||'Forkert svar 3'];
    const q={category:val(iCat)||'Quiz',question:val(iQ)||'Spørgsmål',points:Number(val(iPts))||100,correctIndex:0,answer:opts[0],options:opts};
    if(q.question&&opts[0])qs.push(q);
  });
  if(!qs.length)throw new Error('Ingen gyldige KaPardy-spørgsmål i datawidgetten.');
  return qs;
}
function kahoopardyDatasetLooksUseful(ds){
  try{ kahoopardyQuestionsFromDataset(ds); return true; }catch(_e){ return false; }
}
function kahoopardyOpenImportOverview(w,el){
  normalizeKahoopardy(w);
  const currentWidgets=(slide()&&slide().widgets)||[];
  const datasets=(state&&Array.isArray(state.datasets))?state.datasets:[];
  const datasetItems=[];
  datasets.forEach(ds=>{
    if(!ds||!kahoopardyDatasetLooksUseful(ds))return;
    const usedBy=currentWidgets.find(x=>x&&x.type==='dataset'&&x.data&&String(x.data.datasetId)===String(ds.id));
    datasetItems.push({kind:'dataset',id:String(ds.id),title:ds.name||'Datasæt',meta:(ds.rows||[]).length+' rækker · '+(ds.columns||[]).length+' kolonner'+(usedBy?' · datawidget på tavlen':'')});
  });
  const textItems=[];
  currentWidgets.forEach(tw=>{
    if(!tw||tw.type!=='text'||!tw.data||tw.data.datasetId)return;
    const raw=String(tw.data.text||'').trim();
    if(!raw)return;
    try{ const qs=kahoopardyImportQuestionsFromText(raw); if(qs&&qs.length)textItems.push({kind:'text',id:String(tw.id),title:tw.title||'Listewidget',meta:qs.length+' spørgsmål'}); }catch(_e){}
  });
  const all=[...datasetItems,...textItems];
  const cards=all.length?all.map((it,i)=>`<button type="button" class="kpImportPick" data-i="${i}"><b>${esc(it.title)}</b><small>${esc(it.kind==='dataset'?'Datawidget/datasæt':'Liste-/tekstwidget')} · ${esc(it.meta)}</small></button>`).join(''):'<p class="kpImportEmpty">Ingen egnede datawidgets eller listewidgets fundet. Brug først “Gem/backup til datawidget” eller opret en datawidget med kolonnerne Spørgsmål og Rigtigt svar.</p>';
  showModal(`<style>
    .kpImportGrid{display:grid;gap:10px;margin:12px 0;max-height:52vh;overflow:auto}
    .kpImportPick{display:block;width:100%;text-align:left;background:#eef2ff!important;color:#111827!important;border:0;border-radius:14px;padding:12px 14px!important;margin:0!important}
    .kpImportPick b{display:block;font-size:17px;margin-bottom:3px}.kpImportPick small{display:block;opacity:.72;line-height:1.25}.kpImportEmpty{background:#f3f4f6;border-radius:12px;padding:12px;line-height:1.35}
  </style><h2>Hent data til KaPardy</h2><p>Vælg en eksisterende datawidget/datasæt eller en liste-/tekstwidget i appen. KaPardy åbner ikke sin egen filimport.</p><div class="kpImportGrid">${cards}</div><button id="close">Luk</button>`);
  modal.querySelectorAll('.kpImportPick').forEach(btn=>btn.onclick=()=>{
    const it=all[Number(btn.dataset.i)];
    try{
      let qs=[];
      if(it.kind==='dataset') qs=kahoopardyQuestionsFromDataset(findDatasetById(it.id));
      else {
        const tw=currentWidgets.find(x=>String(x.id)===String(it.id));
        qs=kahoopardyImportQuestionsFromText(tw&&tw.data?tw.data.text:'');
      }
      if(!qs.length)throw new Error('Ingen spørgsmål fundet.');
      w.data.questions=qs;
      w.data.currentQuestion=0;w.data.currentTeam=0;w.data.selections={};w.data.awarded={};w.data.autoAwarded={};w.data.optionOrders={};w.data.usedQuestions={};w.data.reveal=false;w.data.stage='question';
      closeModal();
      save();renderKahoopardy(el,w);toast('Spørgsmål importeret: '+qs.length);
    }catch(ex){toast(ex&&ex.message?ex.message:'Kunne ikke importere');}
  });
  const close=modal.querySelector('#close'); if(close)close.onclick=closeModal;
}


/*
KAHOOPARDY WIDGET MAP
- Data normaliseres før rendering; mode/state ligger i w.data.
- Rendering og modeknapper er følsomme for template literals. Undgå store replacements.
- Keyboardpatches for KaPardy ligger flere steder; test Space/Enter/Cmd+Enter efter ændring.
- Ændr kun én KaPardy-del ad gangen og test straks, at ingen rå template-tekst vises i appen.
*/
function renderKahoopardy(el,w){
  normalizeKahoopardy(w);
  const c=el.querySelector('.content');
  const q=currentKahoopardyQuestion(w), qKey=String(w.data.currentQuestion), selections=w.data.selections[qKey]||{}, awarded=w.data.awarded[qKey]||{};
  const correctIndex=kahoopardyCorrectIndex(q);
  const allAnswered=kahoopardyAllAnswered(w);
  const activeOk=w.data.currentTeam>=0&&!w.data.reveal&&!allAnswered;
  const teamHtml=(w.data.teams||[]).map((t,i)=>{
    const picked=selections[i];
    const pickedText=picked!==undefined&&q.options&&q.options[picked]!==undefined?String(q.options[picked]):'';
    const isCorrect=picked!==undefined&&Number(picked)===correctIndex;
    const classes=['kahoopardyTeam'];
    if(i===w.data.currentTeam&&activeOk)classes.push('active');
    if(awarded[i])classes.push('awarded');
    if(w.data.reveal)classes.push('canAward');
    if(w.data.reveal&&w.data.autoAwarded&&w.data.autoAwarded[qKey]&&w.data.autoAwarded[qKey][i])classes.push('autoAward');
    if(w.data.reveal&&pickedText)classes.push(isCorrect?'correctChoice':'wrongChoice');
    return `<button type="button" class="${classes.join(' ')}" data-team="${i}">
      <div class="kahoopardyTeamName">${esc(t.name)}</div>
      <div class="kahoopardyTeamScore">${Number(t.score)||0}</div>
      <div class="kahoopardyTeamSmall">${Number(t.correct)||0} rigtige${pickedText?' · '+esc(pickedText):''}</div>
    </button>`;
  }).join('')+`<button type="button" class="kahoopardyAddTeam" title="Tilføj hold">+</button>`;
  if(w.data.editing){
    c.innerHTML=`<div class="kahoopardyBox">${!w.data.editing?kahoopardyFixedModeButtonHtml(w):''}<div class="kahoopardyTeams">${teamHtml}</div><div class="kahoopardyEdit">
      ${kahoopardyModeBarHtml(w)}
      <div class="kahoopardyEditHelp"><span>Mulighed 1 er altid korrekt. Gem/backup opretter datawidget; Hent data bruger interne data-/listewidgets.</span><button type="button" class="kahoopardyInfoBtn" title="Vis forklaring">?</button></div>
      ${kahoopardyEditRowsHtml(w)}
      <div class="kahoopardyEditActions"><button class="saveQuestions">Gem/backup til datawidget</button><button class="importQuestions secondary">Hent data</button><button class="addQuestionRow secondary" title="Tilføj spørgsmål (Cmd/Ctrl+Enter)">Tilføj spørgsmål</button><button class="cancelEdit secondary">Annuller</button></div>
      <div class="kahoopardyError" style="display:none"></div>
    </div></div>`;
    wireKahoopardy(c,w,el);return;
  }
  if(w.data.stage==='done'){
    c.innerHTML=`<div class="kahoopardyBox">${!w.data.editing?kahoopardyFixedModeButtonHtml(w):''}<div class="kahoopardyTeams">${teamHtml}</div><div class="kahoopardyDoneView">
      <div><div class="kahoopardyDoneTitle">Alle spørgsmål er brugt</div><div class="kahoopardyDoneText">Se stillingen – eller spil en ny runde med samme point.</div></div>
      <div class="kahoopardyReplayChoices"><button type="button" class="showFinalScore">Stilling</button><button type="button" class="playAgain">Spil igen: ${kahoopardyModeName(w.data.mode)}</button></div>
      ${kahoopardyActionBarHtml(w,'')}
    </div></div>`;
    wireKahoopardy(c,w,el);return;
  }
  if(w.data.mode==='jeopardy'&&w.data.stage==='board'){
    c.innerHTML=`<div class="kahoopardyBox">${!w.data.editing?kahoopardyFixedModeButtonHtml(w):''}<div class="kahoopardyTeams">${teamHtml}</div>${kahoopardyJeopardyBoardHtml(w)}</div>`;
    wireKahoopardy(c,w,el);return;
  }
  if(w.data.mode==='jeopardy'&&w.data.stage==='jeopardy_question'){
    const activeTeam=(w.data.teams[w.data.currentTeam]||{}).name||'Hold';
    c.innerHTML=`<div class="kahoopardyBox">${!w.data.editing?kahoopardyFixedModeButtonHtml(w):''}<div class="kahoopardyTeams">${teamHtml}</div><div class="kahoopardyJeopardyPlay">
      <div class="kahoopardyMeta"><span>${esc(q.category||'Quiz')}</span><span>${Number(q.points)||100} point</span></div>
      <div class="kahoopardyJeopardyPrompt"><div class="bigQuestion">${esc(q.question||'Spørgsmål')}</div></div>
      ${kahoopardyActionBarHtml(w,`<button type="button" class="showJeopardyAnswer primary">Vis svar</button><div class="kahoopardyJeopardyTurn">Svarende hold: ${esc(activeTeam)}</div>`)}
    </div></div>`;
    wireKahoopardy(c,w,el);return;
  }
  if(w.data.mode==='jeopardy'&&w.data.stage==='jeopardy_answer'){
    const activeTeam=(w.data.teams[w.data.currentTeam]||{}).name||'Hold';
    const correctText=(q.options&&q.options[kahoopardyCorrectIndex(q)])||q.answer||'';
    c.innerHTML=`<div class="kahoopardyBox">${!w.data.editing?kahoopardyFixedModeButtonHtml(w):''}<div class="kahoopardyTeams">${teamHtml}</div><div class="kahoopardyJeopardyPlay">
      <div class="kahoopardyMeta"><span>${esc(q.category||'Quiz')}</span><span>${Number(q.points)||100} point</span></div>
      <div class="kahoopardyJeopardyAnswer"><div><div class="answerLabel">Rigtigt svar til ${esc(activeTeam)}</div><div class="bigAnswer">${esc(correctText)}</div></div></div>
      ${kahoopardyActionBarHtml(w,`<div class="kahoopardyJeopardyJudge"><button type="button" class="jeopardyCorrect correctBtn ${(Number(w.data.judgeFocus)||0)===0?'focused':''}" data-judge="0">1 Rigtigt</button><button type="button" class="jeopardyHalf halfBtn ${(Number(w.data.judgeFocus)||0)===1?'focused':''}" data-judge="1">2 Halvt</button><button type="button" class="jeopardyWrong wrongBtn ${(Number(w.data.judgeFocus)||0)===2?'focused':''}" data-judge="2">3 Forkert</button></div>`)}
    </div></div>`;
    wireKahoopardy(c,w,el);return;
  }
  if(w.data.mode==='master'&&w.data.stage==='question'){
    const activeTeam=(w.data.teams[w.data.currentTeam]||{}).name||'Hold';
    c.innerHTML=`<div class="kahoopardyBox">${!w.data.editing?kahoopardyFixedModeButtonHtml(w):''}<div class="kahoopardyTeams">${teamHtml}</div><div class="kahoopardyMaster">
      <div class="kahoopardyMeta"><span>${esc(q.category||'Quiz')}</span><span>${Number(q.points)||100} point</span><span>${esc(activeTeam)} svarer</span></div>
      <div class="kahoopardyMasterPrompt"><div class="kahoopardyMasterQuestion">${esc(q.question||'Spørgsmål')}</div></div>
      ${kahoopardyActionBarHtml(w,`<button type="button" class="showMasterAnswer primary">Vis svar</button>`)}
    </div></div>`;
    wireKahoopardy(c,w,el);return;
  }
  if(w.data.mode==='master'&&w.data.stage==='master_answer'){
    const activeTeam=(w.data.teams[w.data.currentTeam]||{}).name||'Hold';
    const correctText=(q.options&&q.options[kahoopardyCorrectIndex(q)])||q.answer||'';
    c.innerHTML=`<div class="kahoopardyBox">${!w.data.editing?kahoopardyFixedModeButtonHtml(w):''}<div class="kahoopardyTeams">${teamHtml}</div><div class="kahoopardyMaster">
      <div class="kahoopardyMeta"><span>${esc(q.category||'Quiz')}</span><span>${Number(q.points)||100} point</span><span>${esc(activeTeam)} svarer</span></div>
      <div class="kahoopardyMasterAnswer"><div><div class="kahoopardyMasterLabel">Rigtigt svar</div><div class="kahoopardyMasterAnswerText">${esc(correctText)}</div></div></div>
      ${kahoopardyActionBarHtml(w,`<div class="kahoopardyJudgeBtns"><button type="button" class="masterCorrect correctBtn ${(Number(w.data.judgeFocus)||0)===0?'focused':''}" data-judge="0">1 Rigtigt</button><button type="button" class="masterHalf halfBtn ${(Number(w.data.judgeFocus)||0)===1?'focused':''}" data-judge="1">2 Halvt</button><button type="button" class="masterWrong wrongBtn ${(Number(w.data.judgeFocus)||0)===2?'focused':''}" data-judge="2">3 Forkert</button></div>`)}
    </div></div>`;
    wireKahoopardy(c,w,el);return;
  }
  if(w.data.stage==='score'){
    c.innerHTML=`<div class="kahoopardyBox">${!w.data.editing?kahoopardyFixedModeButtonHtml(w):''}<div class="kahoopardyTeams">${teamHtml}</div><div class="kahoopardyScoreView">
      <div class="kahoopardyScoreRows">${kahoopardyScoreboardHtml(w)}</div>
      ${kahoopardyActionBarHtml(w,kahoopardyAllQuestionsUsed(w)?`<button type="button" class="playAgain next">Spil igen: ${kahoopardyModeName(w.data.mode)}</button>`:`<button type="button" class="nextQuestion next">Næste spørgsmål</button>`)}
    </div></div>`;
    wireKahoopardy(c,w,el);return;
  }
  const color=['red','blue','yellow','green'];
  const order=kahoopardyOptionOrder(w);
  const optHtml=order.map((orig,displayIndex)=>`<button type="button" class="kahoopardyOption ${color[displayIndex]||'blue'} ${activeOk&&selections[w.data.currentTeam]===orig?'selectedByActive':''} ${w.data.reveal&&orig===correctIndex?'correct':''}" data-option="${orig}"><span class="check">✓</span>${esc((q.options||[])[orig]||'')}</button>`).join('');
  const answerHint='';
  const bottom=!w.data.reveal?(allAnswered?`<button type="button" class="revealAnswer primary">Se svar</button>`:`<div class="kahoopardyHint">Aktivt hold: ${activeOk?esc((w.data.teams[w.data.currentTeam]||{}).name||'Hold'):'Alle hold har svaret'}</div>`):`<button type="button" class="continueScore next">Stilling</button>`;
  c.innerHTML=`<div class="kahoopardyBox">${!w.data.editing?kahoopardyFixedModeButtonHtml(w):''}<div class="kahoopardyTeams">${teamHtml}</div><div class="kahoopardyMain">
    <div class="kahoopardyMeta"><span>${esc(q.category||'Quiz')}</span><span>${Number(q.points)||100} point</span></div>
    <div class="kahoopardyQuestion">${esc(q.question||'Spørgsmål')}</div>
    ${answerHint}
    <div class="kahoopardyOptions">${optHtml}</div>
    ${kahoopardyActionBarHtml(w,bottom)}
  </div></div>`;
  wireKahoopardy(c,w,el);
}
function wireKahoopardy(c,w,el){
  c.querySelectorAll('button').forEach(b=>{
    b.addEventListener('pointerdown',e=>e.stopPropagation(),{passive:true});
    b.addEventListener('click',e=>e.stopPropagation());
  });
  c.querySelectorAll('.kahoopardyTable input[type="text"], .kahoopardyTable input:not([type])').forEach(inp=>{
    inp.addEventListener('focus',()=>setTimeout(()=>{try{inp.select()}catch(_e){}},0));
    inp.addEventListener('keydown',e=>{
      if(e.key==='Enter'){
        e.preventDefault();
        const tr=inp.closest('tr');
        const field=inp.getAttribute('data-field');
        const rows=[...c.querySelectorAll('.kahoopardyTable tbody tr')];
        const ri=rows.indexOf(tr);
        const dir=e.shiftKey?-1:1;
        let next=null;
        for(let step=1;step<=rows.length;step++){
          const row=rows[(ri+dir*step+rows.length)%rows.length];
          next=row&&row.querySelector(`[data-field="${field}"]`);
          if(next&&!next.disabled)break;
        }
        if(!next){
          const fields=[...c.querySelectorAll('.kahoopardyTable input')].filter(x=>!x.disabled);
          const idx=fields.indexOf(inp); next=fields[idx+1]||fields[0];
        }
        if(next){next.focus(); if(next.select) setTimeout(()=>next.select(),0);}
      }
    });
  });
  const rerender=()=>{save();renderKahoopardy(el,w);};
  const add=c.querySelector('.kahoopardyAddTeam');
  if(add)add.onclick=e=>{e.preventDefault();normalizeKahoopardy(w);const n=w.data.teams.length+1;w.data.teams.push({name:'Hold '+n,score:0,correct:0});rerender();};
  c.querySelectorAll('.kahoopardyOption').forEach(btn=>btn.onclick=e=>{
    e.preventDefault();
    normalizeKahoopardy(w);
    if(w.data.reveal||kahoopardyAllAnswered(w))return;
    const qKey=String(w.data.currentQuestion);
    w.data.selections[qKey]=w.data.selections[qKey]||{};
    w.data.selections[qKey][w.data.currentTeam]=Number(btn.dataset.option);
    let next=-1;
    for(let i=0;i<w.data.teams.length;i++){
      const cand=(w.data.currentTeam+1+i)%w.data.teams.length;
      if(w.data.selections[qKey][cand]===undefined){next=cand;break;}
    }
    w.data.currentTeam=next;
    rerender();
  });
  const reveal=c.querySelector('.revealAnswer');
  if(reveal)reveal.onclick=e=>{e.preventDefault();w.data.reveal=true;w.data.currentTeam=-1;kahoopardyAutoAwardCorrect(w);kahoopardyDing();rerender();};
  c.querySelectorAll('.kahoopardyTeam').forEach(btn=>btn.onclick=e=>{
    e.preventDefault();
    normalizeKahoopardy(w);
    const i=Number(btn.dataset.team);
    if(!w.data.reveal){
      const qKey=String(w.data.currentQuestion);
      if(!w.data.selections[qKey]||w.data.selections[qKey][i]===undefined)w.data.currentTeam=i;
      rerender();
      return;
    }
    const q=currentKahoopardyQuestion(w),qKey=String(w.data.currentQuestion), pts=Number(q.points)||100;
    w.data.awarded[qKey]=w.data.awarded[qKey]||{}; w.data.autoAwarded[qKey]=w.data.autoAwarded[qKey]||{};
    const t=w.data.teams[i]; if(!t)return;
    if(w.data.awarded[qKey][i]){
      t.score=(Number(t.score)||0)-pts;
      t.correct=Math.max(0,(Number(t.correct)||0)-1);
      delete w.data.awarded[qKey][i]; delete w.data.autoAwarded[qKey][i];
    }else{
      t.score=(Number(t.score)||0)+pts;
      t.correct=(Number(t.correct)||0)+1;
      w.data.awarded[qKey][i]=true;
    }
    rerender();
  });
  const cont=c.querySelector('.continueScore');
  if(cont)cont.onclick=e=>{e.preventDefault();kahoopardyApplyAwardsFromSelections(w);w.data.usedQuestions=w.data.usedQuestions||{};w.data.usedQuestions[w.data.currentQuestion]=true;w.data.stage='score';kahoopardyApplause();rerender();};
  const next=c.querySelector('.nextQuestion');
  if(next)next.onclick=e=>{e.preventDefault();normalizeKahoopardy(w);if(kahoopardyAllQuestionsUsed(w)){w.data.stage='done';rerender();return;} if(w.data.mode==='jeopardy'){w.data.stage='board';w.data.reveal=false;rerender();return;} kahoopardyPrepareNextQuestion(w,(w.data.currentQuestion+1));rerender();};
  const jpScore=c.querySelector('.jeopardyToScore');
  if(jpScore)jpScore.onclick=e=>{e.preventDefault();normalizeKahoopardy(w);w.data.stage='score';kahoopardyApplause();rerender();};
  c.querySelectorAll('.editQuestions').forEach(b=>b.onclick=e=>{e.preventDefault();w.data.editing=true;rerender();});
  const cancel=c.querySelector('.cancelEdit');
  if(cancel)cancel.onclick=e=>{e.preventDefault();w.data.editing=false;rerender();};
  c.querySelectorAll('.deleteRow').forEach(b=>b.onclick=e=>{e.preventDefault();const tr=b.closest('tr');if(tr&&c.querySelectorAll('.kahoopardyTable tbody tr').length>1)tr.remove();});
  const addRow=c.querySelector('.addQuestionRow');
  if(addRow)addRow.onclick=e=>{
    e.preventDefault();
    const body=c.querySelector('.kahoopardyTable tbody'); if(!body)return;
    const ri=body.querySelectorAll('tr').length;
    const prev=body.querySelector('tr:last-child');
    const getPrev=f=>{const i=prev&&prev.querySelector(`[data-field="${f}"]`);return i?i.value:'';};
    const vals={
      category:getPrev('category')||'Demo',
      question:getPrev('question')||'Nyt spørgsmål',
      points:getPrev('points')||'100',
      option0:getPrev('option0')||'Rigtigt svar',
      option1:getPrev('option1')||'Forkert svar 1',
      option2:getPrev('option2')||'Forkert svar 2',
      option3:getPrev('option3')||'Forkert svar 3'
    };
    body.insertAdjacentHTML('beforeend',`<tr data-row="${ri}">
      <td><input data-field="category" value="${esc(vals.category)}"></td>
      <td><input data-field="question" value="${esc(vals.question)}"></td>
      <td><input class="points" data-field="points" type="number" min="0" step="10" value="${esc(vals.points)}"></td>
      <td><input data-field="option0" value="${esc(vals.option0)}"></td>
      <td><input data-field="option1" value="${esc(vals.option1)}"></td>
      <td><input data-field="option2" value="${esc(vals.option2)}"></td>
      <td><input data-field="option3" value="${esc(vals.option3)}"></td>
      <td><button type="button" class="deleteRow">Slet</button></td>
    </tr>`);
    const newRow=body.querySelector('tr:last-child');
    const wrap=c.querySelector('.kahoopardyTableWrap');
    if(wrap){
      setTimeout(()=>{try{wrap.scrollTop=wrap.scrollHeight; if(newRow)newRow.scrollIntoView({block:'nearest',inline:'nearest'});}catch(_e){}},0);
    }else if(newRow){
      setTimeout(()=>{try{newRow.scrollIntoView({block:'nearest',inline:'nearest'});}catch(_e){}},0);
    }
    wireKahoopardy(c,w,el);
    const q=newRow&&newRow.querySelector('input[data-field="question"]'); if(q){q.focus(); if(q.select)setTimeout(()=>q.select(),0);}
  };
  const importBtn=c.querySelector('.importQuestions');
  if(importBtn)importBtn.onclick=e=>{e.preventDefault();kahoopardyOpenImportOverview(w,el);};
  const infoBtn=c.querySelector('.kahoopardyInfoBtn');
  if(infoBtn)infoBtn.onclick=e=>{
    e.preventDefault();
    let old=document.querySelector('.kahoopardyLocalInfoOverlay');
    if(old)old.remove();
    const ov=document.createElement('div');
    ov.className='kahoopardyLocalInfoOverlay';
    ov.innerHTML=`<div class="kahoopardyLocalInfoBox" role="dialog" aria-modal="true" aria-label="KaPardy-data">
      <h2>KaPardy-data</h2>
      <p><b>Mulighed 1</b> er altid det rigtige svar. Appen blander selv svarmulighederne, når quizzen vises.</p>
      <p><b>Gem/backup til datawidget</b> opretter et internt datasæt med spørgsmål, svarmuligheder, quizstatus og resultater.</p>
      <p>Datawidgetten er det centrale sted for genbrug: den kan senere bruges til at oprette lister, genbruge spørgsmål i en ny KaPardy eller eksportere data videre, hvor browseren tillader download.</p>
      <button type="button" class="kahoopardyLocalInfoClose">Luk</button>
    </div>`;
    document.body.appendChild(ov);
    const close=()=>{try{ov.remove();}catch(_e){}};
    ov.addEventListener('click',ev=>{if(ev.target===ov)close();});
    const btn=ov.querySelector('.kahoopardyLocalInfoClose');
    if(btn){btn.onclick=close; setTimeout(()=>{try{btn.focus();}catch(_e){}},0);}
    const escHandler=ev=>{if(ev.key==='Escape'){close();document.removeEventListener('keydown',escHandler,true);}};
    document.addEventListener('keydown',escHandler,true);
  };

  const saveBtn=c.querySelector('.saveQuestions');
  if(saveBtn)saveBtn.onclick=e=>{
    e.preventDefault();
    const err=c.querySelector('.kahoopardyError');
    try{
      w.data.questions=kahoopardyReadTable(c);
      kahoopardySaveQuestionsDataset(w);
      save();
      if(err){err.style.display='none';err.textContent='';}
      toast('KaPardy gemt som datawidget');
    }catch(ex){if(err){err.style.display='block';err.textContent=ex.message||'Kunne ikke gemme spørgsmål';}}
  };

  c.querySelectorAll('.startQuizMode').forEach(b=>b.onclick=e=>{
    e.preventDefault();
    const err=c.querySelector('.kahoopardyError');
    try{w.data.questions=kahoopardyReadTable(c);}catch(ex){if(err){err.style.display='block';err.textContent=ex.message||'Kunne ikke starte quiz';}return;}
    normalizeKahoopardy(w);
    const m=(b.dataset.mode==='jeopardy'||b.dataset.mode==='master')?b.dataset.mode:'kahoot';
    w.data.mode=m;w.data.editing=false;w.data.currentQuestion=0;w.data.currentTeam=0;w.data.reveal=false;w.data.stage=kahoopardyStageForMode(m);
    kahoopardyResetQuestionRound(w,0);
    rerender();
  });

  c.querySelectorAll('.switchMode,.cycleMode').forEach(b=>b.onclick=e=>{
    e.preventDefault();
    normalizeKahoopardy(w);
    const m=(b.dataset.mode==='jeopardy'||b.dataset.mode==='master')?b.dataset.mode:'kahoot';
    w.data.mode=m;
    if(w.data.editing){rerender();return;}
    if(w.data.stage==='score'||w.data.stage==='done'){rerender();return;}
    w.data.stage=kahoopardyStageForMode(m);
    if(m!=='jeopardy' && (w.data.usedQuestions&&w.data.usedQuestions[w.data.currentQuestion])){kahoopardyPrepareNextQuestion(w,w.data.currentQuestion+1);}
    rerender();
  });
  c.querySelectorAll('.playAgainMode').forEach(b=>b.onclick=e=>{e.preventDefault();kahoopardyPlayAgain(w,b.dataset.mode);rerender();});
  c.querySelectorAll('.playAgain').forEach(b=>b.onclick=e=>{e.preventDefault();kahoopardyPlayAgain(w,w.data.mode);rerender();});
  c.querySelectorAll('.showFinalScore').forEach(b=>b.onclick=e=>{e.preventDefault();w.data.stage='score';kahoopardyApplause();rerender();});
  const showM=c.querySelector('.showMasterAnswer');
  if(showM)showM.onclick=e=>{e.preventDefault();normalizeKahoopardy(w);w.data.stage='master_answer';w.data.judgeFocus=0;kahoopardyDing();rerender();};
  function finishMaster(kind){
    normalizeKahoopardy(w);
    const qi=w.data.currentQuestion, q=currentKahoopardyQuestion(w), pts=Number(q.points)||100, ti=Math.max(0,Math.min(Number(w.data.currentTeam)||0,w.data.teams.length-1));
    w.data.usedQuestions=w.data.usedQuestions||{};w.data.usedQuestions[qi]=true;
    w.data.awarded=w.data.awarded||{};w.data.awarded[String(qi)]=w.data.awarded[String(qi)]||{};
    const add=kind==='correct'?pts:(kind==='half'?Math.round(pts/2):0);
    if(add&&w.data.teams[ti]&&!w.data.awarded[String(qi)][ti]){
      w.data.teams[ti].score=(Number(w.data.teams[ti].score)||0)+add;
      w.data.teams[ti].correct=(Number(w.data.teams[ti].correct)||0)+(kind==='half'?0.5:1);
      w.data.awarded[String(qi)][ti]=true;
      kahoopardyApplause();
    }else{kahoopardyDing();}
    w.data.currentTeam=(ti+1)%Math.max(1,(w.data.teams||[]).length);
    w.data.stage='score';w.data.reveal=false;
    rerender();
  }
  const mc=c.querySelector('.masterCorrect'); if(mc)mc.onclick=e=>{e.preventDefault();finishMaster('correct');};
  const mh=c.querySelector('.masterHalf'); if(mh)mh.onclick=e=>{e.preventDefault();finishMaster('half');};
  const mw=c.querySelector('.masterWrong'); if(mw)mw.onclick=e=>{e.preventDefault();finishMaster('wrong');};
  c.querySelectorAll('.resetPoints').forEach(b=>b.onclick=e=>{
    e.preventDefault();
    kahoopardyResetPoints(w);
    rerender();
  });
  c.querySelectorAll('.kahoopardyJeopardyCard').forEach(b=>b.onclick=e=>{
    e.preventDefault();
    normalizeKahoopardy(w);
    const qi=Number(b.dataset.question);
    if(!Number.isFinite(qi)||b.disabled||(w.data.usedQuestions&&w.data.usedQuestions[qi]))return;
    w.data.currentQuestion=Math.max(0,Math.min(qi,w.data.questions.length-1));
    if(!Number.isFinite(Number(w.data.currentTeam))||w.data.currentTeam<0)w.data.currentTeam=0;
    w.data.reveal=false;w.data.stage='jeopardy_question';
    kahoopardyResetQuestionRound(w,w.data.currentQuestion);
    rerender();
  });
  const showJ=c.querySelector('.showJeopardyAnswer');
  if(showJ)showJ.onclick=e=>{e.preventDefault();normalizeKahoopardy(w);w.data.stage='jeopardy_answer';w.data.judgeFocus=0;kahoopardyDing();rerender();};
  function finishJeopardy(kind){
    normalizeKahoopardy(w);
    const qi=w.data.currentQuestion, q=currentKahoopardyQuestion(w), pts=Number(q.points)||100, ti=Math.max(0,Math.min(Number(w.data.currentTeam)||0,w.data.teams.length-1));
    w.data.usedQuestions=w.data.usedQuestions||{};w.data.usedQuestions[qi]=true;
    w.data.awarded=w.data.awarded||{};w.data.awarded[String(qi)]=w.data.awarded[String(qi)]||{};
    const add=kind==='correct'?pts:(kind==='half'?Math.round(pts/2):0);
    if(add&&w.data.teams[ti]&&!w.data.awarded[String(qi)][ti]){
      w.data.teams[ti].score=(Number(w.data.teams[ti].score)||0)+add;
      w.data.teams[ti].correct=(Number(w.data.teams[ti].correct)||0)+(kind==='half'?0.5:1);
      w.data.awarded[String(qi)][ti]=true;
      kahoopardyApplause();
      // Rigtigt/halvt svar beholder turen og vælger næste kort.
      w.data.currentTeam=ti;
    }else{
      // Kun forkert svar sender turen videre til næste hold.
      w.data.currentTeam=(ti+1)%Math.max(1,(w.data.teams||[]).length);
      kahoopardyDing();
    }
    w.data.stage='board';w.data.reveal=false;
    rerender();
  }
  const jc=c.querySelector('.jeopardyCorrect'); if(jc)jc.onclick=e=>{e.preventDefault();finishJeopardy('correct');};
  const jh=c.querySelector('.jeopardyHalf'); if(jh)jh.onclick=e=>{e.preventDefault();finishJeopardy('half');};
  const jw=c.querySelector('.jeopardyWrong'); if(jw)jw.onclick=e=>{e.preventDefault();finishJeopardy('wrong');};
}


function kahoopardyActiveWidgetForKeyboard(){
  try{
    if(selected){
      const w=findWidget(selected);
      if(w&&w.type==='kahoopardy')return {w,el:document.querySelector(`.widget[data-id="${selected}"]`)};
    }
    const el=document.querySelector('.widget.selected[data-type="kahoopardy"], .widget[data-type="kahoopardy"].focusTarget, .widget[data-type="kahoopardy"]');
    if(el&&el.dataset&&el.dataset.id){const w=findWidget(el.dataset.id); if(w&&w.type==='kahoopardy')return {w,el};}
  }catch(_e){}
  return null;
}
function kahoopardyKeyOptionIndex(e){
  const k=String(e.key||'');
  const code=String(e.code||'');
  if(/^[1-9]$/.test(k))return Number(k)-1;
  if(k==='0')return 9;
  if(k==='+'||k==='Add'||code==='NumpadAdd')return 9;
  if(/^Numpad[1-9]$/.test(code))return Number(code.replace('Numpad',''))-1;
  if(code==='Numpad0')return 9;
  return -1;
}
function kahoopardyHandleKeyboard(e){
  const tag=(e.target&&e.target.tagName||'').toLowerCase();
  if(tag==='input'||tag==='textarea'||tag==='select'||(e.target&&e.target.isContentEditable))return;
  if(e.metaKey||e.ctrlKey||e.altKey)return;
  const hit=kahoopardyActiveWidgetForKeyboard();
  if(!hit||!hit.el||!hit.w)return;
  normalizeKahoopardy(hit.w);
  if(hit.w.data.editing)return;
  const c=hit.el.querySelector('.content.kahoopardy')||hit.el.querySelector('.content');
  if(!c)return;
  const isSpace=(e.key===' '||e.key==='Spacebar'||e.code==='Space');
  const isEnter=(e.key==='Enter'||e.code==='Enter'||e.code==='NumpadEnter');
  const stage=hit.w.data.stage;
  if(stage==='master_answer'||stage==='jeopardy_answer'){
    let btn=null;
    if(e.key==='1'||String(e.key).toLowerCase()==='r')btn=c.querySelector('.masterCorrect,.jeopardyCorrect');
    if(e.key==='2'||String(e.key).toLowerCase()==='h')btn=c.querySelector('.masterHalf,.jeopardyHalf');
    if(e.key==='3'||String(e.key).toLowerCase()==='f')btn=c.querySelector('.masterWrong,.jeopardyWrong');
    if(btn){e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();btn.click();return;}
  }
  if(isSpace||isEnter){
    const btn=c.querySelector('.revealAnswer,.continueScore,.nextQuestion,.showJeopardyAnswer,.showMasterAnswer,.jeopardyToScore,.showFinalScore,.playAgain');
    if(btn){e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();btn.click();}
    return;
  }
  const idx=kahoopardyKeyOptionIndex(e);
  if(idx>=0){
    const opts=[...c.querySelectorAll('.kahoopardyOption')];
    const btn=opts[idx];
    if(btn){e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();btn.click();}
  }
}
document.addEventListener('keydown',kahoopardyHandleKeyboard,true);

document.addEventListener('keydown',function kahoopardyPhase18Keys(e){
  const tag=(e.target&&e.target.tagName||'').toLowerCase();
  if(tag==='input'||tag==='textarea'||tag==='select'||(e.target&&e.target.isContentEditable))return;
  if(e.metaKey||e.ctrlKey||e.altKey)return;
  const hit=(typeof kahoopardyActiveWidgetForKeyboard==='function')?kahoopardyActiveWidgetForKeyboard():null;
  if(!hit||!hit.w||!hit.el)return;
  normalizeKahoopardy(hit.w);
  const c=hit.el.querySelector('.content.kahoopardy')||hit.el.querySelector('.content');
  if(!c)return;
  const key=String(e.key||'').toLowerCase();
  function stop(){e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();}
  function switchMode(m){
    hit.w.data.mode=m;
    if(!hit.w.data.editing && hit.w.data.stage!=='score' && hit.w.data.stage!=='done'){
      hit.w.data.stage=kahoopardyStageForMode(m);
      if(m!=='jeopardy' && hit.w.data.usedQuestions && hit.w.data.usedQuestions[hit.w.data.currentQuestion]){
        kahoopardyPrepareNextQuestion(hit.w,hit.w.data.currentQuestion+1);
      }
    }
    renderKahoopardy(hit.el,hit.w);try{save({silent:true})}catch(_e){try{save()}catch(_e2){}}
  }
  if((key==='k'||key==='j'||key==='m') && !e.shiftKey){
    stop();
    // Bevar ufærdige ændringer i redigeringstabellen, før mode-markeringen renderes igen.
    if(hit.w.data.editing){try{hit.w.data.questions=kahoopardyReadTable(c);}catch(_e){}}
    switchMode(key==='j'?'jeopardy':(key==='m'?'master':'kahoot'));
    return;
  }
  if(hit.w.data.editing){
    if(e.key==='Enter'||e.code==='Enter'||e.code==='NumpadEnter'){
      stop();
      const mode=(hit.w.data.mode==='jeopardy'||hit.w.data.mode==='master')?hit.w.data.mode:'kahoot';
      const btn=c.querySelector(`.startQuizMode[data-mode="${mode}"]`)||c.querySelector('.startQuizMode.active')||c.querySelector('.startQuizMode');
      if(btn)btn.click();
    }
    return;
  }
  if(hit.w.data.mode==='jeopardy' && hit.w.data.stage==='board'){
    const cards=[...c.querySelectorAll('.kahoopardyJeopardyCard:not(.used):not(:disabled)')];
    if(!cards.length)return;
    let idx=cards.findIndex(b=>Number(b.dataset.question)===Number(hit.w.data.jeopardyFocus));
    if(idx<0)idx=0;
    if(e.key==='Tab'){
      stop();
      idx=(idx+(e.shiftKey?-1:1)+cards.length)%cards.length;
      hit.w.data.jeopardyFocus=Number(cards[idx].dataset.question);
      renderKahoopardy(hit.el,hit.w);try{save({silent:true})}catch(_e){}
      return;
    }
    if(e.key==='Enter'||e.code==='Enter'||e.code==='NumpadEnter'){
      stop();
      (cards[idx]||cards[0]).click();
      return;
    }
  }
},true);


/* v1.2.45-kahoopardy-phase1.20: Shift+Space cycles judge buttons; Enter chooses focused judge button */
document.addEventListener('keydown',function kahoopardyPhase20JudgeKeys(e){
  const tag=(e.target&&e.target.tagName||'').toLowerCase();
  if(tag==='input'||tag==='textarea'||tag==='select'||(e.target&&e.target.isContentEditable))return;
  if(e.metaKey||e.ctrlKey||e.altKey)return;
  const hit=(typeof kahoopardyActiveWidgetForKeyboard==='function')?kahoopardyActiveWidgetForKeyboard():null;
  if(!hit||!hit.w||!hit.el)return;
  normalizeKahoopardy(hit.w);
  if(hit.w.data.editing)return;
  const stage=hit.w.data.stage;
  if(stage!=='master_answer'&&stage!=='jeopardy_answer')return;
  const isSpace=(e.key===' '||e.key==='Spacebar'||e.code==='Space');
  const isEnter=(e.key==='Enter'||e.code==='Enter'||e.code==='NumpadEnter');
  if(!isSpace&&!isEnter)return;
  const c=hit.el.querySelector('.content.kahoopardy')||hit.el.querySelector('.content');
  if(!c)return;
  const buttons=[...c.querySelectorAll('.masterCorrect,.masterHalf,.masterWrong,.jeopardyCorrect,.jeopardyHalf,.jeopardyWrong')];
  if(!buttons.length)return;
  function stop(){e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();}
  let idx=Number(hit.w.data.judgeFocus)||0;
  idx=Math.max(0,Math.min(idx,buttons.length-1));
  if(isSpace&&e.shiftKey){
    stop();
    hit.w.data.judgeFocus=(idx+1)%buttons.length;
    renderKahoopardy(hit.el,hit.w);
    try{save({silent:true})}catch(_e){}
    return;
  }
  if(isEnter){
    stop();
    (buttons[idx]||buttons[0]).click();
    return;
  }
},true);


/* v1.2.45-kahoopardy-phase1.21: edit start mode cycling + ESC blurs editor fields */
document.addEventListener('keydown',function kahoopardyPhase21EditKeys(e){
  const tag=(e.target&&e.target.tagName||'').toLowerCase();
  const isTextField=tag==='input'||tag==='textarea'||tag==='select'||(e.target&&e.target.isContentEditable);
  if(isTextField && (e.key==='Escape'||e.code==='Escape')){
    try{e.target.blur();}catch(_e){}
    e.preventDefault();
    e.stopPropagation();
    if(e.stopImmediatePropagation)e.stopImmediatePropagation();
    return;
  }
  if(isTextField)return;
  if(e.metaKey||e.ctrlKey||e.altKey)return;
  const hit=(typeof kahoopardyActiveWidgetForKeyboard==='function')?kahoopardyActiveWidgetForKeyboard():null;
  if(!hit||!hit.w||!hit.el)return;
  normalizeKahoopardy(hit.w);
  if(!hit.w.data.editing)return;
  const c=hit.el.querySelector('.content.kahoopardy')||hit.el.querySelector('.content');
  if(!c)return;
  const isSpace=(e.key===' '||e.key==='Spacebar'||e.code==='Space');
  const isEnter=(e.key==='Enter'||e.code==='Enter'||e.code==='NumpadEnter');
  function stop(){e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();}
  const modes=['kahoot','jeopardy','master'];
  if(isSpace&&e.shiftKey){
    stop();
    // Shift+Space må kun skifte markeret startmode – ikke smide nyligt indtastede rækker væk.
    try{hit.w.data.questions=kahoopardyReadTable(c);}catch(_e){}
    const cur=modes.indexOf(hit.w.data.mode);
    hit.w.data.mode=modes[(cur<0?0:cur+1)%modes.length];
    renderKahoopardy(hit.el,hit.w);
    try{save({silent:true})}catch(_e){try{save()}catch(_e2){}}
    return;
  }
  if(isEnter){
    stop();
    const mode=(hit.w.data.mode==='jeopardy'||hit.w.data.mode==='master')?hit.w.data.mode:'kahoot';
    const btn=c.querySelector(`.startQuizMode[data-mode="${mode}"]`)||c.querySelector('.startQuizMode.active')||c.querySelector('.startQuizMode');
    if(btn)btn.click();
    return;
  }
},true);


/* v1.2.45-kahoopardy-phase1.31: Cmd/Ctrl+Enter adds a question row in the KaPardy editor. */
document.addEventListener('keydown',function kahoopardyPhase31AddQuestionShortcut(e){
  const isEnter=(e.key==='Enter'||e.code==='Enter'||e.code==='NumpadEnter');
  if(!isEnter || !(e.metaKey||e.ctrlKey) || e.altKey) return;
  const hit=(typeof kahoopardyActiveWidgetForKeyboard==='function')?kahoopardyActiveWidgetForKeyboard():null;
  if(!hit||!hit.w||!hit.el) return;
  try{ normalizeKahoopardy(hit.w); }catch(_e){}
  if(!hit.w.data || !hit.w.data.editing) return;
  const c=hit.el.querySelector('.content.kahoopardy')||hit.el.querySelector('.content');
  if(!c) return;
  const btn=c.querySelector('.addQuestionRow');
  if(!btn) return;
  e.preventDefault();
  e.stopPropagation();
  if(e.stopImmediatePropagation)e.stopImmediatePropagation();
  btn.click();
},true);

////////////////////////////////////////////////////////////
// WIDGET CONTENT RENDERING
////////////////////////////////////////////////////////////
/*
Widget-oversigt i fillContent():
- text / dataset: teksteditor og datasetvisning. Tjek dataset-parser, CSV/TSV, kolonnevalg og tekstredigering.
- timer: nedtælling/ur. Tjek start/stop/reset, præsentation og lyd hvis relevant.
- wheel / lykkehjul: hjul, listebank og ordsky/opsamling. Følsom for CSS, pointer-events, mellemrum og lyd-unlock.
- groups: gruppeinddeling, hjulvisning, låste grupper og kompakt resultatvisning.
- wordcloud / sky: tekstbaseret ordsky. Deler visuelle cloud-regler med poll/wheel-cloud.
- poll / afstemning: stemmer, resultater og evt. ordskyvisning.
- kahoopardy: følsom quiz-rendering; undgå ændring af template literals/modeknapper uden isoleret test.
- html: lokal HTML-editor/preview. Pas på ikke at indsætte scripts eller patches inde i HTML-widget-templates.
- link / iframe: eksternt link eller indlejret webvisning. Følsom for focus, maximize og pointer-events.
- image: indlejret/lokal billedvisning, download og file://-/GitHub-fallbacks.
- pdf: PDF-visning med browser/pdf.js-fallbacks. Følsom for pointer-events, selection og præsentation.
AI-regel: Ved widgetarbejde ændres først den afgrænsede widgetblok og evt. tilhørende wire-funktion. Undgå globale render/shortcut-patches.
*/

/* SAFE85: Snæver datawidget tabel-editor.
   Kaldes kun fra fillContent() når:
   - w.type==='text'
   - w.data.datasetId findes
   - w.data.datasetView===false
   Den erstatter kun den gamle CSV/tekst-editor for datawidgets. */

/* SAFE90: Gemmer aktuel dataeditor før data→liste.
   Bruges af headerens →-knap, så redigerede headers/celler kommer med i liste-dialogen,
   selv hvis brugeren ikke manuelt har skiftet tilbage til preview. */
function safe90CommitOpenDatasetEditorForWidget(w){
  try{
    if(!w||!w.data||!w.data.datasetId)return null;
    const el=document.querySelector('.widget[data-id="'+CSS.escape(String(w.id))+'"]');
    if(!el)return findDatasetById(w.data.datasetId);
    const editor=el.querySelector('.safe85DatasetEditor');
    if(!editor)return findDatasetById(w.data.datasetId);
    const ds=findDatasetById(w.data.datasetId);
    if(!ds)return null;
    const headers=Array.from(editor.querySelectorAll('[data-safe85-head]')).map(inp=>safe87DecodeCell(inp.value||''));
    if(headers.length)ds.columns=headers;
    const cells=Array.from(editor.querySelectorAll('[data-safe85-cell]'));
    let maxRow=-1,maxCol=-1;
    cells.forEach(inp=>{
      const parts=String(inp.getAttribute('data-safe85-cell')||'').split(':').map(Number);
      if(Number.isFinite(parts[0]))maxRow=Math.max(maxRow,parts[0]);
      if(Number.isFinite(parts[1]))maxCol=Math.max(maxCol,parts[1]);
    });
    const colCount=Math.max(ds.columns.length,maxCol+1,1);
    while(ds.columns.length<colCount)ds.columns.push('Kolonne '+(ds.columns.length+1));
    const rows=Array.from({length:Math.max(maxRow+1,1)},()=>Array.from({length:colCount},()=> ''));
    cells.forEach(inp=>{
      const parts=String(inp.getAttribute('data-safe85-cell')||'').split(':').map(Number);
      const ri=parts[0],ci=parts[1];
      if(Number.isFinite(ri)&&Number.isFinite(ci)&&rows[ri])rows[ri][ci]=safe87DecodeCell(inp.value||'');
    });
    ds.rows=rows;
    updateDatasetInState(ds);
    try{w.data.text=datasetToDelimitedText(ds,'\t')}catch(_e){}
    save();
    return ds;
  }catch(err){
    try{console.warn('SAFE90 commit editor before data→liste failed',err)}catch(_e){}
    try{return w&&w.data&&w.data.datasetId?findDatasetById(w.data.datasetId):null}catch(_e){return null}
  }
}

/* SAFE90: Regnearksagtig navigation i dataeditoren.
   Tab/Shift+Tab: næste/forrige celle.
   Enter/Shift+Enter: ned/op i samme kolonne.
   Piletaster: flyt mellem celler, når markøren står ved kant eller feltet ikke er tekstmarkeret.
*/
function safe90MoveDatasetFocus(current,deltaRow,deltaCol){
  const editor=current&&current.closest?current.closest('.safe85DatasetEditor'):null;
  if(!editor)return false;
  const key=current.getAttribute('data-safe85-cell');
  const head=current.getAttribute('data-safe85-head');
  let row,col,isHead=false;
  if(head!=null){row=-1;col=Number(head);isHead=true;}
  else if(key){const p=String(key).split(':').map(Number);row=p[0];col=p[1];}
  else return false;
  let nr=row+deltaRow,nc=col+deltaCol;
  const heads=Array.from(editor.querySelectorAll('[data-safe85-head]'));
  const cells=Array.from(editor.querySelectorAll('[data-safe85-cell]'));
  const maxCol=Math.max(heads.length-1,0);
  const maxRow=cells.reduce((m,inp)=>Math.max(m,Number(String(inp.getAttribute('data-safe85-cell')).split(':')[0])),0);
  if(nc<0){nc=maxCol;nr--;}
  if(nc>maxCol){nc=0;nr++;}
  if(nr<-1)nr=maxRow;
  if(nr>maxRow)nr=-1;
  let target=null;
  if(nr<0)target=editor.querySelector('[data-safe85-head="'+nc+'"]');
  else target=editor.querySelector('[data-safe85-cell="'+nr+':'+nc+'"]');
  if(target){
    target.focus();
    try{target.select()}catch(_e){}
    try{target.classList.add('safe90CellActive');setTimeout(()=>target.classList.remove('safe90CellActive'),500)}catch(_e){}
    try{target.scrollIntoView({block:'nearest',inline:'nearest'})}catch(_e){}
    return true;
  }
  return false;
}
function safe85RenderDatasetTableEditor(el,w,ds){
  const c=el.querySelector('.content');
  if(!c)return false;
  w.data=w.data||{};
  if(!ds){
    ds={
      id:w.data.datasetId||uid(),
      name:String(w.title||'Datasæt').replace(/^📊\s*/,'')||'Nyt datasæt',
      columns:['Navn','Gruppe'],
      rows:[['Eksempel','A'],['Eksempel 2','B']],
      type:'table',
      sourceName:'Demo',
      importedAt:Date.now()
    };
    updateDatasetInState(ds);
    w.data.datasetId=ds.id;
  }

  ds.columns=Array.isArray(ds.columns)&&ds.columns.length?ds.columns.map((x,i)=>safe87DecodeCell(x||('Kolonne '+(i+1)))):['Kolonne 1'];
  ds.rows=Array.isArray(ds.rows)?ds.rows:[];
  const colCount=Math.max(ds.columns.length,...ds.rows.map(r=>Array.isArray(r)?r.length:0),1);
  while(ds.columns.length<colCount)ds.columns.push('Kolonne '+(ds.columns.length+1));
  ds.rows=ds.rows.map(r=>{
    const a=Array.isArray(r)?r.slice(0,colCount):[];
    while(a.length<colCount)a.push('');
    return a.map(x=>safe87DecodeCell(x));
  });
  if(!ds.rows.length)ds.rows=[Array.from({length:ds.columns.length},()=> '')];

  function commit(){
    updateDatasetInState(ds);
    w.data.datasetId=ds.id;
    w.data.datasetView=false;
    try{w.data.text=datasetToDelimitedText(ds,'\t')}catch(e){}
    save();
  }

  c.className='content text datasetTextWidget';
  const head=ds.columns.map((col,i)=>`
    <th><div class="safe85ColHead">
      <input data-safe85-head="${i}" value="${esc(safe87DecodeCell(col))}" aria-label="Kolonne ${i+1}">
      <button type="button" class="safe85Minus" data-safe85-del-col="${i}" title="Slet kolonne">−</button>
    </div></th>`).join('');
  const body=ds.rows.map((row,ri)=>`
    <tr>
      <td><div class="safe85RowHead"><span class="safe85RowNo">${ri+1}</span><button type="button" class="safe85Minus" data-safe85-del-row="${ri}" title="Slet række">−</button></div></td>
      ${ds.columns.map((_,ci)=>`<td><input data-safe85-cell="${ri}:${ci}" value="${esc(safe87DecodeCell(row[ci]||''))}" aria-label="Række ${ri+1}, kolonne ${ci+1}"></td>`).join('')}
    </tr>`).join('');

  c.innerHTML=`
    <div class="safe85DatasetEditor">
      <div class="safe85DatasetTools">
        <b>📊 ${esc(ds.name||'Datasæt')}</b>
        <button type="button" data-safe85-add-row>+ række</button>
        <button type="button" data-safe85-add-col>+ kolonne</button>
        <small>${ds.rows.length} rækker · ${ds.columns.length} kolonner</small>
      </div>
      <div class="safe85DatasetWrap">
        <table class="safe85DatasetTable">
          <thead><tr><th></th>${head}</tr></thead>
          <tbody>${body}</tbody>
        </table>
      </div>
    </div>`;

  // SAFE86: Direkte intern event-delegering.
  // Nogle widget-drag/selection-handlere kan opsluge knapklik i redigeringsområdet.
  // Derfor håndteres +/−/preview i capture-fasen på selve content-elementet.
  function safe85Refresh(){
    commit();
    safe85RenderDatasetTableEditor(el,w,ds);
  }
  function safe85ButtonAction(target){
    const btn=target && target.closest ? target.closest('button') : null;
    if(!btn || !c.contains(btn)) return false;

    if(btn.hasAttribute('data-safe85-add-row')){
      ds.rows.push(Array.from({length:ds.columns.length},()=> ''));
      safe85Refresh();
      return true;
    }
    if(btn.hasAttribute('data-safe85-add-col')){
      ds.columns.push('Kolonne '+(ds.columns.length+1));
      ds.rows.forEach(r=>r.push(''));
      safe85Refresh();
      return true;
    }
    if(btn.hasAttribute('data-safe85-del-row')){
      const ri=Number(btn.getAttribute('data-safe85-del-row'));
      if(ds.rows.length<=1)ds.rows=[Array.from({length:ds.columns.length},()=> '')];
      else ds.rows.splice(ri,1);
      safe85Refresh();
      return true;
    }
    if(btn.hasAttribute('data-safe85-del-col')){
      const ci=Number(btn.getAttribute('data-safe85-del-col'));
      if(ds.columns.length<=1){
        try{toast('Datasættet skal have mindst én kolonne')}catch(_e){}
        return true;
      }
      ds.columns.splice(ci,1);
      ds.rows.forEach(r=>r.splice(ci,1));
      safe85Refresh();
      return true;
    }
    return false;
  }

  ['pointerdown','mousedown','touchstart'].forEach(ev=>{
    c.addEventListener(ev,function(e){
      if(e.target && e.target.closest && e.target.closest('.safe85DatasetEditor button,.safe85DatasetEditor input')){
        e.stopPropagation();
      }
    },true);
  });
  c.addEventListener('click',function(e){
    if(safe85ButtonAction(e.target)){
      e.preventDefault();
      e.stopPropagation();
      if(e.stopImmediatePropagation)e.stopImmediatePropagation();
    }
  },true);

  c.querySelectorAll('input').forEach(inp=>{
    inp.addEventListener('pointerdown',e=>e.stopPropagation());
    inp.addEventListener('click',e=>e.stopPropagation());
    inp.addEventListener('keydown',e=>{
      // SAFE90: regnearksagtig navigation i dataeditoren.
      if(e.key==='Escape'){
        e.preventDefault();
        inp.blur();
        select(w.id,{editText:false});
        return;
      }
      if(e.key==='Tab'){
        e.preventDefault();
        safe90MoveDatasetFocus(inp,0,e.shiftKey?-1:1);
        return;
      }
      if(e.key==='Enter'){
        e.preventDefault();
        safe90MoveDatasetFocus(inp,e.shiftKey?-1:1,0);
        return;
      }
      if(e.key==='ArrowDown'){e.preventDefault();safe90MoveDatasetFocus(inp,1,0);return;}
      if(e.key==='ArrowUp'){e.preventDefault();safe90MoveDatasetFocus(inp,-1,0);return;}
      if(e.key==='ArrowRight' && (inp.selectionStart===inp.value.length || e.metaKey || e.ctrlKey)){
        e.preventDefault();safe90MoveDatasetFocus(inp,0,1);return;
      }
      if(e.key==='ArrowLeft' && (inp.selectionStart===0 || e.metaKey || e.ctrlKey)){
        e.preventDefault();safe90MoveDatasetFocus(inp,0,-1);return;
      }
    });
  });

  c.querySelectorAll('[data-safe85-head]').forEach(inp=>{
    inp.oninput=e=>{
      ds.columns[Number(inp.dataset.safe85Head)]=String(e.target.value||'');
      commit();
    };
  });
  c.querySelectorAll('[data-safe85-cell]').forEach(inp=>{
    inp.oninput=e=>{
      const [ri,ci]=String(inp.dataset.safe85Cell).split(':').map(Number);
      if(!Array.isArray(ds.rows[ri]))ds.rows[ri]=[];
      ds.rows[ri][ci]=String(e.target.value||'');
      commit();
    };
  });

  const addRow=c.querySelector('[data-safe85-add-row]');
  if(addRow)addRow.onclick=e=>{
    e.preventDefault();e.stopPropagation();
    ds.rows.push(Array.from({length:ds.columns.length},()=> ''));
    commit();
    safe85RenderDatasetTableEditor(el,w,ds);
  };

  const addCol=c.querySelector('[data-safe85-add-col]');
  if(addCol)addCol.onclick=e=>{
    e.preventDefault();e.stopPropagation();
    ds.columns.push('Kolonne '+(ds.columns.length+1));
    ds.rows.forEach(r=>r.push(''));
    commit();
    safe85RenderDatasetTableEditor(el,w,ds);
  };

  c.querySelectorAll('[data-safe85-del-row]').forEach(btn=>{
    btn.onclick=e=>{
      e.preventDefault();e.stopPropagation();
      const ri=Number(btn.dataset.safe85DelRow);
      if(ds.rows.length<=1)ds.rows=[Array.from({length:ds.columns.length},()=> '')];
      else ds.rows.splice(ri,1);
      commit();
      safe85RenderDatasetTableEditor(el,w,ds);
    };
  });

  c.querySelectorAll('[data-safe85-del-col]').forEach(btn=>{
    btn.onclick=e=>{
      e.preventDefault();e.stopPropagation();
      const ci=Number(btn.dataset.safe85DelCol);
      if(ds.columns.length<=1){toast('Datasættet skal have mindst én kolonne');return;}
      ds.columns.splice(ci,1);
      ds.rows.forEach(r=>r.splice(ci,1));
      commit();
      safe85RenderDatasetTableEditor(el,w,ds);
    };
  });

  return true;
}

function fillContent(el,w){const c=el.querySelector('.content');c.className='content '+w.type;// --- WIDGET: TEXT / DATASET ---
 if(w.type==='text'){
  w.data=w.data||{};
  const isDatasetText=!!w.data.datasetId;
  const ds=isDatasetText?findDatasetById(w.data.datasetId):null;
  if(isDatasetText && w.data.datasetView!==false){
    c.innerHTML=datasetPreviewHtml(ds);
    const copyBtn=c.querySelector('[data-act="datasetCopyList"]');
    if(copyBtn)copyBtn.onclick=e=>{e.preventDefault();e.stopPropagation();openDatasetToListDialog(ds,w)};
    const csvBtn=c.querySelector('[data-act="datasetDownloadCsv"]');
    if(csvBtn)csvBtn.onclick=e=>{e.preventDefault();e.stopPropagation();try{safeDownload(safeFileName((ds&&ds.name)||'datasæt','csv'),datasetToDelimitedText(ds,','),'text/csv;charset=utf-8')}catch(err){toast('Kunne ikke hente CSV: '+(err&&err.message||'ukendt fejl'))}};
    return;
  }
  if(isDatasetText){
    // SAFE85: Datawidgets redigeres som tabel i stedet for rå CSV/tekst.
    // Almindelige tekstwidgets fortsætter til den gamle textarea-gren nedenfor.
    if(safe85RenderDatasetTableEditor(el,w,ds))return;
  }
  const top='';
  c.innerHTML=`<div class="text">${top}<textarea placeholder="Skriv her...">${esc(w.data.text||'')}</textarea></div>`;
  const backBtn=c.querySelector('[data-act="datasetBackToPreview"]');
  if(backBtn)backBtn.onclick=e=>{e.preventDefault();e.stopPropagation();try{commitDatasetTextWidget(w);save();fillContent(el,w);toast('Datasæt opdateret')}catch(err){toast('Kunne ikke opdatere datasæt: '+(err&&err.message||'ukendt fejl'))}};
  const ta=c.querySelector('textarea');
  // Keep normal text editing stable in edit mode, but allow text widgets
  // to become the focus target when the board is in focus mode.
  function focusThisTextWidgetFromTextarea(e){
    const widgetEl = ta.closest('.widget');
    if((typeof focusMode!=='undefined' && focusMode) || document.body.classList.contains('focus-mode')){
      if(widgetEl && typeof setFocusTarget==='function') setFocusTarget(widgetEl);
      // In focus mode the tap means "focus this widget", not "edit text".
      e.preventDefault();
      e.stopPropagation();
      return true;
    }
    return false;
  }

  ta.addEventListener('pointerdown',e=>{
    if(focusThisTextWidgetFromTextarea(e)) return;
    if(!app.classList.contains('present')) select(w.id,{editText:false});
    e.stopPropagation();
  });
  ta.addEventListener('touchstart',e=>{
    if(focusThisTextWidgetFromTextarea(e)) return;
    if(!app.classList.contains('present')) select(w.id,{editText:false});
    e.stopPropagation();
  },{passive:false});

  ['pointerup','click','dblclick','touchend'].forEach(ev=>ta.addEventListener(ev,e=>{
    // In focus mode, let our pointerdown/touchstart handler own the action.
    if((typeof focusMode!=='undefined' && focusMode) || document.body.classList.contains('focus-mode')){
      e.preventDefault();
      e.stopPropagation();
      return;
    }
    e.stopPropagation();
  }));

  ta.oninput=e=>{if(app.classList.contains('present'))return;w.data.text=e.target.value;save()};
  ta.onkeydown=e=>{if(e.key==='Escape'){e.preventDefault();ta.blur();select(w.id,{editText:false});updateContextHints('text-esc')}};
  ta.onfocus=()=>{if(app.classList.contains('present'))ta.blur();else updateContextHints('text-focus')};
  ta.onblur=()=>setTimeout(()=>updateContextHints('text-blur'),30)}
// --- WIDGET: VIDEO ---
 if(w.type==='video'){
  const id=ytId(w.data.url||'');
  c.innerHTML=`<div class="videoBox">${id?`<iframe src="https://www.youtube-nocookie.com/embed/${id}" allowfullscreen></iframe><div class="hidden"><a target="_blank" href="https://youtu.be/${id}">Åbn på YouTube</a></div>`:`<div><button class="videoEditBtn">Indsæt YouTube-link</button><p>Hvis indlejring blokeres på iPad, brug linket til YouTube.</p></div>`}</div>`;
  const editBtn=c.querySelector('.videoEditBtn');
  if(editBtn)editBtn.onclick=e=>{e.preventDefault();e.stopPropagation();askVideo(w)};
  c.ondblclick=e=>{if(app.classList.contains('present'))return;e.preventDefault();e.stopPropagation();askVideo(w)};
}
// --- WIDGET: TIMER ---
 if(w.type==='timer'){w.data.seconds??=180;w.data.left??=w.data.seconds; c.innerHTML=`<div class="timerBox"><div class="timerEditControls"><input class="min" type="number" value="${Math.floor(w.data.seconds/60)}"> min <input class="sec" type="number" value="${w.data.seconds%60}"> sek <button class="set">Sæt</button></div><div class="display">${fmt(w.data.left)}</div><div class="timerRunControls"><button class="start">Start</button><button class="pause">Pause</button><button class="reset">Reset</button></div></div>`;wireTimer(c,w)}
// --- WIDGET: WHEEL / LYKKEHJUL ---
 if(w.type==='wheel'){
  w.data.names??=['Anna','Bertram','Caroline','Emil','Ida'];
  if(!Array.isArray(w.data.names)) w.data.names=String(w.data.names||'').split(/[,;\n]+/).map(x=>x.trim()).filter(Boolean);
  w.data.original??=[...w.data.names];
  w.data.chosen??=[];
  w.data.editing??=false;
  w.data.keepPool??=false;
  w.data.statsView??=false;
  w.data.auto??=false;
  w.data.autoCount??=Math.max(1,(w.data.names||[]).length||1);
  const chosen=(w.data.chosen||[]).map(x=>String(x||'').trim()).filter(Boolean);
  const total=chosen.length||1;
  const counts=new Map();
  chosen.forEach(x=>counts.set(x,(counts.get(x)||0)+1));
  const stats=[...counts.entries()].sort((a,b)=>b[1]-a[1]||a[0].localeCompare(b[0],'da'));
  const maxCount=stats[0]?.[1]||1;
  const latest=chosen.length?chosen[chosen.length-1]:'';
  const statsRows=stats.length?stats.map(([name,n])=>{const pct=Math.round(n*100/total);return `<div class="wheelStatRow"><span class="name">${esc(name)}</span><span class="count">${n}</span><span class="pct">${pct}%</span></div>`}).join(''):'<div class="wheelNoStats">Ingen resultater endnu. Drej hjulet for at opbygge statistik.</div>';
  // SAFE163: Rediger pulje som felter, ikke ét textarea.
  const safe163EditorNames=((w.data.names||[]).length?(w.data.names||[]):['']).map(x=>String(x||''));
  const safe163EditorRows=safe163EditorNames.map((name,i)=>`<div class="safe163OptionRow"><input class="safe163OptionInput" data-i="${i}" value="${esc(name)}" placeholder="Valgmulighed ${i+1}"><button type="button" class="safe163RemoveOption" title="Fjern valgmulighed">−</button></div>`).join('');
  c.innerHTML=`<div class="wheel recon safe159Wheel ${w.data.editing?'editing':''}">
    <div class="wheelBox"><canvas class="wheelCanvas" width="900" height="900"></canvas><button class="spin spinCenter ${w.data.autoRunning?'running':''}">${w.data.autoRunning?'Stop':'Drej'}</button></div>
    <div class="wheelSide">
      <div class="wheelTopBar">
        <button class="loadList">Vælg kilde</button>
        <button class="editNames">${w.data.editing?'Luk':'Rediger pulje'}</button>
        <button class="resetPool">Nulstil</button>
      </div>
      ${w.data.editing?`
        <div class="editArea safe159EditArea safe163OptionEditor"><div class="editHint"><span>Aktuel pulje</span><span>${(w.data.names||[]).length} valg · gemmes live</span></div><div class="safe163OptionRows">${safe163EditorRows}</div><div class="editTools safe164EditTools"><button type="button" class="safe163AddOption">+ Tilføj</button><span class="safe164LiveHint">Ændringer opdaterer hjulet med det samme</span></div></div>
      `:`
        <div class="wheelSettings"><label><input class="keepPool" type="checkbox" ${w.data.keepPool?'checked':''}> Behold i puljen</label><label><input class="autoToggle" type="checkbox" ${w.data.auto?'checked':''}> Auto</label>${w.data.auto?`<label class="autoCountLabel">Antal <input class="autoCount" type="number" min="1" max="999" value="${esc(w.data.autoCount)}"></label>`:''}</div>
        <div class="wheelResultNow"><small>Seneste valg</small><b>${esc(latest||'Ingen endnu')}</b></div>
        <div class="wheelStatsPanel"><h3>Statistik (${chosen.length} valg)</h3>${statsRows}</div>
        <div class="wheelBottom"><button class="saveChosenList" title="Gem resultat som datawidget">💾 Gem resultat som datawidget</button></div>
      `}
    </div>
  </div>`;
  drawWheel(c.querySelector('canvas'),w,w.data.rot||0);
  wireWheel(c,w);
}
// --- WIDGET: KAHOOPARDY ---
 if(w.type==='kahoopardy'){normalizeKahoopardy(w);renderKahoopardy(el,w)}
// --- WIDGET: GROUPS ---
 if(w.type==='groups'){w.data.names??=[];w.data.size??=2;w.data.groups??=[];w.data.groupLocks??=[];w.data.groupsVisible??=!!(w.data.groups&&w.data.groups.length);c.innerHTML=`<div class="groupsBox ${w.data.listHidden?'groupsListHidden':''} ${w.data.groupsVisible?'groupsShowResult':''}"><div class="groupSpin"><canvas class="groupWheel" width="700" height="700"></canvas><button class="groupSpinBtn newGroups">Dan grupper</button></div><div class="groupsControls"><div class="groupsRow groupsResultSave"><button class="groupsResultSaveSpacer" tabindex="-1" aria-hidden="true">Hent liste</button><button class="saveGroupList">Gem grupper som datawidget</button></div><div class="groupsRow groupsShowRow"><button class="showGroupList">Vis/rediger navneliste</button></div><div class="groupsRow editOnly"><button class="loadGroupList">Hent liste</button><button class="saveGroupList">Gem grupper som datawidget</button></div><div class="groupsRow editOnly"><label>Personer pr. gruppe <input class="groupSize" type="number" min="1" max="12" value="${w.data.size}"></label><button class="toGroups">Dan grupper</button></div><textarea class="groupNames editOnly" placeholder="Én person/ting pr. linje">${esc((w.data.names||[]).join('\n'))}</textarea><div class="groupsResult">${renderGroups(w.data.groups,w.data.groupLocks)}</div></div></div>`;wireGroups(c,w)}
// --- WIDGET: WORDCLOUD / SKY ---
 if(w.type==='wordcloud'){
  w.data.names??=[];
  w.data.caseInsensitive??=true;
  const wcItems=wordCloudEnsureItems(w);
  const editorText=wordCloudItemsToEditorText(wcItems);
  c.innerHTML=`<div class="wordCloudBox">
    <div class="wordCloudTools">
      <button class="wordCloudLoad">Hent ord/data</button>
      <button class="wordCloudSaveData">Gem som datawidget</button>
      <label><input class="wordCloudCase" type="checkbox" ${w.data.caseInsensitive!==false?'checked':''}> Ignorér store/små</label>
    </div>
    <div class="wordCloudCountEditor">
      <div class="wordCloudCountHead"><span>Ord / sætning</span><span>Antal</span><span></span></div>
      <div class="wordCloudCountRows">${wordCloudRenderCountRows(wcItems)}</div>
      <div class="wordCloudCountTools"><button type="button" class="wordCloudAddRow">+ Tilføj ord</button><span class="wordCloudHint">Redigér antal direkte. Ordskyen opdateres automatisk.</span></div>
    </div>
    <div class="wordCloudRender">${renderWordCloud(w)}</div>
  </div>`;
  wireWordCloud(c,w,el);
}
// --- WIDGET: POLL / AFSTEMNING ---
if(w.type==='poll'){
  w.data.question??='Hvordan går det?';
  w.data.options??=['😀','🙂','😐','🙁','😡'];
  w.data.votes??=w.data.options.map(()=>0);
  w.data.showResults??=true;
  w.data.allowCloudInPresent??=true;
  const presentResultsEnabled=!!(w.data.showResults && w.data.allowCloudInPresent);
  const settingsHtml=`<div class="pollSettings">
      <label class="pollPresentResultsLabel"><input class="pollPresentResults" type="checkbox" ${presentResultsEnabled?'checked':''}> <span class="pollPresentResultsText">Vis resultater i præsentation (søjler/ordsky)</span></label>
    </div>`;
  const pollInPresentation=(document.getElementById('app')||document.body).classList.contains('present')||document.body.classList.contains('present');
  const pollCanShowCloud=!(pollInPresentation && !w.data.allowCloudInPresent);
  if(w.data.cloudView && pollCanShowCloud){
    const items=pollCloudItems(w);
    c.innerHTML=`<div class="pollBox pollCloudMode">
      <div class="pollHeader"><button type="button" class="pollQuestion pollTitleToggle active" title="Klik for at skifte mellem ordsky og afstemning">${esc(w.data.question)}</button><div class="pollVoteCount" title="Antal afgivne stemmer">${esc(pollTotalLabel(w))}</div></div>
      ${settingsHtml}
      <div class="pollCloudView">${items.length?items.map(it=>`<span class="${safe186PollCloudClass(it.label)}" data-label="${esc(it.label)}" data-count="${esc(it.count)}" title="${esc(it.count+' stemmer')}" style="--x:${it.x||50}%;--y:${it.y||50}%;font-size:${it.size}px;opacity:${it.opacity};--rot:${it.rot||0}deg;--lift:${it.lift||0}px">${esc(it.label)}</span>`).join(''):`<div style="opacity:.65;font-weight:800">Ingen stemmer endnu</div>`}</div>
      <div class="pollModeBadge"><span class="pollModeLabel">Ordskyvisning</span></div>
      <div class="pollTools"><button class="pollEdit">Rediger</button><button class="pollReset">Nulstil stemmer</button><button class="pollCloud"><span class="pollModeLabel">Afstemningsvisning</span></button></div>
    </div>`;
  }else{
    c.innerHTML=`<div class="pollBox pollVoteMode">
      <div class="pollHeader"><button type="button" class="pollQuestion pollTitleToggle" title="Klik for at skifte mellem afstemning og ordsky">${esc(w.data.question)}</button><div class="pollVoteCount" title="Antal afgivne stemmer">${esc(pollTotalLabel(w))}</div></div>
      ${settingsHtml}
      <div class="pollChoices ${safe188PollChoicesGridClass(w.data.options||[])} ${w.data.showResults?'':'resultsHidden'}">${(w.data.options||[]).map((o,i)=>`<button class="pollChoice ${safe186PollChoiceClass(o)}" data-i="${i}">${esc(o)}</button>`).join('')}</div>
      ${w.data.showResults?`<div class="pollResults">${renderPollResults(w)}</div>`:`<div class="pollNoResultsNote">Resultater skjult</div>`}
      <div class="pollTools"><button class="pollEdit">Rediger</button><button class="pollReset">Nulstil stemmer</button><button class="pollCloud"><span class="pollModeLabel">Ordskyvisning</span></button></div>
    </div>`;
  }
  wirePoll(c,w,el);
}
// --- WIDGET: DATASET CARD ---
 if(w.type==='dataset'){
  w.data=w.data||{};
  const ds=(state.datasets||[]).find(d=>String(d.id)===String(w.data.datasetId));
  if(!ds){
    c.innerHTML='<div class="datasetCard"><div class="datasetTitle">📊 Manglende datasæt</div><div class="datasetMeta"><span>Kun reference fundet</span></div><div></div></div>';
  }else{
    const cols=(ds.columns||[]).slice(0,5);
    // SAFE174: Grupperesultat-datawidgets skal vise alle grupper/rækker, ikke kun et preview-udsnit.
    const rows=(ds.type==='groups-results') ? (ds.rows||[]) : (ds.rows||[]).slice(0,8);
    c.innerHTML=`<div class="datasetCard">
      <div class="datasetTitle"><span>📊</span><span>${esc(ds.name||w.title||'Datasæt')}</span></div>
      <div class="datasetMeta"><span>${(ds.rows||[]).length} rækker</span><span>${(ds.columns||[]).length} kolonner</span></div>
      <div class="datasetPreview"><table><thead><tr>${cols.map(x=>`<th>${esc(x)}</th>`).join('')}</tr></thead><tbody>${rows.map(r=>`<tr>${cols.map((_,i)=>`<td>${esc((r||[])[i]||'')}</td>`).join('')}</tr>`).join('')}</tbody></table></div>
      <div class="datasetActions widget-control"><button class="datasetUse">Lav liste</button><button class="datasetInfo secondary">Forhåndsvisning</button></div>
    </div>`;
    const use=c.querySelector('.datasetUse');
    if(use)use.onclick=e=>{e.stopPropagation();const items=datasetFirstTextColumn(ds);if(!items.length){toast('Datasættet har ingen brugbar listekolonne');return}const bank=wheelListBank();bank[ds.name||w.title||'Datasæt']=items;saveWheelListBank(bank);toast('Datasæt gemt som liste: '+items.length+' elementer')};
    const info=c.querySelector('.datasetInfo');
    if(info)info.onclick=e=>{e.stopPropagation();showModal(`<h2>${esc(ds.name||'Datasæt')}</h2><p>${(ds.rows||[]).length} rækker · ${(ds.columns||[]).length} kolonner</p><div class="datasetPreview" style="max-height:55vh">${c.querySelector('.datasetPreview').innerHTML}</div><button id="close">Luk</button>`);modal.querySelector('#close').onclick=closeModal};
  }
}
// --- WIDGET: HTML ---
 if(w.type==='html'){
  w.data=w.data||{};
  w.data.mode=w.data.mode||'edit';
  const isEdit=w.data.mode==='edit';
  c.innerHTML=`<div class="htmlBox">
    <div class="htmlTools widget-control">
      <button class="htmlPreview ${!isEdit?'active':''}">Webvisning</button>
      <button class="htmlEdit ${isEdit?'active':''}">Tekst</button>
      <button class="htmlDownload">Download HTML</button>
      ${!isEdit?'<button class="htmlInteract">Aktivér side</button>':''}
    </div>
    ${isEdit
      ? `<textarea spellcheck="false">${esc(w.data.html||'')}</textarea>`
      : `<div class="htmlFrameWrap"><iframe sandbox="allow-scripts allow-forms allow-popups allow-modals allow-same-origin"></iframe><div class="htmlShield"></div></div>`}
  </div>`;
  const setMode=(mode)=>{w.data.mode=mode;el.classList.remove('htmlInteractive');fillContent(el,w);save()};
  const prev=c.querySelector('.htmlPreview');
  const edit=c.querySelector('.htmlEdit');
  const dl=c.querySelector('.htmlDownload');
  const interact=c.querySelector('.htmlInteract');
  if(prev)prev.onclick=e=>{e.stopPropagation();setMode('preview')};
  if(edit)edit.onclick=e=>{e.stopPropagation();setMode('edit')};
  if(dl)dl.onclick=e=>{e.stopPropagation();downloadDataUrl('data:text/html;charset=utf-8,'+encodeURIComponent(w.data.html||''),w.data.name||w.title||'side.html')};
  if(interact)interact.onclick=e=>{e.stopPropagation();el.classList.add('htmlInteractive');setIframeControl(w.id,true);toast('HTML-side aktiv. ESC slipper kontrollen.')};
  const iframe=c.querySelector('iframe');
  if(iframe){
    // Send environment information to the iframe once it has loaded.  This
    // allows HTML widgets to inherit the parent app's fallback configuration
    // (RUNNING_FROM_FILE and TAVLE_ASSET_BASE) via postMessage.  The
    // imported document can listen for this message and update its
    // globals accordingly.
    iframe.onload=()=>{
      try{
        iframe.contentWindow.postMessage({
          tavle_env:{
            RUNNING_FROM_FILE:(typeof window.RUNNING_FROM_FILE==='boolean'?window.RUNNING_FROM_FILE:(location.protocol==='file:')),
            TAVLE_ASSET_BASE:window.TAVLE_ASSET_BASE
          }
        },'*');
      }catch(_envErr){}
    };
    const code=String(w.data.html||'');
    try{
      const blob=new Blob([code],{type:'text/html;charset=utf-8'});
      const oldUrl=w.data.__previewUrl;
      const url=URL.createObjectURL(blob);
      w.data.__previewUrl=url;
      iframe.src=url;
      if(oldUrl&&String(oldUrl).startsWith('blob:'))setTimeout(()=>{try{URL.revokeObjectURL(oldUrl)}catch(_e){}},1000);
    }catch(_e){
      try{
        iframe.src='about:blank';
        setTimeout(()=>{
          try{iframe.contentDocument.open();iframe.contentDocument.write(code);iframe.contentDocument.close()}catch(__e){}
        },0);
      }catch(__e){}
    }
  }
  const shield=c.querySelector('.htmlShield');
  if(shield)shield.onpointerdown=e=>{e.preventDefault();e.stopPropagation();select(w.id,{editText:false})};
  const ta=c.querySelector('textarea');
  if(ta){
    ta.addEventListener('pointerdown',e=>{if(!app.classList.contains('present'))select(w.id,{editText:false});e.stopPropagation()});
    ta.addEventListener('click',e=>e.stopPropagation());
    ta.oninput=e=>{w.data.html=e.target.value;save({silent:true})};
    ta.onblur=e=>save();
    ta.onkeydown=e=>{if(e.key==='Escape'){e.preventDefault();ta.blur();select(w.id,{editText:false})}};
  }
}
// --- WIDGET: LINK / IFRAME ---
 if(w.type==='link'){
  const url=normalizeLinkUrl(w.data.url||'');
  const view=w.data.view||'link';
  if(view==='iframe' && (url||w.data.srcdoc)){
    const iframeAttr=w.data.srcdoc
      ? `srcdoc="${esc(w.data.srcdoc)}"`
      : `src="${esc(tavleIframeSrc(url,w))}"`;
    c.innerHTML=`<div class="linkIframeBox">
      <div class="linkIframeFrame">
        <iframe ${iframeAttr} allowfullscreen loading="lazy" referrerpolicy="no-referrer"></iframe>
        <div class="linkIframeShield"></div>
      </div>
    </div>`;
    const iframe=c.querySelector('iframe');
  }else{
    c.innerHTML=`<div class="linkBox"><a target="_blank" href="${esc(url||'#')}">${esc(w.data.text||'Klikbart link')}</a></div>`;
  }
  c.ondblclick=e=>{if(!canEditWidgets())return;e.preventDefault();e.stopPropagation();select(w.id,{editText:false});askLink(w)};
}
// --- WIDGET: IMAGE ---
 if(w.type==='image'){
  if(w.data.src){
    const embedded=String(w.data.src).startsWith('data:');
    c.innerHTML=`${embedded?`<div class="mediaActions widget-control"><button class="downloadImg">Download billede</button></div>`:''}<div class="imageFrame"><img src="${esc(w.data.src)}" alt=""></div>`;
    const dl=c.querySelector('.downloadImg');
    if(dl)dl.onclick=(e)=>{e.stopPropagation();downloadDataUrl(w.data.src,w.data.name||'billede')};
  }else{
    c.innerHTML=`<div class="imageChoice"><button class="localImg">Indsæt billede fra enhed</button><button class="urlImg">Indsæt billede fra URL</button></div>`;
    c.querySelector('.localImg').onclick=()=>pickFile('image/*',(src,file)=>{w.data.src=src;w.data.name=(file&&file.name)||'billede';fillContent(el,w);save()});
    c.querySelector('.urlImg').onclick=()=>askImageUrl(w);
  }
}
// --- WIDGET: PDF ---
 if(w.type==='pdf'){
  const src=w.data.src||w.data.url||'';
  const page=Math.max(1,Number(w.data.page||1));
  const pages=Number(w.data.pages||0);
  c.innerHTML=`<div class="pdfControls widget-control">
      <button class="pdfLocal">Vælg lokal PDF</button>
      <button class="pdfUrl">PDF fra URL</button>
      ${isEmbeddedPdf(src)?'<button class="pdfDownload">Download PDF</button>':''}
      <button class="pdfPrev" title="Forrige side">‹</button>
      <span class="pdfPageLabel">${src?('Side '+page+(pages?' / '+pages:'')):'Side –'}</span>
      <button class="pdfNext" title="Næste side">›</button>
      <span>${isEmbeddedPdf(src)?'PDF er indlejret i backup.':(src?'PDF er linket via URL.':'Ingen PDF valgt.')}</span>
    </div>
    <div class="pdfJsViewer"></div>
    <div class="pdfEdgeNav left" title="Forrige side"></div>
    <div class="pdfEdgeNav right" title="Næste side"></div>`;
  const local=c.querySelector('.pdfLocal');
  if(local)local.onclick=(e)=>{e.stopPropagation();pickLocalPdf((dataUrl,file)=>{
    w.data.src=dataUrl;
    w.data.url=dataUrl;
    w.data.name=file.name||'PDF';
    w.data.page=1;
    delete w.data.pages;
    fillContent(el,w);
    save();
    toast('PDF indlejret i tavlen');
  })};
  const pdfDownload=c.querySelector('.pdfDownload');
  if(pdfDownload)pdfDownload.onclick=(e)=>{e.stopPropagation();downloadDataUrl(src,w.data.name||'pdf')};
  const urlBtn=c.querySelector('.pdfUrl');
  if(urlBtn)urlBtn.onclick=(e)=>{
    e.stopPropagation();
    const u=prompt('Indsæt direkte PDF-URL (Google Drive-links virker ofte ikke direkte)',(!isEmbeddedPdf(src)?src:'')||'');
    if(!u)return;
    w.data.src=u;
    w.data.url=u;
    w.data.name='PDF fra URL';
    w.data.page=1;
    delete w.data.pages;
    fillContent(el,w);
    save();
  };
  const prev=c.querySelector('.pdfPrev');
  const next=c.querySelector('.pdfNext');
  const edgePrev=c.querySelector('.pdfEdgeNav.left');
  const edgeNext=c.querySelector('.pdfEdgeNav.right');
  if(prev)prev.onclick=(e)=>{e.stopPropagation();pdfJsGoPage(w,c,-1)};
  if(next)next.onclick=(e)=>{e.stopPropagation();pdfJsGoPage(w,c,1)};
  if(edgePrev)edgePrev.onclick=(e)=>{e.preventDefault();e.stopPropagation();pdfJsGoPage(w,c,-1)};
  if(edgeNext)edgeNext.onclick=(e)=>{e.preventDefault();e.stopPropagation();pdfJsGoPage(w,c,1)};
  renderPdfJsWidget(w,c);
}
}

const TAVLE_RANDOM_SWATCHES=[
    {kind:'swatch',title:'Lys blå',desc:'Neutral og rolig',group:'Rolig',version:'Farve',bg:'linear-gradient(135deg,#eef7ff,#d6ecff)',search:'lys blå neutral rolig grøn undervisning'},
    {kind:'swatch',title:'Minimal grå',desc:'Rolig skriveflade',group:'Tavle',version:'Farve',bg:'linear-gradient(135deg,#f8fafc,#e5e7eb)',search:'minimal grå neutral lys tavle'},
    {kind:'swatch',title:'Varm kreativ',desc:'Blød varm energi',group:'Kreativ',version:'Farve',bg:'linear-gradient(135deg,#fff7ed,#fde68a)',search:'varm kreativ gul orange lys'},
    {kind:'swatch',title:'Lilla ro',desc:'Rolig fokusfarve',group:'Rolig',version:'Farve',bg:'linear-gradient(135deg,#f5f3ff,#ddd6fe)',search:'lilla ro fokus kreativ'},
    {kind:'swatch',title:'Blå fokus',desc:'Kølig og tydelig',group:'Struktur',version:'Farve',bg:'linear-gradient(135deg,#dbeafe,#bfdbfe)',search:'blå fokus kølig struktur'},
    {kind:'swatch',title:'Grøn tavle',desc:'Klassisk ro',group:'Tavle',version:'Farve',bg:'linear-gradient(135deg,#dcfce7,#bbf7d0)',search:'grøn tavle klassisk rolig'},
    {kind:'swatch',title:'Mørk grøn',desc:'Dæmpet tavlestemning',group:'Tavle',version:'Farve',bg:'linear-gradient(135deg,#0f172a,#064e3b)',search:'mørk grøn tavle dæmpet'},
    {kind:'swatch',title:'Dyb blå',desc:'Mørk præsentation',group:'Struktur',version:'Farve',bg:'linear-gradient(135deg,#0f172a,#1d4ed8)',search:'mørk blå præsentation struktur'},
    {kind:'swatch',title:'Kontrast',desc:'Kraftig sort/hvid',group:'Struktur',version:'Farve',bg:'linear-gradient(135deg,#020617,#475569)',search:'kontrast mørk sort grå tydelig'}
  ];

function safeSlideTitle(s,i){return (s.title&&String(s.title).trim()) ? s.title : 'Tavle '+(i+1)}
function usedBoardBackgroundKeys(){
  const keys=new Set();
  try{
    (state.slides||[]).forEach(s=>{
      if(s.bgImageTitle)keys.add('title:'+s.bgImageTitle);
      if(s.bgImage)keys.add('src:'+String(s.bgImage).replace(/^.*backgrounds\//,'backgrounds/'));
    });
  }catch(_e){}
  return keys;
}

function applyThemeBackgroundToSlide(s,bg){
  if(!s || !bg)return false;
  if(bg.kind==='swatch'){
    s.bg=bg.bg || 'linear-gradient(135deg,#eef7ff,#d6ecff)';
    s.bgImage='';
    s.bgImageSource='swatch';
    s.bgImageTitle=bg.title||'Farve';
    s.bgImageName='';
    s.bgImageVersion=bg.version||'Farve';
    s.bgFit='cover';
    s.bgFilter=s.bgFilter||'none';
    return true;
  }
  const resolved=typeof resolveAssetPath==='function' ? resolveAssetPath(bg.src) : bg.src;
  s.bg='linear-gradient(135deg,#eef7ff,#d6ecff)';
  s.bgImage=resolved;
  s.bgImageSource='builtin';
  s.bgImageTitle=bg.title||'';
  s.bgImageName=bg.name||'';
  s.bgImageVersion=bg.version||'';
  s.bgFit='cover';
  s.bgFilter=s.bgFilter||'standard';
  return true;
}

function randomBoardTheme(){
  // Fælles random-pulje: farve/gradient-swatches + alle billedbaggrunde.
  const swatches=(typeof TAVLE_RANDOM_SWATCHES!=='undefined' && Array.isArray(TAVLE_RANDOM_SWATCHES))
    ? TAVLE_RANDOM_SWATCHES.map(sw=>({...sw,kind:'swatch'}))
    : [];
  const images=(typeof TAVLE_BACKGROUNDS!=='undefined' && Array.isArray(TAVLE_BACKGROUNDS))
    ? TAVLE_BACKGROUNDS.filter(bg=>bg && bg.src).map(bg=>({...bg,kind:'image'}))
    : [];
  const library=[...swatches,...images];
  if(!library.length)return null;

  const used=new Set();
  try{
    (state.slides||[]).forEach(s=>{
      if(s.bgImageSource==='swatch' && s.bgImageTitle)used.add('swatch:'+s.bgImageTitle);
      if(!s.bgImage && s.bg)used.add('swatch-bg:'+String(s.bg));
      if(s.bgImage)used.add('image:'+String(s.bgImage).replace(/^.*backgrounds\//,'backgrounds/'));
    });
  }catch(_e){}

  const unused=library.filter(bg=>{
    if(bg.kind==='swatch')return !used.has('swatch:'+bg.title) && !used.has('swatch-bg:'+String(bg.bg));
    return !used.has('image:'+String(bg.src).replace(/^.*backgrounds\//,'backgrounds/'));
  });
  const pool=unused.length ? unused : library;
  return pool[Math.floor(Math.random()*pool.length)];
}
function classicHdSlide(){
  const bg=(typeof TAVLE_BACKGROUNDS!=='undefined' && Array.isArray(TAVLE_BACKGROUNDS))
    ? TAVLE_BACKGROUNDS.find(x=>x && x.baseId==='bg1' && x.version==='HD') || TAVLE_BACKGROUNDS.find(x=>x && x.title==='Klassisk tavle' && x.version==='HD')
    : null;
  if(bg){
    const resolved=typeof resolveAssetPath==='function' ? resolveAssetPath(bg.src) : bg.src;
    return {
      title:'Min undervisningstavle',
      bg:'linear-gradient(135deg,#edf6ff,#dff8e8)',
      bgImage:resolved,
      bgImageSource:'builtin',
      bgImageTitle:bg.title||'Klassisk tavle',
      bgImageName:bg.name||'',
      bgImageVersion:bg.version||'HD',
      bgFit:'cover',
      bgFilter:'standard',
      grid:false,
      draw:'',
      widgets:[]
    };
  }
  return {title:'Min undervisningstavle',bg:'linear-gradient(135deg,#edf6ff,#dff8e8)',bgImage:'',bgFit:'cover',grid:false,draw:'',widgets:[]};
}

window.applyRandomBackgroundToActiveSlide=function applyRandomBackgroundToActiveSlide(){
  const bg=randomBoardTheme();
  if(!bg)return false;
  const s=slide();
  applyThemeBackgroundToSlide(s,bg);
  render();
  save();
  toast('Baggrund: '+(bg.title||'Ny')+(bg.version?(' ('+bg.version+')'):''));
  return true;
}

function createThemedSlide(){
  const bg=randomBoardTheme();
  const s={
    title:'Ny tavle',
    bg:'linear-gradient(135deg,#eef7ff,#d6ecff)',
    bgImage:'',
    bgImageSource:'',
    bgImageTitle:'',
    bgImageName:'',
    bgImageVersion:'',
    bgFit:'cover',
    bgFilter:'none',
    grid:false,
    draw:'',
    widgets:[]
  };
  if(bg){
    s.title=(bg.title ? (bg.version ? `${bg.title} (${bg.version})` : bg.title) : 'Ny tavle');
    applyThemeBackgroundToSlide(s,bg);
  }
  return s;
}


function safe301PickImageBackgroundForNewBoard(){
  try{
    const images=(typeof TAVLE_BACKGROUNDS!=='undefined' && Array.isArray(TAVLE_BACKGROUNDS))
      ? TAVLE_BACKGROUNDS.filter(bg=>bg && bg.src).map(bg=>({...bg,kind:'image'}))
      : [];
    if(!images.length)return null;

    const used=new Set();
    try{
      (state.slides||[]).forEach(s=>{
        if(s && s.bgImage)used.add(String(s.bgImage).replace(/^.*backgrounds\//,'backgrounds/'));
      });
    }catch(_e){}

    const unused=images.filter(bg=>!used.has(String(bg.src).replace(/^.*backgrounds\//,'backgrounds/')));
    const pool=unused.length ? unused : images;
    return pool[Math.floor(Math.random()*pool.length)];
  }catch(_e){
    return null;
  }
}
function safe301ApplyImageBackgroundToSlide(s,bg){
  if(!s || !bg || !bg.src)return false;
  const resolved=typeof resolveAssetPath==='function' ? resolveAssetPath(bg.src) : bg.src;
  s.title=(bg.title ? (bg.version ? bg.title+' ('+bg.version+')' : bg.title) : 'Ny tavle');
  s.bg='linear-gradient(135deg,#eef7ff,#d6ecff)';
  s.bgImage=resolved;
  s.bgImageSource='builtin';
  s.bgImageTitle=bg.title||'';
  s.bgImageName=bg.name||'';
  s.bgImageVersion=bg.version||'';
  s.bgFit='cover';
  s.bgFilter='standard';
  return true;
}
function safe301CreateImageOnlySlide(){
  const s=safe300CreateNeutralSlide();
  const bg=safe301PickImageBackgroundForNewBoard();
  if(bg)safe301ApplyImageBackgroundToSlide(s,bg);
  return s;
}
function safe301InsertImageOnlyBoardBeforeTrash(){
  const ns=safe301CreateImageOnlySlide();
  const arr=state.slides||[];
  let trashIndex=-1;
  try{trashIndex=arr.findIndex(s=>typeof isTrashBoard==='function' && isTrashBoard(s));}catch(_e){}
  if(trashIndex>=0){
    arr.splice(trashIndex,0,ns);
    state.active=trashIndex;
  }else{
    arr.push(ns);
    state.active=arr.length-1;
  }
  selected=null;
  if(window.UIState)UIState.selectedWidgetId=null;

  // Vigtigt: ingen swatch-normalisering, ingen bgModal(), ingen preview-state.
  try{
    const ae=document.activeElement;
    if(ae&&ae.blur)ae.blur();
    if(window.getSelection){
      const sel=window.getSelection();
      if(sel&&sel.removeAllRanges)sel.removeAllRanges();
    }
  }catch(_e){}

  render();
  save({silent:true});
  try{toast('Ny tavle')}catch(_e){}
  return state.active;
}
window.safe301InsertImageOnlyBoardBeforeTrash=safe301InsertImageOnlyBoardBeforeTrash;

function safe300CreateNeutralSlide(){
  return {
    title:'Ny tavle',
    bg:'linear-gradient(135deg,#eef7ff,#d6ecff)',
    bgImage:'',
    bgImageSource:'',
    bgImageTitle:'',
    bgImageName:'',
    bgImageVersion:'',
    bgFit:'cover',
    bgFilter:'none',
    grid:false,
    draw:'',
    widgets:[]
  };
}
function safe300InsertNeutralBoardBeforeTrash(){
  const ns=safe300CreateNeutralSlide();
  const arr=state.slides||[];
  let trashIndex=-1;
  try{trashIndex=arr.findIndex(s=>typeof isTrashBoard==='function' && isTrashBoard(s));}catch(_e){}
  if(trashIndex>=0){
    arr.splice(trashIndex,0,ns);
    state.active=trashIndex;
  }else{
    arr.push(ns);
    state.active=arr.length-1;
  }
  selected=null;
  if(window.UIState)UIState.selectedWidgetId=null;
  try{
    const ae=document.activeElement;
    if(ae&&ae.blur)ae.blur();
    if(window.getSelection){
      const sel=window.getSelection();
      if(sel&&sel.removeAllRanges)sel.removeAllRanges();
    }
  }catch(_e){}
  render();
  save({silent:true});
  try{toast('Ny neutral tavle')}catch(_e){}
  return state.active;
}
window.safe300InsertNeutralBoardBeforeTrash=safe300InsertNeutralBoardBeforeTrash;

function safe297BackgroundPool(){
  const swatches=(typeof TAVLE_RANDOM_SWATCHES!=='undefined' && Array.isArray(TAVLE_RANDOM_SWATCHES))
    ? TAVLE_RANDOM_SWATCHES.map(sw=>({...sw,kind:'swatch'}))
    : [];
  const images=(typeof TAVLE_BACKGROUNDS!=='undefined' && Array.isArray(TAVLE_BACKGROUNDS))
    ? TAVLE_BACKGROUNDS.filter(bg=>bg && bg.src).map(bg=>({...bg,kind:'image'}))
    : [];
  return [...swatches,...images];
}
function safe297PickBoardBackground(){
  const pool=safe297BackgroundPool();
  if(!pool.length)return null;
  const used=new Set();
  try{
    (state.slides||[]).forEach(s=>{
      if(s.bgImageSource==='swatch' && s.bgImageTitle)used.add('swatch:'+s.bgImageTitle);
      if(!s.bgImage && s.bg)used.add('swatch-bg:'+String(s.bg));
      if(s.bgImage)used.add('image:'+String(s.bgImage).replace(/^.*backgrounds\//,'backgrounds/'));
    });
  }catch(_e){}
  const unused=pool.filter(bg=>{
    if(bg.kind==='swatch')return !used.has('swatch:'+bg.title) && !used.has('swatch-bg:'+String(bg.bg));
    return !used.has('image:'+String(bg.src).replace(/^.*backgrounds\//,'backgrounds/'));
  });
  const pickPool=unused.length ? unused : pool;
  return pickPool[Math.floor(Math.random()*pickPool.length)];
}
function safe297ApplyBackgroundToSlide(s,bg){
  if(!s || !bg)return false;
  if(bg.kind==='swatch'){
    s.title=(bg.title ? (bg.version ? bg.title+' ('+bg.version+')' : bg.title) : 'Ny tavle');
    s.bg=bg.bg || 'linear-gradient(135deg,#eef7ff,#d6ecff)';
    s.bgImage='';
    s.bgImageSource='swatch';
    s.bgImageTitle=bg.title||'Farve';
    s.bgImageName='';
    s.bgImageVersion=bg.version||'Farve';
    s.bgFit='cover';
    s.bgFilter='none';
    return true;
  }
  const resolved=typeof resolveAssetPath==='function' ? resolveAssetPath(bg.src) : bg.src;
  s.title=(bg.title ? (bg.version ? bg.title+' ('+bg.version+')' : bg.title) : 'Ny tavle');
  s.bg='linear-gradient(135deg,#eef7ff,#d6ecff)';
  s.bgImage=resolved;
  s.bgImageSource='builtin';
  s.bgImageTitle=bg.title||'';
  s.bgImageName=bg.name||'';
  s.bgImageVersion=bg.version||'';
  s.bgFit='cover';
  s.bgFilter='standard';
  return true;
}
function safe297CreateBoardFromPickerPool(){
  const s={
    title:'Ny tavle',
    bg:'linear-gradient(135deg,#eef7ff,#d6ecff)',
    bgImage:'',
    bgImageSource:'',
    bgImageTitle:'',
    bgImageName:'',
    bgImageVersion:'',
    bgFit:'cover',
    bgFilter:'none',
    grid:false,
    draw:'',
    widgets:[]
  };
  const bg=safe297PickBoardBackground();
  if(bg)safe297ApplyBackgroundToSlide(s,bg);
  return s;
}
function safe297InsertNewBoardBeforeTrash(){
  // SAFE301: N opretter kun ny tavle med billedbaggrund, aldrig swatch.
  return safe301InsertImageOnlyBoardBeforeTrash();
}
window.safe297InsertNewBoardBeforeTrash=safe297InsertNewBoardBeforeTrash;


////////////////////////////////////////////////////////////
// PAPIRKURV / INTERNAL TRASH BOARD
////////////////////////////////////////////////////////////
/*
Papirkurv-regler:
- Papirkurv er en intern/særlig tavle (`isTrashBoard:true`), ikke en normal brugertavle.
- Den må ikke tælle med i almindelig tavlenavigation eller tavletæller.
- Den må ikke vises som normal tavle i tavleoversigt, omdøbning, flytning eller sletning.
- Slettede widgets flyttes hertil, medmindre permanent sletning bruges.
- X/Delete/Backspace i papirkurv sletter permanent ifølge de relevante handlers.
- Klik/Enter på widget i papirkurv gendanner.
- Piletaster i papirkurv navigerer mellem widgets.
- T/Esc/mellemrum lukker papirkurven.
Ret kun logikken med meget små patches og test normal tavle + papirkurv bagefter.
*/
function isTrashBoard(s){
  return !!(s && (s.isTrashBoard===true || s.title==='🗑 Papirkurv'));
}
function createTrashBoard(){
  return {
    title:'🗑 Papirkurv',
    isTrashBoard:true,
    bg:'radial-gradient(circle at 20% 15%, rgba(148,163,184,.34), transparent 28%), radial-gradient(circle at 85% 82%, rgba(30,41,59,.85), transparent 36%), linear-gradient(135deg,#020617,#111827 48%,#334155)',
    bgImage:'',
    bgImageSource:'trash',
    bgImageTitle:'Papirkurv',
    bgImageName:'',
    bgImageVersion:'Special',
    bgFit:'cover',
    bgFilter:'none',
    grid:false,
    draw:'',
    widgets:[]
  };
}
function ensureTrashBoard(){
  if(!state || !Array.isArray(state.slides))return -1;
  let idx=state.slides.findIndex(isTrashBoard);
  if(idx<0){
    state.slides.push(createTrashBoard());
    idx=state.slides.length-1;
  }else{
    const s=state.slides[idx];
    s.isTrashBoard=true;
    s.title='🗑 Papirkurv';
    s.bg='radial-gradient(circle at 20% 15%, rgba(148,163,184,.34), transparent 28%), radial-gradient(circle at 85% 82%, rgba(30,41,59,.85), transparent 36%), linear-gradient(135deg,#020617,#111827 48%,#334155)';
    s.bgImage='';
    s.bgImageSource='trash';
    s.bgImageTitle='Papirkurv';
    s.bgFit='cover';
    s.bgFilter='none';
    if(!Array.isArray(s.widgets))s.widgets=[];
  }
  return idx;
}
function openTrashBoard(){
  const idx=ensureTrashBoard();
  if(idx<0)return false;
  if(!isTrashBoard(slide())) state.trashReturnIndex=state.active;
  state.active=idx;
  selected=null;
  if(window.UIState) UIState.selectedWidgetId=null;
  render();
  save({silent:true});
  try{toast('Papirkurv')}catch(_e){}
  return true;
}
window.openTrashBoard=openTrashBoard;
try{
  const trashTop=document.getElementById('trashTop');
  if(trashTop && !trashTop.__safe281TrashBound){
    trashTop.onclick=()=>openTrashBoard();
    trashTop.__safe281TrashBound=true;
  }
}catch(_e){}

function returnFromTrashBoard(){
  let idx=Number(state && state.trashReturnIndex);
  if(!Number.isInteger(idx) || idx<0 || idx>=state.slides.length || isTrashBoard(state.slides[idx])){
    idx=state.slides.findIndex(s=>!isTrashBoard(s));
    if(idx<0)idx=0;
  }
  state.active=idx;
  selected=null;
  if(window.UIState) UIState.selectedWidgetId=null;
  render();
  save({silent:true});
}
function updateTrashBoardUI(){
  document.querySelectorAll('.trashBoardBar,.trashBoardEmptyNote').forEach(e=>e.remove());
  const s=slide();
  const on=isTrashBoard(s);
  app.classList.toggle('trashBoardActive',on);
  document.body.classList.toggle('trashBoardActive',on);
  /* SAFE126: Papirkurven bruger titelområdet som fast tilbageknap, ikke som redigerbar tavletitel. */
  try{
    if(on){
      titleEl.textContent='🗑 Papirkurv';
      titleEl.contentEditable='false';
      titleEl.setAttribute('data-trash-title-locked','true');
      titleEl.title='Papirkurv – klik for at gå tilbage';
    }else if(titleEl.getAttribute('data-trash-title-locked')==='true'){
      titleEl.removeAttribute('data-trash-title-locked');
      titleEl.contentEditable=app.classList.contains('present')?'false':'true';
    }
  }catch(_e){}
  if(!on)return;
  const count=(s.widgets&&s.widgets.length)||0;
  const bar=document.createElement('div');
  bar.className='trashBoardBar';
  /* SAFE129: Papirkurvbaren holdes bevidst minimal: tilbage, gendan valgt og ryd hele papirkurven. */
  bar.innerHTML='<button type="button" id="trashBackBtn">← Tilbage</button><span>🗑 Papirkurv</span><small>'+(count?count+' slettede widget(s)':'tom')+'</small><button type="button" id="trashRestoreBtn" '+(count?'':'disabled')+'>Gendan valgt</button><button type="button" id="trashRestoreAllBtn" '+(count?'':'disabled')+'>Gendan alle</button><button type="button" id="trashClearAllBtn" class="danger" '+(count?'':'disabled')+'>Ryd papirkurv</button>';
  app.appendChild(bar);
  const back=bar.querySelector('#trashBackBtn');
  if(back)back.onclick=function(e){e.preventDefault();e.stopPropagation();returnFromTrashBoard();};
  const restore=bar.querySelector('#trashRestoreBtn');
  if(restore)restore.onclick=function(e){e.preventDefault();e.stopPropagation();restoreSelectedOrLatestFromTrash();};
  const restoreAll=bar.querySelector('#trashRestoreAllBtn');
  if(restoreAll)restoreAll.onclick=function(e){
    e.preventDefault();
    e.stopPropagation();
    const trash=slide();
    const items=Array.isArray(trash.widgets)?trash.widgets:[];
    if(!items.length){try{toast('Papirkurven er tom')}catch(_e){};return;}
    let targetIdx=Number(state&&state.trashReturnIndex);
    if(!Number.isInteger(targetIdx) || targetIdx<0 || targetIdx>=state.slides.length || isTrashBoard(state.slides[targetIdx])){
      targetIdx=state.slides.findIndex(s=>!isTrashBoard(s));
      if(targetIdx<0)targetIdx=0;
    }
    const target=state.slides[targetIdx];
    if(!Array.isArray(target.widgets))target.widgets=[];
    const moved=items.length;
    target.widgets.push(...items);
    trash.widgets=[];
    selected=null;
    if(window.UIState)UIState.selectedWidgetId=null;
    state.active=targetIdx;
    render();
    save({silent:true});
    try{toast('Gendannede '+moved+' widgets')}catch(_e){}
  };
  const clearAll=bar.querySelector('#trashClearAllBtn');
  if(clearAll)clearAll.onclick=function(e){
    e.preventDefault();
    e.stopPropagation();
    clearTrashBoardPermanently();
  };
  if(!count){
    const note=document.createElement('div');
    note.className='trashBoardEmptyNote';
    note.textContent='🗑 Papirkurven er tom';
    app.appendChild(note);
  }
  setTimeout(decorateTrashBoardWidgets,0);
}

function trashOverviewLayout(sl){
  const ws=(sl&&sl.widgets)||[];
  const pad=110, gap=24;
  const cols=Math.max(1,Math.floor((innerWidth-pad*2)/(320+gap)));
  ws.slice().sort((a,b)=>Number(b._trashDeletedAt||0)-Number(a._trashDeletedAt||0)).forEach((w,i)=>{
    const col=i%cols, row=Math.floor(i/cols);
    w.x=pad+col*(320+gap);
    w.y=150+row*(230+gap);
    w.w=Math.min(Number(w.w)||320,360);
    w.h=Math.min(Number(w.h)||220,260);
    w.z=i+1;
    w.rotation=0;
  });
}
function trashWidgetToBoard(id){
  if(!id || isTrashBoard(slide()))return false;
  const src=slide();
  if(!src||!Array.isArray(src.widgets))return false;
  const i=src.widgets.findIndex(w=>String(w.id)===String(id));
  if(i<0){try{toast('Vælg en widget først')}catch(_e){};return false;}
  const trashIdx=ensureTrashBoard();
  const trash=state.slides[trashIdx];
  const w=src.widgets.splice(i,1)[0];
  w._trashOriginSlideIndex=state.active;
  w._trashOriginTitle=src.title||'Tavle';
  w._trashOriginalX=w.x; w._trashOriginalY=w.y; w._trashOriginalW=w.w; w._trashOriginalH=w.h;
  w._trashOriginalZ=w.z; w._trashOriginalRotation=w.rotation||0;
  w._trashDeletedAt=Date.now();
  trash.widgets=trash.widgets||[];
  trash.widgets.push(w);
  trashOverviewLayout(trash);
  if(String(selected)===String(id)){selected=null; if(window.UIState)UIState.selectedWidgetId=null;}
  render();
  save({silent:true});
  try{toast('Widget flyttet til papirkurv')}catch(_e){}
  return true;
}
function selectedTrashWidgetIndex(){
  const s=slide();
  if(!isTrashBoard(s)||!Array.isArray(s.widgets)||!s.widgets.length)return -1;
  let idx=s.widgets.findIndex(w=>String(w.id)===String(selected));
  if(idx<0){
    let latest=-Infinity;
    s.widgets.forEach((w,i)=>{const t=Number(w._trashDeletedAt||0); if(t>latest){latest=t;idx=i;}});
  }
  return idx;
}
function restoreTrashWidgetAt(idx){
  const trash=slide();
  if(!isTrashBoard(trash)||idx<0||!trash.widgets||!trash.widgets[idx]){try{toast('Papirkurven er tom')}catch(_e){};return false;}
  const w=trash.widgets.splice(idx,1)[0];
  let target=Number(w._trashOriginSlideIndex);
  if(!Number.isInteger(target)||target<0||target>=state.slides.length||isTrashBoard(state.slides[target])){
    target=state.slides.findIndex(sl=>!isTrashBoard(sl));
    if(target<0){state.slides.unshift(classicHdSlide()); target=0;}
  }
  w.x=Number(w._trashOriginalX)||140; w.y=Number(w._trashOriginalY)||130;
  w.w=Number(w._trashOriginalW)||w.w||360; w.h=Number(w._trashOriginalH)||w.h||240;
  w.rotation=Number(w._trashOriginalRotation)||0; w.z=++z;
  delete w._trashOriginSlideIndex; delete w._trashOriginTitle; delete w._trashOriginalX; delete w._trashOriginalY; delete w._trashOriginalW; delete w._trashOriginalH; delete w._trashOriginalZ; delete w._trashOriginalRotation; delete w._trashDeletedAt;
  state.slides[target].widgets=state.slides[target].widgets||[];
  state.slides[target].widgets.push(w);
  state.active=target;
  selected=w.id; if(window.UIState)UIState.selectedWidgetId=w.id;
  render(); select(w.id,{editText:false}); save({silent:true});
  try{toast('Widget gendannet')}catch(_e){}
  return true;
}
function restoreSelectedOrLatestFromTrash(){ return restoreTrashWidgetAt(selectedTrashWidgetIndex()); }
function restoreLatestTrashWidget(){
  const ti=ensureTrashBoard();
  const oldActive=state.active;
  state.active=ti;
  const ok=restoreSelectedOrLatestFromTrash();
  if(!ok){state.active=oldActive; render();}
  return ok;
}
function permanentlyDeleteSelectedTrashWidget(){
  const s=slide();
  const idx=selectedTrashWidgetIndex();
  if(!isTrashBoard(s)||idx<0){try{toast('Vælg en widget i papirkurven')}catch(_e){};return false;}
  const w=s.widgets.splice(idx,1)[0];
  if(String(selected)===String(w.id)){selected=null;if(window.UIState)UIState.selectedWidgetId=null;}
  trashOverviewLayout(s); render(); save({silent:true});
  try{toast('Widget slettet permanent')}catch(_e){}
  return true;
}

/* SAFE137: Permanent rydning af papirkurvens egne widgets.
   Bevarer SAFE134-navigation og bruger appens modal i stedet for native confirm(). */
function clearTrashBoardPermanently(){
  const s=slide();
  if(!isTrashBoard(s) || !Array.isArray(s.widgets) || !s.widgets.length){
    try{toast('Papirkurven er tom')}catch(_e){}
    return false;
  }
  const count=s.widgets.length;
  function doClearTrashBoardPermanently(){
    try{
      s.widgets.forEach(w=>{ try{ if(window.__tavleCleanupWidget) window.__tavleCleanupWidget(w.id); }catch(_e){} });
    }catch(_e){}
    s.widgets=[];
    selected=null;
    if(window.UIState)UIState.selectedWidgetId=null;
    render();
    save({silent:true});
    try{toast('Papirkurv ryddet')}catch(_e){}
    return true;
  }
  showModal('<h2>Ryd papirkurv?</h2><p>Slet '+count+' widget(s) permanent fra papirkurven?</p><p style="font-size:13px;opacity:.72;margin-top:-4px">Enter = OK · Escape = Annuller</p><div style="display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap"><button id="clearTrashCancel">Annuller</button><button id="clearTrashOk">OK</button></div>');
  const okBtn=modal.querySelector('#clearTrashOk');
  const cancelBtn=modal.querySelector('#clearTrashCancel');
  function cleanup(){document.removeEventListener('keydown',keyHandler,true)}
  function cancel(){cleanup();closeModal()}
  function ok(){cleanup();closeModal();doClearTrashBoardPermanently()}
  function keyHandler(e){
    if(e.key==='Escape'){e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();cancel();return false;}
    if(e.key==='Enter'){e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();ok();return false;}
  }
  document.addEventListener('keydown',keyHandler,true);
  if(cancelBtn)cancelBtn.onclick=cancel;
  if(okBtn){okBtn.onclick=ok;setTimeout(()=>{try{okBtn.focus({preventScroll:true})}catch(_e){}},0);}
  return true;
}
window.__trashBoardClearAll=clearTrashBoardPermanently;

function permanentlyDeleteTrashWidgetById(id){
  const s=slide();
  if(!isTrashBoard(s)||!Array.isArray(s.widgets))return false;
  const idx=s.widgets.findIndex(w=>String(w.id)===String(id));
  if(idx<0)return false;
  selected=id; if(window.UIState)UIState.selectedWidgetId=id;
  return permanentlyDeleteSelectedTrashWidget();
}
function permanentlyDeleteNormalWidgetById(id){
  const s=slide();
  if(!s||!Array.isArray(s.widgets)||isTrashBoard(s))return false;
  const idx=s.widgets.findIndex(w=>String(w.id)===String(id));
  if(idx<0){try{toast('Vælg en widget først')}catch(_e){};return false;}
  const w=s.widgets.splice(idx,1)[0];
  try{ if(window.__tavleCleanupWidget) window.__tavleCleanupWidget(w.id); }catch(_e){}
  if(String(selected)===String(w.id)){selected=null;if(window.UIState)UIState.selectedWidgetId=null;}
  render(); save({silent:true});
  try{toast('Widget slettet permanent')}catch(_e){}
  return true;
}
function decorateTrashBoardWidgets(){
  /* SAFE129: Ingen små permanente X-knapper på papirkurv-widgets.
     Klik på en widget gendanner fortsat via den eksisterende papirkurv-kliklogik. */
  try{
    if(!isTrashBoard(slide()))return;
    document.querySelectorAll('.trashPermanentX').forEach(el=>el.remove());
  }catch(_e){}
}
window.__trashBoardDelete=trashWidgetToBoard;
window.__tavleDeleteWidgetToTrash=trashWidgetToBoard;
window.__trashBoardPermanentById=permanentlyDeleteTrashWidgetById;
window.__trashBoardPermanentSelected=permanentlyDeleteSelectedTrashWidget;
window.__tavlePermanentDeleteWidget=permanentlyDeleteNormalWidgetById;
window.__trashBoardRestoreLatest=restoreLatestTrashWidget;
window.openTrashView=openTrashBoard;
window.__tavleOpenTrashBoard=openTrashBoard;


/* SAFE15 internal trash-board bridge: expose board functions and bind shortcuts inside app scope */
function restoreTrashWidgetById(id){
  const s=slide();
  if(!isTrashBoard(s)||!Array.isArray(s.widgets))return false;
  const idx=s.widgets.findIndex(w=>String(w.id)===String(id));
  if(idx<0)return false;
  return restoreTrashWidgetAt(idx);
}
function currentSelectedWidgetId(){
  if(selected)return selected;
  try{const el=document.querySelector('.widget.selected[data-id]'); if(el)return el.dataset.id;}catch(_e){}
  return null;
}
function trashTypingTarget(e){
  const t=e&&e.target;
  if(t && (t.matches&&t.matches('input,textarea,select,[contenteditable="true"]') || t.isContentEditable))return true;
  const a=document.activeElement;
  return !!(a && (a.matches&&a.matches('input,textarea,select,[contenteditable="true"]') || a.isContentEditable));
}
window.__tavleReturnFromTrashBoard=returnFromTrashBoard;
window.__trashBoardRestoreById=restoreTrashWidgetById;
window.__trashBoardIsActive=function(){try{return isTrashBoard(slide());}catch(_e){return false;}};
window.__trashBoardSelectedId=currentSelectedWidgetId;
try{
  if(window.tavleShortcutAPI){
    window.tavleShortcutAPI.deleteSelectedWidgetShortcut=function(){
      const id=currentSelectedWidgetId();
      if(!id){try{toast('Vælg en widget først')}catch(_e){};return;}
      if(isTrashBoard(slide())){ restoreTrashWidgetById(id); return; }
      trashWidgetToBoard(id);
    };
    window.tavleShortcutAPI.openTrashBoardShortcut=function(){openTrashBoard();};
    window.tavleShortcutAPI.returnFromTrashBoardShortcut=function(){returnFromTrashBoard();};
  }
}catch(_e){}
/* Papirkurv-shortcuts: T/Esc/Space lukker i papirkurv; T åbner på normal tavle; Space åbner Mere uden valgt widget; Delete/Backspace flytter til papirkurv; Cmd/Ctrl+Z gendanner senest slettede. */
document.addEventListener('keydown',function(e){
  if(trashTypingTarget(e))return;
  const key=String(e.key||'');
  const lower=key.toLowerCase();
  const plain=!e.metaKey&&!e.ctrlKey&&!e.altKey&&!e.shiftKey;
  const onTrash=isTrashBoard(slide());
  if(onTrash){
    if(plain && (lower==='t' || key==='Escape' || e.code==='Space' || key===' ')){
      e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();
      returnFromTrashBoard();
      return false;
    }
    if(plain && key==='Enter'){
      const id=currentSelectedWidgetId();
      if(id){e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation(); restoreTrashWidgetById(id); return false;}
    }
    return;
  }
  if(plain && lower==='t'){
    e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();
    openTrashBoard();
    return false;
  }
  if(plain && (e.code==='Space'||key===' ')){
    const id=currentSelectedWidgetId();
    if(!id){e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation(); showMoreTools(); return false;}
  }
  if(plain && (key==='Delete'||key==='Backspace')){
    const id=currentSelectedWidgetId();
    if(id){e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation(); trashWidgetToBoard(id); return false;}
  }
  if((e.metaKey||e.ctrlKey)&&!e.altKey&&!e.shiftKey&&lower==='z'){
    e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation(); restoreLatestTrashWidget(); return false;
  }
},true);
document.addEventListener('click',function(e){
  const onTrash=isTrashBoard(slide());
  const wEl=e.target&&e.target.closest&&e.target.closest('.widget[data-id]');
  if(onTrash && wEl && !(e.target&&e.target.closest&&e.target.closest('.trashPermanentX,[data-act="del"],.chrome,.resize,.rotater'))){
    e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();
    restoreTrashWidgetById(wEl.dataset.id);
    return false;
  }
},true);

function focusSlideTitleForRename(){
  setTimeout(()=>{
    try{
      titleEl.focus({preventScroll:true});
      const range=document.createRange();
      range.selectNodeContents(titleEl);
      const sel=window.getSelection();
      sel.removeAllRanges();
      sel.addRange(range);
    }catch(_e){}
  },80);
}
function ensureVisibleOnSlide(w){
  w.x=Math.max(20,Math.min(w.x,innerWidth-Math.min(w.w,innerWidth*.9)-20));
  w.y=Math.max(70,Math.min(w.y,innerHeight-Math.min(w.h,innerHeight*.82)-120));
}
function cloneWidgetForSlide(widget){
  // Deep clone to avoid shared object references between slides.
  const copy=JSON.parse(JSON.stringify(widget));
  copy.id=uid();
  copy.x=Number(copy.x||0)+30;
  copy.y=Number(copy.y||0)+30;
  copy.z=++z;
  ensureVisibleOnSlide(copy);
  return copy;
}
function findWidgetOnSlide(slideIndex,widgetId){
  const s=state.slides[slideIndex];
  if(!s || !Array.isArray(s.widgets))return {slide:null,index:-1,widget:null};
  const index=s.widgets.findIndex(x=>String(x.id)===String(widgetId));
  return {slide:s,index,widget:index>=0?s.widgets[index]:null};
}
function moveWidgetToSlide(widgetId,targetIndex,sourceIndex=state.active){
  if(targetIndex<0||targetIndex>=state.slides.length)return false;
  const found=findWidgetOnSlide(sourceIndex,widgetId);
  if(!found.widget)return false;
  if(targetIndex===sourceIndex){
    state.active=sourceIndex;
    render();
    select(widgetId);
    toast('Widget er allerede på denne tavle');
    return true;
  }
  const [widget]=found.slide.widgets.splice(found.index,1);
  ensureVisibleOnSlide(widget);
  state.slides[targetIndex].widgets.push(widget);
  state.active=targetIndex;
  render();
  select(widget.id);
  toast('Flyttet til tavle '+(targetIndex+1));
  save();
  return true;
}
function copyWidgetToSlide(widgetId,targetIndex,sourceIndex=state.active){
  if(targetIndex<0||targetIndex>=state.slides.length)return false;
  const found=findWidgetOnSlide(sourceIndex,widgetId);
  if(!found.widget)return false;
  const copy=cloneWidgetForSlide(found.widget);
  state.slides[targetIndex].widgets.push(copy);
  state.active=targetIndex;
  render();
  select(copy.id);
  toast('Kopieret til tavle '+(targetIndex+1));
  save();
  return true;
}
function newSlideForWidget(widgetId,action='move',sourceIndex=state.active){
  state.slides.push(createThemedSlide());
  const idx=state.slides.length-1;
  return action==='copy' ? copyWidgetToSlide(widgetId,idx,sourceIndex) : moveWidgetToSlide(widgetId,idx,sourceIndex);
}
function widgetMoveModal(w){
  const sourceIndex=state.active;
  const sourceTitle=safeSlideTitle(state.slides[sourceIndex],sourceIndex);
  const widgetTitle=esc(w.title||titles[w.type]||'Widget');
  let rows=state.slides.map((s,i)=>{
    const isCurrent=i===sourceIndex;
    return `<div class="slideMoveRow">
      <b>${i+1}. ${esc(safeSlideTitle(s,i))}${isCurrent?' (nu)':''}</b>
      <div class="actions">
        <button data-action="move" data-target="${i}" ${isCurrent?'disabled title="Widgetten er allerede på denne tavle"':''}>Flyt</button>
        <button data-action="copy" data-target="${i}">Kopiér</button>
      </div>
    </div>`;
  }).join('');
  showModal(`<div class="moveWidgetDialog"><h2>Flyt eller kopiér widget</h2>
    <p class="moveWidgetTitle"><b>${widgetTitle}</b><br><span style="opacity:.72;font-weight:800">Fra: ${esc(sourceTitle)}</span></p>
    <p style="margin-top:0;opacity:.8;font-weight:800">Vælg om widgetten skal flyttes eller kopieres. Kopiér bevarer originalen på denne tavle.</p>
    <div class="slideList">${rows}</div>
    <div class="moveWidgetActions">
      <button id="moveNew">Flyt til ny tavle</button>
      <button id="copyNew">Kopiér til ny tavle</button>
      <button id="close">Luk</button>
    </div></div>`);
  modal.querySelectorAll('[data-action][data-target]').forEach(b=>b.onclick=()=>{
    const i=Number(b.dataset.target);
    const action=b.dataset.action;
    closeModal();
    if(action==='copy')copyWidgetToSlide(w.id,i,sourceIndex);
    else moveWidgetToSlide(w.id,i,sourceIndex);
  });
  modal.querySelector('#moveNew').onclick=()=>{closeModal();newSlideForWidget(w.id,'move',sourceIndex)};
  modal.querySelector('#copyNew').onclick=()=>{closeModal();newSlideForWidget(w.id,'copy',sourceIndex)};
  modal.querySelector('#close').onclick=()=>{document.removeEventListener('keydown',window.__bgKeyHandler,true);modalBack.classList.remove('bgModalKeyboard','bgPreviewing');closeModal()};
}


/* v119 TEST: tap brings widget to front, drag keeps current layer */
function normalizeWidgetLayers(){
  const ws=slide().widgets||[];
  ws.forEach(w=>{
    if(typeof w.z!=='number' || !isFinite(w.z))w.z=1;
  });
}
function bringWidgetToFront(w,el){
  if(!w || app.classList.contains('present') || document.body.classList.contains('focus-mode'))return;
  normalizeWidgetLayers();
  const maxZ=Math.max(1,...(slide().widgets||[]).map(x=>Number(x.z)||1));
  w.z=maxZ+1;
  z=Math.max(z,w.z);
  if(el){
    el.style.zIndex=String(w.z);
    // v129: DOM order matters for iframes/video surfaces in some browsers
    if(el.parentElement)el.parentElement.appendChild(el);
  }
  save();
}


/* v129 TEST: keep DOM order aligned with z-index */
function normalizeDomLayerOrder(){
  const widgets=[...document.querySelectorAll('.widget')];
  widgets.sort((a,b)=>(Number(a.style.zIndex)||0)-(Number(b.style.zIndex)||0));
  widgets.forEach(el=>el.parentElement&&el.parentElement.appendChild(el));
}


function isTextEditingTarget(target){
  return !!(target && target.closest && target.closest('.text textarea, textarea'));
}

function chooseFocusTargetFromTextWidget(target,e){
  if(!((typeof focusMode!=='undefined' && focusMode) || document.body.classList.contains('focus-mode'))) return false;
  const widgetEl = target && target.closest && target.closest('.widget');
  if(widgetEl && widgetEl.dataset && widgetEl.dataset.type==='text'){
    if(typeof setFocusTarget==='function') setFocusTarget(widgetEl);
    if(e){
      e.preventDefault();
      e.stopPropagation();
    }
    return true;
  }
  return false;
}


function wireWidget(el,w){
 let layerTap={x:0,y:0,t:0,moved:false,ignore:false};
 el.addEventListener('pointerdown',e=>{
   // In focus mode, tapping a text widget should select it as focus target.
   if(chooseFocusTargetFromTextWidget(e.target,e)){
     layerTap={x:e.clientX,y:e.clientY,t:0,moved:false,ignore:true};
     return;
   }
   // Text editing should behave like a normal textarea. Do not let the
   // widget-level tap/selection logic steal focus/cursor from the textarea.
   if(isTextEditingTarget(e.target)){
     if(selected!==w.id) select(w.id);
     layerTap={x:e.clientX,y:e.clientY,t:0,moved:false,ignore:true};
     return;
   }
   select(w.id);
   layerTap={x:e.clientX,y:e.clientY,t:Date.now(),moved:false,ignore:!!(e.target.closest&&e.target.closest('.chrome,.resize,.rotater,.mini,button,input,select,label,textarea,[contenteditable="true"]'))};
 },{passive:true});
 el.addEventListener('pointermove',e=>{
   if(!layerTap.t)return;
   if(Math.abs(e.clientX-layerTap.x)>7||Math.abs(e.clientY-layerTap.y)>7)layerTap.moved=true;
 },{passive:true});
 el.addEventListener('pointerup',e=>{
   if(isTextEditingTarget(e.target)){
     layerTap.t=0;
     return;
   }
   if(!layerTap.t)return;
   const isTap=!layerTap.moved && Date.now()-layerTap.t<320;
   if(isTap && (!layerTap.ignore || w.type==='text'))bringWidgetToFront(w,el);
   layerTap.t=0;
 },{passive:true});el.querySelector('[data-act=del]').onclick=e=>{e.preventDefault();e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation(); if(window.__tavleDeleteWidgetToTrash){window.__tavleDeleteWidgetToTrash(w.id);return;} if(activeIframeWidgetId&&String(activeIframeWidgetId)===String(w.id))clearIframeControl();slide().widgets=slide().widgets.filter(x=>x.id!==w.id);el.remove();save()};el.querySelector('[data-act=up]').onclick=e=>{e.stopPropagation();w.z=++z;el.style.zIndex=w.z;save()};el.querySelector('[data-act=down]').onclick=e=>{e.stopPropagation();w.z=Math.max(1,w.z-2);el.style.zIndex=w.z;save()};el.querySelector('[data-act=max]').onclick=e=>{e.preventDefault();e.stopPropagation();select(w.id);setFocusTarget(el);toggleFocusMaximized()};
 const datasetCopyListChromeBtn=el.querySelector('[data-act=datasetCopyListChrome]');
  if(datasetCopyListChromeBtn)datasetCopyListChromeBtn.onclick=e=>{
    e.preventDefault();e.stopPropagation();
    if(!canEditWidgets())return;
    w.data=w.data||{};
    // SAFE90: Hvis dataeditoren er åben, gem aktuelle headers/celler før liste-dialogen.
    const ds=safe90CommitOpenDatasetEditorForWidget(w)||(w.data.datasetId?findDatasetById(w.data.datasetId):null);
    openDatasetToListDialog(ds,w);
  };

 const toggleDatasetTextBtn=el.querySelector('[data-act=toggleDatasetTextView]');
  if(toggleDatasetTextBtn)toggleDatasetTextBtn.onclick=e=>{
    e.preventDefault();e.stopPropagation();
    if(!canEditWidgets())return;
    w.data=w.data||{};
    const ds=w.data.datasetId?findDatasetById(w.data.datasetId):null;
    if(w.data.datasetView!==false){w.data.datasetView=false;w.data.text=datasetToDelimitedText(ds||{columns:[],rows:[]},',');}
    else {try{commitDatasetTextWidget(w)}catch(err){toast('Kunne ikke opdatere datasæt: '+(err&&err.message||'ukendt fejl'));return}}
    save();render();setTimeout(()=>select(w.id,{editText:false}),0);
  };

 const toggleHtmlViewBtn=el.querySelector('[data-act=toggleHtmlView]');
  if(toggleHtmlViewBtn)toggleHtmlViewBtn.onclick=e=>{
    e.preventDefault();e.stopPropagation();
    if(!canEditWidgets())return;
    w.data=w.data||{};
    w.data.mode=(w.data.mode==='edit')?'preview':'edit';
    save();render();setTimeout(()=>select(w.id,{editText:false}),0);
  };
  const downloadHtmlBtn=el.querySelector('[data-act=downloadHtml]');
  if(downloadHtmlBtn)downloadHtmlBtn.onclick=e=>{
    e.preventDefault();e.stopPropagation();
    w.data=w.data||{};
    downloadDataUrl('data:text/html;charset=utf-8,'+encodeURIComponent(w.data.html||''),w.data.name||w.title||'side.html');
  };
 const toggleLinkViewBtn=el.querySelector('[data-act=toggleLinkView]');
  if(toggleLinkViewBtn)toggleLinkViewBtn.onclick=e=>{
    e.preventDefault();
    e.stopPropagation();
    if(!canEditWidgets())return;
    w.data=w.data||{};
    w.data.url=normalizeLinkUrl(w.data.url||'');
    w.data.view=(w.data.view==='iframe')?'link':'iframe';
    if(w.data.view!=='iframe' && activeIframeWidgetId&&String(activeIframeWidgetId)===String(w.id))clearIframeControl();
    save();
    render();
    setTimeout(()=>select(w.id,{editText:false}),0);
  };

  const activateLinkIframeBtn=el.querySelector('[data-act=activateLinkIframe]');
  if(activateLinkIframeBtn)activateLinkIframeBtn.onclick=e=>{
    e.preventDefault();
    e.stopPropagation();
    w.data=w.data||{};
    w.data.url=normalizeLinkUrl(w.data.url||'');
    if(w.data.view!=='iframe')return;
    const isActive=activeIframeWidgetId&&String(activeIframeWidgetId)===String(w.id);
    setIframeControl(w.id,!isActive);
    el.classList.toggle('iframe-interaction-enabled',!isActive);
    el.classList.toggle('is-iframe-active',!isActive);
    select(w.id,{editText:false});
    activateLinkIframeBtn.classList.toggle('active',!isActive);
    activateLinkIframeBtn.textContent=!isActive?'🖱✓':'🖱';
    activateLinkIframeBtn.title=!isActive?'Lås webside igen':'Lås op for webside-interaktion';
  };

  const reloadLinkIframeBtn=el.querySelector('[data-act=reloadLinkIframe]');
  if(reloadLinkIframeBtn)reloadLinkIframeBtn.onclick=e=>{
    e.preventDefault();
    e.stopPropagation();
    w.data=w.data||{};
    const url=normalizeLinkUrl(w.data.url||'');
    const iframe=el.querySelector('iframe');
    if(iframe){
      iframe.src='about:blank';
      setTimeout(()=>{iframe.src=tavleIframeSrc(url,w)},40);
    }
    select(w.id,{editText:false});
  };

  const openLinkBtn=el.querySelector('[data-act=openLink]');
  if(openLinkBtn)openLinkBtn.onclick=e=>{
    e.preventDefault();
    e.stopPropagation();
    w.data=w.data||{};
    const url=normalizeLinkUrl(w.data.url||'');
    if(activeIframeWidgetId&&String(activeIframeWidgetId)===String(w.id))clearIframeControl();
    select(w.id,{editText:false});
    if(url){
      const a=document.createElement('a');
      a.href=url;
      a.target='_blank';
      a.rel='noopener';
      document.body.appendChild(a);
      a.click();
      a.remove();
    }
  };

  const editLinkBtn=el.querySelector('[data-act=editLink]');
  if(editLinkBtn)editLinkBtn.onclick=e=>{
    e.preventDefault();
    e.stopPropagation();
    if(!canEditWidgets())return;
    select(w.id,{editText:false});
    askLink(w);
  };
el.querySelector('[data-act=lock]').onclick=e=>{e.stopPropagation();w.locked=!w.locked;render()};el.querySelector('[data-act=move]').onclick=e=>{e.stopPropagation();widgetMoveModal(w)};
 let drag=false,rot=false,res=false,start={}; let rotHoldTimer=null, rotHoldStart=null, rotHoldDidReset=false; const chrome=el.querySelector('.chrome'), rh=el.querySelector('.rotater'), rez=el.querySelector('.resize');
 if(rh){
   rh.title='Dobbeltklik / hold inde for at nulstille rotation';
   rh.addEventListener('dblclick',e=>{e.preventDefault();e.stopPropagation();rot=false;rotHoldDidReset=true;resetWidgetRotation(w,el)});
   rh.addEventListener('contextmenu',e=>{e.preventDefault();e.stopPropagation()});
 }
 chrome.addEventListener('pointerdown',e=>{
   if(w.locked)return;
   // Klik på bjælken betyder vælg/flyt widget - ikke skriv i tekstfeltet.
   try{
     if(document.activeElement && document.activeElement.closest && document.activeElement.closest('.widget')===el){
       document.activeElement.blur();
     }
   }catch(_e){}
   select(w.id,{editText:false});
   setToolbarHidden(true);
   drag=true;
   start={x:e.clientX,y:e.clientY,wx:w.x,wy:w.y};
   chrome.setPointerCapture(e.pointerId);
 });
 
 rez.addEventListener('pointerdown',e=>{if(w.locked)return;e.stopPropagation();setToolbarHidden(true);res=true;start={x:e.clientX,y:e.clientY,ww:w.w,wh:w.h};rez.setPointerCapture(e.pointerId)});
 rh.addEventListener('pointerdown',e=>{
    if(w.locked)return;
    e.preventDefault();
    e.stopPropagation();
    select(w.id);
    rot=true;
    rotHoldDidReset=false;
    rotHoldStart={x:e.clientX,y:e.clientY};
    clearTimeout(rotHoldTimer);
    rotHoldTimer=setTimeout(()=>{
      rot=false;
      rotHoldDidReset=true;
      resetWidgetRotation(w,el);
      try{rh.releasePointerCapture(e.pointerId)}catch(_e){}
    },650);
    const cx=w.x+w.w/2, cy=w.y+w.h/2;
    start={
      cx,cy,
      startAngle:Math.atan2(e.clientY-cy,e.clientX-cx)*180/Math.PI,
      startRotation:Number(w.rotation||0)
    };
    rh.setPointerCapture(e.pointerId);

    // v1.0.42: robust rotation fallback for iPad/Safari and iframe widgets.
    // Some embedded iframes can steal pointer/touch movement even when the rotate handle
    // has started the gesture. While rotating, temporarily disable iframe hit-testing and
    // listen on document as well as the widget element.
    document.body.classList.add('widget-transform-active');
    el.classList.add('widgetTransforming');
    const docRotateMove=(ev)=>{
      if(!rot)return;
      if(rotHoldStart && (Math.abs(ev.clientX-rotHoldStart.x)>6 || Math.abs(ev.clientY-rotHoldStart.y)>6)){
        clearTimeout(rotHoldTimer);
        rotHoldTimer=null;
      }
      const nowAngle=Math.atan2(ev.clientY-start.cy,ev.clientX-start.cx)*180/Math.PI;
      let delta=nowAngle-start.startAngle;
      if(delta>180)delta-=360;
      if(delta<-180)delta+=360;
      let deg=start.startRotation+delta;
      if(ev.shiftKey)deg=Math.round(deg/15)*15;
      w.rotation=deg;
      el.style.transform=transformFor(w);
      if(ev.cancelable)ev.preventDefault();
      ev.stopPropagation();
    };
    const docRotateEnd=(ev)=>{
      clearTimeout(rotHoldTimer); rotHoldTimer=null; rotHoldStart=null;
      if(rot)save();
      rot=false; rotHoldDidReset=false;
      document.body.classList.remove('widget-transform-active');
      el.classList.remove('widgetTransforming');
      document.removeEventListener('pointermove',docRotateMove,true);
      document.removeEventListener('pointerup',docRotateEnd,true);
      document.removeEventListener('pointercancel',docRotateEnd,true);
      if(ev){ev.stopPropagation();}
    };
    document.addEventListener('pointermove',docRotateMove,{capture:true,passive:false});
    document.addEventListener('pointerup',docRotateEnd,{capture:true,passive:false});
    document.addEventListener('pointercancel',docRotateEnd,{capture:true,passive:false});
  });
 el.addEventListener('pointermove',e=>{
    if(drag){
      w.x=start.wx+e.clientX-start.x;
      w.y=start.wy+e.clientY-start.y;
      el.style.transform=transformFor(w);
    }
    if(res){
      w.w=Math.max(120,start.ww+e.clientX-start.x);
      w.h=Math.max(90,start.wh+e.clientY-start.y);
      el.style.width=w.w+'px';
      el.style.height=w.h+'px';
      el.style.setProperty('--widget-w',w.w+'px');
      el.style.setProperty('--widget-h',w.h+'px');
    }
    if(rot){
      if(rotHoldStart && (Math.abs(e.clientX-rotHoldStart.x)>6 || Math.abs(e.clientY-rotHoldStart.y)>6)){
        clearTimeout(rotHoldTimer);
        rotHoldTimer=null;
      }
      const nowAngle=Math.atan2(e.clientY-start.cy,e.clientX-start.cx)*180/Math.PI;
      let delta=nowAngle-start.startAngle;
      if(delta>180)delta-=360;
      if(delta<-180)delta+=360;
      let deg=start.startRotation+delta;
      if(e.shiftKey)deg=Math.round(deg/15)*15;
      w.rotation=deg;
      el.style.transform=transformFor(w);
    }
  });
 ['pointerup','pointercancel'].forEach(ev=>el.addEventListener(ev,()=>{
    clearTimeout(rotHoldTimer); rotHoldTimer=null; rotHoldStart=null;
    if(drag||res||rot)save();
    drag=res=rot=false; rotHoldDidReset=false;
    document.body.classList.remove('widget-transform-active');
    el.classList.remove('widgetTransforming');
  }));}

let hintTimer=null;
let hintsEnabled=localStorage.getItem('maans_tavle_hints_enabled')!=='0';
function widgetById(id){
  try{return slide().widgets.find(w=>String(w.id)===String(id))||null}catch(_e){return null}
}
function setHintChips(chips,timeout=0){
  const bar=document.getElementById('hintBar');
  if(!bar)return;
  clearTimeout(hintTimer);
  // Almindelig præsentation skal altid være ren. Hints må kun vises
  // i præsentation, hvis der samtidig er fokus eller maksimering.
  const ordinaryPresentation=app.classList.contains('present') && !focusMode && !focusMaximized && !document.body.classList.contains('focus-maximized');
  if(ordinaryPresentation || !hintsEnabled || !chips || !chips.length){
    bar.classList.add('hidden');
    bar.innerHTML='';
    return;
  }
  bar.innerHTML=chips.map(c=>{
    const cls=c.kind==='main'?' hintMain':(c.kind==='warn'?' hintWarn':'');
    return `<span class="hintChip${cls}">${esc(c.text||c)}</span>`;
  }).join('') + '<button class="hintClose" id="hintClose" title="Skjul hints" aria-label="Skjul hints">×</button>';
  const close=bar.querySelector('#hintClose');
  if(close)close.onclick=e=>{e.preventDefault();e.stopPropagation();setHintsEnabled(false)};
  bar.classList.remove('hidden');
  if(timeout){
    hintTimer=setTimeout(()=>setHintChips([]),timeout);
  }
}
function setHintsEnabled(on){
  hintsEnabled=!!on;
  try{localStorage.setItem('maans_tavle_hints_enabled',hintsEnabled?'1':'0')}catch(_e){}
  if(!hintsEnabled){
    setHintChips([]);
    try{toast('Hints skjult')}catch(_e){}
  }else{
    updateContextHints('hints-on');
    try{toast('Hints vist')}catch(_e){}
  }
}
function toggleHints(){
  setHintsEnabled(!hintsEnabled);
}
function updateContextHints(reason=''){
  try{
    const activeEl=document.activeElement;
    const typing=activeEl && activeEl.closest && activeEl.closest('.text textarea,textarea,input,[contenteditable="true"]');
    const w=widgetById(selected);
    if(document.body.classList.contains('focus-maximized') || focusMaximized){
      const mode=app.classList.contains('present')?'Præsentation':'Redigering';
      setHintChips([
        {text:'× max: tilbage',kind:'main'},
        {text:'Esc: tilbage'},
        {text:mode}
      ]);
      return;
    }
    if(focusMode){
      setHintChips([
        {text:'× fokus: tilbage',kind:'main'},
        {text:'Esc: normal visning'},
        {text:'Klik anden widget for nyt fokus'}
      ]);
      return;
    }
    if(typing){
      setHintChips([
        {text:'Esc: stop skrivning',kind:'main'},
        {text:'Widget beholdes valgt'},
        {text:'Klik bjælke/ramme: vælg/flyt'}
      ]);
      return;
    }
    if(app.classList.contains('present')){
      // Præsentation skal være ren og elevvendt. Hints vises kun i
      // fokus/maksimering, hvor de fungerer som nød-/brugertip.
      setHintChips([]);
      return;
    }
    if(w){
      const typeName=titles[w.type]||w.type||'Widget';
      const chips=[
        {text:`Valgt: ${typeName}`,kind:'main'},
        {text:'F: fokus'},
        {text:'⇧F: maksimer'},
        {text:'P/R: præsentation'}
      ];
      if(w.type==='text')chips.push({text:'Klik i teksten: skriv'});
      if(w.type==='groups')chips.push({text:'Låse virker i redigering'});
      setHintChips(chips);
      return;
    }
    const count=(slide().widgets||[]).length;
    if(count){
      setHintChips([
        {text:'Klik en widget for at vælge',kind:'main'},
        {text:'? viser hjælp'},
        {text:'P/R: præsentation'}
      ]);
    }else{
      setHintChips([
        {text:'Tilføj en widget nederst',kind:'main'},
        {text:'Aa tekst'},
        {text:'▶ video'},
        {text:'⋯ flere'}
      ]);
    }
  }catch(_e){}
}

function focusTextWidgetEditor(id,selectAll=false){
  setTimeout(()=>{
    try{
      if(app.classList.contains('present'))return;
      const el=document.querySelector('.widget[data-id="'+CSS.escape(String(id))+'"]');
      if(!el)return;
      const ta=el.querySelector('.text textarea, textarea');
      if(!ta)return;
      ta.focus({preventScroll:true});
      if(selectAll){
        ta.select();
      }else{
        const len=ta.value.length;
        ta.setSelectionRange(len,len);
      }
    }catch(_e){}
  },50);
}
function select(id,options={}){
  const previous=selected;
  if(previous && String(previous)!==String(id)){
    try{ clearPdfKeyboardControl(); }catch(_e){}
  }
  selected=id;
  UIState.selectedWidgetId=id;
  let selectedWidget=null;
  document.querySelectorAll('.widget').forEach(e=>{
    let on=id&&e.dataset.id===id;
    e.classList.toggle('selected',!!on);
    let w=slide().widgets.find(x=>x.id===e.dataset.id);
    if(w){
      e.classList.toggle('locked',!!w.locked);
      if(on)selectedWidget=w;
    }
  });

  // Valgt widget lægges forrest, så den ikke skjules bag andre widgets.
  if(selectedWidget && !selectedWidget.locked){
    selectedWidget.z=++z;
    const selectedEl=document.querySelector('.widget[data-id="'+CSS.escape(String(id))+'"]');
    if(selectedEl){
      selectedEl.style.zIndex=selectedWidget.z;
    }
  }
  // Textwidgets must not automatically steal cursor focus just because the
  // widget is selected. Text editing is started only from the textarea itself
  // or explicit creation of a new text widget.
  if(id && options.editText && selectedWidget && selectedWidget.type==='text'){
    focusTextWidgetEditor(id,!!options.selectAll);
  }
  try{applyUIState();}catch(_e){}
  try{updateContextHints('select')}catch(_e){}
}
function esc(s){return String(s||'').replace(/[&<>"']/g,m=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[m]))}
function ytId(url){let m=String(url).match(/(?:youtu\.be\/|v=|embed\/)([\w-]{11})/);return m?m[1]:''}
function fmt(s){s=Math.max(0,Math.floor(s));return String(Math.floor(s/60)).padStart(2,'0')+':'+String(s%60).padStart(2,'0')}
let audioCtx=null,audioPrimed=false;
// SAFE34: Audio skal vækkes af en brugerhandling (især iOS/Safari). Returnerer ctx, så beep kan stoppe rent hvis lyd er blokeret.
function ensureAudio(){try{const A=window.AudioContext||window.webkitAudioContext;if(!A)return null;audioCtx=audioCtx||new A();if(audioCtx.state==='suspended'){const p=audioCtx.resume();if(p&&p.catch)p.catch(()=>{})}return audioCtx}catch(e){return null}}
function primeAudio(){try{const ac=ensureAudio();if(!ac||audioPrimed)return;const o=ac.createOscillator(),g=ac.createGain();g.gain.value=.00001;o.frequency.value=20;o.connect(g);g.connect(ac.destination);o.start();o.stop(ac.currentTime+.012);audioPrimed=true}catch(e){}}
function beep(freq=880,dur=.18,type='sine',gain=.14){try{const ac=ensureAudio();if(!ac||ac.state==='suspended')return;const o=ac.createOscillator(),g=ac.createGain();o.type=type;o.frequency.value=freq;g.gain.setValueAtTime(Math.max(.0001,gain),ac.currentTime);o.connect(g);g.connect(ac.destination);o.start();g.gain.exponentialRampToValueAtTime(.0001,ac.currentTime+dur);o.stop(ac.currentTime+dur)}catch(e){}}
function alarmSound(){primeAudio();[0,220,440,760,980].forEach((d,i)=>setTimeout(()=>beep(i%2?700:1040,.22,'square',.12),d))}
function wheelTick(){beep(420,.045,'triangle',.09)}
function wheelLand(){primeAudio();beep(880,.14,'sine',.18);setTimeout(()=>beep(1175,.18,'sine',.18),125);setTimeout(()=>beep(1568,.18,'sine',.14),260)}
function wireTimer(c,w){const disp=c.querySelector('.display');c.querySelector('.set').onclick=()=>{w.data.seconds=(+c.querySelector('.min').value||0)*60+(+c.querySelector('.sec').value||0);w.data.left=w.data.seconds;disp.textContent=fmt(w.data.left);save()};c.querySelector('.start').onclick=()=>{clearInterval(timerHandles[w.id]);timerHandles[w.id]=setInterval(()=>{w.data.left--;disp.textContent=w.data.left<=0?'TID!':fmt(w.data.left);if(w.data.left<=0){clearInterval(timerHandles[w.id]);alarmSound()}save()},1000)};c.querySelector('.pause').onclick=()=>clearInterval(timerHandles[w.id]);c.querySelector('.reset').onclick=()=>{clearInterval(timerHandles[w.id]);w.data.left=w.data.seconds;disp.textContent=fmt(w.data.left);save()}}

function wheelCloudItems(w){
  const counts=new Map();
  (w.data.chosen||[]).map(x=>String(x||'').trim()).filter(Boolean).forEach(x=>{
    const key=x.toLocaleLowerCase('da');
    if(!counts.has(key))counts.set(key,{label:x,count:0,variants:{}});
    const item=counts.get(key);
    item.count++;
    item.variants[x]=(item.variants[x]||0)+1;
    item.label=Object.entries(item.variants).sort((a,b)=>b[1]-a[1])[0][0];
  });

  const arr=[...counts.values()].sort((a,b)=>b.count-a.count||a.label.localeCompare(b.label,'da'));
  const max=arr[0]?.count||1;

  // Stable hand-tuned positions: largest around centre, others distributed around it.
  const slots=[
    [50,42,0],[34,35,-5],[66,36,4],[43,61,2],[60,62,-4],
    [25,52,5],[76,51,-5],[31,72,-3],[70,73,3],[22,28,-6],
    [79,27,6],[50,78,0],[18,65,4],[84,66,-4],[38,22,3],
    [63,22,-3],[28,83,2],[73,84,-2],[16,42,-4],[88,43,4],
    [47,27,-2],[56,55,5],[39,50,-5],[64,50,2]
  ];

  return arr.map((it,i)=>{
    const scale=it.count/max;
    const s=slots[i%slots.length];
    const ring=Math.floor(i/slots.length);
    const seed=(it.label.length*17+it.count*31+i*13);
    const jitterX=((seed%9)-4) + ring*1.7;
    const jitterY=(((seed*3)%9)-4) + ring*1.4;
    return {
      ...it,
      size:22+scale*64,
      opacity:.62+scale*.38,
      x:Math.max(12,Math.min(88,s[0]+jitterX)),
      y:Math.max(14,Math.min(86,s[1]+jitterY)),
      rot:s[2]
    };
  });
}
function toggleWheelCloudView(w,el){
  w.data.cloudView=!w.data.cloudView;
  fillContent(el,w);
  save();
}

function drawWheel(canvas,w,rot=0){const names=(w.data.names||[]).filter(Boolean),ctx=canvas.getContext('2d'),W=canvas.width,H=canvas.height,cx=W/2,cy=H/2,r=Math.min(W,H)*0.47;ctx.clearRect(0,0,W,H);const cols=['#ff6b6b','#ffd93d','#4ade80','#60a5fa','#c084fc','#fb923c'];if(!names.length){ctx.beginPath();ctx.arc(cx,cy,r,0,Math.PI*2);ctx.fillStyle='#eee';ctx.fill();return}names.forEach((n,i)=>{let a1=rot+i*2*Math.PI/names.length,a2=rot+(i+1)*2*Math.PI/names.length;ctx.beginPath();ctx.moveTo(cx,cy);ctx.arc(cx,cy,r,a1,a2);ctx.closePath();ctx.fillStyle=cols[i%cols.length];ctx.fill();ctx.save();ctx.translate(cx,cy);ctx.rotate((a1+a2)/2);ctx.textAlign='right';ctx.textBaseline='middle';ctx.font=`800 ${Math.max(20,Math.min(44,210/names.length+12))}px system-ui`;ctx.fillStyle='#111827';let label=n.length>23?n.slice(0,22)+'…':n;ctx.fillText(label,r-24,0);ctx.restore()});ctx.beginPath();ctx.arc(cx,cy,r,0,Math.PI*2);ctx.strokeStyle='rgba(0,0,0,.10)';ctx.lineWidth=Math.max(10,W*.018);ctx.stroke();ctx.beginPath();ctx.moveTo(cx+r-8,cy);ctx.lineTo(cx+r+50,cy-22);ctx.lineTo(cx+r+50,cy+22);ctx.closePath();ctx.fillStyle='#111827';ctx.fill()}


function wheelWinnerAtPointer(names,rot){
  if(!names || !names.length)return '';
  const two=Math.PI*2, step=two/names.length;
  const a=((0-rot)%two+two)%two; // fixed pointer is at 0 radians/right side
  const idx=Math.floor(a/step)%names.length;
  return names[idx];
}

function animateWinner(c,winner){
  const box=c.querySelector('.wheelBox'), chosen=c.querySelector('.chosen');
  if(!box)return;
  const old=box.querySelector('.flyWinner'); if(old)old.remove();
  const fly=document.createElement('div');
  fly.className='flyWinner';
  fly.textContent=winner;
  box.appendChild(fly);
  if(chosen){chosen.classList.remove('flash'); void chosen.offsetWidth; chosen.classList.add('flash');}
  setTimeout(()=>fly.remove(),950);
}


function easeOutCubic(x){return 1-Math.pow(1-x,3)}
function targetRotationForIndex(index,count,extraTurns=6){
  const step=Math.PI*2/count;
  // Pointer is fixed at 0 radians (right side). We want the CENTER of the chosen slice at the pointer.
  return extraTurns*Math.PI*2 - (index+.5)*step;
}


function wheelListBank(){
  let bank={};
  try{bank=JSON.parse(localStorage.getItem('maans_wheel_lists')||'{}')||{}}catch(e){bank={}}
  // mM-19: Include visible list-widgets on the current tavle in the same list bank.
  try{
    const ws=(slide().widgets||[]);
    ws.forEach(w=>{
      if(!w||w.type!=='text'||!w.data||w.data.datasetId)return;
      const title=String(w.data.sharedListName||w.title||'').replace(/^📊\s*/,'').trim();
      const isList=(w.data.kind==='list')||w.data.listAsset===true||w.data.createdFromDataset===true||/^Liste fra\s+/i.test(title)||/liste/i.test(title);
      if(!isList)return;
      const items=String(w.data.text||'').split(/\r?\n/).map(x=>String(x||'').trim()).filter(Boolean);
      if(items.length)bank[title||'Liste-widget']=items;
    });
  }catch(_e){}
  return bank;
}
function saveWheelListBank(bank){localStorage.setItem('maans_wheel_lists',JSON.stringify(bank))}
function wheelListNamesForSave(w){return [...(w.data.names||[]),...(w.data.chosen||[])]}
function openSaveListModal(w){
  const bank=wheelListBank(), keys=Object.keys(bank).sort((a,b)=>a.localeCompare(b,'da'));
  const rows=keys.length?keys.map(k=>`<div class="savedListRow"><b>${esc(k)}</b><div class="actions"><button data-over="${esc(k)}">Overskriv</button><button data-del="${esc(k)}">Slet</button></div></div>`).join(''):'<p>Ingen gemte lister endnu.</p>';
  showModal(`<h2>Gem liste</h2><div class="listManager">
    <label>Listenavn:<input id="listName" value="${esc(keys[0]||'Min liste')}"></label>
    <div><b>Gemte lister:</b><div class="savedLists">${rows}</div></div>
    <div><button id="saveNewList">Gem / overskriv liste</button><button id="close">Luk</button></div>
  </div>`);
  const input=modal.querySelector('#listName');
  const doSave=(name)=>{
    name=String(name||'').trim();
    if(!name)return toast('Skriv et navn først');
    if(bank[name]&&!confirm('Listen "'+name+'" findes allerede. Overskriv?'))return;
    bank[name]=wheelListNamesForSave(w);
    saveWheelListBank(bank);
    toast('Liste gemt');
    closeModal();
  };
  modal.querySelector('#saveNewList').onclick=()=>doSave(input.value);
  modal.querySelectorAll('[data-over]').forEach(btn=>btn.onclick=()=>{input.value=btn.dataset.over;doSave(btn.dataset.over)});
  modal.querySelectorAll('[data-del]').forEach(btn=>btn.onclick=()=>{
    const name=btn.dataset.del;
    if(confirm('Slet listen "'+name+'" fra listebanken?')){delete bank[name];saveWheelListBank(bank);openSaveListModal(w)}
  });
  modal.querySelector('#close').onclick=()=>{document.removeEventListener('keydown',window.__bgKeyHandler,true);modalBack.classList.remove('bgModalKeyboard','bgPreviewing');closeModal()};
  setTimeout(()=>input.focus(),50);
}


function wheelIndexFromCanvasEvent(canvas,e,w){
  const names=w.data.names||[];
  if(!names.length)return -1;
  const rect=canvas.getBoundingClientRect();
  const x=(e.clientX-rect.left)/rect.width*canvas.width;
  const y=(e.clientY-rect.top)/rect.height*canvas.height;
  const cx=canvas.width/2, cy=canvas.height/2;
  const dx=x-cx, dy=y-cy;
  const dist=Math.hypot(dx,dy);
  const r=Math.min(canvas.width,canvas.height)*0.47;
  if(dist>r || dist<r*.14)return -1; // ignore outside wheel and center button area
  const two=Math.PI*2, step=two/names.length, rot=w.data.rot||0;
  const a=((Math.atan2(dy,dx)-rot)%two+two)%two;
  return Math.floor(a/step)%names.length;
}

function wheelInternalConfirm(message,{okText='OK',cancelText='Annuller',okKeys=['Enter']}={},onOk,onCancel){
  showModal(`<div class="wheelConfirmModal">
    <p class="wheelConfirmMessage">${esc(message)}</p>
    <div class="wheelConfirmButtons">
      <button id="wheelCancelConfirm" class="wheelConfirmSecondary">${esc(cancelText)}</button>
      <button id="wheelOkConfirm" class="wheelConfirmPrimary">${esc(okText)}</button>
    </div>
    <p class="note wheelConfirmHelp">${esc((okKeys||['Enter']).map(k=>k===' '?'Mellemrum':k).join(' / '))} = ${esc(okText)} · Esc = ${esc(cancelText)}</p>
  </div>`);
  modalBack.classList.add('wheelConfirmBackdrop');
  let keyHandler=null, backdropHandler=null;
  const cleanup=()=>{
    if(keyHandler)document.removeEventListener('keydown',keyHandler,true);
    if(backdropHandler)modalBack.removeEventListener('click',backdropHandler,true);
    modalBack.classList.remove('wheelConfirmBackdrop');
  };
  const done=(ok)=>{
    cleanup();
    closeModal();
    if(ok){if(onOk)onOk();}
    else {if(onCancel)onCancel();}
  };
  keyHandler=(e)=>{
    const oks=okKeys||['Enter'];
    if(oks.includes(e.key) || (oks.includes(' ') && e.code==='Space')){
      e.preventDefault();
      e.stopPropagation();
      done(true);
    }else if(e.key==='Escape'||e.key==='Esc'){
      e.preventDefault();
      e.stopPropagation();
      done(false);
    }
  };
  backdropHandler=(e)=>{
    if(e.target===modalBack){
      cleanup();
      if(onCancel)onCancel();
    }
  };
  document.addEventListener('keydown',keyHandler,true);
  modalBack.addEventListener('click',backdropHandler,true);
  const okBtn=modal.querySelector('#wheelOkConfirm');
  const cancelBtn=modal.querySelector('#wheelCancelConfirm');
  if(okBtn)okBtn.onclick=()=>done(true);
  if(cancelBtn)cancelBtn.onclick=()=>done(false);
  setTimeout(()=>{try{okBtn&&okBtn.focus()}catch(_e){}},0);
}

function moveWheelItemToChosen(c,w,index){
  const names=w.data.names||[];
  if(index<0||index>=names.length)return;
  const item=names[index];
  const msg=w.data.keepPool ? item+' føjes til valgte-listen?' : item+' flyttes til valgte-puljen?';
  wheelInternalConfirm(msg,{
    okText:w.data.keepPool?'Føj til valgte':'Flyt fra puljen',
    cancelText:'Annuller'
  },()=>{
    if(!w.data.keepPool){
      names.splice(index,1);
      w.data.names=names;
    }
    w.data.chosen=w.data.chosen||[];
    w.data.chosen.push(item);
    w.data.winner='';
    animateWinner(c,item);
    wheelLand();
    fillContent(c.closest('.widget'),w);
    save();
  });
}

function flashWheel(c){const box=c.querySelector('.wheelBox');if(!box)return;box.classList.remove('flashWheel');void box.offsetWidth;box.classList.add('flashWheel');setTimeout(()=>box.classList.remove('flashWheel'),650)}
function parseWheelNames(text){return String(text||'').split(/[,;\n]+/).map(x=>x.trim()).filter(Boolean)}
function runWheelSpin(c,w,{auto=false,onDone=null}={}){
 primeAudio();
 const el=c.closest('.widget');
 const canv=c.querySelector('canvas');
 const btn=c.querySelector('.spinCenter')||c.querySelector('.spin');
 let names=[...(w.data.names||[])];
 if(!names.length){toast('Puljen er tom'); if(onDone)onDone(false); return;}
 if(btn)btn.disabled=true;
 const idx=Math.floor(Math.random()*names.length),winner=names[idx];
 const duration=auto?1050+Math.random()*350:2600+Math.random()*700;
 const startRot=w.data.rot||0;
 const endRot=startRot+targetRotationForIndex(idx,names.length,auto?3+Math.floor(Math.random()*2):6+Math.floor(Math.random()*3));
 const startTime=performance.now();
 let lastTick=0;
 function maybeSpinAgain(){
   if(auto)return;
   if(!(w.data.names||[]).length){toast('Puljen er tom');return;}
   setTimeout(()=>{
     const nextContent=el.querySelector('.content')||el;
     runWheelSpin(nextContent,w,{auto:false,onDone:null});
   },160);
 }
 function finish(removeFromPool,{spinAgain=false}={}){
     if(!w.data.keepPool && removeFromPool){w.data.names.splice(idx,1)}
     w.data.winner='';
     w.data.rot=0;
     w.data.statsView=!!(w.data.statsView || auto);
     fillContent(el,w);save();
     if(onDone)onDone(true,winner);
     if(spinAgain)maybeSpinAgain();
 }
 function frame(now){
   const p=Math.min(1,(now-startTime)/duration),rot=startRot+(endRot-startRot)*easeOutCubic(p);
   drawWheel(canv,w,rot);
   if(now-lastTick>(auto?120:95) && p<.94){wheelTick();lastTick=now}
   if(p<1){requestAnimationFrame(frame)}else{
     drawWheel(canv,w,endRot);
     if(btn)btn.disabled=false;
     wheelLand(); if(!auto)setTimeout(wheelLand,80);
     animateWinner(c,winner);
     w.data.chosen=w.data.chosen||[];
     w.data.chosen.push(winner);
     if(!w.data.keepPool){
       if(auto){finish(true)}
       else if((w.data.names||[]).length<=1){
         finish(true,{spinAgain:false});
       }else {
         wheelInternalConfirm(winner,{
           okText:'Fjern og spin igen',
           cancelText:'Behold / stop',
           okKeys:[' ']
         },()=>finish(true,{spinAgain:true}),()=>finish(false,{spinAgain:false}));
       }
     }else{
       finish(false);
     }
   }
 }
 requestAnimationFrame(frame);
}
function startWheelAuto(c,w){
 const el=c.closest('.widget');
 if(w.data.autoRunning){w.data.autoRunning=false;fillContent(el,w);save();return;}
 w.data.autoRunning=true;w.data.statsView=true;fillContent(el,w);save();
 let remaining=w.data.keepPool?Math.max(1,parseInt(w.data.autoCount||1,10)):Math.min(Math.max(1,parseInt(w.data.autoCount||1,10)),(w.data.names||[]).length);
 const step=()=>{
   if(!w.data.autoRunning || remaining<=0 || !(w.data.names||[]).length){w.data.autoRunning=false;fillContent(el,w);save();return;}
   remaining--;
   runWheelSpin(el.querySelector('.content')||el,w,{auto:true,onDone:()=>setTimeout(step,180)});
 };
 setTimeout(step,60);
}
function wireWheel(c,w){
 const el=c.closest('.widget');
 const keep=c.querySelector('.keepPool'); if(keep)keep.onchange=()=>{w.data.keepPool=keep.checked;save()};
 const autoToggle=c.querySelector('.autoToggle'); if(autoToggle)autoToggle.onchange=()=>{w.data.auto=autoToggle.checked;fillContent(el,w);save()};
 const autoCount=c.querySelector('.autoCount'); if(autoCount){autoCount.addEventListener('pointerdown',e=>e.stopPropagation(),true);autoCount.oninput=()=>{w.data.autoCount=Math.max(1,parseInt(autoCount.value||'1',10));save()}};
 const canv=c.querySelector('canvas');
 if(canv)canv.onclick=e=>{const idx=wheelIndexFromCanvasEvent(canv,e,w);if(idx>=0)moveWheelItemToChosen(c,w,idx)};
 const edit=c.querySelector('.editNames'); if(edit)edit.onclick=()=>{w.data.editing=!w.data.editing;fillContent(el,w);save()};
 const mode=c.querySelector('.modeToggle'); if(mode)mode.onclick=()=>{w.data.statsView=!w.data.statsView;fillContent(el,w);save()};
 const editor=c.querySelector('.nameEditor'); if(editor){
   editor.addEventListener('pointerdown',e=>e.stopPropagation(),true);
   editor.addEventListener('input',()=>{w.data.names=parseWheelNames(editor.value);w.data.original=[...w.data.names,...(w.data.chosen||[])];w.data.rot=0;const canv=c.querySelector('canvas');if(canv)drawWheel(canv,w,0);save()});
 }
 // SAFE163: Feltbaseret puljeeditor. Ét input = én valgmulighed.
 const readSafe163Options=()=>[...c.querySelectorAll('.safe163OptionInput')].map(inp=>String(inp.value||'').trim()).filter(Boolean);
 const syncSafe163Options=()=>{
   const vals=readSafe163Options();
   w.data.names=vals;
   w.data.original=[...vals,...(w.data.chosen||[])];
   w.data.rot=0;
   const canv=c.querySelector('canvas');
   if(canv)drawWheel(canv,w,0);
   save();
 };
 c.querySelectorAll('.safe163OptionInput').forEach(inp=>{
   inp.addEventListener('pointerdown',e=>e.stopPropagation(),true);
   inp.addEventListener('click',e=>e.stopPropagation(),true);
   inp.addEventListener('input',syncSafe163Options);
   inp.addEventListener('keydown',e=>{
     if(e.key==='Enter'){
       e.preventDefault();
       const row=inp.closest('.safe163OptionRow');
       const add=c.querySelector('.safe163AddOption');
       if(row && add){add.click();}
     }
   });
 });
 c.querySelectorAll('.safe163RemoveOption').forEach(btn=>btn.onclick=e=>{
   e.preventDefault(); e.stopPropagation();
   const row=btn.closest('.safe163OptionRow');
   if(row)row.remove();
   if(!c.querySelector('.safe163OptionInput')){
     const rows=c.querySelector('.safe163OptionRows');
     if(rows)rows.innerHTML='<div class="safe163OptionRow"><input class="safe163OptionInput" value="" placeholder="Valgmulighed 1"><button type="button" class="safe163RemoveOption" title="Fjern valgmulighed">−</button></div>';
     fillContent(el,w);
     return;
   }
   syncSafe163Options();
 });
 const safe163Add=c.querySelector('.safe163AddOption');
 if(safe163Add)safe163Add.onclick=e=>{
   e.preventDefault(); e.stopPropagation();
   const vals=[...c.querySelectorAll('.safe163OptionInput')].map(inp=>String(inp.value||''));
   vals.push('');
   w.data.names=vals;
   w.data.original=[...vals.map(x=>String(x||'').trim()).filter(Boolean),...(w.data.chosen||[])];
   fillContent(el,w);
   setTimeout(()=>{try{const inputs=el.querySelectorAll('.safe163OptionInput');const last=inputs[inputs.length-1];if(last)last.focus({preventScroll:true});}catch(_e){}},30);
   save();
 };
 const useNames=()=>{const t=c.querySelector('.nameEditor');if(t){w.data.names=parseWheelNames(t.value);w.data.original=[...w.data.names];w.data.rot=0;}else if(c.querySelector('.safe163OptionInput')){const vals=readSafe163Options();w.data.names=[...vals];w.data.original=[...vals];w.data.rot=0;}w.data.editing=false;fillContent(el,w);toast('Listen er overført til hjulet');setTimeout(()=>flashWheel(el.querySelector('.content')),50);save()};
 const namesBtn=c.querySelector('.names'); if(namesBtn)namesBtn.onclick=useNames;
 const resetBtn=c.querySelector('.resetPool'); if(resetBtn)resetBtn.onclick=()=>{w.data.names=[...(w.data.original||w.data.names||[])];w.data.chosen=[];w.data.winner='';w.data.rot=0;w.data.statsView=false;fillContent(el,w);save()};
 const saveListBtns=c.querySelectorAll('.saveList'); saveListBtns.forEach(btn=>btn.onclick=()=>openSaveListModal({data:{names:[...(w.data.names||[])],chosen:[]}}));
 const saveChosenList=c.querySelector('.saveChosenList'); if(saveChosenList)saveChosenList.onclick=()=>{
   const selected=(w.data.chosen||[]).map(x=>String(x||'').trim()).filter(Boolean);
   if(!selected.length){toast('Ingen valgte at gemme endnu');return}
   const total=selected.length;
   const counts=new Map();
   selected.forEach((name,idx)=>{
     const key=String(name||'').trim();
     if(!key)return;
     const rec=counts.get(key)||{n:0,order:[]};
     rec.n++; rec.order.push(idx+1); counts.set(key,rec);
   });
   const rows=[...counts.entries()].sort((a,b)=>b[1].n-a[1].n||a[0].localeCompare(b[0],'da')).map(([name,rec])=>[String(name),String(rec.n),String(total?Math.round(rec.n/total*100):0),rec.order.join(' ')]);
   const name=('Lykkehjul-resultat - '+(w.title||'Lykkehjulet')).slice(0,70);
   const ds={id:uid(),name:name,type:'wheel-results',columns:['Valg','Antal','Procent','Rækkefølge'],rows:rows,sourceName:w.title||'Lykkehjulet',importedAt:Date.now()};
   try{
     updateDatasetInState(ds);
     const dw=addDatasetWidget(ds,{x:Math.max(24,Math.min((w.x||140)+40,innerWidth-700)),y:Math.max(80,Math.min((w.y||130)+40,innerHeight-440))});
     if(dw){dw.title='🎡 '+name;dw.data=dw.data||{};dw.data.sourceType='wheel-results';dw.data.sourceWheelTitle=w.title||'Lykkehjulet';render();select(dw.id,{editText:false});save();}
     toast('Lykkehjul-resultat gemt som datawidget');
   }catch(err){console.error(err);toast('Kunne ikke oprette resultat-datawidget')}
 };
  const loadBtns=c.querySelectorAll('.loadList');
  loadBtns.forEach(loadList=>loadList.onclick=()=>{
    const useList=(pick,items)=>{
      items=[...(items||[])].map(x=>String(x||'').trim()).filter(Boolean);
      if(!items.length){toast('Kilden indeholdt ingen brugbar liste');return}
      w.data.names=[...items];
      w.data.original=[...items];
      w.data.chosen=[];
      w.data.winner='';
      w.data.rot=0;
      w.data.editing=false;
      closeModal();
      fillContent(el,w);
      toast('Listen er indlæst i hjulet');
      setTimeout(()=>flashWheel(el.querySelector('.content')),50);
      save();
    };
    // SAFE162: Brug samme fælles listevælger som Afstemning, men anvend valget som enkel hjulpulje.
    if(typeof chooseSharedList==='function'){
      chooseSharedList('Vælg kilde til Lykkehjulet',(name,items,meta)=>{
        useList(name,items);
      });
      return;
    }
    // Fallback: gammel lokale hjul-listevælger, hvis shared picker ikke findes.
    const bank=wheelListBank();
    const keys=Object.keys(bank).sort((a,b)=>a.localeCompare(b,'da'));
    const listHtml = keys.length? keys.map(k=>`<button class="pickList" data-k="${esc(k)}">${esc(k)}</button>`).join(' ') : '<p>Ingen gemte lister endnu.</p>';
    showModal('<h2>Hent liste</h2><p>Vælg en gemt liste, eller brug importknappen for at oprette en datawidget først.</p>' + listHtml + '<hr>' + importedDataWidgetButtonHtml() + ' <button id="close">Luk</button>');
    modal.querySelectorAll('.pickList').forEach(btn=>btn.onclick=()=>{
      const pick=btn.dataset.k;
      useList(pick,wheelListBank()[pick]||[]);
    });
    wireImportDataWidgetButton();
    modal.querySelector('#close').onclick=closeModal;
  });
 const chosenToWheel=c.querySelector('.chosenToWheel'); if(chosenToWheel)chosenToWheel.onclick=()=>{const selected=(w.data.chosen||[]).map(x=>String(x||'').trim()).filter(Boolean);if(!selected.length){toast('Ingen valgte endnu');return}w.data.names=[...selected];w.data.original=[...selected];w.data.chosen=[];w.data.statsView=false;w.data.rot=0;fillContent(el,w);save()};
 const spin=c.querySelector('.spinCenter'); if(spin)spin.onclick=()=>{if(w.data.auto){startWheelAuto(c,w)}else{runWheelSpin(c,w,{auto:false})}};
}
function pickFile(accept,cb){fileInput.accept=accept;fileInput.onchange=()=>{const f=fileInput.files[0];if(!f)return;const r=new FileReader();r.onload=()=>cb(r.result,f);r.readAsDataURL(f);fileInput.value=''};fileInput.click()}
function showModal(html){modal.classList.toggle('moveWidgetModal',String(html).includes('moveWidgetDialog'));modal.innerHTML=html;modalBack.style.display='flex'} function closeModal(){modal.classList.remove('moveWidgetModal');modalBack.style.display='none'} modalBack.onclick=e=>{if(e.target===modalBack)closeModal()}
function askVideo(w){showModal(`<h2>Video</h2><input id="vurl" placeholder="YouTube-link" value="${esc(w.data.url||'')}"><button id="ok">Gem</button><button id="cancel">Luk</button><p>Hvis YouTube blokerer embed, vises link/åbn eksternt.</p>`);modal.querySelector('#ok').onclick=()=>{w.data.url=modal.querySelector('#vurl').value;closeModal();render()};modal.querySelector('#cancel').onclick=closeModal}
function canEditWidgets(){
  return !app.classList.contains('present') &&
         !focusMode &&
         !focusMaximized &&
         !document.body.classList.contains('focus-maximized');
}
function normalizeLinkUrl(url){
  url=String(url||'').trim();
  if(!url)return '';
  if(!/^https?:\/\//i.test(url))url='https://'+url;
  return url;
}
function askLink(w){
  if(!canEditWidgets())return;

  const defaultTitle='Link';
  const currentTitle=String(w.data.text||'').trim();
  const titleValue=(currentTitle && currentTitle!=='Klikbart link') ? currentTitle : defaultTitle;
  const urlValue=String(w.data.url||'').trim();

  showModal(`<h2>Link</h2>
    <p style="margin-top:0;opacity:.75;font-weight:800">Samme adresse kan vises som almindeligt link eller som indlejret webside/iframe via knappen i widgetens topbjælke.</p>
    <label>Titel
      <input id="lt" placeholder="Link" value="${esc(titleValue)}">
    </label>
    <label>Adresse
      <input id="lu" placeholder="Indsæt URL" value="${esc(urlValue)}">
    </label>
    <button id="ok">Gem</button>
    <button id="cancel">Luk</button>`);

  const titleInput=modal.querySelector('#lt');
  const urlInput=modal.querySelector('#lu');

  function selectAllOnFocus(input){
    if(!input)return;
    let selectedOnce=false;
    const doSelect=()=>{
      try{
        input.focus({preventScroll:true});
        input.setSelectionRange(0,String(input.value||'').length);
        selectedOnce=true;
      }catch(e){
        try{input.select();selectedOnce=true;}catch(_e){}
      }
    };
    input.addEventListener('focus',()=>setTimeout(doSelect,0));
    input.addEventListener('pointerdown',()=>{
      if(!selectedOnce)setTimeout(doSelect,0);
    });
    input.addEventListener('click',()=>{
      if(!selectedOnce)setTimeout(doSelect,0);
    });
    input.addEventListener('blur',()=>{selectedOnce=false;});
  }

  selectAllOnFocus(titleInput);
  selectAllOnFocus(urlInput);

  function saveLink(){
    w.data.text=titleInput.value.trim()||defaultTitle;
    w.data.url=normalizeLinkUrl(urlInput.value);
    if(!w.data.view)w.data.view='link';
    closeModal();
    render();
    save();
  }

  modal.querySelector('#ok').onclick=saveLink;
  modal.querySelector('#cancel').onclick=closeModal;

  [titleInput,urlInput].forEach(input=>{
    input.addEventListener('keydown',e=>{
      if(e.key==='Enter'){
        e.preventDefault();
        saveLink();
      }
    });
  });

  setTimeout(()=>{
    try{
      titleInput.focus({preventScroll:true});
      titleInput.setSelectionRange(0,String(titleInput.value||'').length);
    }catch(e){try{titleInput.select()}catch(_e){}}
  },60);
}
function askImageUrl(w){showModal(`<h2>Billede fra URL</h2><input id="iu" placeholder="https://..." value="${esc(w.data.src||'')}"><p>Bemærk: Nogle billeder blokeres af hjemmesiden. Upload lokalt er mest stabilt offline.</p><button id="ok">Brug billede</button><button id="cancel">Luk</button>`);modal.querySelector('#ok').onclick=()=>{w.data.src=modal.querySelector('#iu').value.trim();closeModal();render()};modal.querySelector('#cancel').onclick=closeModal}
function askPdfLink(w){showModal(`<h2>PDF-link</h2><input id="pt" placeholder="Tekst" value="${esc(w.data.text||'Åbn PDF')}"><input id="pu" placeholder="PDF URL" value="${esc(w.data.src||'')}"><button id="ok">Gem</button>`);modal.querySelector('#ok').onclick=()=>{w.data.text=modal.querySelector('#pt').value;w.data.src=modal.querySelector('#pu').value;closeModal();render()}}


function bgModal(){
  const fit=slide().bgFit||'cover', hasImg=!!slide().bgImage, currentBg=String(slide().bgImage||''), currentFilter=slide().bgFilter||'none';
  const filterDef=getBgFilterDef(currentFilter), previewCss=bgFilterCss(currentFilter), previewOverlay=bgFilterOverlay(currentFilter);
  const isInfoBg=slide().bgImageSource==='builtin' || slide().bgImageSource==='builtin-url' || slide().bgImage===BUILTIN_INFOGRAFIK_BG || slide().bgImageName==='README_infografik.png';
  const activeCat=window.__tavleBgCat || 'alle';
  const categories=[{key:'alle',label:'Alle'},{key:'Tavle',label:'Tavle'},{key:'Fag',label:'Fag'},{key:'Struktur',label:'Struktur'},{key:'Kreativ',label:'Kreativ'},{key:'Rolig',label:'Rolig'}];
  const bgSwatches=[
    {kind:'swatch',title:'Lys blå',desc:'Neutral og rolig',group:'Rolig',version:'Farve',bg:'linear-gradient(135deg,#eef7ff,#d6ecff)',search:'lys blå neutral rolig grøn undervisning'},
    {kind:'swatch',title:'Minimal grå',desc:'Rolig skriveflade',group:'Tavle',version:'Farve',bg:'linear-gradient(135deg,#f8fafc,#e5e7eb)',search:'minimal grå neutral lys tavle'},
    {kind:'swatch',title:'Varm kreativ',desc:'Blød varm energi',group:'Kreativ',version:'Farve',bg:'linear-gradient(135deg,#fff7ed,#fde68a)',search:'varm kreativ gul orange lys'},
    {kind:'swatch',title:'Lilla ro',desc:'Rolig fokusfarve',group:'Rolig',version:'Farve',bg:'linear-gradient(135deg,#f5f3ff,#ddd6fe)',search:'lilla ro fokus kreativ'},
    {kind:'swatch',title:'Blå fokus',desc:'Kølig og tydelig',group:'Struktur',version:'Farve',bg:'linear-gradient(135deg,#dbeafe,#bfdbfe)',search:'blå fokus kølig struktur'},
    {kind:'swatch',title:'Grøn tavle',desc:'Klassisk ro',group:'Tavle',version:'Farve',bg:'linear-gradient(135deg,#dcfce7,#bbf7d0)',search:'grøn tavle klassisk rolig'},
    {kind:'swatch',title:'Mørk grøn',desc:'Dæmpet tavlestemning',group:'Tavle',version:'Farve',bg:'linear-gradient(135deg,#0f172a,#064e3b)',search:'mørk grøn tavle dæmpet'},
    {kind:'swatch',title:'Dyb blå',desc:'Mørk præsentation',group:'Struktur',version:'Farve',bg:'linear-gradient(135deg,#0f172a,#1d4ed8)',search:'mørk blå præsentation struktur'},
    {kind:'swatch',title:'Kontrast',desc:'Kraftig sort/hvid',group:'Struktur',version:'Farve',bg:'linear-gradient(135deg,#020617,#475569)',search:'kontrast mørk sort grå tydelig'}
  ];
  const bgItems=[
    ...bgSwatches,
    ...(TAVLE_BACKGROUNDS||[]).map(bg=>({...bg,kind:'image'}))
  ];

  const filterButtons=(TAVLE_BG_FILTERS||[]).map(f=>`<button class="bgFilterChip ${currentFilter===f.key?'active':''}" data-bg-filter="${esc(f.key)}" title="${esc(f.desc||f.title)}">${esc(f.title)}</button>`).join('');
  const categoryButtons=categories.map(c=>`<button class="bgCategoryChip ${activeCat===c.key?'active':''}" data-bg-cat="${esc(c.key)}">${esc(c.label)}</button>`).join('');

  const bgCards=bgItems.map((bg,idx)=>{
    if(bg.kind==='swatch'){
      const active=(!slide().bgImage && String(slide().bg||'')===String(bg.bg||'')) || (slide().bgImageSource==='swatch' && slide().bgImageTitle===bg.title);
      const swatchOverlay=bgFilterOverlay(currentFilter);
      return `<button class="bgChoice v46 ${active?'active':''}" data-bg-index="${idx}" data-bg-kind="swatch" data-bg-bg="${esc(bg.bg||'')}" data-bg-title="${esc(bg.title||'Farve')}" data-bg-version="${esc(bg.version||'Farve')}" data-bg-group="${esc(bg.group||'Tavle')}" data-bg-search="${esc((bg.title+' '+bg.desc+' '+bg.group+' '+bg.version+' '+(bg.search||'')).toLowerCase())}" title="${esc(bg.title+' — '+bg.desc)}">
        <span class="bgChoicePreview swatchPreview" style="--swatch-bg:${esc(bg.bg)};--swatch-overlay:${esc(swatchOverlay)};background:${esc(bg.bg)} !important;filter:${esc(previewCss)}">
          <span class="swatchTexture"></span>
          <span class="swatchOverlay"></span>
        </span>
        <span class="bgChoiceMeta"><span class="bgChoiceTitle">${esc(bg.title)}</span><span class="bgBadge swatch">Farve</span></span>
        <span class="bgChoiceDesc">${esc(bg.desc)}</span>
      </button>`;
    }
    const resolvedSrc=resolveAssetPath(bg.src);
    const active=currentBg===bg.src || currentBg===resolvedSrc || (slide().bgImageTitle===bg.title && slide().bgImageVersion===bg.version);
    const badgeClass=bg.version==='Klassisk'?'old':'';
    return `<button class="bgChoice v46 ${active?'active':''}" data-bg-index="${idx}" data-bg-kind="image" data-bg-group="${esc(bg.group||'Andre')}" data-bg-search="${esc((bg.title+' '+bg.desc+' '+bg.group+' '+bg.version).toLowerCase())}" title="${esc(bg.title+' — '+bg.desc+' — '+(bg.version==='HD'?'HD / forbedret skarp version':'Klassisk / oprindelig webversion'))}">
      <span class="bgChoicePreview"><img src="${esc(resolvedSrc)}" alt="${esc(bg.title)}" loading="lazy" style="filter:${esc(previewCss)}" onerror="this.classList.add('bgImgMissing')"><span class="bgChoiceOverlay" style="background:${esc(previewOverlay)}"></span></span>
      <span class="bgChoiceMeta"><span class="bgChoiceTitle">${esc(bg.title)}</span><span class="bgBadge ${badgeClass}">${esc(bg.version)}</span></span>
      <span class="bgChoiceDesc">${esc(bg.desc)}</span>
    </button>`;
  }).join('');

  showModal(`<h2>Baggrund</h2>
    <p style="margin-top:0;opacity:.75;font-weight:800">${hasImg?'Baggrundsbillede er valgt. Justér visning, filter eller fjern billedet.':'Vælg en farve, vælg en tavlebaggrund, vælg et lokalt billede eller indsæt en billed-URL.'}</p>
    <div class="bgLibraryWrap v46">
      <div class="bgLibraryHead">
        <div>
          <h3>Tavlebaggrunde</h3>
          <p>Aktivt filter: <span class="filterName">${esc(filterDef.title)}</span></p>
        </div>
      </div>
      <div class="bgGridToggleRow"><button id="bgGridToggle" class="bgGridToggleBtn ${slide().grid?'active':''}" type="button">Gitter: ${slide().grid?'Til':'Fra'} <small>Shift+G</small></button></div>
      <div class="bgFilterBar">${filterButtons}</div>
      <div class="bgCategoryBar v46">${categoryButtons}</div>
      <div class="bgSelectorTools">
        <input id="bgSearch" type="search" placeholder="Søg fx musik, klassisk, HD, rolig, geografi…" autocomplete="off">
        <span class="bgLibraryCount" id="bgCount"></span>
      </div>
      <div class="bgGrid v46" id="bgGrid">${bgCards}</div>
    </div>
    <hr>
    <div class="bgActions">
      <button id="bgInfo">${isInfoBg?'✓ Online-infografik som baggrund':'Brug online-infografik som baggrund'}</button>
      <button id="bgImg">Vælg lokalt baggrundsbillede</button>
      <button id="bgUrl">Indsæt billed-URL</button>
      <select id="fit">
        <option value="cover" ${fit==='cover'?'selected':''}>cover – fyld tavlen</option>
        <option value="contain" ${fit==='contain'?'selected':''}>contain – vis hele billedet</option>
        <option value="auto" ${fit==='auto'?'selected':''}>auto – original størrelse</option>
      </select>
      <button id="close">Luk</button>
    </div>`);

  const bgGridToggle=modal.querySelector('#bgGridToggle');
  function syncBgGridButton(){
    if(!bgGridToggle)return;
    bgGridToggle.classList.toggle('active',!!slide().grid);
    bgGridToggle.innerHTML='Gitter: '+(slide().grid?'Til':'Fra')+' <small>Shift+G</small>';
  }
  function toggleBgGrid(){
    slide().grid=!slide().grid;
    updateGridOverlay();
    save();
    syncBgGridButton();
    toast(slide().grid?'Gitter til':'Gitter fra');
  }
  if(bgGridToggle)bgGridToggle.onclick=e=>{e.preventDefault();e.stopPropagation();toggleBgGrid()};

  function applyBgLibraryFilter(){
    const cat=window.__tavleBgCat||'alle';
    const q=(modal.querySelector('#bgSearch')?.value||'').trim().toLowerCase();
    let visible=0;
    modal.querySelectorAll('.bgChoice[data-bg-index]').forEach(card=>{
      const show=(cat==='alle'||cat===(card.dataset.bgGroup||''))&&(!q||(card.dataset.bgSearch||'').includes(q));
      card.classList.toggle('hiddenByFilter',!show);
      if(show)visible++;
    });
    const count=modal.querySelector('#bgCount');
    if(count)count.textContent=visible+' vist';
  }

  modal.querySelectorAll('[data-bg-cat]').forEach(btn=>btn.onclick=()=>{
    window.__tavleBgCat=btn.dataset.bgCat||'alle';
    modal.querySelectorAll('[data-bg-cat]').forEach(b=>b.classList.toggle('active',b===btn));
    applyBgLibraryFilter();
    setTimeout(()=>bgHighlight(0),0);
  });
  const searchInput=modal.querySelector('#bgSearch');
  if(searchInput)searchInput.oninput=()=>{applyBgLibraryFilter();setTimeout(()=>bgHighlight(0),0)};
  applyBgLibraryFilter();

  // Keyboardstyring for baggrundsvælger: pile markerer, Space previewer, Enter vælger/lukker, ESC gendanner/lukker.
  modalBack.classList.add('bgModalKeyboard');
  const bgOriginal={
    bg:slide().bg,
    bgImage:slide().bgImage,
    bgImageName:slide().bgImageName,
    bgImageSource:slide().bgImageSource,
    bgImageTitle:slide().bgImageTitle,
    bgImageVersion:slide().bgImageVersion,
    bgFilter:slide().bgFilter,
    bgFit:slide().bgFit
  };
  let bgCommitted=false;
  function bgSnapshot(){
    const s=slide();
    return {
      bg:s.bg,
      bgImage:s.bgImage,
      bgImageName:s.bgImageName,
      bgImageSource:s.bgImageSource,
      bgImageTitle:s.bgImageTitle,
      bgImageVersion:s.bgImageVersion,
      bgFilter:s.bgFilter,
      bgFit:s.bgFit
    };
  }
  function bgMarkCommitted(){
    bgCommitted=true;
    window.__safe296BgCommitted={slideIndex:state.active,data:bgSnapshot(),time:Date.now()};
  }

  let bgKbIndex=0;
  function bgVisibleCards(){
    return Array.from(modal.querySelectorAll('.bgChoice[data-bg-index]')).filter(c=>!c.classList.contains('hiddenByFilter'));
  }
  function bgHighlight(i){
    const cards=bgVisibleCards();
    modal.querySelectorAll('.bgChoice[data-bg-index]').forEach(c=>c.classList.remove('kbSelected','kbPreview'));
    if(!cards.length)return;
    bgKbIndex=Math.max(0,Math.min(cards.length-1,i));
    const card=cards[bgKbIndex];
    card.classList.add('kbSelected');
    try{card.scrollIntoView({block:'nearest',inline:'nearest'});}catch(_e){}
  }
  function bgGridColumns(){
    const cards=bgVisibleCards();
    if(cards.length<2)return 1;
    const top=cards[0].getBoundingClientRect().top;
    let cols=0;
    for(const c of cards){
      if(Math.abs(c.getBoundingClientRect().top-top)<10)cols++;
      else break;
    }
    return Math.max(1,cols||3);
  }
  function bgFlashPreviewTransparency(){
    modalBack.classList.add('bgPreviewing');
  }
  function bgClearPreviewTransparency(){
    modalBack.classList.remove('bgPreviewing');
  }
  function bgLiveApplyToBoard(){
    // Tving preview direkte på tavlen, så gradient-swatches ses med det samme,
    // også mens modalens tastatur-state stadig er aktiv.
    applyBg();
  }
  function bgApplyFilterByNumber(n){
    const chips=Array.from(modal.querySelectorAll('[data-bg-filter]'));
    const chip=chips[n-1];
    if(!chip)return false;
    chip.click();
    setTimeout(()=>bgHighlight(0),80);
    return true;
  }
  function bgApplyFromCard(card, permanent){
    const idx=Number(card?.dataset?.bgIndex);
    const item=bgItems[idx];
    if(!item)return;

    if(item.kind==='swatch'){
      // SAFE292: Farveswatch skal altid anvende sin egen gradient direkte.
      const s=slide();
      const gradient=card?.dataset?.bgBg || item.bg || 'linear-gradient(135deg,#eef7ff,#d6ecff)';
      s.bg=gradient;
      s.bgImage='';
      s.bgImageName='';
      s.bgImageSource='swatch';
      s.bgImageTitle=card?.dataset?.bgTitle || item.title || 'Farve';
      s.bgImageVersion=card?.dataset?.bgVersion || item.version || 'Farve';
      s.bgFit='cover';
      s.bgFilter=s.bgFilter||'none';
    }else{
      // Billedbaggrund: bevar eksisterende adfærd så vidt muligt.
      const s=slide();
      s.bg='linear-gradient(135deg,#eef7ff,#d6ecff)';
      s.bgImage=typeof resolveAssetPath==='function' ? resolveAssetPath(item.src) : item.src;
      s.bgImageName=item.name || String(item.src||'').split('/').pop() || 'baggrund';
      s.bgImageSource='library';
      s.bgImageTitle=item.title||'Baggrund';
      s.bgImageVersion=item.version||'';
      s.bgFilter=s.bgFilter||'none';
      s.bgFit=s.bgFit||'cover';
    }

    applyBg();
    render();

    if(permanent){
      bgMarkCommitted();
      save({silent:true});
    }

    renderBgChoices();
    try{
      if(item.kind==='swatch' && typeof window.safe292PatchSwatches==='function'){
        setTimeout(window.safe292PatchSwatches,20);
      }
    }catch(_e){}
  }

  function bgRestore(){
    if(bgCommitted || (window.__safe296BgCommitted && window.__safe296BgCommitted.slideIndex===state.active)){
      return;
    }
    Object.assign(slide(),bgOriginal);
    render();
    save({silent:true});
  }
  function bgClose(){
    document.removeEventListener('keydown',bgKeyHandler,true);
    modalBack.classList.remove('bgModalKeyboard','bgPreviewing');
    closeModal();
    setTimeout(()=>{try{if(window.__safe296BgCommitted&&Date.now()-window.__safe296BgCommitted.time>500)window.__safe296BgCommitted=null;}catch(_e){}},700);
  }
  function bgKeyHandler(e){
    if(modalBack.style.display!=='flex')return;
    if(!modal || !/Baggrund/i.test(modal.textContent||''))return;
    const active=document.activeElement;
    const typing=active && (active.tagName==='INPUT' || active.tagName==='TEXTAREA');
    if(typing){
      if(e.key==='Enter'){
        e.preventDefault();
        active.blur();
      }else if(e.key==='Escape'){
        e.preventDefault();
        bgRestore();
        bgClose();
      }
      return;
    }
    if(e.shiftKey && String(e.key||'').toLowerCase()==='g'){
      e.preventDefault(); e.stopPropagation();
      bgClearPreviewTransparency();
      toggleBgGrid();
      return;
    }
    if(e.key==='ArrowRight'){
      e.preventDefault(); e.stopPropagation();
      bgClearPreviewTransparency();
      bgHighlight(bgKbIndex+1);
      return;
    }
    if(e.key==='ArrowLeft'){
      e.preventDefault(); e.stopPropagation();
      bgClearPreviewTransparency();
      bgHighlight(bgKbIndex-1);
      return;
    }
    if(e.key==='ArrowDown'){
      e.preventDefault(); e.stopPropagation();
      bgClearPreviewTransparency();
      bgHighlight(bgKbIndex+bgGridColumns());
      return;
    }
    if(e.key==='ArrowUp'){
      e.preventDefault(); e.stopPropagation();
      bgClearPreviewTransparency();
      bgHighlight(bgKbIndex-bgGridColumns());
      return;
    }
    if(/^[1-6]$/.test(e.key)){
      e.preventDefault(); e.stopPropagation();
      bgClearPreviewTransparency();
      bgApplyFilterByNumber(Number(e.key));
      return;
    }
    if(e.key==='Home'){
      e.preventDefault(); e.stopPropagation(); bgClearPreviewTransparency(); bgHighlight(0); return;
    }
    if(e.key==='End'){
      e.preventDefault(); e.stopPropagation(); bgClearPreviewTransparency(); bgHighlight(bgVisibleCards().length-1); return;
    }
    if(e.key===' '){
      const cards=bgVisibleCards(), card=cards[bgKbIndex];
      if(card){
        e.preventDefault(); e.stopPropagation();
        if(modalBack.classList.contains('bgPreviewing')){
          bgClearPreviewTransparency();
        }else{
          bgApplyFromCard(card,false);
          bgFlashPreviewTransparency();
        }
      }
      return;
    }
    if(e.key==='Enter'){
      const cards=bgVisibleCards(), card=cards[bgKbIndex];
      if(card){
        e.preventDefault(); e.stopPropagation();
        bgClearPreviewTransparency();
        bgApplyFromCard(card,true);
        toast('Baggrund valgt');
        bgClose();
        try{
          const commit=window.__safe296BgCommitted;
          if(commit&&commit.slideIndex===state.active){
            setTimeout(()=>{try{Object.assign(slide(),commit.data);applyBg();render();save({silent:true});}catch(_e){}},30);
          }
        }catch(_e){}
      }
      return;
    }
    if(e.key==='Escape'){
      e.preventDefault(); e.stopPropagation();
      bgClearPreviewTransparency();
      bgRestore();
      bgClose();
      return;
    }
  }
  modal.addEventListener('pointerdown',()=>bgClearPreviewTransparency(),true);
  if(window.__bgKeyHandler)document.removeEventListener('keydown',window.__bgKeyHandler,true);
  window.__bgKeyHandler=bgKeyHandler;
  document.addEventListener('keydown',bgKeyHandler,true);
  setTimeout(()=>{
    const cards=bgVisibleCards();
    const activeIdx=cards.findIndex(c=>c.classList.contains('active'));
    bgHighlight(activeIdx>=0?activeIdx:0);
    try{modal.tabIndex=-1;modal.focus({preventScroll:true});}catch(_e){}
  },60);

  modal.querySelectorAll('[data-bg]').forEach(b=>b.onclick=()=>{slide().bg=b.dataset.bg;slide().bgImage='';slide().bgImageName='';slide().bgImageSource='';delete slide().bgImageTitle;delete slide().bgImageVersion;render();save();bgModal()});
  modal.querySelectorAll('[data-bg-filter]').forEach(btn=>btn.onclick=()=>{slide().bgFilter=btn.dataset.bgFilter||'none';render();save();bgModal()});

  modal.querySelectorAll('[data-bg-index]').forEach(btn=>btn.onclick=()=>{
    const item=bgItems[Number(btn.dataset.bgIndex)];
    if(!item)return;
    bgApplyFromCard(btn,true);
    try{
      const commit=window.__safe296BgCommitted;
      if(commit&&commit.slideIndex===state.active){
        setTimeout(()=>{try{Object.assign(slide(),commit.data);applyBg();render();save({silent:true});}catch(_e){}},30);
      }
    }catch(_e){}
    modal.querySelectorAll('.bgChoice[data-bg-index]').forEach(c=>c.classList.remove('active'));
    btn.classList.add('active');
    toast((item.title||'Baggrund')+' valgt som baggrund');
  });

  modal.querySelector('#bgInfo').onclick=()=>{
    const img=new Image();
    img.onload=()=>{slide().bgImage=BUILTIN_INFOGRAFIK_BG;slide().bgImageName='README_infografik.png';slide().bgImageSource='builtin-url';slide().bgFilter=slide().bgFilter||'none';slide().bgFit='contain';render();save();toast('Online-infografik valgt som baggrund');bgModal()};
    img.onerror=()=>toast('Kunne ikke hente online-infografik');
    img.src=BUILTIN_INFOGRAFIK_BG;
  };
  modal.querySelector('#bgImg').onclick=()=>pickFile('image/*',(src,file)=>{slide().bgImage=src;slide().bgImageName=(file&&file.name)||'baggrundsbillede';slide().bgImageSource='local';slide().bgFilter=slide().bgFilter||'none';delete slide().bgImageTitle;delete slide().bgImageVersion;if(!slide().bgFit)slide().bgFit='contain';render();save();toast('Baggrundsbillede valgt');bgModal()});
  modal.querySelector('#bgUrl').onclick=()=>{
    const current=slide().bgImageSource==='url'?(slide().bgImage||''):'';
    const url=prompt('Indsæt URL til eksternt billede',current);
    if(url===null)return;
    const trimmed=String(url||'').trim();
    if(!trimmed){toast('Ingen URL indsat');return}
    if(!/^https?:\/\//i.test(trimmed)){toast('URL skal starte med http:// eller https://');return}
    slide().bgImage=trimmed;slide().bgImageName='eksternt baggrundsbillede';slide().bgImageSource='url';slide().bgFilter=slide().bgFilter||'none';delete slide().bgImageTitle;delete slide().bgImageVersion;if(!slide().bgFit)slide().bgFit='cover';render();save();toast('Eksternt baggrundsbillede valgt');bgModal();
  };
  modal.querySelector('#fit').onchange=e=>{slide().bgFit=e.target.value;render();save()};
  const clearBgBtn=modal.querySelector('#clearBg');if(clearBgBtn)clearBgBtn.onclick=()=>{slide().bgImage='';slide().bgImageName='';slide().bgImageSource='';delete slide().bgImageTitle;delete slide().bgImageVersion;render();save();bgModal()};
  modal.querySelector('#close').onclick=()=>{document.removeEventListener('keydown',window.__bgKeyHandler,true);modalBack.classList.remove('bgModalKeyboard','bgPreviewing');closeModal()};
}

function downloadEmptyApp(){
  const a=document.createElement('a');
  a.href='https://github.com/maans/Tavle/archive/refs/heads/main.zip';
  a.download='Tavle-main.zip';
  a.target='_blank';
  a.rel='noopener';
  document.body.appendChild(a);
  a.click();
  a.remove();
  toast('Henter nyeste tomme app fra GitHub');
}


function findPinButton(){
  return document.getElementById('pinBtn') || document.getElementById('pin') || document.querySelector('[data-action="pin"],.pinBtn,.pin');
}
function findBottomToolbar(){
  return document.querySelector('.toolbar,.bottomToolbar,#toolbar,#bottomToolbar');
}
function getToolbarKeepVisible(){
  return localStorage.getItem('maans_tavle_toolbar_keep_visible')==='1';
}
function setToolbarKeepVisible(on){
  localStorage.setItem('maans_tavle_toolbar_keep_visible',on?'1':'0');
  const pin=findPinButton();
  if(pin){
    pin.classList.toggle('pinned',on);
    pin.title=on?'Værktøjslinjen holdes synlig – klik for automatisk skjul':'Hold værktøjslinjen synlig';
    pin.setAttribute('aria-pressed',on?'true':'false');
  }
  const tb=findBottomToolbar();
  if(tb){
    tb.classList.toggle('open',on);
    tb.classList.toggle('show',on);
    tb.classList.toggle('pinned',on);
    tb.style.opacity=on?'1':'';
    tb.style.pointerEvents=on?'auto':'';
    if(on)tb.style.transform='translateX(-50%) translateY(0)';
    else tb.style.transform='';
  }
  document.body.classList.toggle('toolbarPinned',on);
}
function wireQuickPinButton(){
  const pin=findPinButton();
  if(!pin||pin.dataset.quickPinWired==='1')return;
  pin.dataset.quickPinWired='1';
  pin.addEventListener('click',ev=>{
    ev.preventDefault();
    ev.stopPropagation();
    setToolbarKeepVisible(!getToolbarKeepVisible());
    toast(getToolbarKeepVisible()?'Værktøjslinjen holdes synlig':'Automatisk skjul er slået til');
  },true);
  setToolbarKeepVisible(getToolbarKeepVisible());
}

function showQuickHelp(){
  showModal(`<h2>Hjælp</h2>
  <div class="helpIntro">
    <p><b>Min undervisningstavle</b> er et arbejdsbord med tavler og widgets. Brug <b>N</b> til en ny tavle med billedbaggrund, <b>Shift+B</b> til baggrundsvælger og <b>Cmd/Ctrl+B</b> til tilfældig baggrund.</p>
    <label class="helpHintToggleRow">
      <input id="helpHintsToggle" type="checkbox" ${hintsEnabled?'checked':''}>
      <span>Vis kontekstuelle hints i redigering</span>
    </label>
  </div>

  <div class="helpFAQ">
    <details open>
      <summary>Det vigtigste live-flow</summary>
      <div class="answer">
        <ul>
          <li><b>P</b> eller <b>R</b> skifter mellem redigering og præsentation.</li>
          <li><b>F</b> fokuserer valgt widget. <b>Shift+F</b> maksimerer valgt/fokuseret widget.</li>
          <li><b>Esc</b> lukker fokus, maksimering, papirkurv, iframe/PDF-kontrol og modaler.</li>
          <li><b>↑/↓</b> vælger widgets på almindelige tavler. Valgt widget lægges forrest.</li>
          <li><b>Mellemrum</b> aktiverer valgt hjul, grupper eller afstemning. Uden valgt widget åbner mellemrum <b>Mere</b>.</li>
          <li><b>T</b> åbner papirkurven. I papirkurven lukker <b>T</b>, <b>Esc</b> eller <b>Mellemrum</b>.</li>
          <li><b>N</b> opretter en ny tavle med en billedbaggrund. Farveswatches bruges via <b>Shift+B</b> eller <b>Cmd/Ctrl+B</b>.</li>
        </ul>
      </div>
    </details>

    <details open>
      <summary>Topbar, tavler og overblik</summary>
      <div class="answer">
        <ul>
          <li><b>Tavlenummeret</b> øverst åbner <b>Tavleoversigt</b>.</li>
          <li><b>Cmd/Ctrl+T</b> åbner Tavleoversigt.</li>
          <li>I Tavleoversigt: <b>↑/↓/←/→</b> markerer tavle, <b>Enter</b> åbner, <b>Esc</b> lukker, <b>1–9/0</b> går direkte til tavle.</li>
          <li>I Tavleoversigt kan normale tavler slettes og flyttes. I præsentation skjules redigeringsknapperne.</li>
          <li><b>Cmd/Ctrl+↑/↓/←/→</b> kan flytte markeret/aktiv tavle i rækkefølgen.</li>
          <li><b>Cmd/Ctrl+O</b> åbner widget-overblik.</li>
          <li><b>←/→</b> skifter tavle på almindelige tavler.</li>
          <li><b>1–9</b> går til tavle 1–9. <b>0</b> går til tavle 10, medmindre en grupper-widget bruger tallene.</li>
        </ul>
      </div>
    </details>

    <details>
      <summary>Baggrunde, farver og grid</summary>
      <div class="answer">
        <ul>
          <li><b>Shift+B</b> åbner baggrundsvælgeren med billedbaggrunde og farveswatches.</li>
          <li><b>Cmd/Ctrl+B</b> vælger en tilfældig baggrund på aktiv tavle. Den kan vælge både billeder og farver.</li>
          <li><b>N</b> bruger kun billedbaggrunde, så farveswatch-flowet i baggrundsvælgeren ikke forstyrres.</li>
          <li>I baggrundsvælgeren: <b>←/→</b> flytter én baggrund, <b>↑/↓</b> flytter en række, <b>1–6</b> vælger filter.</li>
          <li><b>Space</b> previewer/toggler semitransparent visning. <b>Enter</b> vælger og lukker. <b>Esc</b> annullerer.</li>
          <li><b>Shift+G</b> slår grid til/fra. Grid findes også i baggrundsvælgeren.</li>
        </ul>
      </div>
    </details>

    <details>
      <summary>Redningsbælte og ryd tavle</summary>
      <div class="answer">
        <ul>
          <li><b>Shift+O</b> åbner Redningsbæltet.</li>
          <li>Redningsbæltet kan samle widgets ind på tavlen, åbne widget-overblik, sortere/rydde op og åbne ryd-tavle-flowet.</li>
          <li>Redningsbælte og papirkurv-ikon skjules i topbaren i præsentationstilstand.</li>
          <li><b>Cmd/Ctrl+Delete</b> eller <b>Cmd/Ctrl+Backspace</b> åbner “Ryd tavle?” og flytter tavlens widgets til papirkurven.</li>
          <li><b>Cmd/Ctrl+Shift+Delete/Backspace</b> bevares som ældre genvej til samme ryd-tavle-flow.</li>
        </ul>
      </div>
    </details>

    <details>
      <summary>Papirkurv</summary>
      <div class="answer">
        <ul>
          <li><b>T</b>, papirkurv-ikonet eller <b>Mere → Papirkurv</b> åbner papirkurven.</li>
          <li><b>Delete/Backspace</b> på en almindelig tavle flytter valgt widget til papirkurven.</li>
          <li><b>Shift+Delete/Shift+Backspace</b> eller <b>Shift+klik på X</b> sletter permanent uden papirkurv.</li>
          <li><b>Cmd/Ctrl+Z</b> gendanner senest slettede widget fra papirkurven.</li>
          <li>I papirkurven: <b>klik</b> eller <b>Enter</b> gendanner valgt widget. <b>←/→/↑/↓</b> vælger mellem slettede widgets.</li>
          <li><b>Delete/Backspace</b> i papirkurven sletter valgt widget permanent.</li>
          <li><b>Gendan alle</b> gendanner alle widgets fra papirkurven.</li>
        </ul>
      </div>
    </details>

    <details>
      <summary>Widgets og indhold</summary>
      <div class="answer">
        <ul>
          <li><b>Shift+A</b> tekst · <b>Shift+V</b> video · <b>Shift+P</b> PDF · <b>Shift+I</b> billede · <b>Shift+L</b> link · <b>Shift+H</b> HTML.</li>
          <li><b>Shift+T</b> timer · <b>Shift+U</b> ur.</li>
          <li><b>Shift+W</b> Lykkehjulet · <b>Shift+J</b> hjul/ældre genvej · <b>Shift+R</b> grupper · <b>Shift+S</b> ordsky · <b>Shift+X</b> afstemning · <b>Shift+Q</b> KaPardy.</li>
          <li><b>Cmd/Ctrl+D</b> duplikerer valgt widget.</li>
          <li><b>Cmd/Ctrl+←/→</b> flytter valgt widget til forrige/næste tavle. Hvis ingen widget er valgt, kan tavlen flyttes i rækkefølgen.</li>
          <li>Træk og slip billeder, PDF, tekstfiler, links, YouTube-links, CSV/TSV og Excel direkte på tavlen.</li>
        </ul>
      </div>
    </details>

    <details>
      <summary>KaPardy</summary>
      <div class="answer">
        <ul>
          <li><b>Shift+Q</b> opretter en KaPardy-widget.</li>
          <li>Widgetten har tre spilletilstande: <b>Kahoot</b>, <b>Jeopardy</b> og <b>Mester</b>.</li>
          <li><b>K</b>, <b>J</b> og <b>M</b> vælger direkte mellem Kahoot, Jeopardy og Mester, når KaPardy-widgetten er aktiv.</li>
          <li>I redigering af spørgsmål skifter <b>Shift+Mellemrum</b> mellem de tre starttilstande. <b>Enter</b> starter den valgte tilstand.</li>
          <li><b>Cmd/Ctrl+Enter</b> tilføjer en ny spørgsmålsrække i KaPardy-editoren.</li>
          <li>Import kan ske fra CSV/Excel med kolonner som kategori, point, spørgsmål og svar. <b>Første svar er det korrekte</b>.</li>
          <li>I Kahoot-spil vælger <b>1–4</b> svarmulighed. <b>Mellemrum</b> eller <b>Enter</b> går videre, afslører svar eller viser næste trin afhængigt af skærmen.</li>
          <li>I Jeopardy-boardet flytter <b>Tab</b> markering mellem pointkort, og <b>Enter</b> vælger det markerede kort.</li>
          <li>Når der skal bedømmes svar i Jeopardy eller Mester: <b>1/R</b> = rigtigt, <b>2/H</b> = halvt, <b>3/F</b> = forkert. <b>Shift+Mellemrum</b> flytter mellem bedømmelsesknapper, og <b>Enter</b> vælger den markerede.</li>
          <li><b>⚙️</b> åbner indstillinger/redigering af spørgsmål. I præsentation skjules redigeringsknapper.</li>
        </ul>
      </div>
    </details>

    <details>
      <summary>Data, lister og import</summary>
      <div class="answer">
        <ul>
          <li><b>Datawidgetten</b> er mellemstation for tabeller, CSV/TSV, Excel og struktureret tekst.</li>
          <li><b>Listewidgetten</b> er mellemstation for navne, stikord og andre simple lister.</li>
          <li>Brug <b>→</b> i en datawidget til at lave lister fra valgte kolonner.</li>
          <li>Lister kan bruges videre i hjul, grupper, ordsky, afstemning og quiz.</li>
          <li><b>Gem / åbn</b> bruges både til backup og import. Backup genskaber hele tavlepakken.</li>
          <li><b>Cmd/Ctrl+S</b> og <b>Cmd/Ctrl+G</b> gemmer/backupper.</li>
        </ul>
      </div>
    </details>

    <details>
      <summary>Præsentation, fokus, PDF og iframe</summary>
      <div class="answer">
        <ul>
          <li>I præsentation skjules widget-titelbjælker og redigeringsværktøjer.</li>
          <li>I maksimeret tilstand kan redigeringstilstand bruges, så titelbjælke og værktøjer er tilgængelige.</li>
          <li>Klik i en <b>PDF</b> aktiverer PDF-kontrol. <b>Esc</b> slipper PDF-kontrollen.</li>
          <li>Iframe/websidekontrol slippes også med <b>Esc</b>.</li>
          <li>Baggrundsklik/hold kan stadig fungere som hurtigt preview/fokus af tavlen ved at skjule værktøjer kortvarigt.</li>
        </ul>
      </div>
    </details>

    <details open>
      <summary>Komplet genvejskort</summary>
      <div class="answer">
        <ul>
          <li><b>P/R</b> redigering/præsentation</li>
          <li><b>F</b> fokus · <b>Shift+F</b> maksimer</li>
          <li><b>N</b> ny tavle med billedbaggrund</li>
          <li><b>T</b> papirkurv</li>
          <li><b>Cmd/Ctrl+T</b> Tavleoversigt</li>
          <li><b>Cmd/Ctrl+O</b> widget-overblik</li>
          <li><b>Shift+O</b> Redningsbælte</li>
          <li><b>Shift+B</b> baggrundsvælger</li>
          <li><b>Cmd/Ctrl+B</b> tilfældig baggrund</li>
          <li><b>Shift+G</b> grid</li>
          <li><b>Cmd/Ctrl+Delete/Backspace</b> ryd tavle til papirkurv</li>
          <li><b>Delete/Backspace</b> slet valgt widget til papirkurv</li>
          <li><b>Shift+Delete/Backspace</b> permanent sletning</li>
          <li><b>Cmd/Ctrl+Z</b> gendan senest slettede widget</li>
          <li><b>Cmd/Ctrl+D</b> dupliker valgt widget</li>
          <li><b>Cmd/Ctrl+S</b> / <b>Cmd/Ctrl+G</b> gem/backup</li>
          <li><b>Shift+A/P/I/L/H/V</b> tekst/PDF/billede/link/HTML/video</li>
          <li><b>Shift+T/U</b> timer/ur</li>
          <li><b>Shift+W/J/R/S/X/Q</b> hjul/hjul ældre/grupper/ordsky/afstemning/KaPardy</li>
          <li><b>K/J/M</b> vælger Kahoot/Jeopardy/Mester i aktiv KaPardy-widget</li>
          <li><b>Shift+Mellemrum</b> skifter starttilstand eller bedømmelsesknap i KaPardy</li>
          <li><b>Cmd/Ctrl+Enter</b> tilføjer spørgsmålsrække i KaPardy-editoren</li>
          <li><b>1–9/0</b> tavle 1–10, gruppevalg i grupper-widget eller svar/bedømmelse i KaPardy</li>
        </ul>
      </div>
    </details>
  </div>

  <div class="helpPager">
    <span>Tip: De vigtigste genveje er N, Shift+B, Cmd/Ctrl+B, Shift+O, Cmd/Ctrl+T og Cmd/Ctrl+O.</span>
    <button id="closeHelp">Luk</button>
  </div>`);
  modal.querySelector('#closeHelp').onclick=closeModal;
  const ht=modal.querySelector('#helpHintsToggle');
  if(ht)ht.onchange=e=>setHintsEnabled(e.target.checked);
}

function maybeShowQuickHelp(){
  try{
    const k='maans_tavle_seen_quick_help_v162_test';
    if(!localStorage.getItem(k)){
      localStorage.setItem(k,'1');
      setTimeout(showQuickHelp,700);
    }
  }catch(e){}
}


function tavleDownloadTextFile(filename,text,mime='text/plain'){
  safeDownload(filename, String(text||''), mime||'text/plain;charset=utf-8');
}
function tavlePickTextFile(accept,cb){
  const input=document.createElement('input');
  input.type='file';
  input.accept=accept||'.json,application/json';
  input.onchange=()=>{
    const f=input.files&&input.files[0];
    if(!f)return;
    const r=new FileReader();
    r.onload=()=>cb(String(r.result||''),f);
    r.onerror=()=>toast('Kunne ikke læse filen');
    r.readAsText(f,'utf-8');
  };
  input.click();
}
function tavleHarvestLists(st){
  const bank=wheelListBank();
  try{
    (st.slides||[]).forEach(sl=>(sl.widgets||[]).forEach(w=>{
      if((w.type==='wheel'||w.type==='groups')&&w.data&&Array.isArray(w.data.names)&&w.data.names.length){
        const base=w.type==='groups'?'Liste fra grupper':'Liste fra hjul';
        const name=(w.title||base).trim();
        if(!bank[name])bank[name]=w.data.names.filter(Boolean);
      }
    }));
    localStorage.setItem('maans_wheel_lists',JSON.stringify(bank));
  }catch(e){}
}
function tavleRestoreLists(data){
  try{
    const bank=wheelListBank();
    if(data&&data.wheelLists&&typeof data.wheelLists==='object')Object.assign(bank,data.wheelLists);
    if(data&&data.lists&&typeof data.lists==='object')Object.assign(bank,data.lists);
    localStorage.setItem('maans_wheel_lists',JSON.stringify(bank));
    if(!(data&&data.options&&data.options.templateOnly) && !(data&&data.state&&data.state.isTemplateOnly)){
      tavleHarvestLists(data.state||data);
    }
  }catch(e){}
}
function exportJson(){
  const data={app:'maans-interaktiv-tavle',version:'v83',state:state,wheelLists:wheelListBank(),lists:wheelListBank()};
  tavleDownloadTextFile('tavle-backup.json',JSON.stringify(data,null,2),'application/json;charset=utf-8');
  toast('JSON-backup gemt');
}
function importJson(){
  tavlePickTextFile('.json,application/json',(txt,file)=>{
    try{
      const data=JSON.parse(txt);
      const next=data.state||data;
      if(!next||!Array.isArray(next.slides)){toast('JSON-filen indeholder ikke tavledata');return}
      if(!confirm('Importér JSON-backup? Dette erstatter de tavler, der er åbne nu.'))return;
      tavleRestoreLists(data);
      state=next;
      if(typeof state.active!=='number')state.active=0;
      save({silent:true});
      closeModal();
      render();
      toast('JSON importeret');
    }catch(e){toast('Kunne ikke importere JSON')}
  });
}


/* SAFE175/176/177: Ved download af indlejrede medier skal datawidgets bruge hele datasættet fra localStorage/state.datasets, ikke preview-teksten i widgetten.
   SAFE177 er kun en dokumentations-/baseline-note: rør ikke denne resolver bredt uden test på både datawidget og listewidget-download. */
function normalizeDatasetTitleForMatch(s){
  return String(s||'')
    .replace(/^\s*[📊👥]\s*/,'')
    .replace(/^Datasæt:\s*/i,'')
    .replace(/\.(csv|txt)$/i,'')
    .trim()
    .toLowerCase();
}
function datasetForDownloadWidget(w){
  if(!w||!w.data)return null;
  const candidates=[];
  if(w.data.datasetId)candidates.push(w.data.datasetId);
  if(w.data.sourceDatasetId)candidates.push(w.data.sourceDatasetId);
  if(w.data.dataset&&Array.isArray(w.data.dataset.rows))return w.data.dataset;
  if(Array.isArray(w.data.rows))return {id:w.data.datasetId||uid(),name:w.data.name||w.title||'Datasæt',type:w.data.sourceType||'csv',columns:Array.isArray(w.data.columns)?w.data.columns:[],rows:w.data.rows};
  for(const id of candidates){
    const ds=findDatasetById(id);
    if(ds&&Array.isArray(ds.rows))return ds;
  }
  // SAFE176: Nogle ældre/lokale datawidgets kan miste id-match i widgetdata, men datasættet findes stadig i state.datasets.
  const wanted=[w.title,w.data.name,w.data.sourceDatasetName]
    .map(normalizeDatasetTitleForMatch)
    .filter(Boolean);
  const store=Array.isArray(state&&state.datasets)?state.datasets:[];
  for(const ds of store){
    const dn=normalizeDatasetTitleForMatch(ds&&ds.name);
    if(dn && wanted.some(x=>x===dn || x.endsWith(dn) || dn.endsWith(x)))return ds;
  }
  // Sidste forsigtige fallback: grupperesultat-widget med samme navn.
  if(String(w.data.sourceType||'').includes('groups') || normalizeDatasetTitleForMatch(w.title).includes('grupperesultat')){
    const found=store.find(ds=>String(ds&&ds.type||'').includes('groups') && Array.isArray(ds.rows));
    if(found)return found;
  }
  return null;
}
function collectEmbeddedMedia(){
  const items=[];
  const kindLabel=(src)=>{
    const ext=extFromDataUrl(src,'bin');
    if(ext==='pdf')return 'PDF';
    if(['png','jpg','webp','gif','svg'].includes(ext))return 'Billede';
    return 'Medie';
  };
  try{
    (state.slides||[]).forEach((sl,si)=>{
      const slideName=safeSlideTitle?safeSlideTitle(sl,si):('Tavle '+(si+1));
      if(sl.bgImage&&String(sl.bgImage).startsWith('data:')){
        items.push({type:'Baggrundsbillede',slide:slideName,name:`tavle-${si+1}-baggrund`,src:sl.bgImage});
      }
      (sl.widgets||[]).forEach((w,wi)=>{
        if(w.type==='image'&&w.data&&String(w.data.src||'').startsWith('data:')){
          items.push({type:'Billede',slide:slideName,name:w.data.name||`tavle-${si+1}-billede-${wi+1}`,src:w.data.src});
        }
        if(w.type==='pdf'&&w.data&&String(w.data.src||w.data.url||'').startsWith('data:')){
          items.push({type:'PDF',slide:slideName,name:w.data.name||`tavle-${si+1}-pdf-${wi+1}`,src:w.data.src||w.data.url});
        }
        if(w.type==='text'&&w.data&&typeof w.data.text==='string'){
          // SAFE176: datawidget download må aldrig bruge previewteksten med “… flere rækker”.
          const ds=datasetForDownloadWidget(w);
          if(ds&&Array.isArray(ds.rows)){
            const csv=datasetToDelimitedText(ds,',');
            const baseName=String((ds&&ds.name)||w.data.name||w.title||`tavle-${si+1}-datasæt-${wi+1}`).replace(/\.(txt|csv)$/i,'');
            const src='data:text/csv;charset=utf-8,'+encodeURIComponent(csv);
            items.push({type:'Datawidget CSV',slide:slideName,name:baseName,src});
          }else{
            const src='data:text/plain;charset=utf-8,'+encodeURIComponent(w.data.text);
            items.push({type:'Tekst',slide:slideName,name:w.data.name||w.title||`tavle-${si+1}-tekst-${wi+1}.txt`,src});
          }
        }
        if(w.type==='html'&&w.data&&typeof w.data.html==='string'){
          const src='data:text/html;charset=utf-8,'+encodeURIComponent(w.data.html);
          items.push({type:'HTML',slide:slideName,name:w.data.name||w.title||`tavle-${si+1}-html-${wi+1}.html`,src});
        }
        if(w.type==='link'&&w.data&&w.data.srcdoc){
          const src='data:text/html;charset=utf-8,'+encodeURIComponent(w.data.srcdoc);
          items.push({type:'HTML',slide:slideName,name:w.data.text||w.title||`tavle-${si+1}-html-${wi+1}.html`,src});
        }
      });
    });
  }catch(e){}
  return items.map((it,i)=>{
    const ext=extFromDataUrl(it.src);
    return {...it,ext,filename:safeFileName(it.name,ext),label:it.type||kindLabel(it.src),id:'mediaDl'+i};
  });
}
function downloadAllEmbeddedMedia(){
  const items=collectEmbeddedMedia();
  if(!items.length){toast('Ingen data eller indlejrede filer at downloade');return}
  const rows=items.map((it,i)=>`
    <div class="mediaDownloadItem">
      <div>
        <b>${i+1}. ${esc(it.filename)}</b>
        <small>${esc(it.label)} · ${esc(it.slide||'Tavle')}</small>
      </div>
      <button class="mediaDownloadBtn" data-i="${i}">Hent fil</button>
    </div>`).join('');
  showModal(`<h2>Download data og medier</h2>
    <p>Hent datawidgets, tekstlister og indlejrede filer én ad gangen. På iPad kan lokale data:/Quine-filer stadig blokere download; GitHub Pages er normalt mere stabilt.</p>
    <div class="mediaDownloadList">${rows}</div>
    <button id="closeMediaDownloads">Luk</button>`);
  modal.querySelectorAll('.mediaDownloadBtn').forEach(btn=>{
    btn.onclick=()=>{
      const it=items[Number(btn.dataset.i)];
      if(it&&it.src)downloadDataUrl(it.src,it.filename||it.name||'download');
    };
  });
  const close=modal.querySelector('#closeMediaDownloads');
  if(close)close.onclick=closeModal;
}


function estimateProjectSizeMB(){
  try{
    return Math.round((JSON.stringify(state).length/1024/1024)*10)/10;
  }catch(e){return 0}
}
function largeBackupGuidance(){
  showModal(`<h2>Sikker backup</h2>
    <p>Gem tavlen som tavlefil. Hvis tavlen indeholder store billeder eller PDF’er, kan medierne også downloades separat.</p>
    <p><b>Anbefalet arbejdsgang:</b></p>
    <ol><li>Gem tavlefil</li><li>Download data og medier ved behov</li><li>Gem filerne samlet i en mappe</li></ol>
    <button id="guideSave">Gem tavlefil</button>
    <button id="guideMedia">Download data og medier</button>
    <button id="guideClose">Luk</button>`);
  modal.querySelector('#guideSave').onclick=()=>downloadTavleSaveFile({startPresentation:false,templateOnly:false});
  modal.querySelector('#guideMedia').onclick=downloadAllEmbeddedMedia;
  modal.querySelector('#guideClose').onclick=closeModal;
}


function stripTransientForExport(st){
  const copy=JSON.parse(JSON.stringify(st));
  try{
    (copy.slides||[]).forEach(sl=>{
      (sl.widgets||[]).forEach(w=>{
        if(w.type==='timer' && w.data)w.data.running=false;
      });
    });
  }catch(e){}
  return copy;
}
function cleanHtmlForStandalone(htmlDoc){
  // Fjern modal/overlay/toast og midlertidige UI-tilstande, så den gemte fil ikke åbner låst.
  htmlDoc=htmlDoc.replace(/<div id="modalBackdrop"[\s\S]*?<\/div>\s*/g,'');
  htmlDoc=htmlDoc.replace(/<div class="modalBackdrop"[\s\S]*?<\/div>\s*/g,'');
  htmlDoc=htmlDoc.replace(/<div id="modal"[\s\S]*?<\/div>\s*/g,'');
  htmlDoc=htmlDoc.replace(/<div class="modal"[\s\S]*?<\/div>\s*/g,'');
  htmlDoc=htmlDoc.replace(/<div id="toast"[\s\S]*?<\/div>\s*/g,'');
  htmlDoc=htmlDoc.replace(/<div class="toast"[\s\S]*?<\/div>\s*/g,'');
  htmlDoc=htmlDoc.replace(/⏳ Forbereder fil\.\.\./g,'💾 Gem HTML + data');
  htmlDoc=htmlDoc.replace(/Forbereder HTML-fil\.\.\./g,'');
  htmlDoc=htmlDoc.replace(/disabled=""/g,'');
  htmlDoc=htmlDoc.replace(/\sdisabled(=("|')disabled\2)?/g,'');
  htmlDoc=htmlDoc.replace(/\sdata-old-text="[^"]*"/g,'');
  htmlDoc=htmlDoc.replace(/<script id="embeddedTavleData"[\s\S]*?<\/script>/g,'');
  htmlDoc=htmlDoc.replace(/<script id="embeddedTavleBoot"[\s\S]*?<\/script>/g,'');
  return htmlDoc;
}
function makeStandaloneHtml(){
  const cleanState=stripTransientForExport(state);
  const payload=JSON.stringify(cleanState);
  let htmlDoc=document.documentElement.outerHTML;
  htmlDoc=cleanHtmlForStandalone(htmlDoc);

  // Boot-scriptet skal ligge før appens hovedscript, så den gemte fil starter med de rigtige tavler.
  const boot=`<script id="embeddedTavleBoot">(function(){try{localStorage.setItem('maans_interaktiv_tavle_v162_test', ${JSON.stringify(payload)});}catch(e){}})();<\/script>`;

  const firstScript=htmlDoc.indexOf('<script>');
  if(firstScript!==-1)htmlDoc=htmlDoc.slice(0,firstScript)+boot+htmlDoc.slice(firstScript);
  else if(htmlDoc.includes('</head>'))htmlDoc=htmlDoc.replace('</head>',boot+'</head>');
  else htmlDoc=boot+htmlDoc;

  return '<!doctype html>\n'+htmlDoc;
}
function exportStandaloneHtml(){
  const htmlText=makeStandaloneHtml();
  const blob=new Blob([htmlText],{type:'text/html;charset=utf-8'});
  const a=document.createElement('a');
  a.href=URL.createObjectURL(blob);
  a.download='interaktiv-tavle.html';
  document.body.appendChild(a);
  a.click();
  setTimeout(()=>{URL.revokeObjectURL(a.href);a.remove()},1000);
}


function exportStandaloneHtmlWithFeedback(){
  toast('HTML med tavledata er midlertidigt slået fra. Brug JSON-backup til data.');
  largeBackupGuidance();
}


function wireRobustWidgetClose(){
  if(window.__robustWidgetCloseWired)return;
  window.__robustWidgetCloseWired=true;

  const isCloseButton=(el)=>{
    if(!el)return false;
    const txt=(el.textContent||'').trim();
    const act=(el.getAttribute?.('data-act')||el.getAttribute?.('data-action')||'').toLowerCase();
    return act==='del' || act==='delete' || act==='close' ||
      el.matches?.('.close,.x,.del,.delete,.remove,[aria-label="Luk"],[title="Luk"]')
      || txt==='×' || txt==='✕' || txt==='x' || txt==='X';
  };

  const handler=(e)=>{
    let btn=e.target.closest?.('button,.close,.x,.del,.delete,.remove,[data-action],[data-act],[aria-label],[title],[role=button]');
    if(!btn && (e.clientX||e.clientY)){
      const hit=document.elementFromPoint(e.clientX,e.clientY);
      btn=hit&&hit.closest?.('button,.close,.x,.del,.delete,.remove,[data-action],[data-act],[aria-label],[title],[role=button]');
    }
    if(!btn||!isCloseButton(btn))return;
    const widget=btn.closest?.('.widget');
    if(!widget)return;

    e.preventDefault();
    e.stopPropagation();
    if(e.stopImmediatePropagation)e.stopImmediatePropagation();

    const id=widget.dataset.id || widget.dataset.widgetId || widget.id;
    const now=Date.now();
    if(widget.__closeActivatedAt && now-widget.__closeActivatedAt<700)return;
    widget.__closeActivatedAt=now;

    /* SAFE21: Widget-X følger samme regler som tastatur-sletning.
       Normal tavle: X -> papirkurv. Shift+X -> permanent sletning.
       Papirkurv: X -> permanent sletning. */
    try{
      const onTrash = !!(window.__trashBoardIsActive && window.__trashBoardIsActive());
      if(onTrash && window.__trashBoardPermanentById){
        window.__trashBoardPermanentById(id);
        return;
      }
      if(e.shiftKey && window.__tavlePermanentDeleteWidget){
        window.__tavlePermanentDeleteWidget(id);
        return;
      }
      if(window.__trashBoardDelete){
        window.__trashBoardDelete(id);
        return;
      }
    }catch(err){}

    /* Fallback fra den stabile version, hvis papirkurvlaget ikke er aktivt. */
    try{
      if(typeof removeWidget==='function'){
        removeWidget(id);
        return;
      }
    }catch(err){}

    try{
      const sl=slide();
      if(sl&&Array.isArray(sl.widgets)){
        sl.widgets=sl.widgets.filter(w=>String(w.id)!==String(id));
        save({silent:true});
        render();
        return;
      }
    }catch(err){}

    widget.remove();
    try{save({silent:true})}catch(err){}
  };

  ['pointerdown','pointerup','mousedown','mouseup','touchstart','touchend','click'].forEach(ev=>{
    document.addEventListener(ev,handler,{capture:true,passive:false});
  });
}


function tavleShouldOpenInPresentation(data){
  try{
    return !!(
      data.presentationOnLoad ||
      data.startPresentation ||
      (data.options&&data.options.startPresentation) ||
      (data.state&&data.state.startPresentation) ||
      (data.state&&data.state.settings&&data.state.settings.startPresentation)
    );
  }catch(e){return false}
}
function tavleSetPresentationMode(on){
  try{
    if(typeof present!=='undefined')present=!!on;
    if(typeof state==='object'&&state){
      state.present=!!on;
      state.presentation=!!on;
      state.presentationMode=!!on;
    }
    document.body.classList.toggle('present',!!on);
    document.body.classList.toggle('presentation',!!on);
    document.documentElement.classList.toggle('present',!!on);
    document.documentElement.classList.toggle('presentation',!!on);
    try{updateSlidesOverviewVisibility&&updateSlidesOverviewVisibility()}catch(e){}
  }catch(e){}
}
function tavleApplyPresentationOpen(data){
  if(!tavleShouldOpenInPresentation(data))return;
  setTimeout(()=>tavleSetPresentationMode(true),0);
  setTimeout(()=>tavleSetPresentationMode(true),120);
}


function clearWidgetDataForTemplate(w){
  w.data = w.data || {};

  // Bevar widgettype, titel, placering, størrelse, rotation, lås osv.
  // Ryd kun det konkrete eksempelindhold.
  if(w.type==='text'){
    w.data.text='';
    w.data.html='';
  }

  if(w.type==='image'){
    delete w.data.src;
    delete w.data.url;
    delete w.data.name;
    delete w.data.fileName;
    delete w.data.alt;
  }

  if(w.type==='pdf'){
    delete w.data.src;
    delete w.data.url;
    delete w.data.name;
    delete w.data.fileName;
    delete w.data.page;
  }

  if(w.type==='video'){
    delete w.data.url;
    delete w.data.src;
    delete w.data.embed;
    delete w.data.title;
    delete w.data.thumbnail;
  }

  if(w.type==='link'){
    delete w.data.url;
    w.data.text=w.data.text||'Link';
  }

  if(w.type==='wheel'){
    w.data.names=[];
    w.data.chosen=[];
    w.data.selected=[];
    w.data.result=[];
    w.data.current='';
  }

  if(w.type==='groups'){
    w.data.names=[];
    w.data.groups=[];
    w.data.result=[];
    w.data.grouped=[];
  }

  if(w.type==='wordcloud'){
    w.data.names=[];
    w.data.caseInsensitive = w.data.caseInsensitive!==false;
  }

  if(w.type==='poll'){
    w.data.question=w.data.question||'Hvordan går det?';
    w.data.options=w.data.options||['😀','🙂','😐','🙁','😡'];
    w.data.votes=w.data.options.map(()=>0);
    w.data.cloudView=false;
    w.data.showResults=false;
  }

  if(w.type==='timer'){
    w.data.running=false;
  }
}

function cloneForSaveFile(options={}){
  const copy=JSON.parse(JSON.stringify(state));
  try{
    copy.settings = copy.settings || {};
    copy.isTemplateOnly = !!options.templateOnly;

    if(options.templateOnly){
      // Ryd globale/lokale lister fra skabelonen.
      copy.lists={};
      copy.wheelLists={};
      copy.savedLists={};

      (copy.slides||[]).forEach(sl=>{
        // Ryd baggrundsbilleder, men bevar evt. farve/grundlæggende layout.
        delete sl.bgImage;
        delete sl.backgroundImage;
        delete sl.image;
        if(sl.bg && String(sl.bg).startsWith('data:')) delete sl.bg;
        if(sl.background && String(sl.background).startsWith('data:')) delete sl.background;

        (sl.widgets||[]).forEach(clearWidgetDataForTemplate);
      });
    }
  }catch(e){}
  return copy;
}

function downloadTavleSaveFile(options={}){
  const saveData={
    app:'maans-interaktiv-tavle',
    format:'tavle-savefile',
    version:'v83',
    created:new Date().toISOString(),
    options:{
      startPresentation:!!options.startPresentation,
      templateOnly:!!options.templateOnly,
      includeMedia:!options.templateOnly
    },
    state:cloneForSaveFile(options),
    wheelLists: options.templateOnly ? {} : wheelListBank(),
    lists: options.templateOnly ? {} : wheelListBank()
  };
  const name = options.templateOnly ? 'tavle-skabelon.json' : 'tavle-gemmefil.json';
  tavleDownloadTextFile(name,JSON.stringify(saveData,null,2),'application/json;charset=utf-8');
  toast(options.templateOnly?'Skabelon gemt':'Gemmefil gemt');
}
function applyOpenOptionsFromSaveData(data){tavleApplyPresentationOpen(data);}
function openTavleSaveText(txt,file){
  try{
    const data=JSON.parse(txt);
    const next=data.state||data;
    if(!next||!Array.isArray(next.slides)){toast('Filen indeholder ikke tavledata');return false}
    if(!confirm('Åbn denne tavlefil? Dette erstatter de tavler, der er åbne nu.'))return false;
    try{tavleRestoreLists(data)}catch(e){}
    state=next;
    if(typeof state.active!=='number')state.active=0;
    const openInPresentation=tavleShouldOpenInPresentation(data);
    save({silent:true});
    closeModal();
    render();
    if(openInPresentation)tavleSetPresentationMode(true);
    try{updateSlidesOverviewVisibility()}catch(e){}
    toast('Tavlefil åbnet');
    return true;
  }catch(e){
    console.error(e);
    toast('Kunne ikke åbne tavlefilen');
    return false;
  }
}

function openTavleSaveFile(){
  tavlePickTextFile('.json,application/json',openTavleSaveText);
}


async function importFileFromSaveModal(file,point={x:140,y:130}){
  if(!file)return false;
  const name=String(file.name||'').toLowerCase();
  if(/\.(json|tavle|tavlefil)$/i.test(name) || file.type==='application/json'){
    const txt=await readFileAsText(file);
    return openTavleSaveText(txt,file)?{ok:true,kind:'backup',label:file&&file.name||'Tavlefil åbnet'}:{ok:false,kind:'error',label:'Kunne ikke åbne tavlefilen'};
  }
  if(typeof handleDroppedFile==='function'){
    return await handleDroppedFile(file,point);
  }
  toast('Import er ikke tilgængelig i denne version');
  return false;
}

function showSaveFileOptions(){
  showModal(`<h2>Gem / åbn</h2>
    <p class="saveDropIntro"><b>Slip filer ind i appen.</b> Almindelige filer bliver til widgets eller datawidgets. En tavlebackup/gemmefil åbner hele tavlen igen og kan erstatte det, du har åbent nu.</p>

    <div id="saveDropZone" class="saveDropZone" tabindex="0" role="button" aria-label="Slip eller vælg fil">
      <div class="saveDropIcon">📄</div>
      <b>Slip filer her</b>
      <span>eller <span class="saveDropChoose">vælg filer</span></span>
      <div class="saveDropHint">PDF, billeder, tekst, HTML, CSV/TSV/XLSX m.m. indsættes som widgets/datawidgets. Tavlefiler/JSON er backups og åbner hele tavlen efter advarsel.</div>
    </div>

    <input id="saveDropInput" type="file" style="display:none" multiple
      accept=".json,.tavle,.pdf,.png,.jpg,.jpeg,.webp,.gif,.svg,.txt,.md,.markdown,.html,.htm,.css,.js,.csv,.tsv,.xlsx,.xls,.gsheet,application/json,application/pdf,image/*,text/*">

    <div class="saveActions v40">
      <button id="downloadMedia">Download data og medier</button>
      <button id="saveBackup">Gem backup</button>
      <button id="saveTemplate">Gem skabelon</button>
      <button id="downloadEmpty">Hent tom app</button>
      <button id="closeSave" class="secondaryClose">Luk</button>
    </div>`);

  const qs=(id)=>modal.querySelector('#'+id);
  qs('saveBackup').onclick=()=>downloadTavleSaveFile({startPresentation:false,templateOnly:false});
  qs('saveTemplate').onclick=()=>downloadTavleSaveFile({startPresentation:false,templateOnly:true});
  qs('downloadMedia').onclick=downloadAllEmbeddedMedia;
  qs('downloadEmpty').onclick=downloadEmptyApp;
  qs('closeSave').onclick=closeModal;

  const dz=qs('saveDropZone');
  const input=qs('saveDropInput');
  const openPicker=()=>input.click();
  dz.onclick=openPicker;
  dz.onkeydown=(e)=>{if(e.key==='Enter'||e.key===' '){e.preventDefault();openPicker()}};
  input.onchange=async()=>{
    const files=Array.from(input.files||[]);
    let imported=0;
    const results=[];
    for(let i=0;i<files.length;i++){
      const raw=await importFileFromSaveModal(files[i],dropBatchPoint({x:140,y:130},i));
      const res=normalizeImportResult(raw,files[i]);
      results.push(res);
      if(res.ok!==false)imported++;
    }
    input.value='';
    toastImportCount(imported);
    showImportSummary(results,{closeModal:true});
  };
  ['dragenter','dragover'].forEach(ev=>dz.addEventListener(ev,e=>{
    e.preventDefault();e.stopPropagation();dz.classList.add('dragOver');
    try{e.dataTransfer.dropEffect='copy'}catch(_e){}
  }));
  ['dragleave','dragend'].forEach(ev=>dz.addEventListener(ev,e=>{
    e.preventDefault();e.stopPropagation();dz.classList.remove('dragOver');
  }));
  dz.addEventListener('drop',async e=>{
    e.preventDefault();e.stopPropagation();dz.classList.remove('dragOver');
    const files=filesFromDataTransfer(e.dataTransfer);
    if(!files.length){toast('Ingen filer fundet');return}
    let imported=0;
    const results=[];
    for(let i=0;i<files.length;i++){
      const raw=await importFileFromSaveModal(files[i],dropBatchPoint({x:140,y:130},i));
      const res=normalizeImportResult(raw,files[i]);
      results.push(res);
      if(res.ok!==false)imported++;
    }
    toastImportCount(imported);
    showImportSummary(results,{closeModal:true});
  });
}


////////////////////////////////////////////////////////////
// BACKUP / IMPORT / EXPORT
////////////////////////////////////////////////////////////
/* Backup/import/export:
   - Gem/åbn-dialogen er appens centrale indgang til både filimport og fuld tavlebackup.
   - Understøttede almindelige filer (PDF, billeder, tekst, HTML, CSV/TSV/XLSX m.m.) bør oprette relevante widgets/datawidgets.
   - Tavlefiler/JSON-backups er fuld state-import og erstatter aktuelt tavleindhold efter advarsel.
   - Fremtidig mulighed: tilbyd “Erstat” vs. “Merge/indsæt som nye tavler”, men ændr ikke eksisterende backupformat uden migration.
*/
function saveModal(){showSaveFileOptions();}
function deleteSlideAt(i){
  if(state.slides.length<=1){toast('Der skal være mindst én tavle');return}
  const name=safeSlideTitle(state.slides[i],i);
  if(!confirm('Slet tavlen "'+name+'"?'))return;
  state.slides.splice(i,1);
  if(state.active>=state.slides.length)state.active=state.slides.length-1;
  if(state.active>i)state.active--;
  render(); save(); toast('Tavle slettet');
}
function slideOverviewModal(){
  const rows=state.slides.map((s,i)=>`
    <div class="slideOverviewRow ${i===state.active?'active':''}">
      <div class="num">${i+1}</div>
      <input data-title="${i}" value="${esc(safeSlideTitle(s,i))}" aria-label="Tavletitel ${i+1}">
      <div class="slideOverviewActions">
        <button data-go="${i}">Gå til</button>
        <button data-up="${i}" ${i===0?'disabled':''}>↑</button>
        <button data-down="${i}" ${i===state.slides.length-1?'disabled':''}>↓</button>
        <button class="danger" data-del="${i}" ${state.slides.length<=1?'disabled':''}>🗑 Slet</button>
      </div>
    </div>`).join('');
  showModal(`<h2>Tavleoversigt</h2>
    <p>Her kan du omdøbe, flytte, gå til eller slette tavler.</p>
    <div class="slideOverview">${rows}</div>
    <button id="newSlideFromOverview">+ ny tavle</button>
    <button id="close">Luk</button>`);
  modal.querySelectorAll('[data-title]').forEach(inp=>{
    inp.onchange=()=>{const i=+inp.dataset.title; state.slides[i].title=inp.value.trim()||('Tavle '+(i+1)); render(); slideOverviewModal(); save()};
    inp.onkeydown=e=>{if(e.key==='Enter'||e.key==='Escape'){e.preventDefault();inp.blur()}};
  });
  modal.querySelectorAll('[data-go]').forEach(b=>b.onclick=()=>{state.active=+b.dataset.go;closeModal();render();save()});
  modal.querySelectorAll('[data-up]').forEach(b=>b.onclick=()=>{swapSlides(+b.dataset.up,+b.dataset.up-1);slideOverviewModal()});
  modal.querySelectorAll('[data-down]').forEach(b=>b.onclick=()=>{swapSlides(+b.dataset.down,+b.dataset.down+1);slideOverviewModal()});
  modal.querySelectorAll('[data-del]').forEach(b=>b.onclick=()=>{deleteSlideAt(+b.dataset.del);slideOverviewModal()});
  modal.querySelector('#newSlideFromOverview').onclick=()=>{safe134InsertNormalSlideBeforeTrash();render();slideOverviewModal();save()};
  modal.querySelector('#close').onclick=()=>{document.removeEventListener('keydown',window.__bgKeyHandler,true);modalBack.classList.remove('bgModalKeyboard','bgPreviewing');closeModal()};
}


document.querySelectorAll('.toolbar [data-tool], .toolbar button').forEach(btn=>{
  btn.addEventListener('pointerdown',e=>{
    if(Date.now()<toolClickBlockUntil){
      e.preventDefault();
      e.stopPropagation();
    }
  },true);
});

document.querySelectorAll('[data-tool]').forEach(b=>b.onclick=e=>{if(app.classList.contains('toolbarBlocked')||Date.now()<toolClickBlockUntil){e.preventDefault();e.stopPropagation();return}const t=b.dataset.tool;if(t==='text'){let w=addWidget('text',{text:'Skriv instruktion her…',fontSize:24});focusTextWidgetEditor(w.id,true)};if(t==='video'){let w=addWidget('video',{url:''});askVideo(w)}if(t==='draw'){setDrawActive(!app.classList.contains('drawActive'))}if(t==='wheel')addWidget('wheel',{});if(t==='kahoopardy')addWidget('kahoopardy',{});if(t==='groups')addWidget('groups',{});if(t==='wordcloud')addWidget('wordcloud',{});if(t==='poll')addWidget('poll',{});if(t==='timer')addWidget('timer',{});if(t==='image')addWidget('image',{});if(t==='link'){let w=addWidget('link',{text:'Klikbart link',url:'https://'});askLink(w)}if(t==='pdf')addWidget('pdf',{});if(t==='bg')bgModal();if(t==='grid'){slide().grid=!slide().grid;render()}if(t==='save')saveModal()});

app.addEventListener('pointerdown',e=>{
  if(e.target===app || e.target===titleEl){ select(null); }
});

document.getElementById('prev').onclick=()=>prevSlide();
document.getElementById('next').onclick=()=>nextSlide();
document.getElementById('slidesOverview').onclick=slideOverviewModal;
document.getElementById('addSlide').onclick=()=>{
  // SAFE102: + tavle skal bruge samme robuste vej som N-genvejen.
  // Ingen ny handler/capture-logik; kun den eksisterende onclick-blok ændres.
  if(window.tavleShortcutAPI && typeof window.tavleShortcutAPI.newSlideShortcut==='function'){
    window.tavleShortcutAPI.newSlideShortcut();
    return;
  }
  safe297InsertNewBoardBeforeTrash();
};

function safe269BoardOverviewModal(preferredBoard=null){
  try{
    const boardIconForType=(type)=>{
      const t=String(type||'').toLowerCase();
      if(t==='video')return '🎥';
      if(t==='groups')return '👥';
      if(t==='wheel')return '🎯';
      if(t==='poll')return '😊';
      if(t==='wordcloud')return '☁️';
      if(t==='kahoopardy')return '🎲';
      if(t==='timer')return '⏳';
      if(t==='text')return '📝';
      if(t==='dataset'||t==='data'||t==='list'||t==='liste')return '📊';
      if(t==='html')return '🌐';
      if(t==='link'||t==='iframe')return '🔗';
      if(t==='pdf')return '📄';
      if(t==='image'||t==='img')return '🖼️';
      return '◻️';
    };
    const boardIconHtml=(s)=>{
      const widgets=Array.isArray(s.widgets)?s.widgets:[];
      const counts={};
      widgets.forEach(w=>{
        const icon=boardIconForType(w&&w.type);
        counts[icon]=(counts[icon]||0)+1;
      });
      const entries=Object.entries(counts).slice(0,8);
      if(!entries.length)return '';
      return '<span class="boardOverviewIcons">'+entries.map(([icon,count])=>'<span class="boardOverviewIconChip">'+icon+(count>1?' '+count:'')+'</span>').join('')+'</span>';
    };
    const slides=Array.isArray(state.slides)?state.slides:[];
    const normal=[];
    const trash=[];
    slides.forEach((s,i)=>{
      if(isTrashBoard(s))trash.push({s,i});
      else normal.push({s,i});
    });
    const isPresentationOverview=!!(document.getElementById('app')&&document.getElementById('app').classList.contains('present'));
    const canDeleteBoard=(idx)=>{
      const s=state.slides[idx];
      if(!s || isTrashBoard(s))return false;
      return state.slides.filter(x=>!isTrashBoard(x)).length>1;
    };
    const deleteBoard=(idx)=>{
      const s=state.slides[idx];
      if(!s || isTrashBoard(s)){try{toast('Papirkurven kan ikke slettes')}catch(_e){};return;}
      if(!canDeleteBoard(idx)){try{toast('Sidste tavle kan ikke slettes')}catch(_e){};return;}
      const title=esc(s.title||('Tavle '+(idx+1)));
      const count=Array.isArray(s.widgets)?s.widgets.length:0;
      showModal(`<div class="moveWidgetDialog"><h2>Slet tavle?</h2>
        <p><b>${title}</b> slettes fra tavlelisten.</p>
        <p>${count} widget${count===1?'':'s'} flyttes til papirkurven.</p>
        <p><small>Enter = Slet · Esc = Annuller</small></p>
        <div class="moveWidgetActions">
          <button id="deleteBoardCancel">Annuller</button>
          <button id="deleteBoardOk" class="danger">Slet tavle</button>
        </div>
      </div>`);
      const cancel=modal.querySelector('#deleteBoardCancel');
      const ok=modal.querySelector('#deleteBoardOk');
      const cleanup=()=>document.removeEventListener('keydown',onDeleteKey,true);
      const doDelete=()=>{
        cleanup();
        const trashIdx=ensureTrashBoard();
        const trash=state.slides[trashIdx];
        if(!Array.isArray(trash.widgets))trash.widgets=[];
        const moved=Array.isArray(s.widgets)?s.widgets.splice(0):[];
        const stamp=Date.now();
        moved.forEach((w,n)=>{
          w._trashOriginSlideIndex=idx;
          w._trashOriginTitle=s.title||'Tavle';
          w._trashOriginalX=w.x; w._trashOriginalY=w.y; w._trashOriginalW=w.w; w._trashOriginalH=w.h;
          w._trashOriginalZ=w.z; w._trashOriginalRotation=w.rotation||0;
          w._trashDeletedAt=stamp+n;
          trash.widgets.push(w);
        });
        state.slides.splice(idx,1);
        // Hvis papirkurven stod efter den slettede tavle, er dens index nu ændret; det er ok.
        const normals=state.slides.map((sl,n)=>({sl,n})).filter(x=>!isTrashBoard(x.sl));
        const next=normals.find(x=>x.n>=Math.min(idx,state.slides.length-1))||normals[normals.length-1];
        state.active=next?next.n:0;
        selected=null;
        if(window.UIState)UIState.selectedWidgetId=null;
        closeModal();
        render();
        save({silent:true});
        try{toast('Tavle slettet · '+moved.length+' widgets flyttet til papirkurv')}catch(_e){}
      };
      const close=()=>{cleanup();closeModal();safe269BoardOverviewModal();};
      function onDeleteKey(e){
        if(e.key==='Enter'){e.preventDefault();e.stopPropagation();doDelete();}
        if(e.key==='Escape'){e.preventDefault();e.stopPropagation();close();}
      }
      if(cancel)cancel.onclick=close;
      if(ok)ok.onclick=doDelete;
      document.addEventListener('keydown',onDeleteKey,true);
      try{ok&&ok.focus()}catch(_e){}
    };
    const moveBoardBySlide=(board,dir)=>{
      if(!board || isTrashBoard(board))return false;
      const normalSlides=state.slides.filter(sl=>!isTrashBoard(sl));
      if(normalSlides.length<2)return false;
      const pos=normalSlides.indexOf(board);
      if(pos<0)return false;
      const newPos=(pos+dir+normalSlides.length)%normalSlides.length;

      normalSlides.splice(pos,1);
      normalSlides.splice(newPos,0,board);

      const trashSlides=state.slides.filter(isTrashBoard);
      state.slides=[...normalSlides,...trashSlides];
      state.active=Math.max(0,state.slides.indexOf(board));
      selected=null;
      if(window.UIState)UIState.selectedWidgetId=null;
      render();
      save({silent:true});
      safe269BoardOverviewModal(board);
      return true;
    };
    const moveBoard=(idx,dir)=>{
      const board=state.slides[idx];
      return moveBoardBySlide(board,dir);
    };
    const itemHtml=({s,i},extraClass='')=>{
      const title=esc(s.title||('Tavle '+(i+1)));
      const count=Array.isArray(s.widgets)?s.widgets.length:0;
      const active=i===state.active;
      const cls='boardOverviewItem '+(active?'active ':'')+extraClass;
      const normalIndexes=state.slides.map((sl,n)=>({sl,n})).filter(x=>!isTrashBoard(x.sl)).map(x=>x.n);
      const canMove=normalIndexes.length>1 && normalIndexes.includes(i);
      const actionStyle='display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 7px;border-radius:999px;border:1px solid rgba(15,23,42,.18);background:#f1f5f9;color:#111827;font-weight:950;font-size:13px;cursor:pointer;user-select:none;margin-left:4px;';
      const deleteStyle='display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:24px;padding:0 8px;border-radius:999px;border:1px solid #fecaca;background:#fee2e2;color:#991b1b;font-weight:950;font-size:13px;cursor:pointer;user-select:none;margin-left:6px;';
      const disabledStyle='opacity:.28;pointer-events:none;';
      const actions=(!isPresentationOverview&&!isTrashBoard(s))?`<span class="boardOverviewActions">
        <span role="button" tabindex="0" style="${actionStyle}${canMove?'':disabledStyle}" class="boardOverviewActionBtn ${canMove?'':'disabled'}" data-move-slide-index="${i}" data-move-dir="-1" title="Flyt tavle op — første tavle rykkes til sidst">↑</span>
        <span role="button" tabindex="0" style="${actionStyle}${canMove?'':disabledStyle}" class="boardOverviewActionBtn ${canMove?'':'disabled'}" data-move-slide-index="${i}" data-move-dir="1" title="Flyt tavle ned — sidste tavle rykkes til først">↓</span>
        ${canDeleteBoard(i)?'<span role="button" tabindex="0" style="'+deleteStyle+'" class="boardOverviewActionBtn delete" data-delete-slide-index="'+i+'" title="Slet tavle">Slet</span>':''}
      </span>`:'';
      return `<div role="button" tabindex="0" class="${cls}" data-slide-index="${i}">
        <span class="boardOverviewSelectedMark">${active?'▶':' '}</span>
        <span>${i+1} ${title}${active?' <em class="boardOverviewActiveText">aktiv</em>':''}${boardIconHtml(s)}</span>
        <span class="boardOverviewMeta"><small>${count} widget${count===1?'':'s'}</small>${actions}</span>
      </div>`;
    };
    const normalHtml=normal.length?normal.map(x=>itemHtml(x)).join(''):'<p>Ingen normale tavler.</p>';
    const trashHtml=trash.length?'<div class="boardOverviewSep">Papirkurv</div>'+trash.map(x=>itemHtml(x,'trash')).join(''):'';
    showModal(`<div class="moveWidgetDialog safe271BoardOverview" data-safe-board-overview="1"><h2>Tavleoversigt</h2>
      <p>Klik på en tavle for at gå til den.</p>
      <div class="boardOverviewList">${normalHtml}${trashHtml}</div>
      <div class="boardOverviewHint">${isPresentationOverview
        ? 'Tal vælger tavle · ↑/↓/←/→ markerer · Enter åbner · Esc lukker'
        : 'Tal vælger tavle · ↑/↓/←/→ markerer · Enter åbner · Cmd/Ctrl+pil flytter · Esc lukker'}</div>
    </div>`);
    const boardItems=Array.from(modal.querySelectorAll('.boardOverviewItem[data-slide-index]'));
    let selectedBoardPos=0;
    if(preferredBoard){
      const preferredIdx=state.slides.indexOf(preferredBoard);
      selectedBoardPos=Math.max(0,boardItems.findIndex(el=>Number(el.dataset.slideIndex)===preferredIdx));
    }else{
      selectedBoardPos=Math.max(0,boardItems.findIndex(el=>Number(el.dataset.slideIndex)===state.active));
    }
    const markSelected=()=>{
      boardItems.forEach((el,i)=>{
        const on=i===selectedBoardPos;
        el.classList.toggle('kbdSelected',on);
        const mark=el.querySelector('.boardOverviewSelectedMark');
        if(mark)mark.textContent=on?'▶':' ';
      });
      const el=boardItems[selectedBoardPos];
      if(el){
        try{el.focus({preventScroll:true})}catch(_e){try{el.focus()}catch(_e2){}}
      }
    };
    const activateSelectedBoardInBackground=()=>{
      const el=boardItems[selectedBoardPos];
      const idx=el?Number(el.dataset.slideIndex):NaN;
      if(Number.isInteger(idx)&&idx>=0&&idx<state.slides.length){
        const board=state.slides[idx];
        if(state.active!==idx){
          state.active=idx;
          selected=null;
          if(window.UIState)UIState.selectedWidgetId=null;
          render();
          save({silent:true});
          // SAFE286: genopbyg modal, så aktivtekst, pil og baggrund altid er i sync.
          safe269BoardOverviewModal(board);
        }
      }
    };
    const goToItem=(el)=>{
      if(!el)return;
      const i=Number(el.dataset.slideIndex);
      if(Number.isInteger(i)&&i>=0&&i<state.slides.length){
        state.active=i;
        selected=null;
        if(window.UIState)UIState.selectedWidgetId=null;
        closeModal();
        render();
        save({silent:true});
      }
    };
    boardItems.forEach((btn,pos)=>{
      btn.onclick=()=>goToItem(btn);
      btn.onkeydown=(e)=>{
        if(e.key==='Enter'){
          e.preventDefault();
          goToItem(btn);
        }
        if(e.key===' '){
          e.preventDefault();
          e.stopPropagation();
        }
      };
      btn.onfocus=()=>{selectedBoardPos=pos;markSelected();};
    });
    modal.querySelectorAll('[data-delete-slide-index]').forEach(del=>{
      const fire=(e)=>{
        e.preventDefault();
        e.stopPropagation();
        const idx=Number(del.dataset.deleteSlideIndex);
        if(Number.isInteger(idx))deleteBoard(idx);
      };
      del.onclick=fire;
      del.onkeydown=(e)=>{
        if(e.key==='Enter'){
          fire(e);
        }
        if(e.key===' '){
          e.preventDefault();
          e.stopPropagation();
        }
      };
    });
    modal.querySelectorAll('[data-move-slide-index]').forEach(move=>{
      const fire=(e)=>{
        e.preventDefault();
        e.stopPropagation();
        const row=move.closest('[data-slide-index]');
        const idx=Number(row?row.dataset.slideIndex:move.dataset.moveSlideIndex);
        const dir=Number(move.dataset.moveDir);
        if(Number.isInteger(idx)&&Number.isInteger(dir))moveBoard(idx,dir);
      };
      move.onclick=fire;
      move.onkeydown=(e)=>{
        if(e.key==='Enter'){
          fire(e);
        }
        if(e.key===' '){
          e.preventDefault();
          e.stopPropagation();
        }
      };
    });
    markSelected();
    const cleanupBoardOverviewKeys=()=>{
      try{document.removeEventListener('keydown',onBoardOverviewKey,true);}catch(_e){}
      try{
        if(window.__safe291BoardOverviewKeyHandler){
          document.removeEventListener('keydown',window.__safe291BoardOverviewKeyHandler,true);
          window.__safe291BoardOverviewKeyHandler=null;
        }
      }catch(_e){}
    };

    try{
      if(window.__safe291BoardOverviewKeyHandler){
        document.removeEventListener('keydown',window.__safe291BoardOverviewKeyHandler,true);
        window.__safe291BoardOverviewKeyHandler=null;
      }
      window.__safe291BoardOverviewKeyHandler=function(e){
        const overview=modal&&modal.querySelector&&modal.querySelector('[data-safe-board-overview="1"]');
        const visible=!!(overview && modalBack && modalBack.style.display==='flex');
        if(!visible){
          try{document.removeEventListener('keydown',window.__safe291BoardOverviewKeyHandler,true);}catch(_e){}
          window.__safe291BoardOverviewKeyHandler=null;
          return;
        }
        const key=e.key;
        const freshItems=Array.from(modal.querySelectorAll('.boardOverviewItem[data-slide-index]'));
        if(freshItems.length){
          const current=freshItems.findIndex(el=>el.classList.contains('kbdSelected'));
          if(current>=0)selectedBoardPos=current;
          if(selectedBoardPos<0||selectedBoardPos>=freshItems.length)selectedBoardPos=0;
        }
        const stop=()=>{
          e.preventDefault();
          e.stopPropagation();
          if(e.stopImmediatePropagation)e.stopImmediatePropagation();
        };

        if(/^[1-9]$/.test(key)||key==='0'){
          const target=(key==='0')?9:(Number(key)-1);
          if(target>=0 && target<state.slides.length){
            stop();
            cleanupBoardOverviewKeys();
            closeModal();
            state.active=target;
            selected=null;
            if(window.UIState)UIState.selectedWidgetId=null;
            render();
            save({silent:true});
          }
          return;
        }

        if(key==='Escape'){
          stop();
          cleanupBoardOverviewKeys();
          closeModal();
          return;
        }

        if(key==='Enter'){
          stop();
          const el=freshItems[selectedBoardPos]||freshItems[0];
          if(el){
            cleanupBoardOverviewKeys();
            goToItem(el);
          }
          return;
        }

        if(key==='ArrowDown'||key==='ArrowUp'||key==='ArrowLeft'||key==='ArrowRight'){
          stop();
          if(!freshItems.length)return;
          if(e.metaKey||e.ctrlKey){
            const el=freshItems[selectedBoardPos]||freshItems[0];
            const idx=el?Number(el.dataset.slideIndex):NaN;
            const board=Number.isInteger(idx)?state.slides[idx]:null;
            if(board)moveBoardBySlide(board,(key==='ArrowUp'||key==='ArrowLeft')?-1:1);
            return;
          }
          const dir=(key==='ArrowUp'||key==='ArrowLeft')?-1:1;
          selectedBoardPos=(selectedBoardPos+dir+freshItems.length)%freshItems.length;
          markSelected();
          activateSelectedBoardInBackground();
          return;
        }

        if(key===' '){
          stop();
          return;
        }
      };
      document.addEventListener('keydown',window.__safe291BoardOverviewKeyHandler,true);
    }catch(_e){}
    const onBoardOverviewKey=(e)=>{
      const hasOverview=!!(modal && modal.querySelector && modal.querySelector('.safe271BoardOverview'));
      if(!hasOverview){
        cleanupBoardOverviewKeys();
        return;
      }
      const key=e.key;

      if(/^[1-9]$/.test(key) || key==='0'){
        const target=(key==='0')?9:(Number(key)-1);
        if(target>=0 && target<state.slides.length){
          e.preventDefault();
          e.stopPropagation();
          if(e.stopImmediatePropagation)e.stopImmediatePropagation();
          cleanupBoardOverviewKeys();
          closeModal();
          state.active=target;
          selected=null;
          if(window.UIState)UIState.selectedWidgetId=null;
          render();
          save({silent:true});
        }
        return;
      }

      if(key==='ArrowDown'||key==='ArrowUp'||key==='ArrowLeft'||key==='ArrowRight'){
        e.preventDefault();
        e.stopPropagation();
        if(e.stopImmediatePropagation)e.stopImmediatePropagation();
        if(!boardItems.length)return;

        if(e.metaKey||e.ctrlKey){
          const el=boardItems[selectedBoardPos];
          const idx=el?Number(el.dataset.slideIndex):NaN;
          const board=Number.isInteger(idx)?state.slides[idx]:null;
          if(board)moveBoardBySlide(board,(key==='ArrowUp'||key==='ArrowLeft')?-1:1);
          return;
        }

        const dir=(key==='ArrowUp'||key==='ArrowLeft')?-1:1;
        selectedBoardPos=(selectedBoardPos+dir+boardItems.length)%boardItems.length;
        markSelected();
        activateSelectedBoardInBackground();
        return;
      }

      if(key==='Enter'){
        e.preventDefault();
        e.stopPropagation();
        if(e.stopImmediatePropagation)e.stopImmediatePropagation();
        cleanupBoardOverviewKeys();
        goToItem(boardItems[selectedBoardPos]);
        return;
      }

      if(key==='Escape'){
        e.preventDefault();
        e.stopPropagation();
        if(e.stopImmediatePropagation)e.stopImmediatePropagation();
        cleanupBoardOverviewKeys();
        closeModal();
        return;
      }

      if(key===' '){
        e.preventDefault();
        e.stopPropagation();
        if(e.stopImmediatePropagation)e.stopImmediatePropagation();
        return;
      }
    };
    document.addEventListener('keydown',onBoardOverviewKey,true);
    try{
      const box=modal&&modal.querySelector('.safe271BoardOverview');
      if(box){
        box.setAttribute('tabindex','-1');
        setTimeout(()=>{try{box.focus({preventScroll:true})}catch(_e){}},0);
      }
    }catch(_e){}

  }catch(e){
    console.error('SAFE269 Tavleoversigt fejl',e);
    try{toast('Kunne ikke åbne Tavleoversigt')}catch(_e){}
  }
}
try{
  const info=document.getElementById('slideInfo');
  if(info){
    info.title='Tavleoversigt';
    info.setAttribute('role','button');
    info.setAttribute('tabindex','0');
    info.addEventListener('click',e=>{
      e.preventDefault();
      e.stopPropagation();
      safe269BoardOverviewModal();
    });
    info.addEventListener('keydown',e=>{
      if(e.key==='Enter'||e.key===' '){
        e.preventDefault();
        safe269BoardOverviewModal();
      }
    });
  }
}catch(_e){}

try{window.__tavleBoardOverviewModal=safe269BoardOverviewModal;}catch(_e){}
try{
  if(!window.__safe281ShortcutGuard){
    window.__safe281ShortcutGuard=true;
    document.addEventListener('keydown',function(e){
      const key=String(e.key||'').toLowerCase();
      const typing=e.target && (e.target.matches&&e.target.matches('input,textarea,select,[contenteditable="true"]') || e.target.isContentEditable);
      if(typing)return;
      const modalOpen=(()=>{try{return modalBack&&modalBack.style.display==='flex'}catch(_e){return false}})();
      if(modalOpen)return;
      if(e.shiftKey && !e.metaKey && !e.ctrlKey && !e.altKey && key==='o'){
        e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();
        const b=document.getElementById('rescueWidgets');
        if(b)b.click();
        return false;
      }
      if((e.metaKey||e.ctrlKey) && !e.shiftKey && !e.altKey && key==='t'){
        e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();
        if(typeof window.__tavleBoardOverviewModal==='function')window.__tavleBoardOverviewModal();
        return false;
      }
    },true);
  }
}catch(_e){}


/* SAFE283: Cmd/Ctrl + pil op/ned reorganiserer aktiv tavle cirkulært. */
function safe283MoveActiveBoardByKeyboard(dir){
  try{
    if(!state || !Array.isArray(state.slides))return false;

    // Når Tavleoversigt er åben, håndterer modalens egen logik
    // Cmd/Ctrl+↑/↓ for den markerede række. Den globale genvej skal ikke blande sig.
    if(modalBack && modalBack.style.display==='flex' && modal && modal.querySelector && modal.querySelector('.safe271BoardOverview')){
      return false;
    }

    const activeSlide=state.slides[state.active];
    if(!activeSlide || isTrashBoard(activeSlide))return false;

    const normalSlides=state.slides.filter(sl=>!isTrashBoard(sl));
    if(normalSlides.length<2)return false;

    const pos=normalSlides.indexOf(activeSlide);
    if(pos<0)return false;
    const newPos=(pos+dir+normalSlides.length)%normalSlides.length;

    normalSlides.splice(pos,1);
    normalSlides.splice(newPos,0,activeSlide);

    const trashSlides=state.slides.filter(isTrashBoard);
    state.slides=[...normalSlides,...trashSlides];
    state.active=state.slides.indexOf(activeSlide);

    selected=null;
    if(window.UIState)UIState.selectedWidgetId=null;
    render();
    save({silent:true});

    try{toast('Tavle flyttet')}catch(_e){}
    return true;
  }catch(e){
    console.error('SAFE284: kunne ikke flytte aktiv tavle',e);
    try{toast('Kunne ikke flytte tavle')}catch(_e){}
    return false;
  }
}
try{
  if(!window.__safe283BoardArrowReorder){
    window.__safe283BoardArrowReorder=true;
    document.addEventListener('keydown',function(e){
      const key=e.key;
      if(!(key==='ArrowUp'||key==='ArrowDown'))return;
      if(!(e.metaKey||e.ctrlKey) || e.shiftKey || e.altKey)return;

      const t=e.target;
      if(t && (t.matches&&t.matches('input,textarea,select,[contenteditable="true"]') || t.isContentEditable))return;

      const moved=safe283MoveActiveBoardByKeyboard(key==='ArrowUp'?-1:1);
      if(moved){
        e.preventDefault();
        e.stopPropagation();
        if(e.stopImmediatePropagation)e.stopImmediatePropagation();
      }
    },true);
  }
}catch(_e){}

function clearActiveSlideToTrash(){
  /* SAFE128/SAFE130: Ryd tavle flytter widgets til papirkurv og rydder tegningen.
     SAFE130 genbruger kun denne eksisterende funktion som genvej; ingen ny ryd-logik. */
  const src=slide();
  if(!src || isTrashBoard(src)){try{toast('Papirkurv ryddes med knappen Ryd papirkurv')}catch(_e){};return;}
  const widgetCount=(Array.isArray(src.widgets)?src.widgets.length:0);
  const hasDraw=!!src.draw;
  if(!widgetCount && !hasDraw){try{toast('Tavlen er allerede tom')}catch(_e){};return;}
  function doClearActiveSlideToTrash(){
    const originIndex=state.active;
    const trashIdx=ensureTrashBoard();
    const trash=state.slides[trashIdx];
    const moved=(src.widgets||[]).splice(0);
    const stamp=Date.now();
    moved.forEach((w,i)=>{
      w._trashOriginSlideIndex=originIndex;
      w._trashOriginTitle=src.title||'Tavle';
      w._trashOriginalX=w.x; w._trashOriginalY=w.y; w._trashOriginalW=w.w; w._trashOriginalH=w.h;
      w._trashOriginalZ=w.z; w._trashOriginalRotation=w.rotation||0;
      w._trashDeletedAt=stamp+i;
      trash.widgets=trash.widgets||[];
      trash.widgets.push(w);
    });
    if(moved.length)trashOverviewLayout(trash);
    src.draw='';
    selected=null;
    if(window.UIState)UIState.selectedWidgetId=null;
    render();
    save({silent:true});
    try{toast(moved.length?('Ryddet: '+moved.length+' widget(s) flyttet til papirkurv'):'Tegning ryddet')}catch(_e){}
  }
  // SAFE131: Native confirm() kan ikke styres pålideligt med Enter/Escape på iPad.
  // Derfor bruges appens eksisterende modal kun for denne Ryd tavle-bekræftelse.
  showModal('<h2>Ryd tavle?</h2><p>Widgets flyttes til papirkurven, og tegningen slettes.</p><p style="font-size:13px;opacity:.72;margin-top:-4px">Enter = OK · Escape = Annuller</p><div style="display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap"><button id="clearSlideCancel">Annuller</button><button id="clearSlideOk">OK</button></div>');
  const okBtn=modal.querySelector('#clearSlideOk');
  const cancelBtn=modal.querySelector('#clearSlideCancel');
  function cleanup(){document.removeEventListener('keydown',keyHandler,true)}
  function cancel(){cleanup();closeModal()}
  function ok(){cleanup();closeModal();doClearActiveSlideToTrash()}
  function keyHandler(e){
    if(e.key==='Escape'){e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();cancel();return false;}
    if(e.key==='Enter'){e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();ok();return false;}
  }
  document.addEventListener('keydown',keyHandler,true);
  if(cancelBtn)cancelBtn.onclick=cancel;
  if(okBtn){okBtn.onclick=ok;setTimeout(()=>{try{okBtn.focus({preventScroll:true})}catch(_e){}},0);}
}
window.__tavleClearActiveSlideToTrash=clearActiveSlideToTrash;

/* SAFE267: Late-bound redningshandlinger.
   Placeret her, hvor state/slide/render/save/papirkurvfunktioner eksisterer i samme scope. */
(function(){
  function rToast(msg){try{toast(msg)}catch(_e){}}
  function rFinish(btn){try{if(typeof finishRescue==='function')finishRescue(btn)}catch(_e){}}
  function rCloseModal(){try{if(typeof closeModal==='function')closeModal()}catch(_e){}}
  function rEsc(s){try{return esc(s)}catch(_e){return String(s||'').replace(/[&<>"']/g,m=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[m]))}}
  function rShowInfo(title, html, btn){
    try{
      showModal('<div class="moveWidgetDialog"><h2>'+rEsc(title)+'</h2>'+html+'<div class="moveWidgetActions"><button id="safe267Ok">OK</button></div></div>');
      const ok=modal.querySelector('#safe267Ok');
      const done=function(){rCloseModal();rFinish(btn)};
      if(ok){
        ok.onclick=done;
        try{ok.focus()}catch(_e){}
      }
      const onKey=function(e){
        if(e.key==='Enter'||e.key==='Escape'){
          e.preventDefault();
          e.stopPropagation();
          document.removeEventListener('keydown',onKey,true);
          done();
        }
      };
      document.addEventListener('keydown',onKey,true);
    }catch(_e){rFinish(btn)}
  }
  function rCurrentSlide(){
    try{return slide()}catch(_e){return state&&state.slides?state.slides[state.active]:null}
  }
  function rIsTrash(s){
    try{return isTrashBoard(s)}catch(_e){return !!(s&&(s.isTrashBoard||s.title==='🗑 Papirkurv'))}
  }
  function rCreateBoard(title){
    let s;
    try{s=createThemedSlide()}catch(_e){s={title:title,widgets:[],draw:''}}
    s.title=title;
    s.widgets=[];
    s.draw='';
    return s;
  }
  function rFindOrCreateBoard(title){
    const slides=state.slides||[];
    let idx=slides.findIndex(s=>!rIsTrash(s)&&String(s.title||'').trim()===title);
    if(idx>=0)return idx;
    const s=rCreateBoard(title);
    const trashIdx=slides.findIndex(rIsTrash);
    if(trashIdx>=0){
      slides.splice(trashIdx,0,s);
      return trashIdx;
    }
    slides.push(s);
    return slides.length-1;
  }
  function rCloneWidget(w,i){
    const c=JSON.parse(JSON.stringify(w));
    try{c.id=uid()}catch(_e){c.id='copy_'+Date.now()+'_'+Math.random().toString(36).slice(2,8)}
    c.x=60+(i%3)*36;
    c.y=100+Math.floor(i/3)*36;
    c.rotation=0;
    c.locked=false;
    c.z=i+1;
    delete c._trashOriginSlideIndex;
    delete c._trashOriginTitle;
    delete c._trashOriginalX;
    delete c._trashOriginalY;
    delete c._trashOriginalW;
    delete c._trashOriginalH;
    delete c._trashOriginalZ;
    delete c._trashOriginalRotation;
    delete c._trashDeletedAt;
    try{fitWidgetToViewport(c,{resetRotation:false})}catch(_e){}
    return c;
  }
  function rBucket(type){
    const t=String(type||'').toLowerCase();
    if(['wheel','groups','poll','wordcloud','kahoopardy','timer','dice','random'].includes(t))return 'Aktiviteter';
    if(['text','dataset','data','list','liste'].includes(t))return 'Data og tekst';
    if(['video','pdf','image','img','link','iframe','html','clock'].includes(t))return 'Indhold og visning';
    return 'Indhold og visning';
  }

  window.__rescueAction3=function(btn){
    const src=rCurrentSlide();
    if(!src || rIsTrash(src)){rToast('Kan ikke lave samlet overblik i papirkurven');rFinish(btn);return;}
    const widgets=Array.isArray(src.widgets)?src.widgets:[];
    if(!widgets.length){rToast('Ingen widgets på tavlen');rShowInfo('Samlet overblik','<p>Der blev ikke fundet widgets på den aktuelle tavle.</p>',btn);return;}
    try{
      const originIndex=state.active;
      const trashIdx=ensureTrashBoard();
      const trash=state.slides[trashIdx];
      if(!Array.isArray(trash.widgets))trash.widgets=[];
      const beforeTrashCount=trash.widgets.length;
      const moved=src.widgets.splice(0);
      const stamp=Date.now();

      moved.forEach((w,i)=>{
        w._trashOriginSlideIndex=originIndex;
        w._trashOriginTitle=src.title||'Tavle';
        w._trashOriginalX=w.x; w._trashOriginalY=w.y; w._trashOriginalW=w.w; w._trashOriginalH=w.h;
        w._trashOriginalZ=w.z; w._trashOriginalRotation=w.rotation||0;
        w._trashDeletedAt=stamp+i;
        trash.widgets.push(w);
      });

      trashOverviewLayout(trash);

      const restoring=trash.widgets.splice(beforeTrashCount,moved.length);
      restoring.forEach((w,i)=>{
        delete w._trashOriginSlideIndex;
        delete w._trashOriginTitle;
        delete w._trashOriginalX;
        delete w._trashOriginalY;
        delete w._trashOriginalW;
        delete w._trashOriginalH;
        delete w._trashOriginalZ;
        delete w._trashOriginalRotation;
        delete w._trashDeletedAt;
        w.locked=false;
        w.z=i+1;
      });
      src.widgets.push(...restoring);

      selected=null;
      if(window.UIState)UIState.selectedWidgetId=null;
      state.active=originIndex;
      render();
      save({silent:true});
      rToast('Samlet overblik: '+restoring.length+' widgets');
      rShowInfo('Samlet overblik','<p><b>'+restoring.length+'</b> widgets er lagt ud på tavlen.</p><p>Du er ikke i papirkurven.</p>',btn);
    }catch(e){
      console.error('SAFE267 action 3 failed',e);
      rToast('Kunne ikke lave samlet overblik');
      rShowInfo('Samlet overblik','<p>Handlingen kunne ikke udføres.</p>',btn);
    }
  };

  window.__rescueAction4=function(btn){
    const src=rCurrentSlide();
    if(!src || rIsTrash(src)){rToast('Kan ikke sortere papirkurven');rFinish(btn);return;}
    const widgets=Array.isArray(src.widgets)?src.widgets:[];
    if(!widgets.length){rToast('Ingen widgets at sortere');rShowInfo('Sortér i 3 tavler','<p>Der blev ikke fundet widgets på den aktuelle tavle.</p>',btn);return;}
    try{
      const labels=['Aktiviteter','Data og tekst','Indhold og visning'];
      const buckets={'Aktiviteter':[],'Data og tekst':[],'Indhold og visning':[]};
      widgets.forEach(w=>{(buckets[rBucket(w.type)]||buckets['Indhold og visning']).push(w)});
      const summary=[];
      labels.forEach(label=>{
        const items=buckets[label]||[];
        if(!items.length)return;
        const idx=rFindOrCreateBoard(label);
        const target=state.slides[idx];
        if(!Array.isArray(target.widgets))target.widgets=[];
        const start=target.widgets.length;
        items.forEach((w,i)=>target.widgets.push(rCloneWidget(w,start+i)));
        summary.push(label+': '+items.length);
      });
      save({silent:true});
      rToast('Kopieret til 3 sorteringstavler: '+widgets.length+' widgets');
      showModal('<div class="moveWidgetDialog"><h2>Sorteret i 3 tavler</h2><p><b>'+widgets.length+'</b> widgets er kopieret. Originaltavlen er bevaret.</p><p style="opacity:.9;font-weight:800">'+summary.map(rEsc).join('<br>')+'</p><div class="moveWidgetActions"><button id="safe267Stay">Bliv her</button><button id="safe267Go">Gå til Aktiviteter</button></div></div>');
      const stay=modal.querySelector('#safe267Stay');
      const go=modal.querySelector('#safe267Go');
      if(stay)stay.onclick=function(){rCloseModal();rFinish(btn)};
      if(go)go.onclick=function(){
        const idx=state.slides.findIndex(s=>!rIsTrash(s)&&String(s.title||'').trim()==='Aktiviteter');
        if(idx>=0){state.active=idx;selected=null;if(window.UIState)UIState.selectedWidgetId=null;render();save({silent:true});}
        rCloseModal();rFinish(btn);
      };
    }catch(e){
      console.error('SAFE267 action 4 failed',e);
      rToast('Kunne ikke sortere');
      rShowInfo('Sortér i 3 tavler','<p>Handlingen kunne ikke udføres.</p>',btn);
    }
  };

  window.__rescueAction5=function(btn){
    // Brug den eksisterende fejekostknap. Den er verificeret i brugerfladen.
    try{
      const clearBtn=document.getElementById('clearSlide');
      if(clearBtn){
        clearBtn.click();
        rFinish(btn);
        return;
      }
      if(typeof clearActiveSlideToTrash==='function'){
        clearActiveSlideToTrash();
        rFinish(btn);
        return;
      }
      rToast('Ryd tavle-funktionen blev ikke fundet');
    }catch(e){
      console.error('SAFE267 action 5 failed',e);
      rToast('Kunne ikke åbne Ryd tavle');
    }
    rFinish(btn);
  };
})();

document.getElementById('clearSlide').onclick=clearActiveSlideToTrash;
/* SAFE282 fallback: Cmd/Ctrl+Delete eller Cmd/Ctrl+Backspace rydder tavle. */
document.addEventListener('keydown',e=>{
  const key=String(e.key||'');
  if(!(key==='Delete'||key==='Backspace') || !(e.metaKey||e.ctrlKey) || e.altKey)return;
  const t=e.target;
  if(t && (t.matches&&t.matches('input,textarea,select,[contenteditable="true"]') || t.isContentEditable))return;
  if(modalBack && modalBack.style.display==='flex')return;
  e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();
  clearActiveSlideToTrash();
},true);

/* SAFE130: Cmd+Shift+Delete / Ctrl+Shift+Delete rydder aktiv tavle via samme funktion som Ryd tavle-knappen.
   Shift+Delete uden Cmd/Ctrl bevares til permanent sletning af valgt widget. */
document.addEventListener('keydown',e=>{
  const key=String(e.key||'');
  const isDeleteKey=(key==='Delete'||key==='Backspace');
  if(!isDeleteKey || !e.shiftKey || !(e.metaKey||e.ctrlKey) || e.altKey)return;
  const t=e.target;
  if(t && (t.matches&&t.matches('input,textarea,select,[contenteditable="true"]') || t.isContentEditable))return;
  if(modalBack && modalBack.style.display==='flex')return;
  e.preventDefault();
  e.stopPropagation();
  if(e.stopImmediatePropagation)e.stopImmediatePropagation();
  clearActiveSlideToTrash();
  return false;
},true);
document.getElementById('drawTop').onclick=()=>setDrawActive(!app.classList.contains('drawActive'));
document.getElementById('present').onclick=()=>{
  // Toggle presentation mode and keep the current widget selection.
  const wasPresent = app.classList.contains('present');
  app.classList.toggle('present');
  UIState.mode = wasPresent ? 'editing' : 'presentation';
  // Hvis man skifter til præsentation mens noget er maksimeret, skal
  // præsentationsreglerne vinde: ingen gruppe-låse.
  if(app.classList.contains('present')){
    document.body.classList.remove('maximized-from-edit');
  }else if(focusMaximized && !focusMode){
    document.body.classList.add('maximized-from-edit');
  }
  try{ applyUIState(); }catch(_e){}
  syncEmergencyExit();
  if(!app.classList.contains('present') && focusMode==='presentation') setFocusMode(null);
  // Do not clear selection when entering presentation.
  // This makes it possible to select in editing → switch to presentation → focus.
  document.activeElement && document.activeElement.blur();
  titleEl.contentEditable = app.classList.contains('present') ? 'false' : 'true';
  try{updateContextHints('present')}catch(_e){}
};

// SAFE34: Brug capture, så lyd vækkes før wheel/timer-shortcuts håndteres.
['pointerdown','mousedown','touchstart','keydown','click'].forEach(ev=>document.addEventListener(ev,()=>primeAudio(),{capture:true,once:false,passive:true}));


// SAFE222: Direkte genvej til Lykkehjulet. Omgår den ældre widget-kode-mapping, som ikke altid opretter hjulet.
document.addEventListener('keydown',function(e){
  const key=String(e.key||'').toLowerCase();
  if(!e.shiftKey || e.metaKey || e.ctrlKey || e.altKey)return;
  if(key!=='w' && key!=='j')return;
  const t=e.target;
  if(t && (t.matches&&t.matches('input,textarea,select,[contenteditable="true"]') || t.isContentEditable))return;
  if(modalBack && modalBack.style.display==='flex')return;
  if(app.classList.contains('drawActive'))return;
  e.preventDefault();
  e.stopPropagation();
  if(e.stopImmediatePropagation)e.stopImmediatePropagation();
  handleTool('wheel');
  return false;
},true);

document.querySelectorAll('.tool button').forEach(b=>b.onclick=()=>{const t=b.dataset.tool;if(t==='more')showMoreTools();else handleTool(t)});
function nextSlide(){return safe134NormalStep(1)}
function prevSlide(){return safe134NormalStep(-1)}
function goToSlide(i){return safe134SetActiveNormalByPosition(i)}
let pdfKeyboardWidgetId=null;
function clearPdfKeyboardControl(){
  pdfKeyboardWidgetId=null;
  document.querySelectorAll('.widget.pdfKeyboardActive').forEach(e=>e.classList.remove('pdfKeyboardActive'));
}
function activatePdfKeyboardControl(el){
  if(!el || !el.matches || !el.matches('.widget[data-type="pdf"]')) return;
  pdfKeyboardWidgetId=el.dataset.id||null;
  document.querySelectorAll('.widget.pdfKeyboardActive').forEach(e=>e.classList.remove('pdfKeyboardActive'));
  el.classList.add('pdfKeyboardActive');
}
function activePdfKeyboardTarget(){
  let el=null;
  // Kun eksplicit aktiveret PDF må fange piletaster.
  // Man aktiverer ved at klikke i PDF-indholdet. ESC slipper igen.
  if(pdfKeyboardWidgetId){
    el=document.querySelector('.widget[data-type="pdf"][data-id="'+CSS.escape(String(pdfKeyboardWidgetId))+'"]');
  }
  if(!el) return null;
  const w=slide().widgets.find(x=>x.id===el.dataset.id && x.type==='pdf');
  const content=el.querySelector('.content.pdf');
  const viewer=el.querySelector('.pdfJsViewer');
  if(!w || !content || !viewer) return null;
  return {el,w,content,viewer};
}
function handlePdfArrowKey(e){
  const target=activePdfKeyboardTarget();
  if(!target) return false;
  const key=e.key;
  if(key==='ArrowLeft'){
    pdfJsGoPage(target.w,target.content,-1);
  }else if(key==='ArrowRight'){
    pdfJsGoPage(target.w,target.content,1);
  }else if(key==='ArrowUp'){
    target.viewer.scrollTop -= Math.max(80,target.viewer.clientHeight*0.25);
  }else if(key==='ArrowDown'){
    target.viewer.scrollTop += Math.max(80,target.viewer.clientHeight*0.25);
  }else{
    return false;
  }
  e.preventDefault();
  e.stopPropagation();
  return true;
}

// PDF-widget: piletaster aktiveres kun efter eksplicit klik i selve PDF-indholdet.
// ESC slipper PDF-kontrollen igen.
document.addEventListener('pointerdown',function(e){
  const pdfContent=e.target && e.target.closest ? e.target.closest('.widget[data-type="pdf"] .content.pdf, .widget[data-type="pdf"] .pdfJsViewer') : null;
  if(pdfContent){
    const widget=pdfContent.closest('.widget[data-type="pdf"]');
    activatePdfKeyboardControl(widget);
  }else if(e.target && e.target.closest && !e.target.closest('.widget[data-type="pdf"]')){
    clearPdfKeyboardControl();
  }
},true);

function widgetNavigationOrder(){
  // Pil op/ned skal vælge widgets på den aktive tavle i en forudsigelig visuel rækkefølge.
  // Først fra øverst til nederst, derefter fra venstre mod højre.
  return (slide().widgets||[])
    .filter(w=>w && w.id)
    .slice()
    .sort((a,b)=>{
      const ay=Number(a.y)||0, by=Number(b.y)||0;
      const ax=Number(a.x)||0, bx=Number(b.x)||0;
      if(Math.abs(ay-by)>24) return ay-by;
      if(Math.abs(ax-bx)>24) return ax-bx;
      return (Number(a.z)||0)-(Number(b.z)||0);
    });
}
function selectAdjacentWidget(dir){
  const list=widgetNavigationOrder();
  if(!list.length) return false;
  let idx=list.findIndex(w=>String(w.id)===String(selected));
  if(idx<0){
    idx = dir>0 ? -1 : 0;
  }
  const next=list[(idx + dir + list.length) % list.length];
  if(!next) return false;
  select(next.id);
  try{
    const el=document.querySelector('.widget[data-id="'+CSS.escape(String(next.id))+'"]');
    if(el){
      el.scrollIntoView({block:'nearest',inline:'nearest',behavior:'smooth'});
      el.focus && el.focus({preventScroll:true});
    }
  }catch(_e){}
  return true;
}

function moveActiveSlideByDirection(dir){
  if(selected) return false;
  const from=state.active;
  const to=from+dir;
  if(to<0 || to>=state.slides.length){
    toast(dir>0?'Tavlen er allerede sidst':'Tavlen er allerede først');
    return true;
  }
  const tmp=state.slides[from];
  state.slides[from]=state.slides[to];
  state.slides[to]=tmp;
  state.active=to;
  render();
  save();
  toast('Tavle flyttet');
  return true;
}

function moveSelectedWidgetBySlideDirection(dir){
  if(!selected) return false;
  const currentIndex=state.active;
  let targetIndex=currentIndex + dir;
  if(targetIndex<0){
    toast('Ingen forrige tavle');
    return true;
  }
  if(targetIndex>=state.slides.length){
    state.slides.push(createThemedSlide());
    targetIndex=state.slides.length-1;
  }
  const found=findWidgetOnSlide(currentIndex, selected);
  if(!found.widget) return false;
  if(found.widget.locked){
    toast('Widget er låst');
    return true;
  }
  clearPdfKeyboardControl && clearPdfKeyboardControl();
  moveWidgetToSlide(selected, targetIndex, currentIndex);
  return true;
}

function toggleSelectedGroupLockByNumber(n){
  if(!selected) return false;
  const el=document.querySelector('.widget[data-id="'+CSS.escape(String(selected))+'"]');
  const w=findWidget(selected);
  if(!el || !w || w.type!=='groups') return false;
  normalizeGroupLocks(w);
  const groups=w.data.groups||[];
  if(!groups.length){toast('Ingen grupper at låse endnu');return true;}
  const idx=n===0 ? 9 : n-1;
  if(idx<0 || idx>=groups.length){toast('Ingen gruppe '+(idx+1));return true;}
  w.data.groupLocks[idx]=!w.data.groupLocks[idx];
  fillContent(el,w);
  save();
  toast(w.data.groupLocks[idx] ? ('Gruppe '+(idx+1)+' låst') : ('Gruppe '+(idx+1)+' åben'));
  return true;
}

function activateSelectedWidgetWithSpace(){
  if(!selected) return false;
  const el=document.querySelector('.widget[data-id="'+CSS.escape(String(selected))+'"]');
  const w=findWidget(selected);
  if(!el || !w) return false;

  if(w.type==='wheel'){
    const content=el.querySelector('.content') || el;
    if(w.data && w.data.autoRunning){
      w.data.autoRunning=false;
      fillContent(el,w);
      save();
      toast('Auto stoppet');
      return true;
    }
    if(w.data && w.data.auto){
      startWheelAuto(content,w);
      return true;
    }
    runWheelSpin(content,w,{auto:false});
    return true;
  }

  if(w.type==='groups'){
    const btn=el.querySelector('.newGroups,.groupSpinBtn');
    if(btn && !btn.disabled){
      btn.click();
      return true;
    }
    return false;
  }

  if(w.type==='poll'){
    try{
      togglePollCloudView(w,el);
      toast(w.data.cloudView?'Statistik':'Afstemning');
      return true;
    }catch(_e){
      const btn=el.querySelector('.pollModeToggle,.pollCloud');
      if(btn){btn.click();return true;}
    }
    return false;
  }

  return false;
}

// Capture Space before focused buttons/browser defaults can swallow it.
document.addEventListener('keydown',function(e){
  if(!(e.code==='Space' || e.key===' '))return;
  if(e.defaultPrevented)return;
  if(isIframeControlActive())return;
  const t=e.target;
  if(t && (t.matches('input,textarea,select') || t.isContentEditable))return;
  if(modalBack && modalBack.style.display==='flex')return;
  if(app.classList.contains('drawActive'))return;
  if(selected && activateSelectedWidgetWithSpace()){
    e.preventDefault();
    e.stopPropagation();
    if(e.stopImmediatePropagation)e.stopImmediatePropagation();
  }
},true);

document.addEventListener('keydown',e=>{
  if(isIframeControlActive())return;
  const t=e.target;
  if(t && (t.matches('input,textarea,select') || t.isContentEditable)) return;
  if(app.classList.contains('drawActive')) return;

  if(e.key==='Escape' && pdfKeyboardWidgetId){
    clearPdfKeyboardControl();
    e.preventDefault();
    e.stopPropagation();
    return;
  }

  if((e.key==='Delete'||e.key==='Backspace') && selected){
    e.preventDefault();
    e.stopPropagation();
    try{
      const api=window.tavleShortcutAPI||{};
      if(api.deleteSelectedWidgetShortcut) api.deleteSelectedWidgetShortcut();
    }catch(_e){}
    return;
  }

  if((e.ctrlKey || e.metaKey) && !e.altKey && !e.shiftKey && e.key.toLowerCase()==='b'){
    const active=document.activeElement;
    const typing=active && (active.tagName==='INPUT' || active.tagName==='TEXTAREA' || active.isContentEditable);
    if(!typing && applyRandomBackgroundToActiveSlide()){
      e.preventDefault();
      e.stopPropagation();
      return;
    }
  }

  if((e.ctrlKey || e.metaKey) && !e.altKey && (e.key==='ArrowRight' || e.key==='ArrowLeft')){
    const dir=e.key==='ArrowRight' ? 1 : -1;
    const handled=selected ? moveSelectedWidgetBySlideDirection(dir) : moveActiveSlideByDirection(dir);
    if(handled){
      e.preventDefault();
      e.stopPropagation();
      return;
    }
  }

  if(handlePdfArrowKey(e)) return;
  if(e.key==='ArrowDown'){
    if(selectAdjacentWidget(1)){
      e.preventDefault();
      e.stopPropagation();
      return;
    }
  }
  if(e.key==='ArrowUp'){
    if(selectAdjacentWidget(-1)){
      e.preventDefault();
      e.stopPropagation();
      return;
    }
  }
  if(e.key==='ArrowRight'){e.preventDefault();nextSlide()}
  if(e.key==='ArrowLeft'){e.preventDefault();prevSlide()}
  if(/^[0-9]$/.test(e.key) && selected){
    if(toggleSelectedGroupLockByNumber(Number(e.key))){
      e.preventDefault();
      e.stopPropagation();
      return;
    }
  }
  if(/^[1-9]$/.test(e.key)){e.preventDefault();goToSlide(Number(e.key)-1)}
  if(e.key==='0'){e.preventDefault();goToSlide(9)}
});
let swipeStart=null;
app.addEventListener('pointerdown',e=>{
  if(app.classList.contains('drawActive')) return;
  if(e.target.closest('.widget,.toolbar,.topbar,.modalBackdrop,.toolbarPeek')) return;
  swipeStart={x:e.clientX,y:e.clientY,t:Date.now()};
});
app.addEventListener('pointerup',e=>{
  if(!swipeStart) return;
  const dx=e.clientX-swipeStart.x, dy=e.clientY-swipeStart.y;
  if(Math.abs(dx)>90 && Math.abs(dx)>Math.abs(dy)*1.5){
    dx<0 ? nextSlide() : prevSlide();
  }
  swipeStart=null;
});
titleEl.oninput=()=>{
  /* SAFE126: Papirkurven må ikke kunne omdøbes via det almindelige title.oninput-flow. */
  if(isTrashBoard(slide())){titleEl.textContent='🗑 Papirkurv';return;}
  slide().title=titleEl.textContent;save();
};titleEl.onkeydown=e=>{
  /* SAFE126: I papirkurv er titelområdet en tilbageknap, ikke et inputfelt. */
  if(isTrashBoard(slide())){e.preventDefault();returnFromTrashBoard();return;}
  if(e.key==='Escape'||e.key==='Enter'){e.preventDefault();titleEl.blur();save()}
};
function drawPt(e){const r=draw.getBoundingClientRect();return{x:e.clientX-r.left,y:e.clientY-r.top}}
let drawStart=null, drawSnapshot=null;
function setDrawActive(on){draw.classList.toggle('active',on);app.classList.toggle('drawActive',on);document.getElementById('drawPanel').classList.toggle('show',on);document.querySelectorAll('[data-tool="draw"],#drawTop').forEach(b=>b&&b.classList.toggle('active',on));if(on)select(null)}
function setDrawTool(mode){drawMode=mode;document.querySelectorAll('[data-drawmode]').forEach(b=>b.classList.toggle('active',b.dataset.drawmode===mode))}
function setupStroke(){ctx.lineCap='round';ctx.lineJoin='round';ctx.lineWidth=+document.getElementById('penSize').value;ctx.strokeStyle=document.getElementById('penColor').value;ctx.fillStyle=document.getElementById('penColor').value}
function restoreSnapshot(){if(drawSnapshot)ctx.putImageData(drawSnapshot,0,0)}
function drawShape(from,to){setupStroke();if(drawMode==='eraser'){ctx.globalCompositeOperation='destination-out';ctx.lineWidth*=2;ctx.beginPath();ctx.moveTo(from.x,from.y);ctx.lineTo(to.x,to.y);ctx.stroke();ctx.globalCompositeOperation='source-over';return}ctx.globalCompositeOperation='source-over';ctx.beginPath();if(drawMode==='line'){ctx.moveTo(from.x,from.y);ctx.lineTo(to.x,to.y);ctx.stroke()}else if(drawMode==='rect'){ctx.strokeRect(from.x,from.y,to.x-from.x,to.y-from.y)}else if(drawMode==='circle'){let rx=(to.x-from.x)/2,ry=(to.y-from.y)/2;ctx.ellipse(from.x+rx,from.y+ry,Math.abs(rx),Math.abs(ry),0,0,Math.PI*2);ctx.stroke()}else{ctx.moveTo(from.x,from.y);ctx.lineTo(to.x,to.y);ctx.stroke()}}
draw.addEventListener('pointerdown',e=>{if(!draw.classList.contains('active'))return;isDrawing=true;draw.setPointerCapture(e.pointerId);drawStart=drawPt(e);drawSnapshot=ctx.getImageData(0,0,draw.width,draw.height);if(drawMode==='pen'||drawMode==='eraser'){ctx.beginPath();ctx.moveTo(drawStart.x,drawStart.y)}});
draw.addEventListener('pointermove',e=>{if(!isDrawing)return;const p=drawPt(e);if(drawMode==='pen'||drawMode==='eraser'){drawShape(drawStart,p);drawStart=p}else{restoreSnapshot();drawShape(drawStart,p)}});
draw.addEventListener('pointerup',e=>{if(!isDrawing)return;const p=drawPt(e);if(!(drawMode==='pen'||drawMode==='eraser')){restoreSnapshot();drawShape(drawStart,p)}isDrawing=false;drawSnapshot=null;ctx.globalCompositeOperation='source-over';save()});
draw.addEventListener('pointercancel',()=>{isDrawing=false;drawSnapshot=null;ctx.globalCompositeOperation='source-over'});
document.querySelectorAll('[data-drawmode]').forEach(b=>b.onclick=()=>setDrawTool(b.dataset.drawmode));
document.getElementById('drawClear').onclick=()=>{ctx.clearRect(0,0,innerWidth,innerHeight);slide().draw='';save()};
document.getElementById('drawOff').onclick=()=>setDrawActive(false);
document.addEventListener('keydown',e=>{if(isIframeControlActive())return;if(e.key==='Escape')setDrawActive(false)});


const toolbarEl=document.querySelector('.toolbar'),
      toolbarPeek=document.getElementById('toolbarPeek'),
      pinToolbar=(document.getElementById('pinToolbar')||document.querySelector('[data-tool="pin"]')),
      toolbarPinFloat=document.getElementById('toolbarPinFloat'),
      toolbarOpts=(document.getElementById('toolbarOpts')||document.querySelector('[data-tool="more"]'));

// initial pinned state comes from central UI state
let toolbarPinned=UIState.toolbarPinned,
    toolbarTimer=null,
    toolbarDelay=Number(localStorage.getItem('maans_toolbar_delay')||5000);

let toolbarBlockTimer=null;
function blockToolbarClicks(ms=650){toolClickBlockUntil=Date.now()+ms;app.classList.add('toolbarBlocked');clearTimeout(toolbarBlockTimer);toolbarBlockTimer=setTimeout(()=>app.classList.remove('toolbarBlocked'),ms)}
function setToolbarHidden(on){
  // Delegate to the central Toolbar controller
  if(on) Toolbar.hide(); else Toolbar.show();
}
function updatePinButtons(){
  // reflect pin state stored in UIState
  const pinned=UIState.toolbarPinned;
  if(pinToolbar) pinToolbar.textContent=pinned?'📍':'📌';
  if(toolbarPinFloat){
    toolbarPinFloat.textContent=pinned?'📍':'📌';
    toolbarPinFloat.title=pinned?'Frigør værktøjslinje':'Fastgør værktøjslinje';
  }
}
function showToolbarTemp(){
  // Always show toolbar immediately (auto-hide disabled)
  clearTimeout(toolbarTimer);
  Toolbar.show();
  return;
}
function toggleToolbarPin(){
  // Delegate to central Toolbar pin toggler and sync local flag
  Toolbar.togglePin();
  toolbarPinned=UIState.toolbarPinned;
  updatePinButtons();
  Toolbar.show();
}
function toolbarSettingsModal(){
  showModal(`<h2>Værktøjslinje</h2>
    <div class="toolbarSettings">
      <label><span>Auto-skjul efter sekunder</span><input id="tbDelay" type="number" min="1" max="30" value="${Math.round(toolbarDelay/1000)}"></label>
      <label><span>Fastgør værktøjslinjen</span><input id="tbPinned" type="checkbox" ${UIState.toolbarPinned?'checked':''}></label>
    </div>
    <p>Standard er 5 sekunder.</p>
    <button id="ok">Gem</button><button id="close">Luk</button>`);
  modal.querySelector('#ok').onclick=()=>{
    toolbarDelay=Math.max(1,Math.min(30,Number(modal.querySelector('#tbDelay').value||5)))*1000;
    const pinned = modal.querySelector('#tbPinned').checked;
    try{ localStorage.setItem('maans_toolbar_delay',String(toolbarDelay)); }catch(_e){}
    // Use Toolbar controller to persist pinned state and update UIState
    if(pinned){ Toolbar.pin(); } else { Toolbar.unpin(); }
    toolbarPinned = UIState.toolbarPinned;
    updatePinButtons();
    closeModal();
    Toolbar.show();
  };
  modal.querySelector('#close').onclick=()=>{document.removeEventListener('keydown',window.__bgKeyHandler,true);modalBack.classList.remove('bgModalKeyboard','bgPreviewing');closeModal()};
}
if(pinToolbar) pinToolbar.onclick=e=>{
  e.stopPropagation();
  // Toggle the pinned state via the Toolbar controller
  Toolbar.togglePin();
  toolbarPinned = UIState.toolbarPinned;
  updatePinButtons();
  clearTimeout(toolbarTimer);
  Toolbar.show();
};
if(toolbarPinFloat) toolbarPinFloat.onclick=e=>{e.preventDefault();e.stopPropagation();toggleToolbarPin();showToolbarTemp();blockToolbarClicks(750)};
if(toolbarOpts) toolbarOpts.onclick=e=>{e.stopPropagation();toolbarSettingsModal()};
if(toolbarPeek) toolbarPeek.onclick=e=>{e.preventDefault();e.stopPropagation();showToolbarTemp();try{showToolbar()}catch(_e){};blockToolbarClicks(750)};
app.addEventListener('pointermove',e=>{if(e.clientY>innerHeight-130)showToolbarTemp()});
app.addEventListener('pointerdown',e=>{if(e.target&&e.target.closest&&e.target.closest('.toolbar,.toolbarPeek,.toolbarPinFloat,#toolbarFallback,#toolbarPinFallback'))showToolbarTemp()});
updatePinButtons();
// sync pinned class from central state
app.classList.toggle('toolbarPinned',UIState.toolbarPinned);
// hide the toolbar after delay using the central controller
setTimeout(()=>{
  try{ Toolbar.hide(); }catch(_e){}
}, toolbarDelay);
document.addEventListener('keydown',e=>{
  if(isIframeControlActive())return;
  if(e.key==='Escape' && app.classList.contains('toolbarHidden')){
    showToolbarTemp();
  }
});


////////////////////////////////////////////////////////////
// INIT / LOAD
////////////////////////////////////////////////////////////
/* Sen init-fase: eksisterende render pakkes med stabiliserende oprydning. Undgå flere wrappers uden at forstå rækkefølgen. */
const __render_original = render;
render = function(){
  try{syncFocusBodyClasses();}catch(_e){}
  __render_original();
  normalizeDomLayerOrder();
  updateSlidesOverviewVisibility();
  try{syncIframeControl();}catch(_e){}
};
wireRobustWidgetClose();render();normalizeDomLayerOrder();updateSlidesOverviewVisibility();if(__freshFirstRun)focusSlideTitleForRename();maybeShowQuickHelp();wireQuickPinButton();

/* v158: mus-fix til widget-topbarens knapper på Mac */
(function(){
  function isWidgetChromeButton(el){
    return el && el.closest && el.closest('.widget .chrome button, .widget button.lock, .widget button.reset, .widget button.close, .widget button.del, .widget button.delete');
  }

  function activateWidgetChromeButton(e){
    const btn = isWidgetChromeButton(e.target);
    if(!btn) return;

    // Kun venstre museknap / almindeligt klik
    if(e.type === 'mousedown' && e.button !== 0) return;

    e.preventDefault();
    e.stopPropagation();
    if(e.stopImmediatePropagation) e.stopImmediatePropagation();

    // Undgå dobbeltklik-loop
    if(btn.__mouseFallbackActive) return;
    btn.__mouseFallbackActive = true;

    try{
      // Kald direkte onclick hvis den findes, ellers normal click.
      if(typeof btn.onclick === 'function'){
        btn.onclick.call(btn, new MouseEvent('click', {bubbles:true, cancelable:true, view:window}));
      }else{
        btn.click();
      }
    }catch(err){
      try{ btn.click(); }catch(e){}
    }

    setTimeout(()=>{ btn.__mouseFallbackActive = false; }, 0);
  }

  document.addEventListener('mousedown', activateWidgetChromeButton, true);
})();


/* v162.4 clean: fast fallback-knap nederst til højre - EN stabil toggle, oprettes i document.body
   Gammel "værktøjer ▲" og pin fjernes fra DOM. Toggle-knappen skjules i præsentation/fokus. */
(function(){
  function toolbar(){ return document.querySelector('.toolbar'); }
  function appIsPresentationOrFocus(){
    return app.classList.contains('present') ||
           document.body.classList.contains('focus-mode') ||
           document.body.classList.contains('focus-edit') ||
           document.body.classList.contains('focus-presentation');
  }
  function removeOldPeekAndPin(){
    ['toolbarPeek','toolbarPinFloat','toolbarPinFallback'].forEach(id=>{
      const el = document.getElementById(id);
      if(el && el.parentNode) el.parentNode.removeChild(el);
    });
    document.querySelectorAll('.toolbarPeek,.toolbarPinFloat,.pinTool,.toolbar [data-tool="pin"]').forEach(el=>{
      if(el && el.parentNode) el.parentNode.removeChild(el);
    });
  }
  function visibleToolbar(tb){
    if(!tb) return false;
    const cs = getComputedStyle(tb);
    return cs.display !== 'none' &&
           cs.visibility !== 'hidden' &&
           parseFloat(cs.opacity || '1') > 0.2 &&
           !document.body.classList.contains('toolbar-is-hidden') &&
           !app.classList.contains('toolbarHidden') &&
           !tb.classList.contains('hidden') &&
           cs.pointerEvents !== 'none';
  }
  function updateFallbackVisual(){
    const b = document.getElementById('toolbarFallback');
    if(!b) return;
    const directMaximized = document.body.classList.contains('focus-maximized') &&
      !document.body.classList.contains('focus-mode') &&
      !document.body.classList.contains('focus-edit') &&
      !document.body.classList.contains('focus-presentation') &&
      !app.classList.contains('present');
    if(appIsPresentationOrFocus() && !directMaximized){
      b.style.setProperty('display','none','important');
      b.style.setProperty('visibility','hidden','important');
      b.style.setProperty('pointer-events','none','important');
      return;
    }
    b.style.setProperty('display','flex','important');
    b.style.setProperty('visibility','visible','important');
    b.style.setProperty('pointer-events','auto','important');
    if(directMaximized){
      b.textContent = '⌃';
      b.title = 'Afslut maksimeret visning og vis værktøjslinje';
    }else{
      const isVisible = visibleToolbar(toolbar());
      b.textContent = isVisible ? '⌄' : '⌃';
      b.title = isVisible ? 'Skjul værktøjslinje' : 'Vis værktøjslinje';
    }
    b.setAttribute('aria-label', b.title);
  }
  function clearHiddenState(){
    document.body.classList.remove('toolbar-is-hidden');
    app.classList.remove('toolbarHidden');
    const tb = toolbar();
    if(tb){
      tb.classList.remove('hidden','toolbarHidden','forceHidden');
      tb.style.removeProperty('display');
      tb.style.opacity = '1';
      tb.style.pointerEvents = 'auto';
      tb.style.visibility = 'visible';
      tb.style.transform = 'translateX(-50%)';
    }
    try{ clearTimeout(toolbarHideTimer); }catch(e){}
    try{ clearTimeout(toolbarTimer); }catch(e){}
    updateFallbackVisual();
  }
  function hardHide(){
    const tb = toolbar();
    document.body.classList.add('toolbar-is-hidden');
    app.classList.add('toolbarHidden');
    if(tb){
      tb.classList.add('hidden');
      tb.style.pointerEvents = 'none';
      tb.style.visibility = 'hidden';
      tb.style.opacity = '0';
    }
    updateFallbackVisual();
  }
  let lastActivation = 0;
  function stopOnly(e){
    if(!e) return;
    e.preventDefault();
    e.stopPropagation();
    if(e.stopImmediatePropagation) e.stopImmediatePropagation();
  }
  function activate(e){
    stopOnly(e);
    if(document.body.classList.contains('focus-maximized') && !app.classList.contains('present') && !document.body.classList.contains('focus-mode') && !document.body.classList.contains('focus-edit') && !document.body.classList.contains('focus-presentation')){
      if(typeof setFocusMaximized==='function') setFocusMaximized(false);
      clearHiddenState();
      return;
    }
    if(appIsPresentationOrFocus()) return;
    const now = Date.now();
    if(now - lastActivation < 450) return;
    lastActivation = now;
    const tb = toolbar();
    if(visibleToolbar(tb)) hardHide();
    else clearHiddenState();
  }
  function clickFallback(e){
    stopOnly(e);
    if(document.body.classList.contains('focus-maximized') && !app.classList.contains('present') && !document.body.classList.contains('focus-mode') && !document.body.classList.contains('focus-edit') && !document.body.classList.contains('focus-presentation')){
      if(typeof setFocusMaximized==='function') setFocusMaximized(false);
      clearHiddenState();
      return;
    }
    if(appIsPresentationOrFocus()) return;
    const now = Date.now();
    if(now - lastActivation < 650) return;
    activate(e);
  }
  function ensureButton(){
    removeOldPeekAndPin();
    let b = document.getElementById('toolbarFallback');
    if(!b){
      b = document.createElement('button');
      b.type = 'button';
      document.body.appendChild(b);
    }
    b.id = 'toolbarFallback';
    b.style.pointerEvents = 'auto';
    b.style.touchAction = 'manipulation';
    if(!b.__toolbarFallbackWired_v162_4){
      ['pointerdown','mousedown','touchstart'].forEach(ev=>{
        b.addEventListener(ev, stopOnly, {capture:true, passive:false});
      });
      ['pointerup','mouseup','touchend'].forEach(ev=>{
        b.addEventListener(ev, activate, {capture:true, passive:false});
      });
      b.addEventListener('click', clickFallback, {capture:true, passive:false});
      b.__toolbarFallbackWired_v162_4 = true;
    }
    updateFallbackVisual();
  }
  ensureButton();
  setInterval(ensureButton, 1000);
  window.showToolbarNow = clearHiddenState;
  window.hideToolbarNow = hardHide;
  window.toggleToolbarNow = function(){ if(appIsPresentationOrFocus()) return; const tb=toolbar(); visibleToolbar(tb) ? hardHide() : clearHiddenState(); };
})();

})();


function updateModeIcons(){
  const present=app.classList.contains('present');
  document.querySelectorAll('[data-tool="present"]').forEach(b=>{
    b.textContent = present ? '✎' : '🎬';
  });
}
setInterval(updateModeIcons,500);


/* v147: respekter 'Ordsky i præsentation' */
document.addEventListener('click',function(e){
  const b=e.target.closest&&e.target.closest('[data-tool="present"]');
  if(!b)return;
  setTimeout(normalizePollsForPresentation,30);
},true);


/* REPAIR minimal: right exit exits focus or max */
(function wireRightExitMinimal(){
  const b=document.getElementById('maxEmergencyExit');
  if(!b || b.__rightExitMinimal)return;
  b.__rightExitMinimal=true;
  b.addEventListener('click',function(e){
    e.preventDefault();
    e.stopPropagation();
    if(document.body.classList.contains('focus-maximized') || focusMaximized){
      hardExitMaximized();
    }else{
      setFocusMode(null);
    }
    try{applyUIState();}catch(_e){}
    try{syncEmergencyExit();}catch(_e){}
  });
})();

</script>
<!-- v1.0.16-dev: updated shortcut map -->

<script>
/* v1.0.43: Link/iframe-widget selection guard.
   Formål:
   - Et klik/tap på iframe-widgettens flade skal vælge widgetten ligesom en tekstwidget.
   - Iframe-indhold må ikke stjæle klik, når man vil fokusere, rotere eller vælge widgetten.
   - Dobbeltklik/tap eller knapper som "Åbn/Aktiver webside" kan aktivere egentlig iframe-interaktion.
*/
(function(){
  if (window.__tavleIframeSelectionGuardV43) return;
  window.__tavleIframeSelectionGuardV43 = true;

  function isIframeWidget(el) {
    if (!el || !el.matches) return false;
    return el.matches('.link-widget, .iframe-widget, [data-type="link"], [data-type="iframe"]') || !!el.querySelector('iframe');
  }

  function closestIframeWidget(target) {
    if (!target || !target.closest) return null;
    const w = target.closest('.widget, .link-widget, .iframe-widget, [data-type="link"], [data-type="iframe"]');
    return isIframeWidget(w) ? w : null;
  }

  function isControl(target) {
    return !!(target && target.closest && target.closest(
      'button, a, input, textarea, select, .widget-header, .widget-toolbar, .widget-controls, .resize-handle, .rotate-handle, [data-action], .no-drag'
    ));
  }

  function selectWidget(widget, ev) {
    try { widget.dispatchEvent(new PointerEvent('pointerdown', {bubbles:true, pointerId: ev.pointerId || 1, clientX: ev.clientX || 0, clientY: ev.clientY || 0})); } catch(e) {}
    try { widget.dispatchEvent(new MouseEvent('mousedown', {bubbles:true, clientX: ev.clientX || 0, clientY: ev.clientY || 0})); } catch(e) {}
    try { widget.click(); } catch(e) {}
    try { widget.focus && widget.focus(); } catch(e) {}

    widget.classList.add('selected');
    widget.setAttribute('data-selected', 'true');

    window.__lastSelectedIframeWidget = widget;
  }

  // First click selects widget. It does not activate the embedded page.
  document.addEventListener('pointerdown', function(ev){
    const widget = closestIframeWidget(ev.target);
    if (!widget) return;
    if (isControl(ev.target)) return;
    if (widget.classList.contains('iframe-interaction-enabled') || widget.classList.contains('is-iframe-active')) return;

    selectWidget(widget, ev);
  }, true);

  // Double-click/tap can activate the embedded web page temporarily.
  document.addEventListener('dblclick', function(ev){
    const widget = closestIframeWidget(ev.target);
    if (!widget || isControl(ev.target)) return;
    widget.classList.add('iframe-interaction-enabled', 'is-iframe-active');
    const iframe = widget.querySelector('iframe');
    if (iframe) iframe.style.pointerEvents = 'auto';
  }, true);

  // Escape returns iframe to safe/selectable mode.
  document.addEventListener('keydown', function(ev){
    if (ev.key !== 'Escape') return;
    document.querySelectorAll('.iframe-interaction-enabled, .is-iframe-active').forEach(function(widget){
      widget.classList.remove('iframe-interaction-enabled', 'is-iframe-active');
      const iframe = widget.querySelector && widget.querySelector('iframe');
      if (iframe) iframe.style.pointerEvents = 'none';
    });
  }, true);

  // If app has buttons with these labels, let them activate iframe interaction.
  document.addEventListener('click', function(ev){
    const btn = ev.target && ev.target.closest && ev.target.closest('button, a, [role="button"]');
    if (!btn) return;
    const label = (btn.textContent || btn.title || btn.getAttribute('aria-label') || '').trim().toLowerCase();
    if (!/(aktivér webside|aktiver webside|åbn|open|interager|brug webside)/.test(label)) return;
    const widget = closestIframeWidget(btn);
    if (!widget) return;
    widget.classList.add('iframe-interaction-enabled', 'is-iframe-active');
    const iframe = widget.querySelector('iframe');
    if (iframe) iframe.style.pointerEvents = 'auto';
  }, true);
})();
</script>

<!-- v1.0.49 keyboard system: N, T, Shift+D, Cmd/Ctrl+D, Delete, Cmd/Ctrl+S -->
<script>

/* v1.0.51 mobile polish runtime */
(function(){
  function isMobileish(){
    return (window.matchMedia && (matchMedia('(max-width: 760px)').matches || matchMedia('(pointer: coarse) and (max-width: 900px)').matches));
  }
  function toolbarVisible(tb){
    if(!tb)return false;
    const cs=getComputedStyle(tb);
    return cs.display!=='none' && cs.visibility!=='hidden' && parseFloat(cs.opacity||'1')>.15;
  }
  function nudgeToolbarForMobile(){
    if(!isMobileish())return;
    const tb=document.querySelector('.toolbar');
    if(!toolbarVisible(tb))return;
    // Make sure the toolbar starts scrolled to the left, but allows horizontal swipe.
    // If the user has manually scrolled, do not fight them.
    if(!tb.dataset.mobilePolishTouched){
      tb.scrollLeft=0;
    }
  }
  document.addEventListener('pointerdown',function(ev){
    const tb=ev.target&&ev.target.closest&&ev.target.closest('.toolbar');
    if(tb)tb.dataset.mobilePolishTouched='1';
  },true);
  ['resize','orientationchange'].forEach(ev=>window.addEventListener(ev,()=>setTimeout(nudgeToolbarForMobile,150),{passive:true}));
  const mo=new MutationObserver(()=>setTimeout(nudgeToolbarForMobile,40));
  mo.observe(document.body,{attributes:true,attributeFilter:['class'],subtree:false});
  setTimeout(nudgeToolbarForMobile,300);
})();

</script>
<script>

/* v1.0.52: find toolbar fallback button even if older markup changes class/id */
(function(){
  function markToolbarFallback(){
    const candidates=[...document.querySelectorAll('button, .toolbarFallback, #toolbarFallback')];
    candidates.forEach(btn=>{
      const txt=(btn.textContent||btn.title||btn.getAttribute('aria-label')||'').trim();
      if(txt==='⌄' || txt==='⌃' || txt==='∨' || txt==='∧' || txt==='▼' || txt==='▲'){
        if(!btn.closest('.toolbar')){
          btn.classList.add('toolbarFallback');
          btn.id = btn.id || 'toolbarFallback';
        }
      }
    });
  }
  markToolbarFallback();
  new MutationObserver(markToolbarFallback).observe(document.body,{childList:true,subtree:true});
})();

</script>
<script>

/* v1.0.64 text tool autofocus fallback */
(function(){
  function isDefaultText(s){
    s=String(s||'').trim();
    return s==='Skriv her...' || s==='Skriv instruktion her…' || s==='Skriv instruktion her...';
  }
  document.addEventListener('click',function(ev){
    const btn=ev.target && ev.target.closest && ev.target.closest('button[data-tool="text"]');
    if(!btn)return;
    // handleTool creates the widget. This delayed fallback ensures editor focus/select also works on touch/iPad.
    setTimeout(function(){
      try{
        const widgets=[...document.querySelectorAll('.widget[data-type="text"]')];
        const last=widgets[widgets.length-1];
        if(!last)return;
        const id=last.dataset.id;
        const ta=last.querySelector('textarea');
        if(ta && isDefaultText(ta.value)){
          ta.focus({preventScroll:true});
          ta.select();
        }else if(typeof focusTextWidgetEditor==='function'){
          focusTextWidgetEditor(id,true);
        }
      }catch(e){}
    },120);
  },true);
})();

</script>
<script>

/* v1.0.65 modal text auto-select */
(function(){
  const DEFAULTS=new Set(['Link','Klikbart link','https://','http://','Skriv her...','Skriv instruktion her…','Skriv instruktion her...','Åbn PDF']);
  function shouldAutoSelect(input){
    if(!input || input.dataset.noAutoSelect)return false;
    const type=(input.getAttribute('type')||'text').toLowerCase();
    if(!['text','url','search','number',''].includes(type))return false;
    const val=String(input.value||'').trim();
    return !val || DEFAULTS.has(val) || input.id==='lu' || input.id==='vurl' || input.id==='iu' || input.id==='pu';
  }
  function selectInput(input){
    if(!shouldAutoSelect(input))return;
    try{
      input.focus({preventScroll:true});
      input.setSelectionRange(0,String(input.value||'').length);
    }catch(e){
      try{input.select()}catch(_e){}
    }
  }
  document.addEventListener('focusin',function(ev){
    const input=ev.target;
    if(input && input.matches && input.matches('.modal input')){
      setTimeout(()=>selectInput(input),0);
    }
  },true);
  document.addEventListener('pointerdown',function(ev){
    const input=ev.target;
    if(input && input.matches && input.matches('.modal input')){
      setTimeout(()=>selectInput(input),0);
    }
  },true);
})();

</script>
<script>

/* v1.0.67 poll toggle delegation */
(function(){
  document.addEventListener('click',function(ev){
    const btn=ev.target && ev.target.closest && ev.target.closest('.pollModeToggle');
    if(!btn)return;
    const widget=btn.closest('.widget[data-type="poll"]');
    if(!widget)return;
    ev.preventDefault();
    ev.stopPropagation();
    if(ev.stopImmediatePropagation)ev.stopImmediatePropagation();
    try{
      const w=findWidget(widget.dataset.id);
      if(w)togglePollCloudView(w,widget);
    }catch(e){}
  },true);
})();

</script>
<script>
/* v1.0.71 poll title toggle delegation – bruger global bro fra appens closure */
(function(){
  document.addEventListener('click',function(ev){
    const btn=ev.target && ev.target.closest && ev.target.closest('.widget[data-type="poll"] .pollTitleToggle');
    if(!btn)return;
    const widget=btn.closest('.widget[data-type="poll"]');
    if(!widget)return;

    ev.preventDefault();
    ev.stopPropagation();
    if(ev.stopImmediatePropagation)ev.stopImmediatePropagation();

    btn.classList.remove('pollTitlePop');
    void btn.offsetWidth;
    btn.classList.add('pollTitlePop');

    try{
      if(window.tavleTogglePollCloudByWidgetId){
        window.tavleTogglePollCloudByWidgetId(widget.dataset.id);
      }
    }catch(e){
      console.error('Kunne ikke skifte afstemningsvisning',e);
    }
  },true);
})();
</script>
<script>

/* v1.0.74 phase 2: single lightweight state sync */
(function(){
  function focusOrMaxOn(){
    return document.body.classList.contains('focus-mode') ||
      document.body.classList.contains('focus-edit') ||
      document.body.classList.contains('focus-presentation') ||
      document.body.classList.contains('focus-maximized') ||
      (typeof focusMode!=='undefined' && !!focusMode) ||
      (typeof focusMaximized!=='undefined' && !!focusMaximized);
  }

  function ensureExit(){
    let btn=document.getElementById('maxEmergencyExit') || document.querySelector('.maxEmergencyExit');
    if(!btn){
      btn=document.createElement('button');
      btn.id='maxEmergencyExit';
      btn.className='maxEmergencyExit hidden';
      btn.type='button';
      document.body.appendChild(btn);
    }else if(btn.parentElement!==document.body){
      document.body.appendChild(btn);
    }
    if(!btn.__v74Wired){
      btn.__v74Wired=true;
      btn.addEventListener('click',function(ev){
        ev.preventDefault();
        ev.stopPropagation();
        if(ev.stopImmediatePropagation)ev.stopImmediatePropagation();
        const isMax=document.body.classList.contains('focus-maximized') || (typeof focusMaximized!=='undefined' && !!focusMaximized);
        if(isMax){
          try{ if(typeof hardExitMaximized==='function') hardExitMaximized(); }catch(e){}
        }else{
          try{ if(typeof setFocusMode==='function') setFocusMode(null); }catch(e){}
          document.body.classList.remove('focus-mode','focus-edit','focus-presentation');
        }
        requestAnimationFrame(sync);
      },true);
    }
    return btn;
  }

  function clearPollInline(){
    document.querySelectorAll('.widget[data-type="poll"] .pollTools,.widget[data-type="poll"] .pollSettings').forEach(el=>{
      el.style.display='';
      el.style.visibility='';
      el.style.pointerEvents='';
      el.style.opacity='';
    });
  }

  function sync(){
    const btn=ensureExit();
    const isMax=document.body.classList.contains('focus-maximized') || (typeof focusMaximized!=='undefined' && !!focusMaximized);
    const show=focusOrMaxOn();
    btn.classList.toggle('hidden',!show);
    btn.textContent=isMax?'× max':'× fokus';
    btn.title=isMax?'Afslut maksimeret visning':'Afslut fokus';
    btn.setAttribute('aria-label',btn.title);
    const f=document.getElementById('focusExit');
    if(f)f.style.display='none';
    clearPollInline();
  }

  new MutationObserver(()=>requestAnimationFrame(sync)).observe(document.body,{attributes:true,attributeFilter:['class']});
  const app=document.getElementById('app');
  if(app)new MutationObserver(()=>requestAnimationFrame(sync)).observe(app,{attributes:true,attributeFilter:['class']});
  window.addEventListener('resize',()=>requestAnimationFrame(sync),{passive:true});
  window.addEventListener('orientationchange',()=>setTimeout(sync,120),{passive:true});
  setTimeout(sync,100);
})();

</script>
<script>

/* v1.0.75 robust link/iframe controls */
(function(){
  function linkWidgetFromButton(btn){
    const widget=btn && btn.closest && btn.closest('.widget[data-type="link"]');
    if(!widget)return null;
    let w=null;
    try{ w=typeof findWidget==='function'?findWidget(widget.dataset.id):null; }catch(e){}
    if(!w)return null;
    const url=(typeof normalizeLinkUrl==='function')?normalizeLinkUrl(w.data&&w.data.url||''):(w.data&&w.data.url||'');
    return {widget,w,url};
  }

  document.addEventListener('click',function(ev){
    const btn=ev.target && ev.target.closest && ev.target.closest('.linkIframeControls button');
    if(!btn)return;
    const ctx=linkWidgetFromButton(btn);
    if(!ctx)return;

    ev.preventDefault();
    ev.stopPropagation();
    if(ev.stopImmediatePropagation)ev.stopImmediatePropagation();

    const {widget,w,url}=ctx;
    if(btn.classList.contains('linkActivate')){
      try{
        const isActive=(typeof activeIframeWidgetId!=='undefined') && activeIframeWidgetId && String(activeIframeWidgetId)===String(w.id);
        if(typeof setIframeControl==='function')setIframeControl(w.id,!isActive);
        if(typeof fillContent==='function')fillContent(widget,w);
      }catch(e){console.error('Kunne ikke aktivere webside',e)}
      return;
    }

    if(btn.classList.contains('linkReload')){
      const iframe=widget.querySelector('iframe');
      if(iframe){
        try{
          iframe.src='about:blank';
          setTimeout(()=>{iframe.src=(typeof tavleIframeSrc==='function')?tavleIframeSrc(url,w):url;},30);
        }catch(e){iframe.src=url}
      }
      return;
    }

    if(btn.classList.contains('linkOpen')){
      try{
        const a=document.createElement('a');
        a.href=url;
        a.target='_blank';
        a.rel='noopener';
        document.body.appendChild(a);
        a.click();
        a.remove();
      }catch(e){
        try{window.open(url,'_blank','noopener')}catch(_e){}
      }
      return;
    }
  },true);
})();

</script>
<script>

/* v1.0.78 link iframe button state sync */
(function(){
  function sync(){
    document.querySelectorAll('.widget[data-type="link"]').forEach(widget=>{
      const btn=widget.querySelector('[data-act="activateLinkIframe"]');
      if(!btn)return;
      const active=widget.classList.contains('linkIframeActive') || widget.classList.contains('iframe-interaction-enabled') || widget.classList.contains('is-iframe-active');
      btn.classList.toggle('active',active);
      btn.textContent=active?'🖱✓':'🖱';
      btn.title=active?'Lås webside igen':'Lås op for webside-interaktion';
    });
  }
  new MutationObserver(()=>requestAnimationFrame(sync)).observe(document.body,{attributes:true,subtree:true,attributeFilter:['class']});
  setTimeout(sync,100);
})();

</script>
<script>

/* v1.0.80 iframe safety controller */
(function(){
  function clearIframeIfToolbarClick(ev){
    const t=ev.target;
    if(!t || !t.closest)return;
    const ui=t.closest('.topbar,.toolbar,#toolbarFallback,#toolbarPinFallback,.toolbarFallback,#rescueWidgets,.modal,.modalBack');
    if(!ui)return;
    try{
      if(document.body.classList.contains('iframe-control-active') && window.clearIframeControl){
        window.clearIframeControl();
      }
    }catch(e){}
  }

  // Capture, but do not stop propagation: first unlock iframe mode, then let the actual button work.
  document.addEventListener('pointerdown',clearIframeIfToolbarClick,true);
  document.addEventListener('click',clearIframeIfToolbarClick,true);

  // When returning from another app/tab, immediately unlock iframe mode and rescue selected widget.
  document.addEventListener('visibilitychange',function(){
    if(document.hidden)return;
    setTimeout(function(){
      try{ if(window.clearIframeControl) window.clearIframeControl(); }catch(e){}
      try{ if(typeof rescueSelectedWidgetToViewport==='function')rescueSelectedWidgetToViewport(); }catch(e){}
    },120);
  });

  window.addEventListener('pageshow',function(){
    setTimeout(function(){
      try{ if(window.clearIframeControl) window.clearIframeControl(); }catch(e){}
      try{ if(typeof rescueSelectedWidgetToViewport==='function')rescueSelectedWidgetToViewport(); }catch(e){}
    },120);
  },{passive:true});
})();

</script>
<script>

/* v1.0.80 escape clears iframe mode */
(function(){
  document.addEventListener('keydown',function(e){
    if(e.key==='Escape' && document.body.classList.contains('iframe-control-active')){
      try{ if(window.clearIframeControl) window.clearIframeControl(); }catch(_e){}
    }
  },true);
})();

</script>
<!-- SAFE28: fjernet supersedet v1.0.84 rescue state unlock-script; v1.0.85 no-auto-rescue-scriptet nedenfor bevares. -->

<script>

/* v1.0.85 rescue state unlock – no auto-arrange on app resume */
(function(){
  let rescueInProgress=false;

  function hardUnlockUi(){
    try{ if(window.clearIframeControl)window.clearIframeControl(); }catch(e){}
    document.body.classList.remove(
      'iframe-control-active',
      'widget-transform-active',
      'textSelecting',
      'isSelectingText',
      'dragging',
      'resizing',
      'rotating'
    );
    document.querySelectorAll('.widget').forEach(el=>{
      el.classList.remove(
        'linkIframeActive',
        'iframe-interaction-enabled',
        'is-iframe-active',
        'widgetTransforming',
        'dragging',
        'resizing',
        'rotating'
      );
      el.style.pointerEvents='';
    });
    document.querySelectorAll('.linkIframeShield').forEach(el=>{
      el.style.display='';
      el.style.pointerEvents='';
    });
    document.querySelectorAll('iframe').forEach(el=>{
      el.style.pointerEvents='';
    });
  }

  function clearUiFocusAndSelection(){
    try{
      if(document.activeElement && document.activeElement.blur)document.activeElement.blur();
    }catch(e){}
    try{
      const sel=window.getSelection&&window.getSelection();
      if(sel)sel.removeAllRanges();
    }catch(e){}
  }

  function finishRescue(btn){
    hardUnlockUi();
    clearUiFocusAndSelection();
    if(btn){
      btn.blur&&btn.blur();
      btn.classList.remove('active');
      btn.removeAttribute('aria-pressed');
      btn.classList.remove('rescueFlash');
    }
    rescueInProgress=false;
  }

  function rescueBoardBoundsSafe(){
    try{
      if(typeof window.visibleBoardBounds==='function')return window.visibleBoardBounds();
    }catch(_e){}
    return {x:24,y:90,right:Math.max(320,innerWidth-24),bottom:Math.max(260,innerHeight-90)};
  }
  function rescueClampWidgetMeaningfully(w,b,{shrink=false,slot=null}={}){
    if(!w||!b)return false;
    const before=[w.x,w.y,w.w,w.h,w.rotation||0].join('|');
    const bw=Math.max(240,b.right-b.x);
    const bh=Math.max(180,b.bottom-b.y);
    if(shrink){
      const maxW=Math.max(260,Math.min(720,bw*.48));
      const maxH=Math.max(180,Math.min(520,bh*.58));
      const scale=Math.min(1,maxW/Math.max(1,Number(w.w||maxW)),maxH/Math.max(1,Number(w.h||maxH)));
      if(scale<1){
        w.w=Math.max(220,Math.round(Number(w.w||maxW)*scale));
        w.h=Math.max(150,Math.round(Number(w.h||maxH)*scale));
      }
    }
    const minShownW=Math.min(Math.max(170,Number(w.w||220)*.45),Math.max(150,bw*.42));
    const minShownH=Math.min(Math.max(92,Number(w.h||150)*.34),Math.max(80,bh*.30));
    if(slot){
      w.x=slot.x;
      w.y=slot.y;
    }else{
      // Hold mindst en identificérbar top/venstre del inde i tavlefladen.
      if(Number(w.x||0)>b.right-minShownW)w.x=b.right-minShownW;
      if(Number(w.y||0)>b.bottom-minShownH)w.y=b.bottom-minShownH;
      if(Number(w.x||0)+Number(w.w||0)<b.x+minShownW)w.x=b.x;
      if(Number(w.y||0)+Number(w.h||0)<b.y+minShownH)w.y=b.y;
      w.x=Math.max(b.x,Number(w.x||b.x));
      w.y=Math.max(b.y,Number(w.y||b.y));
    }
    if(window.fitWidgetToViewport)window.fitWidgetToViewport(w,{resetRotation:false});
    // Efter fitWidget kan meget store widgets stadig dominere; sørg for top/venstre er inde.
    w.x=Math.max(b.x,Math.min(Number(w.x||b.x),b.right-minShownW));
    w.y=Math.max(b.y,Math.min(Number(w.y||b.y),b.bottom-minShownH));
    return [w.x,w.y,w.w,w.h,w.rotation||0].join('|')!==before;
  }
  function rescueSpreadSlots(count,b){
    const bw=Math.max(260,b.right-b.x);
    const bh=Math.max(200,b.bottom-b.y);
    const cols=Math.max(1,Math.ceil(Math.sqrt(count||1)));
    const rows=Math.max(1,Math.ceil((count||1)/cols));
    const cellW=bw/cols;
    const cellH=bh/rows;
    const slots=[];
    for(let i=0;i<count;i++){
      const col=i%cols,row=Math.floor(i/cols);
      slots.push({
        x:Math.round(b.x+col*cellW+Math.min(28,cellW*.08)),
        y:Math.round(b.y+row*cellH+Math.min(28,cellH*.10))
      });
    }
    return slots;
  }

  function runRescueVisibleOnly(btn){
    if(rescueInProgress)return;
    rescueInProgress=true;
    try{
      hardUnlockUi();
      clearUiFocusAndSelection();
      if(btn){
        btn.classList.remove('rescueFlash');
        void btn.offsetWidth;
        btn.classList.add('rescueFlash');
      }
      const sl=(typeof slide==='function')?slide():null;
      const b=rescueBoardBoundsSafe();
      let changed=0;
      if(sl&&Array.isArray(sl.widgets)){
        sl.widgets.forEach(w=>{ if(rescueClampWidgetMeaningfully(w,b,{shrink:false}))changed++; });
        try{save()}catch(_e){}
        try{render()}catch(_e){}
      }else if(window.rescueWidgetsToViewport){
        changed=window.rescueWidgetsToViewport({toast:false,arrange:false,resetRotation:false})||0;
      }
      try{toast(changed?'Gjorde widgets synlige: '+changed:'Alle widgets er tydeligt synlige')}catch(_e){}
      setTimeout(()=>finishRescue(btn),80);
      setTimeout(()=>finishRescue(btn),320);
    }catch(e){
      console.error('Kunne ikke gøre widgets synlige',e);
      finishRescue(btn);
    }
  }

  function rescueTypeLabel(type){
    const map={
      text:'Tekst',
      html:'HTML',
      video:'Video',
      wheel:'Lykkehjulet',
      groups:'Grupper',
      wordcloud:'Ordsky',
      poll:'Afstemning',
      kahoopardy:'KaPardy',
      timer:'Timer',
      image:'Billeder',
      link:'Links',
      pdf:'PDF',
      dataset:'Data'
    };
    return map[String(type||'').toLowerCase()] || (String(type||'Widget').charAt(0).toUpperCase()+String(type||'Widget').slice(1));
  }
  function rescueIsTrashSlide(s){
    try{
      return !!(s && (s.isTrashBoard || s.bgImageSource==='trash' || String(s.title||'').includes('Papirkurv')));
    }catch(_e){return false;}
  }
  function rescueFindOrCreateTypeSlide(label){
    const slides=(state&&Array.isArray(state.slides))?state.slides:[];
    let idx=slides.findIndex(s=>!rescueIsTrashSlide(s) && String(s.title||'').trim()===label);
    if(idx>=0)return idx;
    let s;
    try{s=createThemedSlide()}catch(_e){s={title:'Ny tavle',widgets:[],draw:''};}
    s.title=label;
    s.widgets=[];
    s.draw='';
    const trashIndex=slides.findIndex(rescueIsTrashSlide);
    if(trashIndex>=0){
      slides.splice(trashIndex,0,s);
      return trashIndex;
    }
    slides.push(s);
    return slides.length-1;
  }
  function rescueCloneWidgetForTypeBoard(w,i){
    const c=JSON.parse(JSON.stringify(w));
    c.id=(typeof uid==='function')?uid():('copy_'+Date.now()+'_'+Math.random().toString(36).slice(2,7));
    c.x=40+(i%3)*34;
    c.y=90+Math.floor(i/3)*34;
    c.rotation=0;
    c.locked=false;
    c.z=(typeof z==='number')?++z:(100+i);
    try{fitWidgetToViewport(c,{resetRotation:false})}catch(_e){}
    return c;
  }
  function rescueCopyWidgetsToTypeBoards(btn){
    const src=slide();
    if(!src || isTrashBoard(src)){
      try{toast('Kan ikke sortere papirkurven')}catch(_e){}
      try{finishRescue(btn)}catch(_e){}
      return;
    }
    const widgets=rescueCurrentBoardWidgets();
    if(!widgets.length){
      try{toast('Ingen widgets at sortere')}catch(_e){}
      rescueConfirmModal('Sortér efter område','<p>Der blev ikke fundet widgets på den aktuelle tavle.</p>',btn);
      return;
    }

    const labels=['Aktiviteter','Data og tekst','Indhold og visning'];
    const buckets={'Aktiviteter':[],'Data og tekst':[],'Indhold og visning':[]};
    widgets.forEach(w=>{
      const label=rescueThreeBoardLabel(w.type);
      (buckets[label]||(buckets[label]=[])).push(w);
    });

    const summary=[];
    labels.forEach(label=>{
      const items=buckets[label]||[];
      if(!items.length)return;
      const idx=rescueFindOrCreateNamedSlide(label);
      const target=state.slides[idx];
      if(!Array.isArray(target.widgets))target.widgets=[];
      const startCount=target.widgets.length;
      items.forEach((w,i)=>target.widgets.push(rescueCloneWidgetClean(w,startCount+i)));
      summary.push(label+': '+items.length);
    });

    try{save({silent:true})}catch(_e){}
    try{toast('Kopieret til 3 sorteringstavler: '+widgets.length+' widgets')}catch(_e){}
    try{
      showModal(`<div class="moveWidgetDialog"><h2>Sorteret i 3 tavler</h2>
        <p><b>${widgets.length}</b> widgets er kopieret ud fra denne tavle. Originaltavlen er bevaret.</p>
        <p>Der sorteres efter appens logik: aktiviteter, data/tekst og indhold/visning.</p>
        <p style="opacity:.9;font-weight:800">${summary.map(esc).join('<br>')}</p>
        <div class="moveWidgetActions">
          <button id="rescueSortStay">Bliv her</button>
          <button id="rescueSortFirst">Gå til Aktiviteter</button>
        </div>
      </div>`);
      const stay=modal.querySelector('#rescueSortStay');
      const first=modal.querySelector('#rescueSortFirst');
      if(stay)stay.onclick=()=>{closeModal();finishRescue(btn)};
      if(first)first.onclick=()=>{
        const idx=state.slides.findIndex(s=>!isTrashBoard(s)&&String(s.title||'').trim()==='Aktiviteter');
        if(idx>=0){state.active=idx;selected=null;if(window.UIState)UIState.selectedWidgetId=null;render();save({silent:true});}
        closeModal();
        finishRescue(btn);
      };
    }catch(_e){
      try{finishRescue(btn)}catch(_e2){}
    }
  }

  function rescueOpenExistingOverview(btn){
    try{
      if(typeof window.openWidgetOverview==='function')window.openWidgetOverview();
      else if(typeof window.toggleWidgetOverview==='function')window.toggleWidgetOverview();
      else {
        const overviewBtn=document.getElementById('widgetCycle');
        if(overviewBtn)overviewBtn.click();
        else toast('Overblik blev ikke fundet');
      }
    }catch(e){
      console.error('Kunne ikke åbne overblik',e);
      try{toast('Kunne ikke åbne overblik')}catch(_e){}
    }
    try{finishRescue(btn)}catch(_e){}
  }

  function runRescueVisibleAndSpread(btn){
    // SAFE260: Valg 2 bruger eksisterende widget-overblik.
    // Det ændrer ikke tavlens layout permanent.
    rescueOpenExistingOverview(btn);
  }

  function rescueThreeBoardLabel(type){
    const t=String(type||'').toLowerCase();
    if(['wheel','groups','poll','wordcloud','kahoopardy','timer','dice','random'].includes(t))return 'Aktiviteter';
    if(['text','dataset','data','list','liste'].includes(t))return 'Data og tekst';
    if(['video','pdf','image','img','link','iframe','html','clock'].includes(t))return 'Indhold og visning';
    return 'Indhold og visning';
  }
  function rescueFindOrCreateNamedSlide(label){
    const slides=(state&&Array.isArray(state.slides))?state.slides:[];
    let idx=slides.findIndex(s=>!isTrashBoard(s) && String(s.title||'').trim()===label);
    if(idx>=0)return idx;
    let s;
    try{s=createThemedSlide()}catch(_e){s={title:label,widgets:[],draw:''};}
    s.title=label;
    s.widgets=[];
    s.draw='';
    const trashIndex=slides.findIndex(isTrashBoard);
    if(trashIndex>=0){
      slides.splice(trashIndex,0,s);
      return trashIndex;
    }
    slides.push(s);
    return slides.length-1;
  }
  function rescueCloneWidgetClean(w,i){
    const c=JSON.parse(JSON.stringify(w));
    c.id=(typeof uid==='function')?uid():('copy_'+Date.now()+'_'+Math.random().toString(36).slice(2,8));
    c.x=60+(i%3)*36;
    c.y=100+Math.floor(i/3)*36;
    c.rotation=0;
    c.locked=false;
    c.z=i+1;
    delete c._trashOriginSlideIndex;
    delete c._trashOriginTitle;
    delete c._trashOriginalX;
    delete c._trashOriginalY;
    delete c._trashOriginalW;
    delete c._trashOriginalH;
    delete c._trashOriginalZ;
    delete c._trashOriginalRotation;
    delete c._trashDeletedAt;
    try{fitWidgetToViewport(c,{resetRotation:false})}catch(_e){}
    return c;
  }

  function rescueCurrentBoardWidgets(){
    // SAFE265: Nogle testtilstande kan have DOM-widgets, selvom en direkte slide().widgets-læsning
    // ikke giver synlig effekt. Derfor samles en deduplikeret liste fra datamodel + DOM/findWidget.
    const out=[];
    const seen=new Set();
    const add=w=>{
      if(!w)return;
      const id=String(w.id||'');
      const key=id||('anon_'+out.length);
      if(seen.has(key))return;
      seen.add(key);
      out.push(w);
    };
    try{
      const s=slide();
      if(s && !rescueIsTrashSlide(s) && Array.isArray(s.widgets))s.widgets.forEach(add);
    }catch(_e){}
    try{
      document.querySelectorAll('.widget').forEach(el=>{
        const id=el.dataset&&el.dataset.id;
        if(!id)return;
        let w=null;
        try{w=(typeof findWidget==='function')?findWidget(id):null}catch(_e){}
        add(w);
      });
    }catch(_e){}
    return out;
  }
  function rescueConfirmModal(title, bodyHtml, btn){
    try{
      showModal(`<div class="moveWidgetDialog"><h2>${esc(title)}</h2>${bodyHtml}<div class="moveWidgetActions"><button id="rescueConfirmOk">OK</button></div></div>`);
      const ok=modal.querySelector('#rescueConfirmOk');
      if(ok)ok.onclick=()=>{closeModal();finishRescue(btn)};
    }catch(_e){
      try{finishRescue(btn)}catch(_e2){}
    }
  }

  function rescueCompactOverviewLayoutOnActiveSlide(btn){
    const src=slide();
    if(!src || isTrashBoard(src)){
      try{toast('Kan ikke lave samlet overblik i papirkurven')}catch(_e){}
      try{finishRescue(btn)}catch(_e){}
      return;
    }
    const widgets=Array.isArray(src.widgets)?src.widgets:[];
    if(!widgets.length){
      try{toast('Ingen widgets på tavlen')}catch(_e){}
      rescueConfirmModal('Samlet overblik','<p>Der blev ikke fundet widgets på den aktuelle tavle.</p>',btn);
      return;
    }
    try{
      const originIndex=state.active;
      const trashIdx=ensureTrashBoard();
      const trash=state.slides[trashIdx];
      if(!Array.isArray(trash.widgets))trash.widgets=[];
      const moved=src.widgets.splice(0);
      const stamp=Date.now();

      // Først samme princip som “ryd til papirkurv”.
      moved.forEach((w,i)=>{
        w._trashOriginSlideIndex=originIndex;
        w._trashOriginTitle=src.title||'Tavle';
        w._trashOriginalX=w.x; w._trashOriginalY=w.y; w._trashOriginalW=w.w; w._trashOriginalH=w.h;
        w._trashOriginalZ=w.z; w._trashOriginalRotation=w.rotation||0;
        w._trashDeletedAt=stamp+i;
        trash.widgets.push(w);
      });

      // Brug den kendte papirkurv-layoutfunktion, som brugeren har verificeret.
      trashOverviewLayout(trash);

      // Gendan straks alle de netop flyttede widgets tilbage til oprindelig tavle,
      // men behold papirkurvens normaliserede x/y/w/h/rotation.
      const restoring=trash.widgets.splice(Math.max(0,trash.widgets.length-moved.length),moved.length);
      restoring.forEach((w,i)=>{
        delete w._trashOriginSlideIndex;
        delete w._trashOriginTitle;
        delete w._trashOriginalX;
        delete w._trashOriginalY;
        delete w._trashOriginalW;
        delete w._trashOriginalH;
        delete w._trashOriginalZ;
        delete w._trashOriginalRotation;
        delete w._trashDeletedAt;
        w.locked=false;
        w.z=i+1;
      });
      src.widgets.push(...restoring);

      selected=null;
      if(window.UIState)UIState.selectedWidgetId=null;
      state.active=originIndex;
      render();
      save({silent:true});
      try{toast('Samlet overblik: '+restoring.length+' widgets')}catch(_e){}
      rescueConfirmModal('Samlet overblik',`<p><b>${restoring.length}</b> widgets er lagt ud med den samme normalisering som papirkurv → gendan alle.</p><p>De bør nu kunne flyttes, roteres og ændres i størrelse.</p>`,btn);
    }catch(e){
      console.error('Kunne ikke lave samlet overblik via papirkurv-simulering',e);
      try{toast('Kunne ikke lave samlet overblik')}catch(_e){}
      rescueConfirmModal('Samlet overblik','<p>Handlingen kunne ikke udføres.</p>',btn);
    }
  }

  function runRescueClearToTrash(btn){
    // SAFE265: Bevar den eksisterende fejekost-/ryd-tavle-modal.
    try{
      if(typeof clearActiveSlideToTrash==='function')clearActiveSlideToTrash();
      else toast('Ryd tavle-funktionen blev ikke fundet');
    }catch(e){
      console.error('Kunne ikke åbne ryd tavle-modal',e);
      try{toast('Kunne ikke rydde tavle')}catch(_e){}
    }
    try{finishRescue(btn)}catch(_e){}
  }

  function runRescueSortByType(btn){
    // SAFE260: Kopiér widgets fra aktuel tavle til type-tavler.
    rescueCopyWidgetsToTypeBoards(btn);
  }

  let rescueChoiceOpenGuard=false;
  function rescueModalEls(){
    return {
      back:document.getElementById('modalBack'),
      box:document.getElementById('modal')
    };
  }
  function rescueShowModal(html){
    const els=rescueModalEls();
    if(!els.back||!els.box){console.warn('Redningsmodal mangler #modalBack/#modal');return false;}
    els.box.classList.remove('moveWidgetModal');
    els.box.innerHTML=html;
    els.back.style.display='flex';
    return true;
  }
  function rescueCloseModal(){
    const els=rescueModalEls();
    if(els.box)els.box.classList.remove('moveWidgetModal');
    if(els.back)els.back.style.display='none';
  }
  function rescueModalQuery(sel){
    const els=rescueModalEls();
    return els.box?els.box.querySelector(sel):null;
  }
  function rescueModalQueryAll(sel){
    const els=rescueModalEls();
    return els.box?[...els.box.querySelectorAll(sel)]:[];
  }
  function openRescueChoiceModal(btn){
    let active=1;
    let keyHandler=null;
    const renderActive=()=>{
      rescueModalQueryAll('.rescueChoiceCard').forEach(card=>{
        const isActive=Number(card.dataset.choice)===active;
        card.classList.toggle('active',isActive);
        card.setAttribute('aria-selected',isActive?'true':'false');
        card.setAttribute('tabindex',isActive?'0':'-1');
      });
      const activeCard=rescueModalQuery('.rescueChoiceCard.active');
      if(activeCard)try{activeCard.focus({preventScroll:true})}catch(_e){try{activeCard.focus()}catch(_e2){}}
    };
    const cleanup=()=>{
      if(keyHandler)document.removeEventListener('keydown',keyHandler,true);
      const els=rescueModalEls();
      if(keyHandler&&els.back)els.back.removeEventListener('keydown',keyHandler,true);
      if(keyHandler&&els.box)els.box.removeEventListener('keydown',keyHandler,true);
    };
    const close=()=>{
      cleanup();
      rescueChoiceOpenGuard=false;
      rescueCloseModal();
      finishRescue(btn);
    };
    const execute=(choice)=>{
      choice=Number(choice)||1;
      active=choice;
      renderActive();
      if(choice===1){
        cleanup();
        rescueChoiceOpenGuard=false;
        rescueCloseModal();
        setTimeout(()=>runRescueVisibleOnly(btn),0);
        return;
      }
      if(choice===2){
        cleanup();
        rescueChoiceOpenGuard=false;
        rescueCloseModal();
        setTimeout(()=>runRescueVisibleAndSpread(btn),0);
        return;
      }
      if(choice===3){
        cleanup();
        rescueChoiceOpenGuard=false;
        rescueCloseModal();
        setTimeout(()=>{ if(window.__rescueAction3) window.__rescueAction3(btn); else toast('Redningshandling 3 blev ikke fundet'); },0);
        return;
      }
      if(choice===4){
        cleanup();
        rescueChoiceOpenGuard=false;
        rescueCloseModal();
        setTimeout(()=>{ if(window.__rescueAction4) window.__rescueAction4(btn); else toast('Redningshandling 4 blev ikke fundet'); },0);
        return;
      }
      if(choice===5){
        cleanup();
        rescueChoiceOpenGuard=false;
        rescueCloseModal();
        setTimeout(()=>{ if(window.__rescueAction5) window.__rescueAction5(btn); else toast('Redningshandling 5 blev ikke fundet'); },0);
        return;
      }
    };
    if(!rescueShowModal(`<div class="rescueChoiceModal">
      <h2>Redningsbælte</h2>
      <p class="rescueChoiceIntro">Vælg hvor kraftigt tavlen skal reddes. Start med den sikre løsning.</p>
      <div class="rescueChoiceGrid" role="listbox" aria-label="Redningsbælte valg">
        <button type="button" class="rescueChoiceCard active" data-choice="1" role="option" aria-label="Gør alt synligt">
          <strong>1. Gør alt synligt</strong>
          <span>Flytter widgets ind på tavlen uden at ændre layoutet voldsomt.</span>
        </button>
        <button type="button" class="rescueChoiceCard" data-choice="2" role="option" aria-label="Åbn overblik">
          <strong>2. Åbn overblik</strong>
          <span>Viser alle widgets midlertidigt, så du kan vælge én. Ændrer ikke tavlens layout.</span>
        </button>
        <button type="button" class="rescueChoiceCard" data-choice="3" role="option" aria-label="Samlet overblik på tavlen">
          <strong>3. Samlet overblik på tavlen</strong>
          <span>Gør alle widgets små og lægger dem ud på samme tavle.</span>
        </button>
        <button type="button" class="rescueChoiceCard" data-choice="4" role="option" aria-label="Sortér i 3 tavler">
          <strong>4. Sortér i 3 tavler</strong>
          <span>Kopierer widgets til tre tavler: Aktiviteter, Data og tekst, Indhold og visning.</span>
        </button>
        <button type="button" class="rescueChoiceCard" data-choice="5" role="option" aria-label="Ryd tavle til papirkurv">
          <strong>5. Ryd tavle til papirkurv</strong>
          <span>Åbner ryd-tavle-bekræftelse og flytter widgets til papirkurven.</span>
        </button>      </div>
      <div class="rescueChoiceFooter">
        <p class="note rescueChoiceHelp">1/2/3/4/5 vælger · ↑/↓ skifter · Enter udfører · Esc annullerer</p>
        <button id="rescueChoiceCancel" type="button">Annuller</button>
      </div>
    </div>`)){rescueChoiceOpenGuard=false;return;}
    renderActive();
    rescueModalQueryAll('.rescueChoiceCard').forEach(card=>{
      card.onclick=()=>{
        const choice=Number(card.dataset.choice)||1;
        active=choice;
        renderActive();
        execute(choice);
      };
      card.onpointerenter=()=>{
        // Hover må ikke ligne valg, men hvis brugeren klikker/toucher bagefter,
        // er det stadig samme choice der udføres.
      };
      card.onkeydown=(e)=>{
        if(e.key==='Enter'||e.key===' '||e.code==='Space'){
          e.preventDefault();
          e.stopPropagation();
          const choice=Number(card.dataset.choice)||1;
          active=choice;
          renderActive();
          execute(choice);
        }
      };
    });
    const cancel=rescueModalQuery('#rescueChoiceCancel');
    if(cancel)cancel.onclick=close;
    keyHandler=(e)=>{
      const key=String(e.key||'');
      if(key==='Escape'||key==='Esc'){
        e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();
        close();
        return false;
      }
      if(key==='ArrowDown'||key==='ArrowUp'){
        e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();
        const dir=key==='ArrowDown'?1:-1;
        active=((active-1+dir+5)%5)+1;
        renderActive();
        return false;
      }
      if(/^[12345]$/.test(key)){
        e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();
        execute(Number(key));
        return false;
      }
      if(key==='Enter'){
        e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();
        execute(active);
        return false;
      }
    };
    document.addEventListener('keydown',keyHandler,true);
    const els=rescueModalEls();
    if(els.back)els.back.addEventListener('keydown',keyHandler,true);
    if(els.box)els.box.addEventListener('keydown',keyHandler,true);
    setTimeout(()=>{try{renderActive()}catch(_e){}},0);
  }

  function manualRescueAll(btn){
    if(rescueInProgress)return;
    rescueInProgress=true;
    try{
      hardUnlockUi();
      clearUiFocusAndSelection();
      if(btn){
        btn.classList.remove('rescueFlash');
        void btn.offsetWidth;
        btn.classList.add('rescueFlash');
      }
      if(window.rescueWidgetsToViewport)window.rescueWidgetsToViewport({toast:true,arrange:true,resetRotation:true});
      setTimeout(()=>finishRescue(btn),80);
      setTimeout(()=>finishRescue(btn),320);
    }catch(e){
      console.error('Kunne ikke samle widgets',e);
      finishRescue(btn);
    }
  }

  function lightResumeUnlock(){
    // Do not move, resize, arrange or rotate widgets.
    hardUnlockUi();
    clearUiFocusAndSelection();
  }

  function openRescueFromButtonEvent(ev){
    const btn=ev.target&&ev.target.closest&&ev.target.closest('#rescueWidgets');
    if(!btn)return false;
    ev.preventDefault();
    ev.stopPropagation();
    if(ev.stopImmediatePropagation)ev.stopImmediatePropagation();

    // SAFE288: Redningsbæltet skal åbne HVER GANG.
    // Nulstil evt. hængende guard/modal-state før ny åbning.
    try{
      rescueChoiceOpenGuard=false;
      const els=rescueModalEls();
      if(els.box){
        els.box.classList.remove('moveWidgetModal');
        els.box.innerHTML='';
      }
      if(els.back){
        els.back.style.display='none';
      }
    }catch(_e){}

    rescueChoiceOpenGuard=true;
    openRescueChoiceModal(btn);
    return false;
  }

  function safe288SyncTopbarPresentationTools(){
    try{
      const appEl=document.getElementById('app');
      const isPresent=!!(appEl&&appEl.classList.contains('present'));
      ['rescueWidgets','trashTop'].forEach(id=>{
        const el=document.getElementById(id);
        if(!el)return;
        if(isPresent){
          el.style.display='none';
          el.setAttribute('aria-hidden','true');
        }else{
          el.style.removeProperty('display');
          el.removeAttribute('aria-hidden');
        }
      });
    }catch(_e){}
  }
  try{
    safe288SyncTopbarPresentationTools();
    const appEl=document.getElementById('app');
    if(appEl&&!appEl.__safe288PresentObserver){
      appEl.__safe288PresentObserver=true;
      new MutationObserver(safe288SyncTopbarPresentationTools).observe(appEl,{attributes:true,attributeFilter:['class']});
    }
    document.addEventListener('click',()=>setTimeout(safe288SyncTopbarPresentationTools,30),true);
    document.addEventListener('keydown',()=>setTimeout(safe288SyncTopbarPresentationTools,30),true);
  }catch(_e){}

  document.addEventListener('pointerdown',openRescueFromButtonEvent,true);
  document.addEventListener('click',openRescueFromButtonEvent,true);
  setTimeout(()=>{
    const btn=document.getElementById('rescueWidgets');
    if(btn&&!btn.__safe227RescueBound){
      btn.__safe227RescueBound=true;
      btn.addEventListener('click',openRescueFromButtonEvent,true);
      btn.addEventListener('pointerdown',openRescueFromButtonEvent,true);
    }
  },0);

  document.addEventListener('pointerdown',function(ev){
    if(ev.target.closest && ev.target.closest('input,textarea,select,[contenteditable="true"],.textEditor'))return;
    const handle=ev.target&&ev.target.closest&&ev.target.closest('.chrome,.mini button,.resize,.rotater,.widget');
    if(handle)clearUiFocusAndSelection();
  },true);

  function enforceLinkMinSize(){
    try{
      const sl=typeof slide==='function'?slide():null;
      if(!sl||!Array.isArray(sl.widgets))return;
      let changed=false;
      sl.widgets.forEach(w=>{
        if(w.type==='link'){
          if(Number(w.w||0)<260){w.w=260;changed=true;}
          if(Number(w.h||0)<170){w.h=170;changed=true;}
        }
      });
      if(changed){
        if(typeof save==='function')save();
        document.querySelectorAll('.widget[data-type="link"]').forEach(el=>{
          const id=el.dataset.id;
          const w=sl.widgets.find(x=>String(x.id)===String(id));
          if(w){el.style.width=w.w+'px';el.style.height=w.h+'px';}
        });
      }
    }catch(e){}
  }

  document.addEventListener('pointerup',()=>setTimeout(enforceLinkMinSize,20),true);
  // On resize/orientation: only keep link minimums. Do NOT reposition/scale/rotate all widgets.
  window.addEventListener('resize',()=>setTimeout(enforceLinkMinSize,120),{passive:true});
  window.addEventListener('orientationchange',()=>setTimeout(enforceLinkMinSize,250),{passive:true});
  document.addEventListener('visibilitychange',()=>{if(!document.hidden)setTimeout(lightResumeUnlock,120)});
  window.addEventListener('pageshow',()=>setTimeout(lightResumeUnlock,120),{passive:true});
  window.tavleLightResumeUnlock=lightResumeUnlock;
})();

</script>
<!-- Removed discarded Grupper functional override containing: const __oldWireGroups = window.wireGroups; -->


<script id="widget-overview-js">
(function(){
  function ready(fn){
    if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',fn,{once:true});
    else fn();
  }
  ready(function(){
    const app=document.getElementById('app');
    const btn=document.getElementById('widgetCycle');
    if(!app || !btn) return;
    btn.title='Widget-overblik (Cmd/Ctrl+O)';
    btn.setAttribute('aria-label','Widget-overblik');
    btn.classList.add('widgetOverviewToggle');
    btn.classList.remove('active');

    if(!document.getElementById('widget-overview-style-v4')){
      const st=document.createElement('style');
      st.id='widget-overview-style-v4';
      st.textContent=`
        body.widgetOverviewMode .toolbar,
        body.widgetOverviewMode .toolbarPeek,
        body.widgetOverviewMode .toolbarPinFloat,
        body.widgetOverviewMode .drawPanel{display:none!important}
        body.widgetOverviewMode .widgetOverviewItem{
          outline:3px solid rgba(255,255,255,.55)!important;
          box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
          cursor:pointer!important;overflow:hidden!important;border-radius:14px!important;
        }
        body.widgetOverviewMode .widgetOverviewItem.widgetOverviewSelected{
          outline:5px solid #6d5dfc!important;
          box-shadow:0 0 0 4px rgba(109,93,252,.22),0 18px 42px rgba(0,0,0,.38)!important;
        }
        body.widgetOverviewMode .widgetOverviewItem:hover{outline-color:#f59e0b!important}
        body.widgetOverviewMode .widgetOverviewItem .chrome,
        body.widgetOverviewMode .widgetOverviewItem .resize,
        body.widgetOverviewMode .widgetOverviewItem .rotater,
        body.widgetOverviewMode .widgetOverviewItem .widget-control,
        body.widgetOverviewMode .widgetOverviewItem .mediaActions,
        body.widgetOverviewMode .widgetOverviewItem .pdfControls,
        body.widgetOverviewMode .widgetOverviewItem .linkBox .edit{display:none!important}
        body.widgetOverviewMode .widgetOverviewItem .content{
          height:100%!important;border-radius:14px!important;overflow:hidden!important;
        }
        body.widgetOverviewMode .widget:not(.widgetOverviewItem){opacity:.18!important;pointer-events:none!important}
        body.widgetOverviewMode #app::after{
          content:"";position:absolute;inset:0;z-index:15;pointer-events:none;background:rgba(0,0,0,.10);
        }
        body.widgetOverviewMode .widgetOverviewHint{
          position:absolute;left:50%;bottom:92px;transform:translateX(-50%);z-index:9999;
          background:rgba(17,24,39,.92);color:white;border-radius:999px;padding:10px 16px;
          font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.25);pointer-events:none;text-align:center;
        }
        #widgetCycle.widgetCycleBtn,#widgetCycle.widgetOverviewToggle{margin-left:8px!important}
        #widgetCycle.widgetOverviewToggle:not(.active){background:#4b5563!important;color:white!important;box-shadow:none!important}
        body.widgetOverviewMode #widgetCycle.widgetOverviewToggle,
        #widgetCycle.widgetOverviewToggle.active{background:#6d5dfc!important;color:white!important;box-shadow:0 0 0 2px rgba(255,255,255,.14) inset!important}

        body.widgetOverviewMode .widgetOverviewItem.widgetOverviewSelected{z-index:8500!important}
        body:not(.widgetOverviewMode) .widget.selected,
        body:not(.widgetOverviewMode) .widget.focused,
        body:not(.widgetOverviewMode) .widget.focusTarget,
        body.focus-mode .widget.selected,
        body.focus-mode .widget.focused,
        body.focus-mode .widget.focusTarget,
        body.focus-edit .widget.selected,
        body.focus-edit .widget.focused,
        body.focus-edit .widget.focusTarget,
        body.focus-presentation .widget.selected,
        body.focus-presentation .widget.focused,
        body.focus-presentation .widget.focusTarget,
        body.focus-maximized .widget.selected,
        body.focus-maximized .widget.focused,
        body.focus-maximized .widget.focusTarget{
          z-index:214748000!important;
        }
      `;
      document.head.appendChild(st);
    }

    let overviewOpen=false;
    let stored=[];
    let hint=null;
    let activeIndex=0;
    let beforeState=null;
    let overviewCols=1;

    function cssEscape(v){ return (window.CSS&&CSS.escape) ? CSS.escape(String(v)) : String(v).replace(/"/g,'\\"'); }
    function widgets(){
      return Array.from(document.querySelectorAll('.widget'))
        .filter(el=>el && el.offsetParent!==null && !el.classList.contains('hidden'));
    }
    function getId(el){ return el && el.dataset ? el.dataset.id : ''; }
    function currentOverviewItems(){ return Array.from(document.querySelectorAll('.widgetOverviewItem')); }
    function setButtonActive(on){ btn.classList.toggle('active',!!on); btn.setAttribute('aria-pressed',on?'true':'false'); }
    function removeFocusModeClasses(){
      ['focus-mode','focus-edit','focus-presentation','focus-maximized','focusMode'].forEach(function(c){document.body.classList.remove(c); app.classList.remove(c);});
    }
    function restoreModeClassesFromBefore(){
      if(!beforeState) return;
      document.body.className=beforeState.bodyClasses || '';
      app.className=beforeState.appClasses || app.className;
      document.body.classList.remove('widgetOverviewMode');
      app.classList.remove('widgetOverviewMode');
    }

    function isRealFocusActive(){
      return document.body.classList.contains('focus-mode') ||
             document.body.classList.contains('focus-edit') ||
             document.body.classList.contains('focus-presentation') ||
             document.body.classList.contains('focus-maximized');
    }
    function topWidgetZ(){
      let m=0;
      document.querySelectorAll('.widget').forEach(w=>{
        const zi=parseInt(w.style.zIndex || getComputedStyle(w).zIndex || '0',10);
        if(Number.isFinite(zi)) m=Math.max(m,zi);
      });
      return Math.max(m, window.__widgetOverviewTopZ||9000);
    }
    function bumpWidgetToFront(el){
      if(!el) return;
      const nextZ=(window.__widgetOverviewTopZ=topWidgetZ()+1);
      el.style.zIndex=String(nextZ);
      try{
        const id=getId(el);
        if(id && typeof window.slide==='function'){
          const data=(slide().widgets||[]).find(w=>String(w.id)===String(id));
          if(data) data.z=nextZ;
        }
      }catch(_e){}
    }
    function selectWidget(el){
      if(!el) return;
      const id=getId(el);
      try{ if(id && typeof window.select==='function') window.select(id); }catch(_e){}
      try{ if(id && typeof window.selectWidget==='function') window.selectWidget(id); }catch(_e){}
      document.querySelectorAll('.widget').forEach(w=>{
        if(w!==el) w.classList.remove('selected','focused','focusTarget');
      });
      el.classList.add('selected');
      if(isRealFocusActive()){
        document.querySelectorAll('.widget').forEach(w=>{ if(w!==el) w.classList.remove('focused','focusTarget'); });
        el.classList.add('focused','focusTarget');
      }
      bumpWidgetToFront(el);
    }
    function focusChosenWidget(el){
      if(!el) return;
      selectWidget(el);
      el.classList.add('focused','focusTarget');
      bumpWidgetToFront(el);
      if(isRealFocusActive()) return;
      setTimeout(function(){
        try{
          const api=window.tavleShortcutAPI||{};
          if(api.toggleFocusShortcut) api.toggleFocusShortcut();
          else document.dispatchEvent(new KeyboardEvent('keydown',{key:'f',bubbles:true,cancelable:true}));
          el.classList.add('focused','focusTarget');
          bumpWidgetToFront(el);
        }catch(_e){}
      },40);
    }
    function maximizeChosenWidget(el){
      if(!el) return;
      selectWidget(el);
      el.classList.add('focused','focusTarget');
      bumpWidgetToFront(el);
      setTimeout(function(){
        try{
          const api=window.tavleShortcutAPI||{};
          if(api.toggleMaximizedFocusShortcut) api.toggleMaximizedFocusShortcut();
          else document.dispatchEvent(new KeyboardEvent('keydown',{key:'F',shiftKey:true,bubbles:true,cancelable:true}));
          el.classList.add('focused','focusTarget');
          bumpWidgetToFront(el);
        }catch(_e){}
      },70);
    }
    function clampIndex(i){
      const items=currentOverviewItems();
      if(!items.length) return 0;
      return Math.max(0,Math.min(items.length-1,i));
    }
    function setOverviewSelection(index){
      const items=currentOverviewItems();
      if(!items.length) return;
      activeIndex=clampIndex(index);
      items.forEach((el,i)=>el.classList.toggle('widgetOverviewSelected',i===activeIndex));
      try{ items[activeIndex].scrollIntoView({block:'nearest',inline:'nearest'}); }catch(_e){}
    }
    function moveOverviewSelection(dir){
      const items=currentOverviewItems();
      if(!items.length) return;
      const cols=Math.max(1,overviewCols||1);
      let next=activeIndex;
      if(dir==='right') next=activeIndex+1;
      if(dir==='left') next=activeIndex-1;
      if(dir==='down') next=activeIndex+cols;
      if(dir==='up') next=activeIndex-cols;
      setOverviewSelection(next);
    }
    function selectedOverviewWidget(){ return currentOverviewItems()[activeIndex] || currentOverviewItems()[0] || null; }

    function capture(){
      beforeState={
        bodyClasses:document.body.className,
        appClasses:app.className,
        selected:document.querySelector('.widget.selected') ? getId(document.querySelector('.widget.selected')) : '',
        wasFocus:isRealFocusActive()
      };
      stored=widgets().map(el=>({
        el:el,id:getId(el),
        left:el.style.left,top:el.style.top,width:el.style.width,height:el.style.height,
        transform:el.style.transform,transformOrigin:el.style.transformOrigin,zIndex:el.style.zIndex,
        transition:el.style.transition,pointerEvents:el.style.pointerEvents
      }));
    }
    function restore(){
      stored.forEach(s=>{
        const el=s.el && s.el.isConnected ? s.el : (s.id?document.querySelector('.widget[data-id="'+cssEscape(s.id)+'"]'):null);
        if(!el) return;
        el.style.left=s.left; el.style.top=s.top; el.style.width=s.width; el.style.height=s.height;
        el.style.transform=s.transform; el.style.transformOrigin=s.transformOrigin; el.style.zIndex=s.zIndex;
        el.style.transition=s.transition; el.style.pointerEvents=s.pointerEvents;
        el.classList.remove('widgetOverviewItem','widgetOverviewSelected');
      });
      stored=[];
    }
    function closeOverview(chosen, opts){
      opts=opts||{};
      if(!overviewOpen) return;
      const wasFocus=!!(beforeState && beforeState.wasFocus);
      overviewOpen=false;
      app.classList.remove('widgetOverviewMode');
      document.body.classList.remove('widgetOverviewMode');
      setButtonActive(false);
      if(hint){ hint.remove(); hint=null; }
      restore();
      restoreModeClassesFromBefore();
      if(chosen){
        if(opts.maximize) maximizeChosenWidget(chosen);
        else if(opts.focus || wasFocus) focusChosenWidget(chosen);
        else selectWidget(chosen);
      }
      beforeState=null;
      try{ if(typeof window.toast==='function') window.toast(chosen?(opts.focus?'Widget i fokus':(opts.maximize?'Widget maksimeret':'Widget valgt')):'Widget-overblik lukket'); }catch(_e){}
    }
    function openOverview(){
      if(overviewOpen){ closeOverview(); return; }
      const ws=widgets();
      if(!ws.length){ try{ if(typeof window.toast==='function') window.toast('Ingen widgets på tavlen'); }catch(_e){} return; }
      overviewOpen=true;
      capture();
      removeFocusModeClasses();
      app.classList.add('widgetOverviewMode');
      document.body.classList.add('widgetOverviewMode');
      setButtonActive(true);

      const rect=app.getBoundingClientRect();
      const topPad=86, bottomPad=118, sidePad=28, gap=12;
      const availW=Math.max(260, rect.width - sidePad*2);
      const availH=Math.max(220, rect.height - topPad - bottomPad);
      const n=ws.length;
      let best={cols:1,rows:n,score:Infinity,w:availW,h:availH};
      for(let cols=1; cols<=Math.min(n,5); cols++){
        const rows=Math.ceil(n/cols);
        const cellW=(availW-gap*(cols-1))/cols;
        const cellH=(availH-gap*(rows-1))/rows;
        const ratio=cellW/cellH;
        const score=Math.abs(Math.log(ratio/1.45)) + rows*.08;
        if(score<best.score) best={cols:cols,rows:rows,score:score,w:cellW,h:cellH};
      }
      overviewCols=Math.max(1,best.cols||1);
      const gridW=best.cols*best.w+(best.cols-1)*gap;
      const startX=Math.max(sidePad,(rect.width-gridW)/2);
      const startY=topPad;
      ws.forEach((el,i)=>{
        const col=i%best.cols, row=Math.floor(i/best.cols);
        const x=startX+col*(best.w+gap), y=startY+row*(best.h+gap);
        const oldW=el.offsetWidth||360, oldH=el.offsetHeight||240;
        const scale=Math.min(best.w/oldW, best.h/oldH, 1.05);
        const shownW=Math.max(150, Math.min(best.w, oldW*scale));
        const shownH=Math.max(105, Math.min(best.h, oldH*scale));
        el.style.transition='left .18s ease, top .18s ease, width .18s ease, height .18s ease, transform .18s ease, box-shadow .18s ease';
        el.style.left=Math.round(x+(best.w-shownW)/2)+'px';
        el.style.top=Math.round(y+(best.h-shownH)/2)+'px';
        el.style.width=Math.round(shownW)+'px';
        el.style.height=Math.round(shownH)+'px';
        el.style.transform='rotate(0deg)';
        el.style.transformOrigin='center center';
        el.style.zIndex=String(7000+i);
        el.style.pointerEvents='auto';
        el.classList.add('widgetOverviewItem');
        el.classList.remove('selected','focused','focusTarget');
      });
      const selectedId=(beforeState&&beforeState.selected)||'';
      activeIndex=Math.max(0, ws.findIndex(el=>getId(el)===selectedId));
      setOverviewSelection(activeIndex);
      hint=document.createElement('div');
      hint.className='widgetOverviewHint';
      hint.textContent='Widget-overblik: pile vælger i grid · Enter/tap åbner · F fokus · Shift+F maksimerer · ESC lukker';
      app.appendChild(hint);
      try{ if(typeof window.toast==='function') window.toast('Widget-overblik'); }catch(_e){}
    }

    btn.addEventListener('click',function(e){
      e.preventDefault(); e.stopPropagation();
      if(overviewOpen) closeOverview(); else openOverview();
    });

    document.addEventListener('click',function(e){
      if(!overviewOpen) return;
      const w=e.target && e.target.closest && e.target.closest('.widgetOverviewItem');
      if(w){
        e.preventDefault(); e.stopPropagation();
        closeOverview(w);
        return;
      }
      if(e.target===btn || (e.target.closest && e.target.closest('#widgetCycle'))) return;
      if(e.target.closest && e.target.closest('.topbar')) return;
      e.preventDefault(); e.stopPropagation();
      closeOverview();
    },true);

    window.addEventListener('keydown',function(e){
      const key=String(e.key||'');
      const lower=key.toLowerCase();
      if((e.metaKey || e.ctrlKey) && !e.altKey && lower==='o'){
        e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();
        if(overviewOpen) closeOverview(); else openOverview();
        return;
      }
      if(!overviewOpen) return;
      /* v7: In overview, Cmd/Ctrl+Left/Right moves the selected widget to another board.
         Close overview first so temporary grid layout is never saved as widget geometry. */
      if((e.metaKey || e.ctrlKey) && !e.altKey && !e.shiftKey && (key==='ArrowRight' || key==='ArrowLeft')){
        e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();
        const chosen=selectedOverviewWidget();
        const dir=key==='ArrowRight' ? 1 : -1;
        closeOverview(chosen);
        setTimeout(function(){
          try{
            const id=getId(chosen);
            if(id){
              if(typeof window.select==='function') window.select(id);
              else if(typeof window.selectWidget==='function') window.selectWidget(id);
            }
            if(typeof moveSelectedWidgetBySlideDirection==='function') moveSelectedWidgetBySlideDirection(dir);
          }catch(_e){}
        },20);
        return;
      }
      if(['ArrowRight','ArrowDown','ArrowLeft','ArrowUp','Enter','Escape'].includes(key) || lower==='f'){
        e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();
      }
      if(key==='Escape'){
        closeOverview();
      }else if(key==='Enter'){
        closeOverview(selectedOverviewWidget());
      }else if(key==='ArrowRight'){
        moveOverviewSelection('right');
      }else if(key==='ArrowLeft'){
        moveOverviewSelection('left');
      }else if(key==='ArrowDown'){
        moveOverviewSelection('down');
      }else if(key==='ArrowUp'){
        moveOverviewSelection('up');
      }else if(lower==='f' && e.shiftKey){
        closeOverview(selectedOverviewWidget(),{maximize:true});
      }else if(lower==='f'){
        closeOverview(selectedOverviewWidget(),{focus:true});
      }
    },true);

    window.closeWidgetOverview=closeOverview;
    window.openWidgetOverview=openOverview;
    window.toggleWidgetOverview=function(){ if(overviewOpen) closeOverview(); else openOverview(); };
    setButtonActive(false);
  });
})();
</script>


<script id="widget-overview-v5-focus-key-fix">

(function(){
  function ready(fn){
    if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',fn,{once:true});
    else fn();
  }
  ready(function(){
    const app=document.getElementById('app');
    const btn=document.getElementById('widgetCycle');
    if(!app || !btn) return;

    /* v5: clean initial state for overview button/classes */
    try{
      document.body.classList.remove('widgetOverviewMode');
      app.classList.remove('widgetOverviewMode');
      btn.classList.remove('active');
      btn.setAttribute('aria-pressed','false');
    }catch(_e){}

    if(!document.getElementById('widget-overview-v5-style')){
      const st=document.createElement('style');
      st.id='widget-overview-v5-style';
      st.textContent=`
        /* v5: in overview there is exactly one clear selection mark */
        body.widgetOverviewMode .widgetOverviewItem{
          outline:3px solid rgba(255,255,255,.55)!important;
          box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
        }
        body.widgetOverviewMode .widgetOverviewItem.selected,
        body.widgetOverviewMode .widgetOverviewItem.focused,
        body.widgetOverviewMode .widgetOverviewItem.focusTarget{
          outline:3px solid rgba(255,255,255,.55)!important;
          box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
        }
        body.widgetOverviewMode .widgetOverviewItem.widgetOverviewSelected,
        body.widgetOverviewMode .widgetOverviewItem.widgetOverviewSelected.selected,
        body.widgetOverviewMode .widgetOverviewItem.widgetOverviewSelected.focused,
        body.widgetOverviewMode .widgetOverviewItem.widgetOverviewSelected.focusTarget{
          outline:6px solid #6d5dfc!important;
          box-shadow:0 0 0 4px rgba(109,93,252,.28),0 20px 48px rgba(0,0,0,.42)!important;
          z-index:214748200!important;
        }
        /* v5: selected/focused/maximized widget must always win the stack */
        body:not(.widgetOverviewMode) .widget.selected,
        body:not(.widgetOverviewMode) .widget.focused,
        body:not(.widgetOverviewMode) .widget.focusTarget,
        body.focus-mode:not(.widgetOverviewMode) .widget.selected,
        body.focus-mode:not(.widgetOverviewMode) .widget.focused,
        body.focus-mode:not(.widgetOverviewMode) .widget.focusTarget,
        body.focus-edit:not(.widgetOverviewMode) .widget.selected,
        body.focus-edit:not(.widgetOverviewMode) .widget.focused,
        body.focus-edit:not(.widgetOverviewMode) .widget.focusTarget,
        body.focus-presentation:not(.widgetOverviewMode) .widget.selected,
        body.focus-presentation:not(.widgetOverviewMode) .widget.focused,
        body.focus-presentation:not(.widgetOverviewMode) .widget.focusTarget,
        body.focus-maximized:not(.widgetOverviewMode) .widget.selected,
        body.focus-maximized:not(.widgetOverviewMode) .widget.focused,
        body.focus-maximized:not(.widgetOverviewMode) .widget.focusTarget{
          z-index:214748200!important;
        }
      `;
      document.head.appendChild(st);
    }

    function isOverview(){ return document.body.classList.contains('widgetOverviewMode') || app.classList.contains('widgetOverviewMode'); }
    function isFocusActive(){
      return document.body.classList.contains('focus-mode') ||
             document.body.classList.contains('focus-edit') ||
             document.body.classList.contains('focus-presentation') ||
             document.body.classList.contains('focus-maximized') ||
             app.classList.contains('focusMode') ||
             app.classList.contains('focus-mode');
    }
    function topZ(){
      let m=0;
      document.querySelectorAll('.widget').forEach(w=>{
        const z=parseInt(w.style.zIndex || getComputedStyle(w).zIndex || '0',10);
        if(Number.isFinite(z)) m=Math.max(m,z);
      });
      return Math.max(m, window.__widgetOverviewTopZ || 9000);
    }
    function setFront(el){
      if(!el) return;
      const z=(window.__widgetOverviewTopZ=topZ()+1);
      el.style.zIndex=String(z);
      try{
        const id=el.dataset && el.dataset.id;
        if(id && typeof window.slide==='function'){
          const data=(slide().widgets||[]).find(w=>String(w.id)===String(id));
          if(data) data.z=z;
        }
      }catch(_e){}
    }
    function normalizeSelectedFocus(){
      if(isOverview()) return;
      const sel=document.querySelector('.widget.selected:not(.focused):not(.focusTarget)') || document.querySelector('.widget.selected') || document.querySelector('.widget.focused') || document.querySelector('.widget.focusTarget');
      if(!sel) return;
      if(isFocusActive()){
        document.querySelectorAll('.widget').forEach(w=>{
          if(w!==sel) w.classList.remove('selected','focused','focusTarget');
        });
        sel.classList.add('selected','focused','focusTarget');
      }else{
        sel.classList.add('selected');
      }
      setFront(sel);
    }
    function normalizeOverviewSelection(){
      if(!isOverview()) return;
      const items=Array.from(document.querySelectorAll('.widgetOverviewItem'));
      const active=document.querySelector('.widgetOverviewItem.widgetOverviewSelected') || items.find(w=>w.classList.contains('selected')) || items[0];
      items.forEach(w=>{
        w.classList.remove('selected','focused','focusTarget');
        if(w!==active){ w.classList.remove('widgetOverviewSelected'); }
      });
      if(active){ active.classList.add('widgetOverviewSelected'); active.style.zIndex='214748200'; }
      btn.classList.add('active');
      btn.setAttribute('aria-pressed','true');
    }

    /* Cmd/Ctrl+O must always be widget overview, never maximize/open-file. */
    function cmdOHandler(e){
      const k=String(e.key||'').toLowerCase();
      if((e.metaKey || e.ctrlKey) && !e.altKey && !e.shiftKey && k==='o'){
        e.preventDefault();
        e.stopPropagation();
        if(e.stopImmediatePropagation) e.stopImmediatePropagation();
        try{
          if(typeof window.toggleWidgetOverview==='function') window.toggleWidgetOverview();
          else btn.click();
        }catch(_e){ try{ btn.click(); }catch(_e2){} }
        return false;
      }
    }
    window.addEventListener('keydown',cmdOHandler,true);
    document.addEventListener('keydown',cmdOHandler,true);
    app.addEventListener('keydown',cmdOHandler,true);

    /* Up/down changes widgets in normal mode; when in focus, the focus must follow selected widget. */
    function afterNav(e){
      const k=String(e.key||'');
      if(isOverview()){
        if(['ArrowLeft','ArrowRight','ArrowUp','ArrowDown'].includes(k)) setTimeout(normalizeOverviewSelection,0);
        return;
      }
      if(k==='ArrowUp' || k==='ArrowDown'){
        setTimeout(normalizeSelectedFocus,0);
        setTimeout(normalizeSelectedFocus,60);
      }
      if(k==='F' && e.shiftKey){
        setTimeout(normalizeSelectedFocus,90);
      }
    }
    window.addEventListener('keydown',afterNav,true);
    document.addEventListener('keyup',afterNav,true);
    document.addEventListener('click',function(e){
      setTimeout(function(){ if(isOverview()) normalizeOverviewSelection(); else normalizeSelectedFocus(); },0);
    },true);

    /* Last-resort sync while in focus/overview after external handlers have changed selection. */
    let lastSel='';
    setInterval(function(){
      try{
        if(isOverview()){
          normalizeOverviewSelection();
          return;
        }
        const sel=document.querySelector('.widget.selected') || document.querySelector('.widget.focused') || document.querySelector('.widget.focusTarget');
        const id=sel && sel.dataset ? String(sel.dataset.id||'') : '';
        if(id && (id!==lastSel || isFocusActive())){
          lastSel=id;
          normalizeSelectedFocus();
        }
      }catch(_e){}
    },250);
  });
})();

</script>

<script id="widget-overview-v6-focus-overview-fix">
(function(){
  function ready(fn){ if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',fn,{once:true}); else fn(); }
  ready(function(){
    var app=document.getElementById('app'); var btn=document.getElementById('widgetCycle'); if(!app) return;
    if(!document.getElementById('widget-overview-v6-style')){
      var st=document.createElement('style'); st.id='widget-overview-v6-style'; st.textContent='body.widgetOverviewMode .widgetOverviewItem{opacity:1!important;filter:none!important;visibility:visible!important} body.widgetOverviewMode .widgetOverviewItem.widgetOverviewSelected{outline:6px solid #6d5dfc!important;box-shadow:0 0 0 4px rgba(109,93,252,.30),0 22px 52px rgba(0,0,0,.44)!important;z-index:214748250!important} body:not(.widgetOverviewMode) .widget.selected,body:not(.widgetOverviewMode) .widget.focused,body:not(.widgetOverviewMode) .widget.focusTarget{z-index:214748250!important}';
      document.head.appendChild(st);
    }
    function isOverview(){return document.body.classList.contains('widgetOverviewMode')||app.classList.contains('widgetOverviewMode');}
    function isFocus(){return ['focus-mode','focus-edit','focus-presentation','focus-maximized','focusMode'].some(function(c){return document.body.classList.contains(c)||app.classList.contains(c);});}
    function topZ(){var m=0;document.querySelectorAll('.widget').forEach(function(w){var z=parseInt(w.style.zIndex||getComputedStyle(w).zIndex||'0',10);if(Number.isFinite(z))m=Math.max(m,z);});return Math.max(m,window.__widgetOverviewTopZ||9000);}
    function front(w){if(!w)return;var z=(window.__widgetOverviewTopZ=topZ()+1);w.style.zIndex=String(z);}
    function currentSelected(){return document.querySelector('.widget.selected:not(.focused):not(.focusTarget)')||document.querySelector('.widget.selected')||document.querySelector('.widget.focused')||document.querySelector('.widget.focusTarget');}
    function syncFocusSelection(){
      if(isOverview()) return;
      var sel=currentSelected(); if(!sel) return;
      if(isFocus()){document.querySelectorAll('.widget').forEach(function(w){if(w!==sel)w.classList.remove('selected','focused','focusTarget');}); sel.classList.add('selected','focused','focusTarget');}
      else {document.querySelectorAll('.widget').forEach(function(w){if(w!==sel)w.classList.remove('focused','focusTarget');}); sel.classList.add('selected');}
      front(sel);
    }
    function cleanOverviewButton(){ if(btn && !isOverview()){btn.classList.remove('active');btn.setAttribute('aria-pressed','false');} }
    cleanOverviewButton();
    document.addEventListener('keydown',function(e){
      var k=String(e.key||''); var lower=k.toLowerCase();
      if((e.metaKey||e.ctrlKey)&&!e.altKey&&!e.shiftKey&&lower==='o'){ e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation(); try{ if(typeof window.toggleWidgetOverview==='function') window.toggleWidgetOverview(); else if(btn) btn.click(); }catch(_e){} return false; }
      if(!isOverview() && (k==='ArrowUp'||k==='ArrowDown')){ setTimeout(syncFocusSelection,0); setTimeout(syncFocusSelection,80); }
      if(!isOverview() && k==='F' && e.shiftKey){ setTimeout(syncFocusSelection,120); }
    },true);
    document.addEventListener('keyup',function(e){ if(!isOverview() && (e.key==='ArrowUp'||e.key==='ArrowDown')) setTimeout(syncFocusSelection,0); },true);
    setInterval(function(){try{ if(!isOverview()){cleanOverviewButton(); if(isFocus()) syncFocusSelection();}}catch(_e){}},300);
  });
})();
</script>


<script id="widget-overview-v8-fixed-clean-overview-slide-reset">
(function(){
  function ready(fn){ if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',fn,{once:true}); else fn(); }
  ready(function(){
    var app=document.getElementById('app');
    if(!app) return;

    if(!document.getElementById('widget-overview-v8-fixed-style')){
      var st=document.createElement('style');
      st.id='widget-overview-v8-fixed-style';
      st.textContent=[
        /* Overview skal være ren: ingen topbar/toolbar, kun tavletitel bliver stående. */
        'body.widgetOverviewMode .topbar{display:none!important;opacity:0!important;pointer-events:none!important}',
        'body.widgetOverviewMode .toolbar,body.widgetOverviewMode .toolbarPeek,body.widgetOverviewMode .toolbarPinFloat,body.widgetOverviewMode .drawPanel,#toolbarWakeZone{display:none!important;opacity:0!important;pointer-events:none!important}',
        'body.widgetOverviewMode .title,body.widgetOverviewMode #title{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;z-index:214748260!important}',
        /* Valgt/fokus/max skal altid ligge øverst udenfor overview. */
        'body:not(.widgetOverviewMode) .widget.selected,body:not(.widgetOverviewMode) .widget.focused,body:not(.widgetOverviewMode) .widget.focusTarget{z-index:214748250!important}',
        'body.widgetOverviewMode .widgetOverviewItem.widgetOverviewSelected{outline:6px solid #6d5dfc!important;box-shadow:0 0 0 4px rgba(109,93,252,.30),0 22px 52px rgba(0,0,0,.44)!important;z-index:214748250!important}'
      ].join('\n');
      document.head.appendChild(st);
    }

    function overviewOn(){ return document.body.classList.contains('widgetOverviewMode') || app.classList.contains('widgetOverviewMode'); }
    function clearFocusAndMax(){
      var classes=['focus-mode','focus-edit','focus-presentation','focus-maximized','focusMode','maximized-from-edit','maximizedFocus','focusMaximized'];
      classes.forEach(function(c){ document.body.classList.remove(c); app.classList.remove(c); });
      document.querySelectorAll('.widget').forEach(function(w){
        w.classList.remove('focused','focusTarget','maximized','maximizedFocus','focusMaximized');
        w.style.opacity='';
        w.style.filter='';
        w.style.visibility='';
      });
      document.querySelectorAll('#focusExit,#maxEmergencyExit,.focusExit,.maxEmergencyExit').forEach(function(el){
        if(el && el.style) el.style.display='none';
      });
    }

    /* Åbner overview rent, også hvis man kom fra fokus/maksimeret. Den gamle overview-logik husker stadig, om fokus var aktivt. */
    var openOld=window.openWidgetOverview;
    if(typeof openOld==='function' && !openOld.__v8FixedWrapped){
      var openNew=function(){
        var r=openOld.apply(this,arguments);
        setTimeout(function(){
          if(overviewOn()){
            clearFocusAndMax();
            document.body.classList.add('widgetOverviewMode');
            app.classList.add('widgetOverviewMode');
          }
        },0);
        return r;
      };
      openNew.__v8FixedWrapped=true;
      window.openWidgetOverview=openNew;
      window.toggleWidgetOverview=function(){
        if(overviewOn() && typeof window.closeWidgetOverview==='function') window.closeWidgetOverview();
        else window.openWidgetOverview();
      };
    }

    function wrapBoardChange(name){
      var old=window[name];
      if(typeof old!=='function' || old.__v8FixedWrapped) return;
      var fn=function(){
        if(overviewOn() && typeof window.closeWidgetOverview==='function') window.closeWidgetOverview();
        clearFocusAndMax();
        var r=old.apply(this,arguments);
        setTimeout(clearFocusAndMax,0);
        setTimeout(clearFocusAndMax,80);
        return r;
      };
      fn.__v8FixedWrapped=true;
      window[name]=fn;
    }
    wrapBoardChange('nextSlide');
    wrapBoardChange('prevSlide');

    /* Topbar-knapper og almindeligt tastatur-tavleskift må ikke trække fokus/max med over på næste tavle. */
    ['prev','next'].forEach(function(id){
      var el=document.getElementById(id);
      if(el){ el.addEventListener('click',function(){ setTimeout(clearFocusAndMax,0); setTimeout(clearFocusAndMax,80); },true); }
    });
    document.addEventListener('keydown',function(e){
      var key=e.key||'';
      var lower=String(key).toLowerCase();
      if((e.metaKey||e.ctrlKey) && !e.altKey && !e.shiftKey && lower==='o'){
        e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation) e.stopImmediatePropagation();
        if(typeof window.toggleWidgetOverview==='function') window.toggleWidgetOverview();
        return false;
      }
      if(!overviewOn() && (key==='ArrowLeft' || key==='ArrowRight') && !e.metaKey && !e.ctrlKey && !e.altKey && !e.shiftKey){
        setTimeout(clearFocusAndMax,0);
        setTimeout(clearFocusAndMax,80);
      }
    },true);
  });
})();
</script>


<!-- v1.2.46 Måns patch: wheel cleanup, text/dataset as one widget, visible list assets, trash system -->
<style>
  .importSummaryBackdrop{z-index:2147483300!important}.importSummaryCard{z-index:2147483400!important}
  .datasetTextTools .datasetAsPreview,.datasetTextTools .datasetAsText,.datasetTextTools .datasetDownload{background:#eef2ff!important;color:#312e81!important}

/* dataset list modal layout fix: checkboxes and labels on iPad */
.datasetListBuilder{gap:12px!important;max-height:calc(92vh - 90px)!important;overflow:auto!important;padding-right:2px!important;}
.datasetListBuilder .cols{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:10px 14px!important;max-height:210px!important;overflow:auto!important;background:#f8fafc!important;border-radius:14px!important;padding:12px!important;align-items:start!important;}
.datasetListBuilder .colTools{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;}
.datasetListBuilder .colTools button{padding:7px 10px!important;border-radius:10px!important;}
.datasetListBuilder .cols label{display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;font-weight:850!important;line-height:1.18!important;min-width:0!important;}
.datasetListBuilder input[type="checkbox"]{width:22px!important;height:22px!important;min-width:22px!important;margin:0!important;padding:0!important;appearance:auto!important;-webkit-appearance:checkbox!important;}
.datasetListBuilder .sepRow{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;align-items:end!important;}
.datasetListBuilder .sepRow label{display:grid!important;grid-template-columns:minmax(88px,auto) minmax(0,1fr)!important;gap:10px!important;align-items:center!important;font-weight:850!important;line-height:1.15!important;}
.datasetListBuilder select,.datasetListBuilder input[type="text"],.datasetListBuilder #dsListCustom{width:100%!important;margin:0!important;min-width:0!important;}
.datasetListBuilder .preview{white-space:pre!important;max-height:175px!important;overflow:auto!important;line-height:1.25!important;}
.datasetListBuilder .actions{position:sticky!important;bottom:0!important;background:white!important;padding-top:8px!important;z-index:2!important;}
.modal:has(.datasetListBuilder){width:min(720px,92vw)!important;max-height:92vh!important;overflow:hidden!important;padding:18px 22px!important;}
@media(max-width:700px){
  .modal:has(.datasetListBuilder){width:92vw!important;max-height:92vh!important;padding:16px!important;}
  .datasetListBuilder .cols{grid-template-columns:1fr!important;max-height:230px!important;}
  .datasetListBuilder .sepRow{grid-template-columns:1fr!important;}
  .datasetListBuilder .sepRow label{grid-template-columns:1fr!important;gap:5px!important;}
}


/* v1.2.45-kahoopardy-phase1.12: ekte Jeopardy-board med kategorikolonner, full-fit grid og turregel */
.kahoopardyJeopardy{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;overflow:hidden!important}
.kahoopardyJeopardyTurnBanner{text-align:center;font-weight:950;font-size:clamp(14px,1.6vw,24px);opacity:.92;background:rgba(255,255,255,.10);border-radius:999px;padding:7px 12px;justify-self:center}
.kahoopardyJeopardyGrid{min-height:0;height:100%;display:grid!important;gap:8px!important;overflow:hidden!important;padding:4px!important;box-sizing:border-box!important}
.kahoopardyJeopardyCat{border-radius:12px;background:rgba(255,255,255,.18);font-size:clamp(12px,1.55vw,24px);font-weight:950;text-align:center;padding:6px;display:grid;place-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.05;text-wrap:balance}
.kahoopardyJeopardyCard{border:0;border-radius:12px;background:#1d4ed8;color:#facc15;font-size:clamp(18px,3.2vw,48px);font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.22);min-height:0;height:100%;padding:4px;display:grid;place-items:center;touch-action:manipulation}
.kahoopardyJeopardyCard.used,.kahoopardyJeopardyBlank{background:rgba(255,255,255,.08);color:rgba(255,255,255,.28);box-shadow:none;border-radius:12px;min-height:0}
.kahoopardyJeopardyCard.used{cursor:not-allowed;text-decoration:line-through}
.kahoopardyJeopardyCard:not(.used):active{transform:scale(.98)}
@media(max-width:700px){.kahoopardyJeopardyGrid{gap:5px!important}.kahoopardyJeopardyCard{font-size:clamp(15px,5vw,30px);border-radius:9px}.kahoopardyJeopardyCat{font-size:clamp(10px,3vw,16px);border-radius:9px}}

</style>
<!-- Removed discarded Grupper functional override containing: <script id="maans-mm06-visible-widget-lists"> -->


<!-- v1.2.45-mM-16: direct safe Hent liste override. No capture/observer. -->
<!-- Removed discarded MM16 direct list picker override for Grupper/Lykkehjulet. -->


<!-- v1.2.45-mM-17: keep editable list-widget linked to shared list bank -->
<script>
(function(){
  'use strict';
  if(window.__maansMM17ListWidgetBankSync) return;
  window.__maansMM17ListWidgetBankSync=true;

  function lines(txt){
    return String(txt||'').split(/\r?\n/).map(function(x){return String(x||'').trim();}).filter(Boolean);
  }
  function syncListWidgetToBank(w){
    try{
      if(!w || w.type!=='text' || !w.data) return;
      if(!(w.data.kind==='list' || w.data.listAsset===true || w.data.createdFromDataset===true)) return;
      var name=String(w.data.sharedListName || w.title || 'Liste').replace(/^📊\s*/,'').trim();
      if(!name) return;
      var items=lines(w.data.text||'');
      var bank=(typeof wheelListBank==='function') ? wheelListBank() : {};
      bank[name]=items;
      if(typeof saveWheelListBank==='function') saveWheelListBank(bank);
      else localStorage.setItem('maans_wheel_lists',JSON.stringify(bank));
    }catch(e){console.warn('mM17 sync list-widget failed',e);}
  }
  function currentWidgets(){
    try{var s=(typeof slide==='function')?slide():null; return (s&&Array.isArray(s.widgets))?s.widgets:[];}catch(e){return [];}
  }
  function syncAll(){
    currentWidgets().forEach(syncListWidgetToBank);
  }

  // Sync when list-widget textareas are edited and lose focus.
  document.addEventListener('change',function(e){
    try{
      var ta=e.target && e.target.closest && e.target.closest('textarea');
      if(!ta) return;
      var root=ta.closest('.widget');
      if(!root) return;
      var id=root.dataset.id;
      var w=currentWidgets().find(function(x){return String(x.id)===String(id);});
      if(w) syncListWidgetToBank(w);
    }catch(err){}
  },true);
  document.addEventListener('blur',function(e){
    try{
      var ta=e.target && e.target.closest && e.target.closest('textarea');
      if(!ta) return;
      var root=ta.closest('.widget');
      if(!root) return;
      var id=root.dataset.id;
      var w=currentWidgets().find(function(x){return String(x.id)===String(id);});
      if(w) syncListWidgetToBank(w);
    }catch(err){}
  },true);

  var oldSave=window.save;
  if(typeof oldSave==='function' && !oldSave.__mm17Wrapped){
    var wrapped=function(){
      syncAll();
      return oldSave.apply(this,arguments);
    };
    wrapped.__mm17Wrapped=true;
    window.save=wrapped;
    try{save=wrapped;}catch(e){}
  }
  window.mm17SyncListWidgets=syncAll;
})();
</script>


<!-- v1.2.45-mM-18: make Hent liste see visible list-widgets even if their metadata is incomplete -->
<script>
(function(){
  'use strict';
  if(window.__maansMM18ListBankIncludesWidgets) return;
  window.__maansMM18ListBankIncludesWidgets = true;

  function getSlidesWidgets(){
    try{
      if(typeof slide==='function'){
        var s=slide();
        if(s && Array.isArray(s.widgets)) return s.widgets;
      }
    }catch(e){}
    try{
      if(typeof state!=='undefined' && state && Array.isArray(state.slides)){
        var sl=state.slides[Number(state.current||0)] || state.slides[0];
        return (sl && Array.isArray(sl.widgets)) ? sl.widgets : [];
      }
    }catch(e){}
    return [];
  }
  function lines(txt){
    return String(txt||'').split(/\r?\n/).map(function(x){return String(x||'').trim();}).filter(Boolean);
  }
  function isListWidget(w){
    if(!w || w.type!=='text' || !w.data || w.data.datasetId) return false;
    var title=String(w.title||'').replace(/^📊\s*/,'').trim();
    if(w.data.kind==='list' || w.data.listAsset===true || w.data.createdFromDataset===true) return true;
    if(/^Liste fra\s+/i.test(title) || /liste/i.test(title)) return true;
    // Fallback: a plain text widget with several short lines is probably a list-widget in this workflow.
    var items=lines(w.data.text||'');
    return items.length>=3 && items.length<=500 && items.every(function(x){return x.length<=140;});
  }
  function widgetLists(){
    var out={};
    getSlidesWidgets().forEach(function(w){
      if(!isListWidget(w)) return;
      var title=String((w.data && w.data.sharedListName) || w.title || 'Liste').replace(/^📊\s*/,'').trim() || 'Liste';
      var items=lines(w.data.text||'');
      if(items.length) out[title]=items;
    });
    return out;
  }

  var nativeWheelListBank = (typeof wheelListBank==='function') ? wheelListBank : null;
  window.wheelListBank = function(){
    var bank={};
    try{ if(nativeWheelListBank) bank=nativeWheelListBank() || {}; }catch(e){ bank={}; }
    var wlists=widgetLists();
    Object.keys(wlists).forEach(function(k){ bank[k]=wlists[k]; });
    return bank;
  };
  try{ wheelListBank=window.wheelListBank; }catch(e){}

  // Also persist visible list widgets into localStorage before any Hent liste modal is shown.
  function persistWidgetLists(){
    try{
      var raw={};
      if(nativeWheelListBank) raw=nativeWheelListBank() || {};
      var wlists=widgetLists();
      Object.keys(wlists).forEach(function(k){ raw[k]=wlists[k]; });
      if(typeof saveWheelListBank==='function') saveWheelListBank(raw);
      else localStorage.setItem('maans_wheel_lists',JSON.stringify(raw));
    }catch(e){console.warn('mM18 persist list widgets failed',e);}
  }

  document.addEventListener('click',function(e){
    try{
      var btn=e.target && e.target.closest && e.target.closest('button,[role="button"]');
      if(!btn) return;
      if(/Hent\s+liste|Lister/i.test(String(btn.textContent||btn.title||btn.getAttribute('aria-label')||''))){
        persistWidgetLists();
      }
    }catch(err){}
  },true);

  var oldSave=window.save;
  if(typeof oldSave==='function' && !oldSave.__mm18Wrapped){
    var wrapped=function(){
      persistWidgetLists();
      return oldSave.apply(this,arguments);
    };
    wrapped.__mm18Wrapped=true;
    window.save=wrapped;
    try{save=wrapped;}catch(e){}
  }

  setTimeout(persistWidgetLists,0);
  setInterval(persistWidgetLists,2500);
  window.mm18PersistListWidgets=persistWidgetLists;
})();
</script>


<!-- v1.2.45-mM-19: safety-hide dataset columns in Hent liste modals only -->
<style>
  #modal .datasetPick,
  #modal .pickDatasetCol,
  #modal .mm07Datasets,
  #modal .pickMM07DatasetCol {
    display:none!important;
  }


/* v1.2.45-kahoopardy-phase1.12: ekte Jeopardy-board med kategorikolonner, full-fit grid og turregel */
.kahoopardyJeopardy{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;overflow:hidden!important}
.kahoopardyJeopardyTurnBanner{text-align:center;font-weight:950;font-size:clamp(14px,1.6vw,24px);opacity:.92;background:rgba(255,255,255,.10);border-radius:999px;padding:7px 12px;justify-self:center}
.kahoopardyJeopardyGrid{min-height:0;height:100%;display:grid!important;gap:8px!important;overflow:hidden!important;padding:4px!important;box-sizing:border-box!important}
.kahoopardyJeopardyCat{border-radius:12px;background:rgba(255,255,255,.18);font-size:clamp(12px,1.55vw,24px);font-weight:950;text-align:center;padding:6px;display:grid;place-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.05;text-wrap:balance}
.kahoopardyJeopardyCard{border:0;border-radius:12px;background:#1d4ed8;color:#facc15;font-size:clamp(18px,3.2vw,48px);font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.22);min-height:0;height:100%;padding:4px;display:grid;place-items:center;touch-action:manipulation}
.kahoopardyJeopardyCard.used,.kahoopardyJeopardyBlank{background:rgba(255,255,255,.08);color:rgba(255,255,255,.28);box-shadow:none;border-radius:12px;min-height:0}
.kahoopardyJeopardyCard.used{cursor:not-allowed;text-decoration:line-through}
.kahoopardyJeopardyCard:not(.used):active{transform:scale(.98)}
@media(max-width:700px){.kahoopardyJeopardyGrid{gap:5px!important}.kahoopardyJeopardyCard{font-size:clamp(15px,5vw,30px);border-radius:9px}.kahoopardyJeopardyCat{font-size:clamp(10px,3vw,16px);border-radius:9px}}

</style>


<!-- v1.2.45-mM-23: statistics panel fix without shrinking the wheel -->
<style>
  /*
    Keep the original wheel size/proportions.
    Only make the right-side statistics area use the available height.
  */
  .wheel.recon.statsMode:not(.editing){
    grid-template-columns:minmax(260px,58%) minmax(220px,42%)!important;
  }

  .wheel.recon.statsMode .wheelBox{
    min-height:0!important;
    height:100%!important;
  }

  .wheel.recon.statsMode .wheelSide{
    min-height:0!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    overflow:hidden!important;
  }

  .wheel.recon.statsMode .wheelTopBar,
  .wheel.recon.statsMode .wheelSettings,
  .wheel.recon.statsMode .modeToggle,
  .wheel.recon.statsMode .wheelBottom{
    flex:0 0 auto!important;
  }

  .wheel.recon.statsMode .modeToggle{
    width:100%!important;
    margin:0!important;
  }

  .wheel.recon.statsMode .chosen.stats{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:auto!important;
    box-sizing:border-box!important;
    padding:10px!important;
    background:#f3f4f6!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
  }

  .wheel.recon.statsMode .chosen.stats .statChip{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:9px 10px!important;
    border-radius:14px!important;
    background:white!important;
    box-shadow:0 3px 10px rgba(15,23,42,.12)!important;
    line-height:1.05!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
    font-size:clamp(20px,2.2vw,32px)!important;
  }

  .wheel.recon.statsMode .chosen.stats .statChip small{
    display:block!important;
    margin-top:5px!important;
    font-size:.62em!important;
    line-height:1!important;
    opacity:.85!important;
  }

  .wheel.recon.statsMode .wheelBottom{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }

  @media(max-width:700px){
    .wheel.recon.statsMode:not(.editing){
      grid-template-columns:1fr!important;
    }
    .wheel.recon.statsMode .wheelBox{
      height:260px!important;
      min-height:260px!important;
    }
    .wheel.recon.statsMode .chosen.stats{
      min-height:220px!important;
    }
  }


/* v1.2.45-kahoopardy-phase1.12: ekte Jeopardy-board med kategorikolonner, full-fit grid og turregel */
.kahoopardyJeopardy{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;overflow:hidden!important}
.kahoopardyJeopardyTurnBanner{text-align:center;font-weight:950;font-size:clamp(14px,1.6vw,24px);opacity:.92;background:rgba(255,255,255,.10);border-radius:999px;padding:7px 12px;justify-self:center}
.kahoopardyJeopardyGrid{min-height:0;height:100%;display:grid!important;gap:8px!important;overflow:hidden!important;padding:4px!important;box-sizing:border-box!important}
.kahoopardyJeopardyCat{border-radius:12px;background:rgba(255,255,255,.18);font-size:clamp(12px,1.55vw,24px);font-weight:950;text-align:center;padding:6px;display:grid;place-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.05;text-wrap:balance}
.kahoopardyJeopardyCard{border:0;border-radius:12px;background:#1d4ed8;color:#facc15;font-size:clamp(18px,3.2vw,48px);font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.22);min-height:0;height:100%;padding:4px;display:grid;place-items:center;touch-action:manipulation}
.kahoopardyJeopardyCard.used,.kahoopardyJeopardyBlank{background:rgba(255,255,255,.08);color:rgba(255,255,255,.28);box-shadow:none;border-radius:12px;min-height:0}
.kahoopardyJeopardyCard.used{cursor:not-allowed;text-decoration:line-through}
.kahoopardyJeopardyCard:not(.used):active{transform:scale(.98)}
@media(max-width:700px){.kahoopardyJeopardyGrid{gap:5px!important}.kahoopardyJeopardyCard{font-size:clamp(15px,5vw,30px);border-radius:9px}.kahoopardyJeopardyCat{font-size:clamp(10px,3vw,16px);border-radius:9px}}

</style>


<!-- v1.2.45-mM-24: compact statistical overview for many wheel results -->
<style>
  /*
    Keep the good mM-23 wheel size.
    Make statistics usable as an overview: compact rows, multiple columns when space allows.
  */
  .wheel.recon.statsMode .chosen.stats{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
    grid-auto-rows:minmax(34px,auto)!important;
    align-content:start!important;
    align-items:stretch!important;
    gap:6px!important;
    padding:8px!important;
    overflow:auto!important;
  }

  .wheel.recon.statsMode .chosen.stats .statChip{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"name value"!important;
    align-items:center!important;
    justify-content:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:34px!important;
    box-sizing:border-box!important;
    padding:6px 9px!important;
    border-radius:10px!important;
    text-align:left!important;
    line-height:1.1!important;
    background:white!important;
    box-shadow:0 2px 6px rgba(15,23,42,.10)!important;
    font-size:clamp(13px,1.35vw,18px)!important;
    font-weight:900!important;
    overflow:hidden!important;
  }

  .wheel.recon.statsMode .chosen.stats .statChip{
    white-space:normal!important;
  }

  .wheel.recon.statsMode .chosen.stats .statChip small{
    grid-area:value!important;
    display:block!important;
    margin:0 0 0 8px!important;
    white-space:nowrap!important;
    font-size:.82em!important;
    line-height:1!important;
    opacity:.75!important;
    font-weight:900!important;
  }

  /* The name text is the anonymous text node in statChip; these settings still affect it. */
  .wheel.recon.statsMode .chosen.stats .statChip{
    overflow-wrap:anywhere!important;
  }

  /* In maximized/focus there is room for more columns, so the overview becomes denser. */
  .widget.maximized .wheel.recon.statsMode .chosen.stats,
  .present .wheel.recon.statsMode .chosen.stats,
  .focus .wheel.recon.statsMode .chosen.stats{
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
    gap:7px!important;
  }

  .widget.maximized .wheel.recon.statsMode .chosen.stats .statChip,
  .present .wheel.recon.statsMode .chosen.stats .statChip,
  .focus .wheel.recon.statsMode .chosen.stats .statChip{
    font-size:clamp(14px,1.15vw,20px)!important;
    min-height:36px!important;
  }

  @media(max-width:700px){
    .wheel.recon.statsMode .chosen.stats{
      grid-template-columns:1fr!important;
    }
  }


/* v1.2.45-kahoopardy-phase1.12: ekte Jeopardy-board med kategorikolonner, full-fit grid og turregel */
.kahoopardyJeopardy{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;overflow:hidden!important}
.kahoopardyJeopardyTurnBanner{text-align:center;font-weight:950;font-size:clamp(14px,1.6vw,24px);opacity:.92;background:rgba(255,255,255,.10);border-radius:999px;padding:7px 12px;justify-self:center}
.kahoopardyJeopardyGrid{min-height:0;height:100%;display:grid!important;gap:8px!important;overflow:hidden!important;padding:4px!important;box-sizing:border-box!important}
.kahoopardyJeopardyCat{border-radius:12px;background:rgba(255,255,255,.18);font-size:clamp(12px,1.55vw,24px);font-weight:950;text-align:center;padding:6px;display:grid;place-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.05;text-wrap:balance}
.kahoopardyJeopardyCard{border:0;border-radius:12px;background:#1d4ed8;color:#facc15;font-size:clamp(18px,3.2vw,48px);font-weight:950;box-shadow:0 8px 18px rgba(0,0,0,.22);min-height:0;height:100%;padding:4px;display:grid;place-items:center;touch-action:manipulation}
.kahoopardyJeopardyCard.used,.kahoopardyJeopardyBlank{background:rgba(255,255,255,.08);color:rgba(255,255,255,.28);box-shadow:none;border-radius:12px;min-height:0}
.kahoopardyJeopardyCard.used{cursor:not-allowed;text-decoration:line-through}
.kahoopardyJeopardyCard:not(.used):active{transform:scale(.98)}
@media(max-width:700px){.kahoopardyJeopardyGrid{gap:5px!important}.kahoopardyJeopardyCard{font-size:clamp(15px,5vw,30px);border-radius:9px}.kahoopardyJeopardyCat{font-size:clamp(10px,3vw,16px);border-radius:9px}}


/* v1.2.45-kahoopardy-phase1.32-SAFE: præsentation må ikke vise redigerings- eller nulstillingsværktøjer */
.present .content.kahoopardy .editQuestions,
.present .content.kahoopardy .resetPoints,
.present .content.kahoopardy .kahoopardyEditActions,
.present .content.kahoopardy .kahoopardyEditHelp,
.present .content.kahoopardy .kahoopardyBackupHelp,
.present .content.kahoopardy .kahoopardyEdit p,
.present .content.kahoopardy .kahoopardyEditTableWrap,
.present .content.kahoopardy .kahoopardyTableWrap,
.present .content.kahoopardy table{
  display:none!important;
}
.present .content.kahoopardy .kahoopardyActionBar{
  display:flex!important;
}
.present .content.kahoopardy .playAgain,
.present .content.kahoopardy .showFinalScore,
.present .content.kahoopardy .nextQuestion,
.present .content.kahoopardy .jeopardyToScore{
  display:inline-flex!important;
}
.present .content.kahoopardy .kahoopardyEdit{
  grid-template-rows:minmax(0,1fr)!important;
  align-items:center!important;
}
.present .content.kahoopardy .kahoopardyModeBar{
  align-self:center!important;
  justify-self:center!important;
  gap:14px!important;
}
.present .content.kahoopardy .kahoopardyModeBar .startQuizMode{
  font-size:clamp(20px,3vw,42px)!important;
  padding:16px 28px!important;
}
</style>


<style id="maans-trash-board-safe16-css">
/* SAFE16: papirkurven er et kompakt overview, ikke en almindelig redigeringstavle */
.app.trashBoardActive .trashBoardBar{
  top:46px!important;
  padding:6px 10px!important;
  gap:7px!important;
  max-width:min(86vw,560px)!important;
  border-radius:999px!important;
  font-size:14px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.34)!important;
}
.app.trashBoardActive .trashBoardBar button{
  padding:5px 9px!important;
  font-size:13px!important;
}
.app.trashBoardActive .trashBoardBar small{font-size:12px!important;opacity:.86!important;}
.app.trashBoardActive .trashBoardBar .danger{padding:5px 9px!important;}
.app.trashBoardActive .widget .chrome,
.app.trashBoardActive .widget .resize,
.app.trashBoardActive .widget .rotater{
  display:none!important;
}
.app.trashBoardActive .widget{
  cursor:pointer!important;
  box-shadow:0 10px 28px rgba(0,0,0,.36)!important;
  overflow:visible!important;
}
.app.trashBoardActive .widget.selected{
  outline:4px solid rgba(255,255,255,.92)!important;
  box-shadow:0 0 0 5px rgba(109,93,252,.65),0 18px 38px rgba(0,0,0,.46)!important;
}
.trashPermanentX{
  position:absolute;
  right:-13px;
  top:-13px;
  z-index:999;
  width:34px;
  height:34px;
  border:0;
  border-radius:999px;
  background:#7f1d1d;
  color:#fff;
  font-weight:950;
  font-size:19px;
  line-height:1;
  box-shadow:0 8px 20px rgba(0,0,0,.35);
}
.trashPermanentX:active{transform:scale(.94)}
@media(max-width:700px){
  .app.trashBoardActive .trashBoardBar{top:44px!important;max-width:94vw!important;border-radius:16px!important;}
}
</style>

<script id="maans-trash-board-phase2-safe16-overview-keys">
(function(){
  'use strict';
  function isTyping(e){
    var t=e&&e.target,a=document.activeElement;
    function m(x){return !!(x&&(x.matches&&x.matches('input,textarea,select,[contenteditable="true"]')||x.isContentEditable||x.closest&&x.closest('input,textarea,select,[contenteditable="true"]')));}
    return m(t)||m(a);
  }
  function trashActive(){try{return !!(window.__trashBoardIsActive&&window.__trashBoardIsActive())||document.body.classList.contains('trashBoardActive');}catch(_e){return false;}}
  function selectedEl(){return document.querySelector('.widget.selected[data-id]')||document.querySelector('.widget[data-id]');}
  function selectedId(){var el=document.querySelector('.widget.selected[data-id]'); if(el)return el.dataset.id; try{return window.__trashBoardSelectedId&&window.__trashBoardSelectedId();}catch(_e){} return null;}
  function selectId(id){try{ if(typeof window.select==='function') window.select(id,{editText:false}); else {document.querySelectorAll('.widget').forEach(function(x){x.classList.toggle('selected',x.dataset.id===String(id));});} }catch(_e){}}
  function openMore(){
    try{ if(typeof window.showMoreTools==='function'){window.showMoreTools();return true;} }catch(_e){}
    try{var b=document.querySelector('button[data-tool="more"]'); if(b){b.click();return true;}}catch(_e){}
    return false;
  }
  function navTrash(dir){
    var items=[].slice.call(document.querySelectorAll('.app.trashBoardActive .widget[data-id], body.trashBoardActive .widget[data-id]'));
    if(!items.length)return false;
    var cur=document.querySelector('.widget.selected[data-id]')||items[0];
    if(!document.querySelector('.widget.selected[data-id]')){selectId(cur.dataset.id);return true;}
    var cr=cur.getBoundingClientRect(), cx=cr.left+cr.width/2, cy=cr.top+cr.height/2;
    var best=null,bestScore=Infinity;
    items.forEach(function(el){
      if(el===cur)return;
      var r=el.getBoundingClientRect(), x=r.left+r.width/2, y=r.top+r.height/2, dx=x-cx, dy=y-cy;
      var ok=false, score=Infinity;
      if(dir==='right'&&dx>8){ok=true;score=dx*3+Math.abs(dy);}
      if(dir==='left'&&dx<-8){ok=true;score=(-dx)*3+Math.abs(dy);}
      if(dir==='down'&&dy>8){ok=true;score=dy*3+Math.abs(dx);}
      if(dir==='up'&&dy<-8){ok=true;score=(-dy)*3+Math.abs(dx);}
      if(ok&&score<bestScore){bestScore=score;best=el;}
    });
    if(best){selectId(best.dataset.id);return true;}
    return false;
  }
  document.addEventListener('click',function(e){
    if(!trashActive())return;
    var x=e.target&&e.target.closest&&e.target.closest('.trashPermanentX,[data-act="del"]');
    if(x){
      var w=x.closest('.widget[data-id]');
      if(w&&window.__trashBoardPermanentById){e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();window.__trashBoardPermanentById(w.dataset.id);return false;}
    }
  },true);
  document.addEventListener('keydown',function(e){
    if(isTyping(e))return;
    var key=String(e.key||''), lower=key.toLowerCase();
    var plain=!e.metaKey&&!e.ctrlKey&&!e.altKey&&!e.shiftKey;
    if(trashActive()){
      if(plain&&(key==='Delete'||key==='Backspace')){
        var id=selectedId();
        if(id&&window.__trashBoardPermanentById){e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();window.__trashBoardPermanentById(id);return false;}
      }
      if(plain&&['ArrowRight','ArrowLeft','ArrowUp','ArrowDown'].includes(key)){
        e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();
        navTrash(key.replace('Arrow','').toLowerCase()); return false;
      }
      return;
    }
    if((key==='Delete'||key==='Backspace')&&e.shiftKey&&!e.metaKey&&!e.ctrlKey&&!e.altKey){
      var sid=selectedId();
      if(sid&&window.__tavlePermanentDeleteWidget){e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();window.__tavlePermanentDeleteWidget(sid);return false;}
    }
    if(plain&&(e.code==='Space'||key===' ')){
      if(!document.querySelector('.widget.selected[data-id]')){e.preventDefault();e.stopPropagation();if(e.stopImmediatePropagation)e.stopImmediatePropagation();openMore();return false;}
    }
  },true);
})();
</script>

<script id="maans-trash-board-phase2-safe15-final-guard">
(function(){
  'use strict';
  function typingTarget(e){
    var t=e&&e.target,a=document.activeElement;
    function is(x){return !!(x&&(x.matches&&x.matches('input,textarea,select,[contenteditable="true"]')||x.isContentEditable||x.closest&&x.closest('input,textarea,select,[contenteditable="true"]')));}
    return is(t)||is(a);
  }
  function trashActive(){try{return !!(window.__trashBoardIsActive&&window.__trashBoardIsActive()) || document.body.classList.contains('trashBoardActive');}catch(_e){return false;}}
  function selectedId(){try{var el=document.querySelector('.widget.selected[data-id]'); if(el)return el.dataset.id;}catch(_e){} try{return window.__trashBoardSelectedId&&window.__trashBoardSelectedId();}catch(_e){} return null;}
  function rebind(){
    try{ if(window.__trashBoardDelete) window.__tavleDeleteWidgetToTrash=window.__trashBoardDelete; }catch(_e){}
    try{ if(window.__tavleOpenTrashBoard){ window.openTrashView=window.__tavleOpenTrashBoard; window.openTrashBoard=window.__tavleOpenTrashBoard; } }catch(_e){}
    try{ if(window.tavleShortcutAPI&&window.__trashBoardDelete){ window.tavleShortcutAPI.deleteSelectedWidgetShortcut=function(){var id=selectedId(); if(id)window.__trashBoardDelete(id); else if(typeof toast==='function')toast('Vælg en widget først');}; } }catch(_e){}
  }
  rebind(); setTimeout(rebind,0); setTimeout(rebind,200); setTimeout(rebind,1000);
  document.addEventListener('click',function(e){
    var trashBtn=e.target&&e.target.closest&&e.target.closest('[data-more-tool="trash"]');
    if(trashBtn){
      e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();
      document.querySelector('.moreMenuBackdrop')?.remove(); document.querySelector('.moreMenu')?.remove();
      rebind(); if(window.__tavleOpenTrashBoard)window.__tavleOpenTrashBoard(); return false;
    }
    var del=e.target&&e.target.closest&&e.target.closest('[data-act="del"]');
    if(del && !trashActive()){
      var w=del.closest('.widget[data-id]');
      if(w&&window.__trashBoardDelete){e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation(); rebind(); window.__trashBoardDelete(w.dataset.id); return false;}
    }
    if(trashActive()){
      var tw=e.target&&e.target.closest&&e.target.closest('.widget[data-id]');
      if(tw&&!(e.target&&e.target.closest&&e.target.closest('.trashPermanentX,[data-act="del"],.chrome,.resize,.rotater'))&&window.__trashBoardRestoreById){e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation(); window.__trashBoardRestoreById(tw.dataset.id); return false;}
    }
  },true);
  document.addEventListener('keydown',function(e){
    if(typingTarget(e))return;
    var key=String(e.key||''), lower=key.toLowerCase(), plain=!e.metaKey&&!e.ctrlKey&&!e.altKey&&!e.shiftKey;
    if(trashActive()){
      if(plain&&(lower==='t'||key==='Escape'||e.code==='Space'||key===' ')){
        e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();
        if(window.__tavleReturnFromTrashBoard)window.__tavleReturnFromTrashBoard(); return false;
      }
      if(plain&&key==='Enter'){
        var rid=selectedId(); if(rid&&window.__trashBoardRestoreById){e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation(); window.__trashBoardRestoreById(rid); return false;}
      }
      return;
    }
    if(plain&&lower==='t'){
      e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation(); rebind(); if(window.__tavleOpenTrashBoard)window.__tavleOpenTrashBoard(); return false;
    }
    if(plain&&(e.code==='Space'||key===' ')){
      if(!selectedId()&&typeof window.showMoreTools==='function'){e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation(); window.showMoreTools(); return false;}
    }
    if(plain&&(key==='Delete'||key==='Backspace')){
      var id=selectedId(); if(id&&window.__trashBoardDelete){e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation(); rebind(); window.__trashBoardDelete(id); return false;}
    }
    if((e.metaKey||e.ctrlKey)&&!e.altKey&&!e.shiftKey&&lower==='z'){
      if(window.__trashBoardRestoreLatest){e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation(); window.__trashBoardRestoreLatest(); return false;}
    }
  },true);
})();
</script>

<script id="maans-trash-board-safe19-hide-from-normal-boards">
(function(){
  'use strict';
  /* SAFE19: Papirkurven bevares som intern tavle, men skjules fra normal tavle-navigation.
     Bygget oven på den virkende SAFE17/Safe16-papirkurvlogik. Ændrer ikke slette/gendanne-flowet. */
  function isTrash(s){
    try{return !!(s && (s.isTrashBoard===true || s.title==='🗑 Papirkurv' || s.title==='Papirkurv'));}
    catch(_e){return false;}
  }
  function slides(){try{return (state && Array.isArray(state.slides)) ? state.slides : [];}catch(_e){return [];}}
  function normalIndices(){
    const arr=slides();
    const out=[];
    for(let i=0;i<arr.length;i++){ if(!isTrash(arr[i])) out.push(i); }
    return out;
  }
  function normalCount(){return Math.max(1,normalIndices().length);}
  function visibleNo(realIndex){
    const list=normalIndices();
    const p=list.indexOf(realIndex);
    return p>=0 ? p+1 : normalCount();
  }
  function firstNormal(){const list=normalIndices(); return list.length ? list[0] : 0;}
  function insertNormalSlide(){
    const arr=slides();
    if(!arr.length)return -1;
    const ns=(typeof createThemedSlide==='function') ? createThemedSlide() : {title:'Ny tavle',widgets:[]};
    const trashIndex=arr.findIndex(isTrash);
    let idx;
    if(trashIndex>=0){arr.splice(trashIndex,0,ns); idx=trashIndex;}
    else {arr.push(ns); idx=arr.length-1;}
    return idx;
  }
  function updateSlideCounter(){
    try{
      const el=document.getElementById('slideInfo');
      if(!el)return;
      if(isTrash(slide())){ el.textContent='Papirkurv'; return; }
      el.textContent=visibleNo(state.active)+'/'+normalCount();
    }catch(_e){}
  }
  function patchMultiButton(){
    try{
      const btn=document.getElementById('slidesOverview');
      if(!btn)return;
      const hide=normalCount()<=1;
      btn.classList.toggle('onlyMultiHidden',hide);
      btn.hidden=hide;
      btn.style.display=hide?'none':'';
    }catch(_e){}
  }
  function patchTopUI(){updateSlideCounter();patchMultiButton();}
  function goNormalByPosition(pos){
    const list=normalIndices();
    if(!list.length)return false;
    const safe=Math.max(0,Math.min(list.length-1,pos));
    state.active=list[safe];
    try{selected=null;if(window.UIState)UIState.selectedWidgetId=null;}catch(_e){}
    render();
    patchTopUI();
    try{toast('Tavle '+visibleNo(state.active));}catch(_e){}
    try{save({silent:true});}catch(_e){}
    return true;
  }
  const oldNext=(typeof nextSlide==='function')?nextSlide:null;
  const oldPrev=(typeof prevSlide==='function')?prevSlide:null;
  try{
    nextSlide=function(){
      const list=normalIndices();
      const pos=list.indexOf(state.active);
      if(pos>=0 && pos<list.length-1)return goNormalByPosition(pos+1);
      return false;
    };
    prevSlide=function(){
      const list=normalIndices();
      const pos=list.indexOf(state.active);
      if(pos>0)return goNormalByPosition(pos-1);
      return false;
    };
    goToSlide=function(i){ return goNormalByPosition(Number(i)||0); };
  }catch(_e){void oldNext;void oldPrev;}
  function deleteNormalSlideAt(realIndex){
    const arr=slides();
    if(!arr[realIndex] || isTrash(arr[realIndex])){try{toast('Papirkurven kan ikke slettes herfra');}catch(_e){};return;}
    const list=normalIndices();
    if(list.length<=1){try{toast('Der skal være mindst én tavle');}catch(_e){};return;}
    const name=(typeof safeSlideTitle==='function')?safeSlideTitle(arr[realIndex],realIndex):(arr[realIndex].title||'Tavle');
    if(!confirm('Slet tavlen "'+name+'"?'))return;
    const activeBefore=state.active;
    arr.splice(realIndex,1);
    if(activeBefore===realIndex){state.active=firstNormal();}
    else if(activeBefore>realIndex){state.active=activeBefore-1;}
    if(isTrash(arr[state.active]))state.active=firstNormal();
    render();patchTopUI();save();try{toast('Tavle slettet');}catch(_e){}
  }
  try{ deleteSlideAt=deleteNormalSlideAt; }catch(_e){}
  function swapRealSlides(a,b){
    const arr=slides();
    if(a<0||b<0||a>=arr.length||b>=arr.length||isTrash(arr[a])||isTrash(arr[b]))return false;
    const tmp=arr[a]; arr[a]=arr[b]; arr[b]=tmp;
    if(state.active===a)state.active=b; else if(state.active===b)state.active=a;
    render();patchTopUI();save({silent:true});
    return true;
  }
  try{
    slideOverviewModal=function(){
      const list=normalIndices();
      const rows=list.map((realIndex,visibleIndex)=>{
        const s=slides()[realIndex];
        const current=realIndex===state.active;
        const title=(typeof esc==='function'?esc(safeSlideTitle(s,realIndex)):String(s.title||('Tavle '+(visibleIndex+1))));
        return `<div class="slideOverviewRow ${current?'active':''}">
          <div class="num">${visibleIndex+1}</div>
          <input data-title-real="${realIndex}" value="${title}" aria-label="Tavletitel ${visibleIndex+1}">
          <div class="slideOverviewActions">
            <button data-go-visible="${visibleIndex}">Gå til</button>
            <button data-up-visible="${visibleIndex}" ${visibleIndex===0?'disabled':''}>↑</button>
            <button data-down-visible="${visibleIndex}" ${visibleIndex===list.length-1?'disabled':''}>↓</button>
            <button class="danger" data-del-real="${realIndex}" ${list.length<=1?'disabled':''}>🗑 Slet</button>
          </div>
        </div>`;
      }).join('');
      showModal(`<h2>Tavleoversigt</h2>
        <p>Her kan du omdøbe, flytte, gå til eller slette almindelige tavler. Papirkurven ligger i baggrunden og vises ikke her.</p>
        <div class="slideOverview">${rows}</div>
        <button id="newSlideFromOverview">+ ny tavle</button>
        <button id="close">Luk</button>`);
      modal.querySelectorAll('[data-title-real]').forEach(inp=>{
        inp.onchange=()=>{const i=+inp.dataset.titleReal; if(isTrash(slides()[i]))return; slides()[i].title=inp.value.trim()||('Tavle '+visibleNo(i)); render(); patchTopUI(); slideOverviewModal(); save({silent:true});};
        inp.onkeydown=e=>{if(e.key==='Enter'||e.key==='Escape'){e.preventDefault();inp.blur();}};
      });
      modal.querySelectorAll('[data-go-visible]').forEach(b=>b.onclick=()=>{goNormalByPosition(+b.dataset.goVisible);closeModal();});
      modal.querySelectorAll('[data-up-visible]').forEach(b=>b.onclick=()=>{const v=+b.dataset.upVisible; const fresh=normalIndices(); if(v>0){swapRealSlides(fresh[v],fresh[v-1]); slideOverviewModal();}});
      modal.querySelectorAll('[data-down-visible]').forEach(b=>b.onclick=()=>{const v=+b.dataset.downVisible; const fresh=normalIndices(); if(v<fresh.length-1){swapRealSlides(fresh[v],fresh[v+1]); slideOverviewModal();}});
      modal.querySelectorAll('[data-del-real]').forEach(b=>b.onclick=()=>{deleteNormalSlideAt(+b.dataset.delReal); slideOverviewModal();});
      const ns=modal.querySelector('#newSlideFromOverview'); if(ns)ns.onclick=()=>{state.active=insertNormalSlide(); render(); patchTopUI(); slideOverviewModal(); save({silent:true});};
      const close=modal.querySelector('#close'); if(close)close.onclick=()=>closeModal();
    };
  }catch(_e){}
  function patchButtons(){
    try{const b=document.getElementById('slidesOverview'); if(b)b.onclick=slideOverviewModal;}catch(_e){}
    try{
      const b=document.getElementById('addSlide');
      if(b)b.onclick=()=>{
        /* SAFE104: Kun + tavle.
           Årsag: Den sene papirkurv-/tavlepatch overskriver den tidlige addSlide.onclick.
           Derfor skal topbar-knappen bruge samme fungerende vej som N-genvejen her.
           Må påvirke: kun klik på #addSlide.
           Må ikke påvirke: ◀/▶, papirkurv-navigation, swipe, widgets, KaPardy eller datawidget. */
        if(window.tavleShortcutAPI && typeof window.tavleShortcutAPI.newSlideShortcut==='function'){
          window.tavleShortcutAPI.newSlideShortcut();
          try{patchTopUI();}catch(_e){}
          return;
        }
        safe297InsertNewBoardBeforeTrash();
        try{patchTopUI();}catch(_e){}
      };
    }catch(_e){}
  }
  try{
    const oldMove=(typeof moveWidgetToSlide==='function')?moveWidgetToSlide:null;
    const oldCopy=(typeof copyWidgetToSlide==='function')?copyWidgetToSlide:null;
    if(oldMove){moveWidgetToSlide=function(widgetId,targetIndex,sourceIndex=state.active){
      const list=normalIndices(); const real=list[targetIndex]!==undefined?list[targetIndex]:targetIndex;
      if(isTrash(slides()[real])){try{toast('Papirkurven er ikke en almindelig tavle');}catch(_e){};return false;}
      return oldMove(widgetId,real,sourceIndex);
    };}
    if(oldCopy){copyWidgetToSlide=function(widgetId,targetIndex,sourceIndex=state.active){
      const list=normalIndices(); const real=list[targetIndex]!==undefined?list[targetIndex]:targetIndex;
      if(isTrash(slides()[real])){try{toast('Papirkurven er ikke en almindelig tavle');}catch(_e){};return false;}
      return oldCopy(widgetId,real,sourceIndex);
    };}
    newSlideForWidget=function(widgetId,action='move',sourceIndex=state.active){
      const idx=insertNormalSlide();
      return action==='copy' ? copyWidgetToSlide(widgetId,idx,sourceIndex) : moveWidgetToSlide(widgetId,idx,sourceIndex);
    };
  }catch(_e){}
  try{
    widgetMoveModal=function(w){
      const sourceIndex=state.active;
      const sourceTitle=(typeof safeSlideTitle==='function')?safeSlideTitle(slides()[sourceIndex],sourceIndex):'Aktuel tavle';
      const widgetTitle=(typeof esc==='function'?esc(w.title||titles[w.type]||'Widget'):(w.title||'Widget'));
      let rows=normalIndices().map((realIndex,visibleIndex)=>{
        const s=slides()[realIndex];
        const isCurrent=realIndex===sourceIndex;
        const title=(typeof esc==='function'?esc(safeSlideTitle(s,realIndex)):(s.title||('Tavle '+(visibleIndex+1))));
        return `<div class="slideMoveRow">
          <b>${visibleIndex+1}. ${title}${isCurrent?' (nu)':''}</b>
          <div class="actions">
            <button data-action="move" data-target-visible="${visibleIndex}" ${isCurrent?'disabled title="Widgetten er allerede på denne tavle"':''}>Flyt</button>
            <button data-action="copy" data-target-visible="${visibleIndex}">Kopiér</button>
          </div>
        </div>`;
      }).join('');
      showModal(`<div class="moveWidgetDialog"><h2>Flyt eller kopiér widget</h2>
        <p class="moveWidgetTitle"><b>${widgetTitle}</b></p>
        <p>Fra: ${typeof esc==='function'?esc(sourceTitle):sourceTitle}</p>
        <div class="slideList">${rows}</div>
        <button id="newSlideMove">Ny tavle + flyt</button>
        <button id="newSlideCopy">Ny tavle + kopiér</button>
        <button id="close">Luk</button></div>`);
      modal.querySelectorAll('[data-target-visible]').forEach(btn=>btn.onclick=()=>{
        const real=normalIndices()[+btn.dataset.targetVisible];
        if(btn.dataset.action==='copy') copyWidgetToSlide(w.id,real,sourceIndex); else moveWidgetToSlide(w.id,real,sourceIndex);
        closeModal();
      });
      modal.querySelector('#newSlideMove').onclick=()=>{newSlideForWidget(w.id,'move',sourceIndex);closeModal();};
      modal.querySelector('#newSlideCopy').onclick=()=>{newSlideForWidget(w.id,'copy',sourceIndex);closeModal();};
      modal.querySelector('#close').onclick=closeModal;
    };
  }catch(_e){}
  // Når papirkurven er aktiv, må normal forrige/næste ikke bruge den som almindelig tavle.
  document.addEventListener('click',function(e){
    const id=e.target&&e.target.id;
    if(id==='next' || id==='prev'){
      // Lad de redefinerede funktioner håndtere det; sikrer at gammel onclick ikke rammer papirkurven.
      e.preventDefault(); e.stopPropagation(); if(e.stopImmediatePropagation)e.stopImmediatePropagation();
      if(id==='next')nextSlide(); else prevSlide();
      return false;
    }
  },true);
  patchButtons();
  patchTopUI();
  setTimeout(()=>{patchButtons();patchTopUI();},0);
  setTimeout(()=>{patchButtons();patchTopUI();},300);
  setInterval(patchTopUI,600);
  try{
    const target=document.getElementById('slideInfo')||document.body;
    new MutationObserver(()=>patchTopUI()).observe(target,{childList:true,characterData:true,subtree:true});
  }catch(_e){}
})();
</script>

<script id="safe52-mode-indicator">
(function(){
  /* SAFE52: Brugerrettet statusmærke.
     Læser kun eksisterende body/app-klasser og synlige elementer.
     Ingen ændring af render-flow, widget-state, genveje eller funktionalitet. */
  function modeInfo(){
    var app=document.getElementById('app');
    var body=document.body;
    if(!app||!body) return {text:'Redigering',cls:''};
    if(app.classList.contains('trashBoardActive')||body.classList.contains('trashBoardActive')) return {text:'Papirkurv',cls:'is-trash'};
    if(body.classList.contains('focus-maximized')) return {text:'Maksimeret',cls:'is-max'};
    if(body.classList.contains('focus-mode')||body.classList.contains('focus-edit')||body.classList.contains('focus-presentation')) return {text:'Fokus',cls:'is-focus'};
    if(app.classList.contains('drawActive')) return {text:'Tegner',cls:'is-draw'};
    if(app.classList.contains('present')) return {text:'Præsentation',cls:'is-present'};
    return {text:'Redigering',cls:''};
  }
  function updateModeBadge(){
    var badge=document.getElementById('modeBadge');
    if(!badge) return;
    var info=modeInfo();
    badge.textContent=info.text;
    badge.title='Tilstand: '+info.text;
    badge.setAttribute('aria-label','Tilstand: '+info.text);
    badge.className='modeBadge'+(info.cls?' '+info.cls:'');
    /* SAFE60: Sæt én fælles farve direkte på #app.
       Dette er mere stabilt end SAFE59's rene :has()-CSS for statusprikken.
       Funktionen må kun påvirke CSS-variabler, ikke app-state eller widgetdata. */
    try{
      var appElForMode=document.getElementById('app');
      if(appElForMode){
        var color='#ef4444', glow='rgba(239,68,68,.28)'; // Redigering
        if(info.cls==='is-present'){ color='#86efac'; glow='rgba(134,239,172,.30)'; }
        else if(info.cls==='is-focus'||info.cls==='is-max'){ color='#a78bfa'; glow='rgba(167,139,250,.32)'; }
        else if(info.cls==='is-trash'){ color='#fca5a5'; glow='rgba(252,165,165,.26)'; }
        else if(info.cls==='is-draw'){ color='#facc15'; glow='rgba(250,204,21,.28)'; }
        appElForMode.style.setProperty('--safe60-mode-color',color);
        appElForMode.style.setProperty('--safe60-mode-glow',glow);
        /* SAFE61: Den synlige prik er nu #title::before og læser samme CSS-variabel.
           Den gamle #modeBadge beholdes kun som usynligt status-/aria-element. */
      }
    }catch(_safe60e){}

    var titleEl=document.getElementById('title');
    if(titleEl){
      titleEl.title='Tilstand: '+info.text;
      titleEl.setAttribute('aria-label','Tavletitel – tilstand: '+info.text);
      titleEl.classList.remove('mode-edit','mode-present','mode-focus','mode-max','mode-trash','mode-draw');
      if(info.cls==='is-present') titleEl.classList.add('mode-present');
      else if(info.cls==='is-focus') titleEl.classList.add('mode-focus');
      else if(info.cls==='is-max') titleEl.classList.add('mode-max');
      else if(info.cls==='is-trash') titleEl.classList.add('mode-trash');
      else if(info.cls==='is-draw') titleEl.classList.add('mode-draw');
      else titleEl.classList.add('mode-edit');
    }
  }
  window.updateModeBadge=updateModeBadge;
  function init(){
    updateModeBadge();
    try{
      var app=document.getElementById('app');
      var obs=new MutationObserver(updateModeBadge);
      obs.observe(document.body,{attributes:true,attributeFilter:['class']});
      if(app) obs.observe(app,{attributes:true,attributeFilter:['class']});
    }catch(_e){}
    document.addEventListener('keydown',function(){setTimeout(updateModeBadge,0);setTimeout(updateModeBadge,80);},true);
    document.addEventListener('click',function(){setTimeout(updateModeBadge,0);setTimeout(updateModeBadge,80);},true);
    setTimeout(updateModeBadge,250);
  }
  if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();
})();
</script>


<style id="safe116-title-dot-present-pointer-fix">
/* SAFE116:
   I præsentationstilstand satte ældre CSS .present .title til pointer-events:none.
   Derfor kunne SAFE115-prikken skifte TIL præsentation, men ikke tilbage igen.
   Vi gør kun titelfeltet klikbart; SAFE115-handleren reagerer fortsat kun i venstre prikzone. */
.present #title.safe115DotReady,
.present .title.safe115DotReady{
  pointer-events:auto!important;
}
</style>

<script id="safe115-title-dot-toggle-presentation">
(function(){
  function ready(fn){
    if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',fn,{once:true});
    else fn();
  }
  ready(function(){
    var title=document.getElementById('title');
    var app=document.getElementById('app');
    if(!title || !app || title.__safe115DotToggle) return;
    title.__safe115DotToggle=true;
    title.classList.add('safe115DotReady');
    title.setAttribute('data-safe115-dot-toggle','Tryk på prikken for at skifte redigering/præsentation');

    function modalOpen(){
      var m=document.getElementById('modalBack');
      if(!m) return false;
      var cs=getComputedStyle(m);
      return cs.display!=='none' && cs.visibility!=='hidden' && cs.opacity!=='0';
    }
    function inDotZone(ev){
      var r=title.getBoundingClientRect();
      var x=(typeof ev.clientX==='number') ? ev.clientX : (ev.touches && ev.touches[0] ? ev.touches[0].clientX : null);
      if(x===null) return false;
      var zone=Math.min(48, Math.max(34, r.width));
      return x>=r.left && x<=r.left+zone;
    }
    function markToggle(){ title.__safe115LastToggle=Date.now(); }
    function recentToggle(){ return title.__safe115LastToggle && Date.now()-title.__safe115LastToggle<450; }
    function toggleFromDot(ev){
      if(modalOpen()) return false;
      /* SAFE126: I papirkurven fungerer hele titelområdet/prikken som tilbage til seneste normale tavle. */
      if(app.classList.contains('trashBoardActive')){
        ev.preventDefault();
        ev.stopPropagation();
        if(ev.stopImmediatePropagation) ev.stopImmediatePropagation();
        try{
          if(typeof window.__tavleReturnFromTrashBoard==='function') window.__tavleReturnFromTrashBoard();
        }catch(_e){}
        return true;
      }
      if(!inDotZone(ev)) return false;
      ev.preventDefault();
      ev.stopPropagation();
      if(ev.stopImmediatePropagation) ev.stopImmediatePropagation();
      markToggle();
      var btn=document.getElementById('present');
      if(btn) btn.click();
      return true;
    }

    // SAFE115: Brug capture på selve titlen, men kun i venstre prikzone.
    // Resten af titlen bevarer almindelig titelredigering/contenteditable-flow.
    title.addEventListener('pointerdown',toggleFromDot,true);
    title.addEventListener('click',function(ev){
      // Fallback for ældre/tvære touch-browsere. Guard mod dobbelttoggle efter pointerdown.
      if(recentToggle()){
        ev.preventDefault(); ev.stopPropagation(); if(ev.stopImmediatePropagation)ev.stopImmediatePropagation();
        return;
      }
      toggleFromDot(ev);
    },true);
  });
})();
</script>


<style id="safe121-drawing-visible-over-widgets-only">
/* SAFE121:
   Tegnecanvas skal være et permanent visuelt overlay over widgets,
   ellers ryger streger bag widgets, når tegnetilstand slås fra.
   Samtidig holdes UI-lag og modaler over canvas, så SAFE117-fejlen
   med modaler bag widgets/lag ikke gentages.
   Ingen widget-z-index ændres her. */
.drawLayer,
#draw{
  z-index:2147483000!important;
}
.drawLayer{
  pointer-events:none;
}
.drawLayer.active,
.app.drawActive .drawLayer,
.app.drawActive #draw{
  pointer-events:auto!important;
  cursor:crosshair;
}
.title,
.topbar,
.toolbar,
.toolbarPeek,
.toolbarPinFloat,
.trashBoardBar{
  z-index:2147483100!important;
}
.drawPanel{
  z-index:2147483200!important;
}
.modalBackdrop,
#modalBack{
  z-index:2147483300!important;
}
.toast{
  z-index:2147483400!important;
}
</style>

<!-- SAFE166-GROUPS-MAP: SAFE167 Grupper-funktionspatch fjernet; denne fil skal kun dokumentere eksisterende Grupper-flow. -->


<script>
/* SAFE291: Fix farve-swatches i baggrundsvælger. */
(function(){
  const SAFE291_COLOR_MAP = [
    {keys:['lilla ro'], bg:'linear-gradient(135deg,#f7f3ff 0%,#eee7ff 55%,#ddd6fe 100%)'},
    {keys:['blå fokus','bla fokus'], bg:'linear-gradient(135deg,#eaf6ff 0%,#cfe9ff 55%,#bfdbfe 100%)'},
    {keys:['grøn tavle','gron tavle'], bg:'linear-gradient(135deg,#ecfdf5 0%,#bbf7d0 55%,#86efac 100%)'},
    {keys:['mørk grøn','mork gron'], bg:'radial-gradient(circle at 25% 25%,rgba(255,255,255,.22),transparent 18%),linear-gradient(135deg,#06281f 0%,#123b31 55%,#0f5132 100%)'},
    {keys:['dyb blå','dyb bla'], bg:'radial-gradient(circle at 25% 25%,rgba(255,255,255,.20),transparent 18%),linear-gradient(135deg,#111827 0%,#1e3a8a 55%,#2563eb 100%)'},
    {keys:['kontrast'], bg:'radial-gradient(circle at 20% 20%,rgba(255,255,255,.35),transparent 16%),radial-gradient(circle at 75% 50%,rgba(255,255,255,.18),transparent 18%),linear-gradient(135deg,#020617 0%,#1f2937 55%,#4b5563 100%)'},
    {keys:['minimal grå','minimal gra'], bg:'linear-gradient(135deg,#f8fafc 0%,#e5e7eb 55%,#cbd5e1 100%)'},
    {keys:['varm kreativ'], bg:'linear-gradient(135deg,#fff7ed 0%,#fed7aa 48%,#fca5a5 100%)'},
    {keys:['kølig','kolig'], bg:'linear-gradient(135deg,#eef2ff 0%,#bfdbfe 55%,#a5f3fc 100%)'},
    {keys:['dæmpet','daempet'], bg:'linear-gradient(135deg,#f5f5f4 0%,#d6d3d1 55%,#a8a29e 100%)'}
  ];
  function norm(s){
    return String(s||'').toLowerCase()
      .normalize('NFD').replace(/[\u0300-\u036f]/g,'')
      .replace(/\s+/g,' ').trim();
  }
  function bgFor(txt){
    const n=norm(txt);
    for(const item of SAFE291_COLOR_MAP){
      if(item.keys.some(k=>n.includes(norm(k))))return item.bg;
    }
    return '';
  }
  function patch(){
    try{
      const cards=Array.from(document.querySelectorAll('.bgCard,.bg-card,.backgroundCard,.background-card,.bgChoice,.bg-choice,.bgThumbCard,.bg-thumb-card,[data-bg-id],[data-background-id]'));
      cards.forEach(card=>{
        const txt=card.innerText||card.textContent||'';
        if(!/Farve|Lilla ro|Blå fokus|Bla fokus|Grøn tavle|Gron tavle|Mørk grøn|Mork gron|Dyb blå|Dyb bla|Kontrast|Minimal grå|Varm kreativ|Kølig|Kolig|Dæmpet|Daempet/i.test(txt))return;
        const bg=bgFor(txt);
        if(!bg)return;
        let preview=card.querySelector('.bgPreview,.bg-preview,.bgSwatch,.bg-swatch,.backgroundPreview,.background-preview,[class*="preview"],[class*="Preview"],[class*="thumb"],[class*="Thumb"]');
        if(!preview){
          const kids=Array.from(card.children||[]);
          preview=kids.find(k=>{
            const r=k.getBoundingClientRect();
            return r.width>40 && r.height>25 && r.height<160;
          });
        }
        if(!preview)preview=card;
        preview.classList.add('safe291ColorPreview');
        preview.style.setProperty('background',bg,'important');
        preview.style.setProperty('background-image',bg,'important');
        preview.style.setProperty('background-size','cover','important');
        preview.style.setProperty('background-position','center','important');
        const imgs=preview.querySelectorAll?preview.querySelectorAll('img'):[];
        imgs.forEach(img=>img.style.setProperty('display','none','important'));
      });
    }catch(e){
      console.warn('SAFE291 color patch failed',e);
    }
  }
  window.safe291PatchColorSwatches=patch;
  document.addEventListener('click',()=>setTimeout(patch,40),true);
  document.addEventListener('input',()=>setTimeout(patch,40),true);
  document.addEventListener('keydown',()=>setTimeout(patch,40),true);
  setTimeout(patch,100);
  setInterval(patch,1000);
})();
</script>


<script>
/* SAFE292: Farveswatches får deres egen gradient direkte på previewfeltet. */
(function(){
  function patch(){
    try{
      document.querySelectorAll('.bgChoice[data-bg-kind="swatch"]').forEach(card=>{
        const bg=card.getAttribute('data-bg-bg')||'';
        if(!bg)return;
        card.style.setProperty('--safe292-swatch-bg',bg);
        const preview=card.querySelector('.swatchPreview');
        if(preview){
          preview.style.setProperty('background',bg,'important');
          preview.style.setProperty('background-image',bg,'important');
        }
      });
    }catch(e){
      console.warn('SAFE292 swatch patch failed',e);
    }
  }
  window.safe292PatchSwatches=patch;
  document.addEventListener('click',()=>setTimeout(patch,30),true);
  document.addEventListener('input',()=>setTimeout(patch,30),true);
  document.addEventListener('keydown',()=>setTimeout(patch,30),true);
  setTimeout(patch,100);
})();
</script>


<script>
/* SAFE300: diagnostisk markør, så man kan se at neutral N er aktiv. */
(function(){
  window.__SAFE301_N_IMAGE_ONLY_ACTIVE=true;
})();
</script>

</body></html>