@media (min-width: 921px) {
  .login-shell {
    grid-template-columns: minmax(320px, 0.95fr) minmax(360px, 1.05fr);
  }

  .login-visual {
    min-height: 100vh;
  }

  .login-logo {
    display: block;
  }

  .login-panel {
    min-height: 100vh;
    place-items: center;
  }

  .app-shell {
    grid-template-columns: 248px minmax(0, 1fr);
    align-content: stretch;
  }

  .sidebar {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 24px 18px;
  }

  .sidebar-header {
    display: block;
  }

  .nav-toggle {
    display: none;
  }

  .sidebar-panel {
    position: static;
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .workspace {
    padding: 34px clamp(24px, 4vw, 52px);
  }

  .app-content {
    min-height: 100vh;
    min-height: 100dvh;
  }

  .topbar,
  .panel-header,
  .footer-actions {
    align-items: center;
    flex-direction: row;
  }

  .footer-actions {
    padding-bottom: 0;
  }

  .analytics-filters {
    grid-template-columns: minmax(170px, 1fr) 170px 170px auto auto;
    align-items: end;
    column-gap: 14px;
    row-gap: 12px;
    width: auto;
  }

  .receipt-controls {
    grid-template-columns: minmax(180px, 1.4fr) minmax(130px, 1fr) minmax(130px, 1fr) minmax(140px, 1fr) auto;
    align-items: end;
    column-gap: 14px;
    row-gap: 12px;
  }

  .content-grid {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
  }

  .landing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nav-list {
    display: grid;
    gap: 6px;
    margin-top: 34px;
    flex-direction: initial;
  }

  .sign-out {
    position: sticky;
    bottom: 24px;
    width: 100%;
    margin-top: auto;
  }

  .segmented {
    width: auto;
  }

  .segment {
    min-width: 84px;
  }

  .field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .receipt-detail-grid {
    grid-template-columns: minmax(260px, 0.82fr) minmax(340px, 1fr);
    align-items: start;
  }

  .correction-line-item {
    grid-template-columns: minmax(120px, 1.4fr) minmax(72px, 0.7fr) minmax(90px, 0.8fr) minmax(120px, 1fr);
  }

  .settings-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .subscription-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}