/* Arcendium fixed dashboard/page header - no double spacing */

body:not(.landing-page) {
  --arc-fixed-header-h: 66px;
  --arc-fixed-header-left: 0px;
}

body:not(.landing-page) .topbar,
body:not(.landing-page) .dashboard-topbar,
body:not(.landing-page) .app-topbar,
body:not(.landing-page) header.topbar,
body:not(.landing-page) header.dashboard-topbar {
  position: fixed !important;
  top: 0 !important;
  left: var(--arc-fixed-header-left) !important;
  right: 0 !important;
  width: auto !important;
  z-index: 95000 !important;
  min-height: var(--arc-fixed-header-h) !important;
  background: color-mix(in srgb, var(--bg1, #ffffff) 94%, transparent) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid var(--border, rgba(15,23,42,.10)) !important;
  box-shadow: 0 6px 18px rgba(15,23,42,.055) !important;
}

/* Do NOT pad every wrapper. That caused the huge gap. */
body:not(.landing-page) .main-content,
body:not(.landing-page) .dashboard-main,
body:not(.landing-page) main,
body:not(.landing-page) .content {
  padding-top: 0 !important;
}

/* Only the actual page body gets top spacing. */
body:not(.landing-page) .page-content {
  padding-top: calc(var(--arc-fixed-header-h) + 10px) !important;
}

/* Fallback for pages without .page-content */
body:not(.landing-page) .main-content > .card:first-child,
body:not(.landing-page) .main-content > .section:first-child {
  margin-top: calc(var(--arc-fixed-header-h) + 10px) !important;
}

/* Modals must always sit above the fixed header and sidebar. */
.modal-overlay,
body:not(.landing-page) .modal-overlay {
  z-index: 300000 !important;
}

.modal,
body:not(.landing-page) .modal {
  z-index: 300010 !important;
}

body.modal-open .topbar,
body.modal-open .dashboard-topbar,
body.modal-open .app-topbar {
  z-index: 1000 !important;
}

@media(max-width:1180px) {
  body:not(.landing-page) {
    --arc-fixed-header-left: 0px !important;
  }

  body:not(.landing-page) .topbar,
  body:not(.landing-page) .dashboard-topbar,
  body:not(.landing-page) .app-topbar,
  body:not(.landing-page) header.topbar,
  body:not(.landing-page) header.dashboard-topbar {
    left: 0 !important;
  }

  body:not(.landing-page) .page-content {
    padding-top: calc(var(--arc-fixed-header-h) + 8px) !important;
  }
}

@media(max-width:640px) {
  body:not(.landing-page) {
    --arc-fixed-header-h: 62px;
  }

  body:not(.landing-page) .page-content {
    padding-top: calc(var(--arc-fixed-header-h) + 6px) !important;
  }
}


/* auth-page fixed-header exclusion */
body.auth-page .topbar,
body.auth-page .dashboard-topbar,
body.auth-page .app-topbar,
body[data-page="auth"] .topbar,
body[data-page="auth"] .dashboard-topbar,
body[data-page="auth"] .app-topbar {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  z-index: auto !important;
}

body.auth-page .page-content,
body.auth-page .main-content,
body.auth-page main,
body[data-page="auth"] .page-content,
body[data-page="auth"] .main-content,
body[data-page="auth"] main {
  padding-top: 0 !important;
}