.account-menu {
  position: relative;
  flex-shrink: 0;
}
.account-menu summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  list-style: none;
  padding: 10px 12px;
  border: 1px solid #d4dceb;
  border-radius: 8px;
  cursor: pointer;
  color: #264b93;
  font-size: 13px;
}
.account-menu summary::-webkit-details-marker {
  display: none;
}
.account-menu[open] summary {
  background: #eef3ff;
}
.account-menu[data-tool-active] summary {
  background: #eef3ff;
  border-color: #819ecc;
  box-shadow: inset 0 -3px #264b93;
}
.account-menu[open] .account-chevron {
  transform: rotate(180deg);
}
.account-menu-panel {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: 250px;
  max-width: calc(100vw - 24px);
  max-height: calc(100dvh - 72px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 8px;
  background: white;
  border: 1px solid #d4dceb;
  border-radius: 10px;
  box-shadow: 0 8px 24px #1a305c20;
  z-index: 40;
}
.account-menu .account-identity {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  color: #263c58;
}
.account-username {
  font-weight: 600;
}
.account-role,
.account-tools-label {
  color: #65738b;
  font-size: 12px;
}
.account-tools-label {
  margin: 8px 12px 4px;
}
.account-menu-footer {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #e1e6ef;
}
.account-menu #logout {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  width: 100%;
  min-height: 44px;
  text-align: left;
}
.account-menu a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-radius: 6px;
  text-decoration: none;
  color: #263c58;
  min-height: 44px;
}
.account-menu a:hover,
.account-menu a.active {
  background: #eef3ff;
  color: #2459cd;
}
.user-access [data-access-feedback] {
  grid-column: 1 / -1;
}
.user-access .error {
  color: #a52332;
}