.page-content {
  --regab-page-pad-x: clamp(16px, 2vw, 40px);
  --regab-page-pad-y: clamp(22px, 2.6vh, 36px);
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  min-height: calc(100vh - 76px);
  padding: var(--regab-page-pad-y) var(--regab-page-pad-x) clamp(28px, 3.2vh, 56px) !important;
}

.page-content > .work-page,
.page-content > .placeholder-page,
.page-content > .project-detail-page,
.page-content > .todo-board-dark,
.page-content > .regab-documents-host,
.page-content > .regab-deadlines-host,
.page-content > section,
.page-content > div {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}

.settings-hub {
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}

.work-page,
.list-panel,
.responsive-table,
.baserow-sheet,
.jourfix-layout {
  width: 100% !important;
  max-width: none !important;
}

.page-content.regab-wide-project-detail,
.page-content:has(.project-detail-page) {
  --regab-page-pad-x: clamp(14px, 1vw, 24px);
}

.page-content.regab-wide-todo,
.page-content:has(.todo-board-dark) {
  --regab-page-pad-x: clamp(20px, 2vw, 44px);
}

.page-content.regab-wide-dashboard,
.page-content:has(.dashboard-grid),
.page-content:has(.project-overview) {
  --regab-page-pad-x: clamp(16px, 2vw, 40px);
}

.page-content.regab-wide-project-detail .project-detail-page,
.page-content:has(.project-detail-page) .project-detail-page,
.page-content.regab-wide-todo .todo-board-dark,
.page-content:has(.todo-board-dark) .todo-board-dark {
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 900px) {
  .page-content,
  .page-content.regab-wide-project-detail,
  .page-content.regab-wide-todo,
  .page-content.regab-wide-dashboard,
  .page-content:has(.project-detail-page),
  .page-content:has(.todo-board-dark),
  .page-content:has(.dashboard-grid),
  .page-content:has(.project-overview) {
    --regab-page-pad-x: 16px;
    min-height: calc(100vh - 66px);
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .settings-hub {
    grid-template-columns: 1fr !important;
  }
}