/* Wider global shell overrides. Keep this after site.css. */
:root {
  --pa-shell-max: 1500px;
  --pa-shell-wide-max: 1500px;
  --pa-shell-gutter: clamp(1rem, 3vw, 3rem);
}

.container-xxl {
  max-width: var(--pa-shell-max);
}

.pa-site-nav .container-xxl {
  width: min(100% - var(--pa-shell-gutter), var(--pa-shell-max));
  gap: clamp(1.1rem, 2.4vw, 2.75rem);
  padding-inline: 0;
}

@media (min-width: 992px) {
  .pa-nav-links {
    gap: clamp(1.1rem, 1.6vw, 1.95rem);
  }
}

.pa-resource-menu {
  --bs-dropdown-min-width: 18.5rem;
}

.pa-nav-menu {
  --bs-dropdown-min-width: 17rem;
}

.pa-account-toggle {
  max-width: 16rem;
}

.pa-resource-menu .dropdown-item {
  font-size: 0.86rem;
  padding: 0.68rem 0.85rem;
}

.pa-account-email {
  max-width: 20rem;
}

.pa-public-page,
.pa-auth-page,
.pa-section,
.pa-app-page .pa-main,
.pa-admin-page .pa-main,
.pa-admin-reference,
.pa-customer-dashboard,
.pa-account-workspace,
.pa-shared-report-page,
.pa-report-card-page,
.pa-upload-shell,
.pa-status-shell,
.pa-manage-shell {
  width: min(100% - var(--pa-shell-gutter), var(--pa-shell-max));
}

.pa-auth-shell {
  width: min(100% - var(--pa-shell-gutter), 1280px);
}

@media (min-width: 992px) {
  .pa-account-workspace {
    grid-template-columns: 260px minmax(0, 1fr);
  }
}

@media (max-width: 767.98px) {
  .pa-public-page {
    width: 100%;
  }

  .pa-auth-page {
    width: calc(100vw - 1rem);
    margin-inline: auto;
  }
}

@media (max-width: 575.98px) {
  .pa-auth-page {
    width: min(calc(100vw - 1rem), 22.5rem);
  }
}