.nav-menu { position: relative; margin: 0; padding: 0; border: 0; background: transparent; color: inherit; border-radius: 8px; max-width: 100%; }
.nav-menu > summary { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 12px; list-style: none; cursor: pointer; font: inherit; font-weight: 600; overflow-wrap: anywhere; border: 1px solid #707b73; border-radius: 8px; background: #ffffff0d; }
.nav-menu > summary::-webkit-details-marker { display: none; }
.nav-menu > summary:hover, .nav-menu[open] > summary { background: #ffffff24; }
.nav-menu > summary:focus-visible { outline: 3px solid #ce7534; outline-offset: 3px; }
.nav-menu .menu-chevron { font-size: .7em; margin-inline: auto 0; padding-inline-start: 8px; }
.nav-menu[open] > summary .menu-chevron { transform: rotate(180deg); }
.nav-submenu { position: absolute; z-index: 100; top: calc(100% + 6px); inset-inline-end: 0; width: max-content; min-width: 230px; max-width: min(330px, 88vw); padding: 8px; border: 1px solid var(--line, #707b73); border-radius: 10px; background: var(--surface, #fff); color: var(--ink, #242c28); box-shadow: 0 8px 24px #0003; font-size: 1rem; line-height: 1.5; }
.nav-submenu a, .nav-submenu button { display: flex; align-items: center; gap: 8px; min-height: 44px; width: 100%; padding: 10px 12px; text-decoration: none; color: inherit; background: transparent; border: 0; border-radius: 6px; text-align: start; white-space: normal; overflow-wrap: anywhere; font: inherit; cursor: pointer; }
.nav-submenu a:hover, .nav-submenu button:hover { background: var(--paper, #f4f4ef); }
.nav-submenu form { margin: 0; }
.nav-submenu .pending-count { margin-inline-start: auto; }
header .nav-menu { border: 0; background: transparent; }
.topbar .account-menu { font-size: .85rem; }
@media (max-width: 650px) {
    .admin-surface header nav { width: 100%; align-items: stretch; }
    .admin-surface header nav > .nav-menu { flex: 1 1 100%; }
    .admin-surface header .nav-submenu { position: static; width: 100%; max-width: 100%; margin-top: 6px; box-shadow: none; }
    .topbar .account-menu { width: 100%; }
    .topbar .account-menu .nav-submenu { position: static; width: 100%; max-width: 100%; margin-top: 6px; }
}