@media (min-width: 1200px) {
  .dashboard-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1499px) {
  .kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .property-item__meta strong {
    font-size: var(--text-lg4);
  }

  .panel-card__head h2 {
    font-size: var(--text-xl4);
  }
}

@media (max-width: 1199px) {
  .app-shell {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .app-sidebar {
    position: static;
    max-height: none;
  }

  .sidebar-shell {
    gap: 10px;
  }

  .sidebar-top {
    padding: 10px;
  }

  .sidebar-nav {
    display: flex;
    overflow-x: auto;
    padding-bottom: 4px;
    gap: 6px;
  }

  .sidebar-nav__item {
    min-width: max-content;
    grid-template-columns: 24px minmax(0, 1fr);
    padding: 10px 12px;
  }

  .sidebar-nav__group {
    display: none;
  }

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

@media (max-width: 920px) {
  .property-item {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .property-item__rent {
    grid-column: 1 / -1;
    justify-items: start;
    padding-left: 2px;
  }

  .task-item,
  .document-item,
  .activity-item {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .task-item__due,
  .document-item__date,
  .activity-item__time {
    grid-column: 2;
    text-align: left;
  }

  .error-page__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .error-hero {
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
  }

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

  .dashboard-financing-panel__facts,
  .dashboard-financing-panel__facts--secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tenants-bulk-panel__summary {
    flex-direction: column;
    align-items: flex-start;
  }

  .tenants-bulk-panel__summary .panel-card__meta {
    max-width: none;
    text-align: left;
  }

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

@media (max-width: 640px) {
  .page-head {
    flex-direction: column;
    align-items: flex-start;
  }

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

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

  .dashboard-financing-panel__facts,
  .dashboard-financing-panel__facts--secondary {
    grid-template-columns: minmax(0, 1fr);
  }

  .tenant-detail-hero__head {
    flex-direction: column;
    align-items: flex-start;
  }

  .tenant-detail-hero__facts {
    grid-template-columns: minmax(0, 1fr);
  }

  .tenants-bulk-bar {
    padding-inline: 0;
  }

  .tenants-bulk-bar__actions,
  .tenants-bulk-bar__selects {
    width: 100%;
  }

  .tenants-bulk-bar__actions .button,
  .tenants-bulk-bar__selects .button {
    width: 100%;
    justify-content: center;
  }

  .panel-card,
  .kpi-card {
    padding: var(--card-padding-inner);
  }

  .property-item__meta strong {
    font-size: var(--text-lg);
  }
}