.main-nav details.admin-menu {
  position: relative;
  height: 100%;
  margin-left: auto;
  padding-left: 20px;
  border-left: 1px solid #dfe4de;
  display: flex;
  align-items: center;
}

.main-nav details.admin-menu > summary {
  min-width: 88px;
  height: 34px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #b9c4b6;
  background: #f2f6e9;
  color: #172215;
  font: 700 10px var(--body);
  cursor: pointer;
  list-style: none;
}

.main-nav details.admin-menu > summary::-webkit-details-marker {
  display: none;
}

.main-nav details.admin-menu > summary::after {
  content: '▾';
}

.main-nav details.admin-menu[open] > summary {
  border-color: #829a51;
  background: #e7efda;
}

.main-nav details.admin-menu > .admin-menu-items {
  position: absolute;
  z-index: 20;
  top: calc(100% - 3px);
  right: 0;
  min-width: 150px;
  padding: 6px;
  margin: 0;
  border: 1px solid #d8ded7;
  background: #fff;
  box-shadow: 0 8px 22px #07111f20;
  list-style: none;
}

.main-nav details.admin-menu:not([open]) > .admin-menu-items {
  display: none;
}

.main-nav details.admin-menu[open] > .admin-menu-items {
  display: block;
}

.main-nav details.admin-menu > .admin-menu-items a {
  min-height: 36px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  color: #26352a;
  font-size: 10px;
  font-weight: 700;
}

.main-nav details.admin-menu > .admin-menu-items a:hover,
.main-nav details.admin-menu > .admin-menu-items a:focus {
  background: #f1f5e7;
  color: #172215;
}

.standalone-header details.admin-menu{position:relative}
.standalone-header details.admin-menu>summary{color:#c7d0d6;font-size:10px;font-weight:700;cursor:pointer;list-style:none}
.standalone-header details.admin-menu>summary::-webkit-details-marker{display:none}
.standalone-header details.admin-menu>.admin-menu-items{position:absolute;z-index:20;top:100%;left:0;min-width:150px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #d8ded7}
.standalone-header details.admin-menu:not([open])>.admin-menu-items{display:none}
.standalone-header details.admin-menu>.admin-menu-items a{color:#26352a;font-size:10px;font-weight:700}

@media (max-width: 700px) {
  .main-nav.open details.admin-menu {
    height: auto;
    margin-left: 0;
    padding-left: 12px;
  }

  .main-nav details.admin-menu > .admin-menu-items {
    top: 100%;
  }
}