/* shared full-width layout */
html,
body {
  width: 100% !important;
  min-width: 0 !important;
}

.content-deck {
  right: 0 !important;
  width: auto !important;
}

.content-frame {
  width: 100% !important;
  height: 100% !important;
}

body > main,
.home-page,
.order-page,
.list-page,
.admin-page,
.finance-page,
.datahome-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 12px !important;
}

.home-actions-only,
.panel,
.filter-card,
.batch-card,
.orders-card,
.order-card,
.results-section,
.admin-hero,
.admin-card,
.finance-hero,
.finance-page .card,
.card {
  width: 100% !important;
}

.table-wrap,
.admin-table-wrap {
  width: 100% !important;
  overflow: auto !important;
}

table,
.table,
.admin-table {
  width: 100% !important;
}

.filter-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
}

.grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}

.datahome-cards {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.order-grid {
  grid-template-columns: 420px minmax(0, 1fr) !important;
}

.order-page .order-grid {
  grid-template-areas: "picker picker" "settings account" !important;
}

.order-page:not(.has-project) .order-grid {
  grid-template-areas: "picker picker" "account account" !important;
}

.order-page:not(.has-project) .account-card {
  grid-column: 1 / -1 !important;
}

.order-page .picker-card {
  grid-area: picker !important;
}

.order-page .settings-card {
  grid-area: settings !important;
}

.order-page .account-card {
  grid-area: account !important;
}

@media (max-width: 1200px) {
  .order-grid {
    grid-template-columns: 360px minmax(0, 1fr) !important;
  }

  .datahome-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .order-grid,
  .order-page .order-grid,
  .order-page:not(.has-project) .order-grid,
  .home-layout,
  .datahome-layout {
    grid-template-columns: 1fr !important;
    grid-template-areas: "picker" "settings" "account" !important;
  }
}

@media (max-width: 680px) {
  body > main,
  .home-page,
  .order-page,
  .list-page,
  .admin-page,
  .finance-page,
  .datahome-page {
    padding: 8px !important;
  }

  .datahome-cards,
  .grid {
    grid-template-columns: 1fr !important;
  }
}