/* Menu tài khoản (assets/account-menu.js). Bản nền: đủ dùng, đúng màu thương hiệu; bố cục chi tiết chỉnh sau. */
.baans-account-menu { color: #173d38; font-family: Roboto, Arial, sans-serif; }
.baans-account-menu--dropdown {
  position: fixed;
  z-index: 100000;
  width: 280px;
  max-width: calc(100vw - 16px);
  padding: 8px;
  border: 1px solid #dfe9e3;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(23, 61, 56, .16);
}
.baans-account-menu--dropdown:focus { outline: none; }
.baans-account-menu__head { display: grid; gap: 2px; margin-bottom: 6px; padding: 10px 12px 12px; border-bottom: 1px solid #eef3f0; }
.baans-account-menu__name { font-size: 15px; }
.baans-account-menu__email,
.baans-account-menu__via { color: #58706b; font-size: 13px; overflow-wrap: anywhere; }
.baans-account-menu__role { justify-self: start; margin-top: 6px; padding: 2px 10px; border-radius: 999px; background: #eaf3ed; color: #245b3a; font-size: 12px; font-weight: 600; }
.baans-account-menu__list { display: grid; }
.baans-account-menu .baans-account-menu__item {
  display: block;
  width: 100%;
  padding: 10px 12px;
  border: 0;
  border-radius: 10px;
  background: none !important;
  color: #173d38 !important;
  font: inherit;
  font-size: 14px;
  line-height: 1.35;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.baans-account-menu .baans-account-menu__item:hover,
.baans-account-menu .baans-account-menu__item:focus-visible { background: #f3eef8 !important; color: #765d8f !important; }
.baans-account-menu__item[aria-current="page"] { font-weight: 700; }
.baans-account-menu__separator { margin: 6px 0; border: 0; border-top: 1px solid #eef3f0; }
/* Trong menu ba gạch trên điện thoại (assets/mobile-menu.js). */
.baans-account-menu--mobile { display: grid; gap: 4px; padding: 4px 0 8px; border-bottom: 1px solid #eef3f0; }
.baans-account-menu--mobile .baans-account-menu__head { border-bottom: 0; margin-bottom: 0; }