/* v4.2.0 navigation preview: nested product modules in the left sidebar. */
.nav-v420{display:flex;flex-direction:column;gap:7px;padding:4px 8px 18px;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#384033 transparent}
.nav-v420 button,.nav-v420 a{font:inherit}
.nav-v420 .nav-leaf,.nav-v420 .nav-group-toggle{width:100%;min-height:44px;border:1px solid transparent;border-radius:10px;background:transparent;color:#f5f7f2;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}
.nav-v420 .nav-leaf:hover,.nav-v420 .nav-group-toggle:hover{background:#171b17;border-color:#30382e;color:#9cff2e}
.nav-v420 .nav-leaf.active{background:linear-gradient(90deg,rgba(141,255,47,.17),rgba(141,255,47,.035));border-color:#5ca51d;color:#9cff2e;box-shadow:inset 3px 0 #8dff2f}
.nav-v420 .nav-icon{display:grid;place-items:center;width:27px;height:27px;color:inherit;font-size:16px}
.nav-v420 .nav-group{border:1px solid transparent;border-radius:12px}
.nav-v420 .nav-group.is-open{background:rgba(18,21,18,.66);border-color:#252b24}
.nav-v420 .nav-group-toggle{font-weight:800;letter-spacing:.01em}
.nav-v420 .nav-chevron{font-size:18px;color:#8b9687;transition:transform .18s ease}
.nav-v420 .nav-group.is-open .nav-chevron{transform:rotate(180deg);color:#9cff2e}
.nav-v420 .nav-submenu{display:none;padding:1px 7px 8px 17px}
.nav-v420 .nav-group.is-open .nav-submenu{display:flex;flex-direction:column;gap:3px}
.nav-v420 .nav-submenu .nav-leaf{min-height:37px;padding:6px 9px;font-size:13px;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;color:#d7ddd4}
.nav-v420 .nav-submenu .nav-icon{width:21px;height:21px;font-size:13px;color:#aeb7aa}
.nav-v420 .nav-preview small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#7d8979;border:1px solid #343c31;border-radius:999px;padding:2px 5px}
.nav-v420 .admin-center-link{margin-top:5px}
.beta-sidebar{grid-template-rows:auto auto minmax(0,1fr) auto!important}
@media(max-height:780px){.nav-v420 .nav-leaf,.nav-v420 .nav-group-toggle{min-height:39px;padding-top:6px;padding-bottom:6px}.nav-v420{gap:4px}.nav-v420 .nav-submenu .nav-leaf{min-height:33px}}
@media(max-width:760px){.nav-v420{padding-bottom:max(22px,env(safe-area-inset-bottom));}.nav-v420 .nav-leaf,.nav-v420 .nav-group-toggle{min-height:48px}}