/* SYSTJEM 11.41 — Lesboek cleanup: één laatste override voor iPad/Pencil/palet */

/* Het zelf-gerenderde Lesboek is de eigenaar van presentatiegedrag. */
.lessonbook-editor-v2[data-self-rendered="1"] #lessonbookCanvas{
  pointer-events:auto!important;
  touch-action:none!important; /* pen mag nooit door iPadOS als scrollgesture behandeld worden */
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
}

/* Minimalistisch: donkere zwevende balk, witte lijnpictogrammen. */
.lessonbook-editor-v2[data-self-rendered="1"].presentation .lessonbook-markup-palette{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  position:absolute!important;
  left:50%!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  z-index:2147483647!important;
  padding:8px 10px!important;
  max-width:calc(100vw - 24px)!important;
  overflow-x:auto!important;
  border-radius:21px!important;
  background:rgba(28,30,34,.94)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(24px)!important;
  -webkit-backdrop-filter:blur(24px)!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.lessonbook-editor-v2[data-self-rendered="1"].presentation .lessonbook-markup-palette[aria-hidden="true"]{display:none!important}
.lessonbook-editor-v2[data-self-rendered="1"].presentation.markup-open .lessonbook-markup-palette{display:flex!important}

.lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-markup-palette .lp-tool{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:13px!important;
  color:#fff!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}
.lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-markup-palette .lp-tool.active{
  color:#fff!important;
  background:#0A84FF!important;
  border-color:#0A84FF!important;
}
.lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-markup-palette .tool-glyph svg{
  display:block!important;
  width:23px!important;
  height:23px!important;
  fill:none!important;
  stroke:#fff!important;
  stroke-width:2.15!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:1!important;
}
/* Gum iets groter: meteen herkenbaar. */
.lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-markup-palette [data-palette-tool="eraser"] .tool-glyph svg{
  width:26px!important;
  height:26px!important;
  stroke-width:2.3!important;
}
/* Markeerstift eveneens iets breder dan de pen. */
.lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-markup-palette [data-palette-tool="marker"] .tool-glyph svg{
  width:25px!important;
  height:25px!important;
  stroke-width:2.3!important;
}
/* Undo / redo: pijlen duidelijk en even groot. */
.lessonbook-editor-v2[data-self-rendered="1"] #paletteUndo .tool-glyph svg,
.lessonbook-editor-v2[data-self-rendered="1"] #paletteRedo .tool-glyph svg{
  width:24px!important;
  height:24px!important;
  stroke-width:2.35!important;
}

.lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-markup-palette .lp-sep{
  flex:0 0 1px!important;
  width:1px!important;
  height:28px!important;
  margin:0 2px!important;
  background:rgba(255,255,255,.18)!important;
}

/* Kleuren rechts: geen lege donkere vakjes meer. */
.lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-markup-palette .lp-color{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  flex:0 0 29px!important;
  width:29px!important;
  min-width:29px!important;
  height:29px!important;
  min-height:29px!important;
  padding:0!important;
  border-radius:50%!important;
  border:2px solid rgba(255,255,255,.46)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.24)!important;
}
.lessonbook-editor-v2[data-self-rendered="1"] .lp-color[data-color="#111111"]{background:#111111!important}
.lessonbook-editor-v2[data-self-rendered="1"] .lp-color[data-color="#0A84FF"]{background:#0A84FF!important}
.lessonbook-editor-v2[data-self-rendered="1"] .lp-color[data-color="#30D158"]{background:#30D158!important}
.lessonbook-editor-v2[data-self-rendered="1"] .lp-color[data-color="#FFD60A"]{background:#FFD60A!important}
.lessonbook-editor-v2[data-self-rendered="1"] .lp-color[data-color="#FF453A"]{background:#FF453A!important}
.lessonbook-editor-v2[data-self-rendered="1"] .lp-color[data-color="#FF9F0A"]{background:#FF9F0A!important}
.lessonbook-editor-v2[data-self-rendered="1"] .lp-color[data-color="#BF5AF2"]{background:#BF5AF2!important}
.lessonbook-editor-v2[data-self-rendered="1"] .lp-color[data-color="#FFFFFF"]{background:#FFFFFF!important}
.lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-markup-palette .lp-color.active{
  border-color:#fff!important;
  box-shadow:0 0 0 2px #0A84FF,0 0 0 4px rgba(255,255,255,.55)!important;
}

/* Editor buiten presentatie: zelfde iconen, rustiger wit. */
.lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-toolbar-v2 .tool-glyph svg{
  width:20px!important;height:20px!important;stroke-width:2.1!important;stroke:currentColor!important;
}
.lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-toolbar-v2 [data-tool="eraser"] .tool-glyph svg{width:23px!important;height:23px!important}
.lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-toolbar-v2 [data-tool="marker"] .tool-glyph svg{width:22px!important;height:22px!important}

@media(max-width:700px){
  .lessonbook-editor-v2[data-self-rendered="1"].presentation .lessonbook-markup-palette{
    left:8px!important;right:8px!important;transform:none!important;width:auto!important;max-width:none!important;justify-content:flex-start!important;
  }
  .lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-markup-palette .lp-tool{flex-basis:40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  .lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-markup-palette .lp-color{flex-basis:27px!important;width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important}
}

/* SYSTJEM 11.41.1 — Pencil vast op tekenen, palet wegklikbaar, duidelijkere pijlen */
.lessonbook-editor-v2[data-self-rendered="1"] #lessonbookCanvas{
  touch-action:none!important;
  overscroll-behavior:contain!important;
}
.lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-stage{
  overscroll-behavior:contain!important;
}

/* Undo/redo krijgen een groter, eenvoudiger silhouet. */
.lessonbook-editor-v2[data-self-rendered="1"] #paletteUndo .tool-glyph svg,
.lessonbook-editor-v2[data-self-rendered="1"] #paletteRedo .tool-glyph svg{
  width:27px!important;
  height:27px!important;
  stroke-width:2.65!important;
}
.lessonbook-editor-v2[data-self-rendered="1"] #undoDraw .tool-glyph svg,
.lessonbook-editor-v2[data-self-rendered="1"] #redoDraw .tool-glyph svg{
  width:24px!important;
  height:24px!important;
  stroke-width:2.45!important;
}

/* Sluiten is bewust een apart, rustig kruisje. */
.lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-markup-palette .palette-close{
  margin-left:2px!important;
  background:rgba(255,255,255,.12)!important;
}
.lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-markup-palette .palette-close .tool-glyph svg{
  width:20px!important;
  height:20px!important;
  stroke-width:2.5!important;
}

/* Als het palet wordt weggeklikt blijft één klein pennetje beschikbaar om het terug te openen. */
.lessonbook-editor-v2[data-self-rendered="1"] .palette-reopen{
  display:none;
}
.lessonbook-editor-v2[data-self-rendered="1"].presentation .palette-reopen:not([hidden]){
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  right:max(18px,env(safe-area-inset-right))!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  z-index:2147483647!important;
  width:48px!important;
  height:48px!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(28,30,34,.94)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.32)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
.lessonbook-editor-v2[data-self-rendered="1"].presentation .palette-reopen .tool-glyph svg{
  width:24px!important;
  height:24px!important;
  fill:none!important;
  stroke:#fff!important;
  stroke-width:2.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* SYSTJEM 11.44 — Sprint 42/43/44: Pencil-lock, echte presentatielaag, werkstand onthouden */
/* Sprint 42: native scroll op de documentlaag volledig uitschakelen. Vinger-scroll gebeurt bewust via JS. */
.lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-stage,
.lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-pdf-outer,
.lessonbook-editor-v2[data-self-rendered="1"] #lessonbookCanvas{
  touch-action:none!important;
  -ms-touch-action:none!important;
  overscroll-behavior:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
}
.lessonbook-editor-v2[data-self-rendered="1"] #lessonbookCanvas{
  z-index:100!important;
  pointer-events:auto!important;
}

/* Sprint 43: Presentatiemodus bedekt echt alle SYSTJEM-chrome, inclusief opslag/back-upbalk. */
html:has(body.lessonbook-presenting),
body.lessonbook-presenting{overflow:hidden!important;background:#0f1720!important}
body.lessonbook-presenting .session-topbar,
body.lessonbook-presenting .admin-storage-footer,
body.lessonbook-presenting .autosave-footer-status,
body.lessonbook-presenting #sidebarToggle,
body.lessonbook-presenting .mobile-nav-toggle,
body.lessonbook-presenting .adminnav,
body.lessonbook-presenting .admin-sidebar,
body.lessonbook-presenting .primary-nav{display:none!important}
body.lessonbook-presenting .lessonbook-editor-v2[data-self-rendered="1"].presentation{
  position:fixed!important;
  inset:0!important;
  width:100dvw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  z-index:2147483646!important;
  background:#0f1720!important;
}
body.lessonbook-presenting .lessonbook-editor-v2[data-self-rendered="1"].presentation .lessonbook-workspace-v2{
  bottom:0!important;
}

/* Sprint 44: palette en heropenknop blijven boven het document en binnen de iPad safe-area. */
body.lessonbook-presenting .lessonbook-editor-v2[data-self-rendered="1"] .lessonbook-markup-palette,
body.lessonbook-presenting .lessonbook-editor-v2[data-self-rendered="1"] .palette-reopen{
  z-index:2147483647!important;
}