/*!
 * Landing chrome — unique filename (nginx caches /css/ immutable).
 * Second pass: even glyph weight, quieter login glow, 11px utility gaps.
 */

@media (min-width: 901px) {
  html body.erp-body #navbar #util-bar .util-bar-inner,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner {
    align-items: center !important;
    gap: 11px !important;
  }

  html body.erp-body #navbar #util-bar .util-bar-inner > .nav-auth-buttons,
  html body.erp-body #navbar #util-bar .util-bar-inner > #navUserChip,
  html body.erp-body #navbar #util-bar .util-bar-inner > #navNotifWrap,
  html body.erp-body #navbar #util-bar .util-bar-inner > .util-lang-wrap,
  html body.erp-body #navbar #util-bar .util-bar-inner > #utilLangWrapper,
  html body.erp-body #navbar #util-bar .util-bar-inner > #utilAiSearchSlot,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > .nav-auth-buttons,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > #navUserChip,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > #navNotifWrap,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > .util-lang-wrap,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > #utilLangWrapper,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > #utilAiSearchSlot {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
  }

  html body.erp-body #navbar #util-bar #us-trigger,
  html body.erp-body #navbar #util-bar .us-trigger,
  html body.erp-body #navbar #utilAiSearchSlot .us-trigger,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #us-trigger,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .us-trigger,
  html[data-active-module="landing"] body.erp-body #navbar #utilAiSearchSlot .us-trigger {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    box-sizing: border-box !important;
  }

  html body.erp-body #navbar #util-bar #us-trigger > i,
  html body.erp-body #navbar #util-bar .us-trigger > i,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #us-trigger > i,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .us-trigger > i {
    font-size: 16px !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
  }

  html body.erp-body #navbar #util-bar #loginBtn,
  html body.erp-body #navbar #util-bar .nav-auth-buttons #loginBtn.util-btn,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .nav-auth-buttons #loginBtn.util-btn {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    flex: 0 0 36px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    box-shadow:
      0 0 0 1px rgb(56 189 248 / 22%),
      0 3px 8px rgb(99 102 241 / 20%),
      0 2px 5px rgb(245 158 11 / 14%) !important;
  }

  html body.erp-body #navbar #util-bar #loginBtn:hover,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn:hover {
    transform: scale(1.04) !important;
  }

  html body.erp-body #navbar #util-bar #loginBtn::before,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn::before {
    inset: 6px !important;
  }

  html body.erp-body #navbar #util-bar #loginBtn .erp-login-orb-label,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn .erp-login-orb-label {
    opacity: 0.72 !important;
  }

  html body.erp-body #navbar #util-bar #loginBtn .erp-login-lock,
  html body.erp-body #navbar #util-bar #loginBtn .fa-lock,
  html body.erp-body #navbar #util-bar #loginBtn .fa-lock-open,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn .erp-login-lock,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn .fa-lock {
    font-size: 18px !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
  }

  html body.erp-body #navbar #util-bar #navUserChip,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #navUserChip {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
  }

  html body.erp-body #navbar #util-bar #navUserChip .nav-user-avatar,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #navUserChip .nav-user-avatar {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 50% !important;
    font-size: 12px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    box-shadow: 0 0 0 1px rgb(236 72 153 / 28%) !important;
  }

  html body.erp-body #navbar #util-bar #navNotifBell,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #navNotifBell {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html body.erp-body #navbar #util-bar #navNotifBell i,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #navNotifBell i {
    font-size: 19px !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
  }

  html body.erp-body #navbar #util-bar .util-lang-btn,
  html body.erp-body #navbar #util-bar .elinom-lang-btn,
  html body.erp-body #navbar #util-bar #currentLangDisplay,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-lang-btn,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .elinom-lang-btn,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #currentLangDisplay {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body.erp-body #navbar #util-bar .util-lang-btn i.fa-globe,
  html body.erp-body #navbar #util-bar .elinom-lang-btn i.fa-globe,
  html body.erp-body #navbar #util-bar #currentLangDisplay i.fa-globe,
  html body.erp-body #navbar #util-bar .util-lang-btn i.fas.fa-globe,
  html body.erp-body #navbar #util-bar .elinom-lang-btn i.fas.fa-globe,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-lang-btn i,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .elinom-lang-btn i,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #currentLangDisplay i {
    font-size: 19px !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
  }

  html body.erp-body #navbar #util-bar #currentLangText,
  html body.erp-body #navbar #util-bar .elinom-lang-label,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #currentLangText,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .elinom-lang-label {
    font-size: 12px !important;
    line-height: 1 !important;
  }
}