/** Print owner: current AppShell, curricular views and course pages only. */

@page {
  size: A4 landscape;
  margin: 12mm;
}

@media print {
  :root {
    color-scheme: light;
  }

  body {
    background: var(--neutral-0) !important;
    color: var(--neutral-1000) !important;
    font-size: 10pt;
  }

  .workspace-sidebar,
  .workspace-topbar,
  .workspace-mobile-nav,
  .modal-overlay,
  .toast-container,
  .btn,
  button,
  input,
  select,
  textarea {
    display: none !important;
  }

  .workspace-shell,
  .workspace-main,
  .workspace-page-content,
  .view-panel.active {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    overflow: visible !important;
  }

  .view-panel:not(.active),
  .course-home-panel:not(.is-active) {
    display: none !important;
  }

  .workspace-page-content {
    padding: 0 !important;
  }

  .malla-relations-layer,
  .course-home-tabs,
  .course-module-rail,
  .course-resource-toolbar {
    display: none !important;
  }

  .malla-scroll-container,
  .malla-semester-grid {
    width: auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .malla-semester-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .malla-column,
  .malla-card,
  .report-chapter,
  .course-home-hero,
  .course-learning-unit,
  .course-lesson-card,
  .report-chart,
  .progress-inspector,
  .academic-data-table tr {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  .malla-column,
  .malla-card,
  .course-home-hero,
  .course-learning-unit,
  .course-lesson-card {
    background: var(--neutral-0) !important;
    color: var(--neutral-1000) !important;
    box-shadow: none !important;
  }

  #course-page-layer .course-learning-unit[hidden] {
    display: block !important;
  }

  .course-home-content-layout,
  .course-home-panel.is-active {
    display: block !important;
    width: auto !important;
    max-width: none !important;
  }

  .course-home-panel.is-active,
  .academic-prose {
    color: var(--neutral-950) !important;
  }

  a {
    color: var(--neutral-1000) !important;
    text-decoration: underline;
  }
}