/*!
 * EduManage - responsive.css
 * Breakpoints, print and reduced-motion rules. Load last.
 */

/* ---------- Responsive, print and reduced motion ---------- */

@media(max-width:991.98px) {
  .sidebar,
  [data-collapsed=true] .sidebar {
    width: var(--sidebar-w);
    transform: translateX(-100%);
    transition: transform .25s;
  }

  .sidebar.show {
    transform: none;
  }

  [data-collapsed=true] .sidebar .label,
  [data-collapsed=true] .nav-heading {
    display: block!important;
  }

  .main,
  [data-collapsed=true] .main {
    margin-left: 0;
  }

  .content,
  .topbar {
    padding-inline: 1rem;
  }

  .sidebar.show~.sidebar-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 1025;
  }
}

@media print {
  .sidebar,
  .topbar,
  .no-print {
    display: none!important;
  }

  .main {
    margin: 0;
  }

  .card {
    box-shadow: none;
    break-inside: avoid;
  }
}

@media(prefers-reduced-motion:reduce) {
  * {
    transition: none!important;
    animation: none!important;
  }
}

@media(max-width:991.98px) {
  .app-footer {
    padding-inline: 1rem;
  }
}

/* ---------- Additional page rules ---------- */

@media (max-width:991.98px) {
  .chat-shell {
    grid-template-columns: 1fr;
  }
}

@media print {
  .report-card {
    padding: 0;
    border: 0;
  }

  .invoice-sheet {
    border: 0;
  }
}