@media (min-width: 821px) {
  html[data-device-view="desktop"] .app-shell {
    grid-template-columns: 250px minmax(0, 1fr);
  }

  html[data-device-view="desktop"] .sidebar {
    position: sticky;
    top: 0;
    align-self: start;
    height: 100vh;
  }

  html[data-device-view="desktop"] .workspace {
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
  }

  html[data-device-view="desktop"] .topbar {
    align-items: center;
  }

  html[data-device-view="desktop"] .topbar-actions,
  html[data-device-view="desktop"] .section-actions {
    flex-wrap: nowrap;
  }

  html[data-device-view="desktop"] .table-wrap {
    overflow-x: auto;
  }

  html[data-device-view="desktop"] .chat-dialog {
    width: min(860px, calc(100vw - 48px));
  }

  html[data-device-view="desktop"] .invoice-dialog {
    width: min(1180px, calc(100vw - 48px));
  }

  html[data-device-view="desktop"] .mobile-only {
    display: none !important;
  }
}