/* Общий вид меню учётной записи на всех страницах складов. */
.account-menu .account-button,
.workbench-account-menu .workbench-account,
.home-account-menu .account-compact {
  min-height:48px;
  padding:7px 10px;
  border:1px solid #b9d5c2;
  border-radius:13px;
  color:#233c2d;
  background:#f5faf5;
  box-shadow:0 2px 0 rgba(6,57,35,.13);
}
.account-menu .account-button:hover,
.account-menu .account-button[aria-expanded="true"],
.workbench-account-menu .workbench-account:hover,
.workbench-account-menu .workbench-account[aria-expanded="true"],
.home-account-menu .account-compact:hover,
.home-account-menu .account-compact[aria-expanded="true"] {
  border-color:#64a27a;
  background:#edf6ef;
}
.account-menu .account-avatar,
.workbench-account-menu .workbench-account-avatar,
.home-account-menu .account-avatar {
  width:34px;
  height:34px;
  color:#fff;
  background:#216b4c;
  font-weight:700;
}
.account-menu .account-identity b,
.workbench-account-menu .workbench-account-identity b,
.home-account-menu .account-identity b { color:#263b2d; }
.account-menu .account-identity small,
.workbench-account-menu .workbench-account-identity small,
.home-account-menu .account-identity small { color:#658070; }
.account-menu .account-chevron,
.workbench-account-menu .workbench-account-chevron,
.home-account-menu .home-account-chevron { border-color:#62806b; }
.account-menu .account-button:focus-visible,
.workbench-account-menu .workbench-account:focus-visible,
.home-account-menu .account-compact:focus-visible,
.account-menu-panel .menu-row:focus-visible {
  outline:3px solid #267b52;
  outline-offset:2px;
}

.home-account-dropdown.account-menu-panel,
.account-dropdown.account-menu-panel,
.workbench-account-dropdown.account-menu-panel {
  display:block;
  width:min(344px,calc(100vw - 28px));
  min-width:0;
  max-height:min(70dvh,620px);
  overflow:auto;
  padding:8px;
  border:1px solid #d2e0d5;
  border-radius:15px;
  background:#fff;
  box-shadow:0 22px 48px rgba(8,43,27,.2),0 3px 10px rgba(8,43,27,.08);
}
.account-menu-panel[hidden],
.account-menu-panel [hidden] { display:none !important; }
.account-menu-panel .menu-section { padding:4px; }
.account-menu-panel .menu-section + .menu-section {
  margin-top:8px;
  padding-top:13px;
  border-top:1px solid #e1e9e2;
}
.account-menu-panel .menu-heading {
  margin:0 0 5px;
  padding-inline:11px;
  color:#728279;
  font-size:11px;
  font-weight:700;
  letter-spacing:.07em;
  line-height:1.5;
  text-transform:uppercase;
}
.account-menu-panel .menu-row {
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:center;
  gap:12px;
  width:100%;
  min-height:44px;
  margin:0;
  padding:9px 11px;
  border:0;
  border-radius:9px;
  color:#293e30;
  background:transparent;
  font-size:14px;
  font-weight:600;
  line-height:1.35;
  text-align:start;
  text-decoration:none;
  cursor:pointer;
}
.account-menu-panel .menu-row:hover { color:#13583d; background:#eef6ef; }
.account-menu-panel .menu-row[aria-current="page"] { color:#146148; background:#e8f3eb; }
.account-menu-panel .menu-icon {
  display:block;
  width:21px;
  height:21px;
  flex:none;
  color:currentColor;
  pointer-events:none;
}
.account-menu-panel .menu-footer {
  margin-top:8px;
  padding:12px 4px 4px;
  border-top:1px solid #e1e9e2;
}
.account-menu-panel .menu-row.menu-logout { color:#995039 !important; }
.account-menu-panel .menu-row.menu-logout:hover { background:#fbf0ec !important; }

@media (max-width:600px) {
  .home-account-dropdown.account-menu-panel,
  .account-dropdown.account-menu-panel,
  .workbench-account-dropdown.account-menu-panel {
    inset-inline-start:0;
    inset-inline-end:auto;
    max-height:calc(100dvh - 110px);
  }
}