/* AURELION_HEADER_SIZE_V507_START */
/* Responsive unified topbar sizing.
   1920px = balanced.
   2200px+ = larger.
   <=1600px = compact.
   <=1366px = extra compact.
*/

:root {
  --aurelion-header-h: 74px;
  --aurelion-header-px: 34px;
  --aurelion-header-gap: 18px;

  --aurelion-brand-h: 74px;
  --aurelion-brand-min: 245px;
  --aurelion-brand-font: 15.6px;
  --aurelion-brand-gap: 11px;
  --aurelion-brand-icon: 25px;

  --aurelion-nav-h: 74px;
  --aurelion-nav-gap: 14px;
  --aurelion-nav-btn-h: 39px;
  --aurelion-nav-btn-px: 14px;
  --aurelion-nav-font: 13.6px;
  --aurelion-nav-radius: 12px;

  --aurelion-admin-px: 16px;

  --aurelion-bell-size: 39px;

  --aurelion-session-h: 41px;
  --aurelion-session-min: 360px;
  --aurelion-session-px: 14px;
  --aurelion-session-gap: 9px;
  --aurelion-session-font: 13.2px;
  --aurelion-dot-size: 10px;

  --aurelion-logout-h: 33px;
  --aurelion-logout-px: 14px;
  --aurelion-logout-font: 13px;
}

@media (min-width: 2200px) {
  :root {
    --aurelion-header-h: 78px;
    --aurelion-header-px: 40px;
    --aurelion-header-gap: 24px;

    --aurelion-brand-h: 78px;
    --aurelion-brand-min: 270px;
    --aurelion-brand-font: 16.5px;
    --aurelion-brand-gap: 12px;
    --aurelion-brand-icon: 26px;

    --aurelion-nav-h: 78px;
    --aurelion-nav-gap: 17px;
    --aurelion-nav-btn-h: 42px;
    --aurelion-nav-btn-px: 16px;
    --aurelion-nav-font: 14.5px;
    --aurelion-nav-radius: 13px;

    --aurelion-admin-px: 18px;
    --aurelion-bell-size: 42px;

    --aurelion-session-h: 44px;
    --aurelion-session-min: 390px;
    --aurelion-session-px: 16px;
    --aurelion-session-gap: 10px;
    --aurelion-session-font: 14px;
    --aurelion-dot-size: 11px;

    --aurelion-logout-h: 36px;
    --aurelion-logout-px: 16px;
    --aurelion-logout-font: 13.5px;
  }
}

@media (max-width: 1600px) {
  :root {
    --aurelion-header-h: 70px;
    --aurelion-header-px: 24px;
    --aurelion-header-gap: 14px;

    --aurelion-brand-h: 70px;
    --aurelion-brand-min: 215px;
    --aurelion-brand-font: 14.6px;
    --aurelion-brand-gap: 10px;
    --aurelion-brand-icon: 24px;

    --aurelion-nav-h: 70px;
    --aurelion-nav-gap: 10px;
    --aurelion-nav-btn-h: 37px;
    --aurelion-nav-btn-px: 11px;
    --aurelion-nav-font: 12.9px;
    --aurelion-nav-radius: 11px;

    --aurelion-admin-px: 13px;
    --aurelion-bell-size: 37px;

    --aurelion-session-h: 39px;
    --aurelion-session-min: 320px;
    --aurelion-session-px: 12px;
    --aurelion-session-gap: 8px;
    --aurelion-session-font: 12.4px;
    --aurelion-dot-size: 10px;

    --aurelion-logout-h: 31px;
    --aurelion-logout-px: 12px;
    --aurelion-logout-font: 12.4px;
  }
}

@media (max-width: 1366px) {
  :root {
    --aurelion-header-h: 66px;
    --aurelion-header-px: 18px;
    --aurelion-header-gap: 10px;

    --aurelion-brand-h: 66px;
    --aurelion-brand-min: 185px;
    --aurelion-brand-font: 13.8px;
    --aurelion-brand-gap: 8px;
    --aurelion-brand-icon: 22px;

    --aurelion-nav-h: 66px;
    --aurelion-nav-gap: 7px;
    --aurelion-nav-btn-h: 35px;
    --aurelion-nav-btn-px: 9px;
    --aurelion-nav-font: 12.2px;
    --aurelion-nav-radius: 10px;

    --aurelion-admin-px: 11px;
    --aurelion-bell-size: 35px;

    --aurelion-session-h: 37px;
    --aurelion-session-min: 285px;
    --aurelion-session-px: 10px;
    --aurelion-session-gap: 7px;
    --aurelion-session-font: 11.8px;
    --aurelion-dot-size: 9px;

    --aurelion-logout-h: 29px;
    --aurelion-logout-px: 10px;
    --aurelion-logout-font: 11.8px;
  }
}

html body header.preview-header-v120.aurelion-unified-topbar-v145 {
  height: var(--aurelion-header-h) !important;
  min-height: var(--aurelion-header-h) !important;
  padding-left: var(--aurelion-header-px) !important;
  padding-right: var(--aurelion-header-px) !important;
  gap: var(--aurelion-header-gap) !important;
}

html body header.preview-header-v120.aurelion-unified-topbar-v145 .preview-brand-v120 {
  height: var(--aurelion-brand-h) !important;
  min-height: var(--aurelion-brand-h) !important;
  min-width: var(--aurelion-brand-min) !important;
  font-size: var(--aurelion-brand-font) !important;
  gap: var(--aurelion-brand-gap) !important;
}

html body header.preview-header-v120.aurelion-unified-topbar-v145 .preview-brand-icon-v120 {
  width: var(--aurelion-brand-icon) !important;
  height: var(--aurelion-brand-icon) !important;
  min-width: var(--aurelion-brand-icon) !important;
}

html body header.preview-header-v120.aurelion-unified-topbar-v145 .preview-nav-v120 {
  height: var(--aurelion-nav-h) !important;
  gap: var(--aurelion-nav-gap) !important;
}

html body header.preview-header-v120.aurelion-unified-topbar-v145 .preview-nav-v120 > a:not(.login-v120):not(.aurelion-public-admin-v140),
html body header.preview-header-v120.aurelion-unified-topbar-v145 .preview-nav-v120 > button.aurelion-public-bell-v140 {
  height: var(--aurelion-nav-btn-h) !important;
  min-height: var(--aurelion-nav-btn-h) !important;
  padding-left: var(--aurelion-nav-btn-px) !important;
  padding-right: var(--aurelion-nav-btn-px) !important;
  border-radius: var(--aurelion-nav-radius) !important;
  font-size: var(--aurelion-nav-font) !important;
  font-weight: 800 !important;
}

html body header.preview-header-v120.aurelion-unified-topbar-v145 .preview-nav-v120 > a.aurelion-public-active-v140 {
  height: var(--aurelion-nav-btn-h) !important;
  min-height: var(--aurelion-nav-btn-h) !important;
  padding-left: calc(var(--aurelion-nav-btn-px) + 2px) !important;
  padding-right: calc(var(--aurelion-nav-btn-px) + 2px) !important;
  border-radius: var(--aurelion-nav-radius) !important;
  font-size: var(--aurelion-nav-font) !important;
}

html body header.preview-header-v120.aurelion-unified-topbar-v145 .preview-nav-v120 .aurelion-public-admin-v140,
html body header.preview-header-v120.aurelion-unified-topbar-v145 #officeAdminLink {
  height: var(--aurelion-nav-btn-h) !important;
  min-height: var(--aurelion-nav-btn-h) !important;
  padding-left: var(--aurelion-admin-px) !important;
  padding-right: var(--aurelion-admin-px) !important;
  border-radius: var(--aurelion-nav-radius) !important;
  font-size: var(--aurelion-nav-font) !important;
  font-weight: 850 !important;
}

html body header.preview-header-v120.aurelion-unified-topbar-v145 #officeNotificationBell {
  width: var(--aurelion-bell-size) !important;
  min-width: var(--aurelion-bell-size) !important;
  height: var(--aurelion-bell-size) !important;
  min-height: var(--aurelion-bell-size) !important;
  border-radius: var(--aurelion-nav-radius) !important;
}

html body header.preview-header-v120.aurelion-unified-topbar-v145 #officeSession {
  height: var(--aurelion-session-h) !important;
  min-height: var(--aurelion-session-h) !important;
  min-width: var(--aurelion-session-min) !important;
}

html body header.preview-header-v120.aurelion-unified-topbar-v145 #officeSession .office-session-box,
html body header.preview-header-v120.aurelion-unified-topbar-v145 #officeSession > a {
  height: var(--aurelion-session-h) !important;
  min-height: var(--aurelion-session-h) !important;
  padding-left: var(--aurelion-session-px) !important;
  padding-right: var(--aurelion-session-px) !important;
  gap: var(--aurelion-session-gap) !important;
  font-size: var(--aurelion-session-font) !important;
}

html body header.preview-header-v120.aurelion-unified-topbar-v145 #officeSession .office-session-box::before {
  width: var(--aurelion-dot-size) !important;
  height: var(--aurelion-dot-size) !important;
  min-width: var(--aurelion-dot-size) !important;
}

html body header.preview-header-v120.aurelion-unified-topbar-v145 #officeSession button,
html body header.preview-header-v120.aurelion-unified-topbar-v145 #officeLogoutBtn {
  height: var(--aurelion-logout-h) !important;
  min-height: var(--aurelion-logout-h) !important;
  padding-left: var(--aurelion-logout-px) !important;
  padding-right: var(--aurelion-logout-px) !important;
  border-radius: var(--aurelion-nav-radius) !important;
  font-size: var(--aurelion-logout-font) !important;
}
/* AURELION_HEADER_SIZE_V507_END */