.modern-account-menu {
  display: grid;
  width: 100%;
  padding: 9px;
  color: #171b24;
}

html[data-bs-theme="dark"] .modern-account-menu {
  color: #f5f7fb;
}

.modern-site-navbar {
  min-height: 86px;
  padding-block: 12px;
  background: #fff !important;
  box-shadow: none;
}

.modern-site-navbar > .container {
  width: min(1450px, calc(100% - 40px));
  max-width: 1450px;
  min-height: 61px;
  padding-inline: 0 !important;
}

.modern-site-navbar .navbar-brand {
  gap: 12px !important;
  margin-right: 24px;
  font-size: 1.55rem;
  font-weight: 950 !important;
  letter-spacing: .015em;
}

.modern-site-navbar .navbar-brand img {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain;
}

.modern-site-navbar .navbar-nav {
  gap: 7px !important;
}

.modern-site-navbar .navbar-nav > .nav-item > .nav-link {
  padding: 10px 11px;
  border-radius: 12px;
  font-weight: 800;
}

.modern-site-navbar .navbar-nav > .nav-item > .nav-link:hover,
.modern-site-navbar .navbar-nav > .nav-item > .nav-link:focus-visible {
  background: #eef2f7;
}

.modern-site-navbar .navbar-nav > .nav-item.dropdown:last-child img {
  width: 42px !important;
  height: 42px !important;
  border: 2px solid var(--bs-border-color, #d7dde7) !important;
}

html[data-bs-theme="dark"] .modern-site-navbar {
  border-color: #26303a !important;
  background: #0c1319 !important;
}

html[data-bs-theme="dark"] .modern-site-navbar .navbar-nav > .nav-item > .nav-link:hover,
html[data-bs-theme="dark"] .modern-site-navbar .navbar-nav > .nav-item > .nav-link:focus-visible {
  background: #17212a;
}

@media (max-width: 991.98px) {
  .modern-site-navbar {
    min-height: 72px;
    padding-block: 8px;
  }
  .modern-site-navbar > .container { width: calc(100% - 28px); }
  .modern-site-navbar .navbar-brand { font-size: 1.15rem; }
  .modern-site-navbar .navbar-brand img { width: 38px !important; height: 38px !important; }
}

.modern-account-menu-label {
  padding: 9px 11px 5px;
  color: var(--bs-secondary-color, #9aa1ad);
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.modern-account-menu a,
.modern-theme-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  padding: 8px 11px;
  border: 0;
  border-radius: 10px;
  color: inherit !important;
  background: transparent;
  text-decoration: none;
  font-weight: 780;
  cursor: pointer;
}

.modern-account-menu a > span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.modern-account-menu a > .bi-chevron-right {
  color: var(--bs-secondary-color);
  font-size: .72rem;
}

.modern-account-menu a > span > .bi {
  width: 18px;
  color: #6f7ff3;
  text-align: center;
}

.modern-account-menu a:hover,
.modern-account-menu a:focus-visible,
.modern-theme-row:hover,
.modern-theme-row:focus-within {
  color: #fff !important;
  background: #4969f5;
  outline: none;
}

.modern-account-menu-divider {
  height: 1px;
  margin: 7px 4px;
  background: var(--bs-border-color, #303945);
}

.modern-account-menu .modern-account-menu-logout {
  color: #ff7887 !important;
}

.modern-theme-row span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.modern-theme-switch {
  width: 42px;
  height: 24px;
  margin: 0;
  border: 0;
  border-radius: 999px;
  appearance: none;
  background: #56606c;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
  cursor: pointer;
  transition: background .18s ease;
}

.modern-theme-switch::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: 3px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,.28);
  transition: transform .18s ease;
}

.modern-theme-switch:checked {
  background: #4969f5;
}

.modern-theme-switch:checked::before {
  transform: translateX(18px);
}

#profileDropdownMenu {
  width: 270px;
  max-height: min(640px, calc(100vh - 94px));
  overflow-y: auto;
  padding: 0;
  border: 1px solid var(--bs-border-color, #303945);
  border-radius: 17px;
  background: var(--bs-body-bg, #fff);
  box-shadow: 0 24px 65px rgba(0,0,0,.28);
}

.navbar-theme-toggle {
  position: relative;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--bs-border-color, #d7dde7);
  border-radius: 12px;
  color: #596579;
  background: var(--bs-body-bg, #fff);
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.navbar-theme-toggle:hover { transform: translateY(-1px); border-color: #6f7ff3; }
.navbar-theme-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.navbar-theme-toggle .theme-icon-dark { display: none; }
html[data-bs-theme="dark"] .navbar-theme-toggle { color: #dbe4ed; background: #17222d; border-color: #344658; }
html[data-bs-theme="dark"] .navbar-theme-toggle .theme-icon-light { display: none; }
html[data-bs-theme="dark"] .navbar-theme-toggle .theme-icon-dark { display: inline-block; }

html[data-bs-theme="dark"] #profileDropdownMenu {
  background: #111b25 !important;
  border-color: #304151 !important;
  box-shadow: 0 24px 65px rgba(0,0,0,.52);
}

html[data-bs-theme="dark"] .modern-account-menu a:hover,
html[data-bs-theme="dark"] .modern-account-menu a:focus-visible {
  background: #243446;
}

.account-menu-popover .modern-account-menu {
  padding: 0;
}