/* Lagom 2: show payment before invoice details on narrow screens. */
@media (max-width: 991px) {
  .page-viewinvoice .main-grid:has(.panel-summary.view-invoice) {
    display: flex !important;
    flex-direction: column;
  }
  .page-viewinvoice .main-grid:has(.panel-summary.view-invoice) > .main-sidebar {
    order: -1;
    width: 100%;
    min-width: 0;
  }
  .page-viewinvoice .main-grid:has(.panel-summary.view-invoice) > .main-content {
    order: 0;
    width: 100%;
    min-width: 0;
  }
  .page-viewinvoice .main-grid:has(.panel-summary.view-invoice) > .main-sidebar .sidebar-sticky {
    position: static !important;
  }
}