html body .site-header .header-actions > .header-tool,
html body .site-header .header-actions > .login-link,
html body .site-header .header-actions > .theme-button,
html body .site-header .header-actions > .icon-button.theme-button,
html body .site-header .header-actions > .header-logout-icon {
  color: #dce6f0 !important;
}
html body .site-header .header-actions > .header-tool > span,
html body .site-header .header-actions > .theme-button > span {
  display: grid !important;
  place-items: center !important;
  width: 20px !important;
  height: 20px !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: #dce6f0 !important;
  filter: none !important;
}
html body .site-header .header-actions > .header-tool small,
html body .site-header .header-actions > .theme-button small,
html body .site-header .header-actions > .login-link small,
html body .site-header .header-actions > .header-logout-icon small {
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #dce6f0 !important;
}
html body .site-header .header-actions > .header-logout-icon::after {
  content: "\062e\0631\0648\062c";
  display: none;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.2;
  color: #dce6f0;
}
html body .site-header .header-actions > .header-logout-icon:has(small)::after {
  content: none !important;
  display: none !important;
}

@media (min-width: 901px) {
  html body .site-header .header-actions {
    align-items: flex-end !important;
    gap: 6px !important;
  }
  html body .site-header .header-actions > .header-tool,
  html body .site-header .header-actions > .login-link,
  html body .site-header .header-actions > .theme-button,
  html body .site-header .header-actions > .icon-button.theme-button,
  html body .site-header .header-actions > .header-logout-icon {
    display: grid !important;
    grid-template-rows: 22px auto;
    place-items: center !important;
    align-content: center !important;
    width: 58px !important;
    min-width: 58px !important;
    height: 56px !important;
    padding: 6px 2px !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body .site-header .header-actions .login-door {
    width: 20px !important;
    height: 20px !important;
    transform: scale(.68);
    transform-origin: center;
    color: #dce6f0 !important;
    border-color: currentColor !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body .site-header .header-actions .header-logout-icon svg {
    width: 20px !important;
    height: 20px !important;
    stroke: currentColor;
  }
  html body .site-header .header-actions > .header-tool small,
  html body .site-header .header-actions > .theme-button small,
  html body .site-header .header-actions > .login-link small,
  html body .site-header .header-actions > .header-logout-icon small,
  html body .site-header .header-actions > .header-logout-icon::after {
    display: block !important;
    margin-top: 4px !important;
    white-space: nowrap;
  }
  html body .site-header .header-actions > .header-tool:hover,
  html body .site-header .header-actions > .header-tool.active,
  html body .site-header .header-actions > .login-link:hover,
  html body .site-header .header-actions > .theme-button:hover,
  html body .site-header .header-actions > .header-logout-icon:hover {
    color: #e8c57a !important;
  }
  html body .site-header .header-actions > .header-tool:hover > span,
  html body .site-header .header-actions > .header-tool.active > span,
  html body .site-header .header-actions > .theme-button:hover > span,
  html body .site-header .header-actions > .login-link:hover .login-door {
    color: #e8c57a !important;
  }
}

html body .mobile-nav .header-tool {
  color: inherit !important;
}
html body .mobile-nav .header-tool > span {
  display: grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  font-size: 18px !important;
  line-height: 1 !important;
}
html body .mobile-nav .header-tool .mobile-nav-icon {
  width: 22px !important;
  height: 22px !important;
}
html body .mobile-nav .header-tool small {
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: inherit !important;
}