/* PE-Class 12135 — compact lesson-calendar fixed zones and isolated list scroll */
@media (max-width: 760px) {
  html[data-pe-device="compact"][data-pe-tab="lessonCalendar"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"]),
  html[data-pe-device="compact"][data-pe-tab="lessonCalendar"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"])
  body {
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  html[data-pe-device="compact"][data-pe-tab="lessonCalendar"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"])
  body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto minmax(0, 1fr) !important;
  }

  html[data-pe-device="compact"][data-pe-tab="lessonCalendar"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"])
  body > .pe87Top {
    grid-row: 1 !important;
    position: relative !important;
    top: auto !important;
  }

  html[data-pe-device="compact"][data-pe-tab="lessonCalendar"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"])
  body > .mobileTabBar {
    grid-row: 2 !important;
    position: relative !important;
    top: auto !important;
  }

  html[data-pe-device="compact"][data-pe-tab="lessonCalendar"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"])
  body > .pe87Shell {
    grid-row: 3 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html[data-pe-device="compact"][data-pe-tab="lessonCalendar"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"])
  body > .pe87Shell > .pe87Main {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html[data-pe-device="compact"][data-pe-tab="lessonCalendar"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"])
  body #app {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto 16px minmax(0, 1fr) !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html[data-pe-device="compact"][data-pe-tab="lessonCalendar"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"])
  body #app > .calendarHeader.panel {
    grid-row: 1 !important;
    position: relative !important;
    top: auto !important;
  }

  html[data-pe-device="compact"][data-pe-tab="lessonCalendar"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"])
  body #app > .calendarHeader.panel + div {
    grid-row: 2 !important;
    height: 16px !important;
    min-height: 16px !important;
  }

  html[data-pe-device="compact"][data-pe-tab="lessonCalendar"]:not(.pe87FoldWide):not([data-pe-fold-wide="true"])
  body #app > .calendarHeader.panel + div + .panel {
    grid-row: 3 !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }
}