/* SYSTJEM 11.34.0 — iPad Presentatiemodus, mobiele Lesmodus en veilige appshell */

/* ===== Sprint 32: dedicated iPad presentation surface ===== */
html.systjem-pm-lock,
html.systjem-pm-lock body{
  overflow:hidden!important;
  width:100%!important;
  height:100%!important;
  background:#000!important;
  overscroll-behavior:none!important;
}
body > .lessonbook-editor-v2.systjem-pm-root{
  position:fixed!important;
  left:0!important;
  top:0!important;
  width:100vw!important;
  width:100dvw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#000!important;
  overflow:hidden!important;
  z-index:2147483647!important;
  isolation:isolate!important;
}
body > .lessonbook-editor-v2.systjem-pm-root .lessonbook-titlebar-v2,
body > .lessonbook-editor-v2.systjem-pm-root > .lessonbook-toolbar-v2,
body > .lessonbook-editor-v2.systjem-pm-root .lessonbook-help,
body > .lessonbook-editor-v2.systjem-pm-root .lessonbook-page-sidebar,
body > .lessonbook-editor-v2.systjem-pm-root .lessonbook-page-counter{
  display:none!important;
}
body > .lessonbook-editor-v2.systjem-pm-root .lessonbook-presentation-bar{
  display:flex!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:58px!important;
  min-height:58px!important;
  padding:7px 12px!important;
  padding-top:max(7px,env(safe-area-inset-top))!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  background:rgba(18,18,19,.96)!important;
  color:#fff!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.11)!important;
  box-shadow:none!important;
  backdrop-filter:blur(26px)!important;
  -webkit-backdrop-filter:blur(26px)!important;
  z-index:120!important;
}
body > .lessonbook-editor-v2.systjem-pm-root .lessonbook-workspace-v2{
  position:absolute!important;
  inset:58px 0 0!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#111!important;
}
body > .lessonbook-editor-v2.systjem-pm-root .lessonbook-document-pane,
body > .lessonbook-editor-v2.systjem-pm-root .lessonbook-stage{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#111!important;
  box-shadow:none!important;
}
body > .lessonbook-editor-v2.systjem-pm-root .lessonbook-stage{
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:pan-x pan-y pinch-zoom!important;
}
.systjem-pdf-zoom-layer{
  position:absolute;
  left:0;top:0;
  width:100%;height:100%;
  min-width:100%;min-height:100%;
  transform-origin:0 0;
  will-change:transform;
}
body > .lessonbook-editor-v2.systjem-pm-root .systjem-pdf-zoom-layer{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  transform:scale(var(--systjem-pdf-scale,1.72))!important;
}
body > .lessonbook-editor-v2.systjem-pm-root .systjem-pdf-zoom-layer > iframe,
body > .lessonbook-editor-v2.systjem-pm-root .systjem-pdf-zoom-layer > canvas{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body > .lessonbook-editor-v2.systjem-pm-root .systjem-pdf-zoom-layer > iframe{z-index:1!important;background:#fff!important}
body > .lessonbook-editor-v2.systjem-pm-root .systjem-pdf-zoom-layer > canvas{z-index:3!important}
body > .lessonbook-editor-v2.systjem-pm-root:not(.markup-open) .systjem-pdf-zoom-layer > canvas{pointer-events:none!important}
body > .lessonbook-editor-v2.systjem-pm-root.markup-open .systjem-pdf-zoom-layer > canvas{pointer-events:auto!important;touch-action:none!important}

.systjem-pm-zoom{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  padding:3px!important;
  border-radius:18px!important;
  background:#29292b!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;
}
.systjem-pm-zoom button{
  min-width:34px!important;
  height:34px!important;
  padding:0 9px!important;
  border:0!important;
  border-radius:15px!important;
  background:transparent!important;
  color:#fff!important;
  font:700 15px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;
}
.systjem-pm-zoom button:active,.systjem-pm-zoom button.active{background:#48484a!important}
.systjem-pm-zoom .pm-fit{min-width:64px!important;font-size:12px!important}
.systjem-pm-percent{min-width:46px;text-align:center;font:600 12px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;color:#d1d1d6}

/* ===== Sprint 33: mobile lesson control dock ===== */
.lesson-live-dock{display:none}
@media(max-width:820px){
  .student-dossier{padding-bottom:82px!important}
  .student-dossier .panel-postit,.student-dossier #leerlingdoelen,.student-dossier .panel-lessons{scroll-margin-top:76px}
  .lesson-live-dock{
    display:flex;
    position:fixed;
    left:12px;right:12px;
    bottom:max(10px,env(safe-area-inset-bottom));
    z-index:200000;
    align-items:center;
    gap:5px;
    padding:5px;
    border-radius:20px;
    background:rgba(25,43,32,.94);
    box-shadow:0 16px 46px rgba(0,0,0,.28);
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
  }
  .lesson-live-dock button{
    flex:1;
    min-width:0;
    height:42px;
    padding:0 9px;
    border:0;
    border-radius:15px;
    background:transparent;
    color:#f5f2e8;
    font:700 13px/1.1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;
    white-space:nowrap;
  }
  .lesson-live-dock button:active,.lesson-live-dock button.is-active{background:rgba(255,255,255,.13)}
  .lesson-live-dock .lesson-dock-save{flex:0 0 42px;font-size:18px}
  body.keyboard-visible .lesson-live-dock{display:none}
}

/* ===== Sprint 34: safe app shell status ===== */
.systjem-connection-pill{
  position:fixed;
  right:12px;
  bottom:max(12px,env(safe-area-inset-bottom));
  z-index:199990;
  display:none;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:7px 11px;
  border-radius:18px;
  background:#242625;
  color:#fff;
  font:650 12px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;
  box-shadow:0 10px 32px rgba(0,0,0,.25)
}
.systjem-connection-pill.show{display:flex}
.systjem-connection-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:#ff9f0a}
.systjem-connection-pill.online::before{background:#30d158}
@media(max-width:820px){body:has(.lesson-live-dock) .systjem-connection-pill{bottom:66px}}