.nav-dropdown-wrap { position: relative; }
.nav-dropdown-button { border: 0; background: transparent; cursor: pointer; }
.nav-dropdown-button[aria-expanded="true"] { background: #eef2ff; color: #4f46e5; }
.nav-dropdown-button[aria-expanded="true"] svg:last-child { transform: rotate(180deg); }
.nav-dropdown-button svg:last-child { transition: transform .16s ease; }
.nav-dropdown { position: absolute; top: calc(100% + .35rem); left: 0; z-index: 40; min-width: 11rem; padding: .35rem; border: 1px solid #e2e8f0; border-radius: .6rem; background: #fff; box-shadow: 0 14px 32px #0f172a18; }
.nav-dropdown a { display: flex; align-items: center; gap: .5rem; padding: .5rem; border-radius: .35rem; color: #475569; font-size: .8rem; text-decoration: none; }
.nav-dropdown a:hover { background: #f8fafc; color: #1e293b; }
.mobile-submenu-button { display: flex; width: 100%; align-items: center; justify-content: space-between; }
.mobile-submenu { position: static; display: grid; gap: .15rem; min-width: 0; margin: -.1rem 0 .2rem .75rem; padding: 0 0 0 .75rem; border: 0; border-left: 1px solid #e2e8f0; border-radius: 0; box-shadow: none; }
.mobile-submenu a { padding: .45rem .75rem; color: #64748b; font-size: .8rem; text-decoration: none; }
.mobile-submenu a:hover { color: #4f46e5; }