/* Compact desktop navigation: routine work stays visible; administration is grouped. */
.topbar {
  min-height: 72px;
  height: auto;
  gap: 16px;
}

.brand {
  flex: none;
}

.brand-mark {
  overflow: hidden;
}

.brand-mark img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.desktop-nav {
  gap: 3px;
  min-width: 0;
}

.desktop-nav a,
.management-menu summary,
.support-menu summary,
.account-menu summary {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 9px 10px;
  border-radius: 10px;
  color: #425754;
  font-weight: 700;
  font-size: 14px;
  white-space: nowrap;
}

.desktop-nav a:hover,
.management-menu summary:hover,
.management-menu[open] summary,
.support-menu summary:hover,
.support-menu[open] summary,
.account-menu summary:hover,
.account-menu[open] summary {
  color: var(--primary);
  background: var(--soft);
}

.management-menu {
  position: relative;
  flex: none;
}

.management-menu summary,
.support-menu summary,
.account-menu summary {
  cursor: pointer;
  list-style: none;
}

.management-menu summary::-webkit-details-marker,
.support-menu summary::-webkit-details-marker,
.account-menu summary::-webkit-details-marker {
  display: none;
}

.management-menu summary::after,
.support-menu summary::after,
.account-menu summary::after {
  content: "⌄";
  margin-left: 7px;
  font-size: 13px;
  transition: transform .16s ease;
}

.management-menu[open] summary::after,
.support-menu[open] summary::after,
.account-menu[open] summary::after {
  transform: rotate(180deg);
}

.management-menu-panel {
  position: absolute;
  top: calc(100% + 9px);
  left: 0;
  z-index: 40;
  width: 220px;
  padding: 8px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 16px 38px rgba(28, 64, 60, .16);
  display: grid;
  gap: 2px;
}

.management-menu-panel a {
  width: 100%;
  padding: 10px 12px;
}

.support-menu,
.account-menu {
  position: relative;
  flex: none;
}

.support-menu-panel,
.account-menu-panel {
  position: absolute;
  top: calc(100% + 9px);
  right: 0;
  z-index: 40;
  width: 178px;
  padding: 8px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 16px 38px rgba(28, 64, 60, .16);
  display: grid;
  gap: 2px;
}

.support-menu-panel a,
.account-menu-panel a {
  padding: 10px 12px;
  border-radius: 10px;
  color: #425754;
  font-size: 14px;
  font-weight: 700;
}

.support-menu-panel a:hover,
.account-menu-panel a:hover {
  color: var(--primary);
  background: var(--soft);
}

.account-menu-panel form {
  margin: 0;
}

.account-menu-panel .text-button {
  width: 100%;
  justify-content: flex-start;
  padding: 10px 12px;
  border-radius: 10px;
  color: #425754;
  font-size: 14px;
}

.account-menu-panel .text-button:hover {
  color: var(--primary);
  background: var(--soft);
}

.top-actions {
  flex: none;
  gap: 2px;
  white-space: nowrap;
}

.text-button {
  padding: 9px 8px;
}

@media (max-width: 1060px) and (min-width: 821px) {
  .brand span:last-child {
    display: none;
  }

  .desktop-nav a,
  .management-menu summary,
  .support-menu summary,
  .account-menu summary,
  .text-button {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 13px;
  }
}