/* T27 — official Tabler container width calibration */

body.enumara-panel {
  --enumara-panel-max-width: 1320px;
  --enumara-panel-gutter: 16px;
  --enumara-content-max: 1320px;
  --enumara-workspace-w: 360px;
}

@media (min-width: 1400px) {
  body.enumara-panel {
    --enumara-panel-max-width: 1320px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  body.enumara-panel {
    --enumara-panel-max-width: min(1320px, calc(100vw - 32px));
  }
}

body.enumara-panel .enumara-header-container,
body.enumara-panel .enumara-top-nav-inner,
body.enumara-panel .container-enumara,
body.enumara-panel .container-enumara.container-xl {
  width: min(
    calc(100% - (var(--enumara-panel-gutter) * 2)),
    var(--enumara-panel-max-width)
  );
  max-width: none;
  margin-inline: auto;
  padding-inline: var(--enumara-panel-gutter);
  box-sizing: border-box;
}

body.enumara-panel .enumara-balance-page,
body.enumara-panel .enumara-support-center,
body.enumara-panel .enumara-support-detail {
  max-width: 100%;
  width: 100%;
}

@media (min-width: 992px) {
  body.enumara-panel .enumara-dashboard-grid {
    grid-template-columns: minmax(340px, var(--enumara-workspace-w)) minmax(0, 1fr);
    gap: 16px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  body.enumara-panel .enumara-dashboard-grid {
    grid-template-columns: minmax(320px, 340px) minmax(0, 1fr);
  }
}

@media (max-width: 991.98px) {
  body.enumara-panel .enumara-header-container,
  body.enumara-panel .enumara-top-nav-inner,
  body.enumara-panel .container-enumara,
  body.enumara-panel .container-enumara.container-xl {
    width: 100%;
    max-width: none;
    padding-inline: 12px;
  }
}

@media (max-width: 389.98px) {
  body.enumara-panel .enumara-header-container,
  body.enumara-panel .enumara-top-nav-inner,
  body.enumara-panel .container-enumara {
    padding-inline: 8px;
  }
}