/* 2026-08-28 — use wide cashier screens efficiently while preserving readable forms. */
:root {
  --oe-page-gutter: clamp(18px, 1.55vw, 34px);
}

#dashboardPro .odp-shell,
#workbenchPro .wb-head,
#workbenchPro .wb-kpis,
#workbenchPro .wb-layout,
#workbenchPro .wb-alert,
#staffPermissionsPro .sp-head,
#staffPermissionsPro .sp-metrics,
#staffPermissionsPro .sp-panel,
#operationAudit .oa-wrap,
.coach-admin-pro .cap-head,
.coach-admin-pro .cap-metrics,
.coach-admin-pro .cap-panel,
.coach-media-review .cmr-head,
.coach-media-review .cmr-domain-tabs,
.coach-media-review .cmr-summary,
.coach-media-review .cmr-policy,
.coach-media-review .cmr-panel,
#financeReportPro .fr-head,
#financeReportPro .fr-range,
#financeReportPro .fr-kpis,
#financeReportPro .fr-grid,
#financeReportPro .fr-panel,
#financeReportPro .fr-toolbar,
#financeReportPro .fr-provider,
#financeReportPro .fr-nav-fallback,
#financeReportPro .fs-scroll > *,
#financeReportPro .fw-scroll > *,
.marketing-admin .marketing-main-inner,
.store-profile-pro .spp-shell,
#tableAdminPro .tap-shell,
#reservationAdminPro .rap-shell,
#productAdminPro .pap-shell,
#pageDecoration .pd-wrap,
#mediaLibraryPro .mlp-shell,
.cloud-services-page .cloud-services-head,
.cloud-services-page .cloud-services-content,
.member-benefit-admin .mb-head,
.member-benefit-admin .mb-layout {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

#dashboardPro .odp-shell {
  width: calc(100% - (var(--oe-page-gutter) * 2)) !important;
}

.store-profile-pro .spp-shell,
#tableAdminPro .tap-shell,
#reservationAdminPro .rap-shell,
#productAdminPro .pap-shell,
#pageDecoration .pd-wrap,
#mediaLibraryPro .mlp-shell {
  padding-left: var(--oe-page-gutter) !important;
  padding-right: var(--oe-page-gutter) !important;
}

.coach-media-review .cmr-domain-tabs {
  display: flex;
  gap: 0;
  margin-top: 16px !important;
  overflow-x: auto;
  border-bottom: 1px solid #dfd4c6;
  scrollbar-width: thin;
}

.coach-media-review .cmr-domain-tabs button {
  flex: 0 0 auto;
  min-height: 42px;
  padding: 0 18px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #71665a;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}

.coach-media-review .cmr-domain-tabs button.active {
  border-bottom-color: #a87838;
  color: #7d5523;
}

.settings-context-tabs {
  position: sticky;
  top: 0;
  z-index: 35;
  display: flex;
  min-height: 53px;
  align-items: center;
  gap: 18px;
  margin: -4px 0 20px;
  padding: 0 16px;
  border: 1px solid #e1d6c8;
  border-radius: 12px;
  background: rgba(255, 253, 249, .96);
  box-shadow: 0 6px 18px rgba(72, 53, 31, .06);
  backdrop-filter: blur(12px);
}

.settings-context-tabs > strong {
  flex: 0 0 auto;
  color: #66584a;
  font-size: 12px;
}

.settings-context-tabs > div {
  display: flex;
  min-width: 0;
  align-self: stretch;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.settings-context-tabs button {
  flex: 0 0 auto;
  padding: 0 14px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #756b61;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}

.settings-context-tabs button.active {
  border-bottom-color: #a87838;
  color: #795326;
}

@media (max-width: 1000px) {
  :root { --oe-page-gutter: 18px; }
}