/* Shared navigation for the atlas and member profiles. */
body.finfolk-navigation-enabled.profile-demo{grid-template-columns:200px minmax(0,1fr)}
body.finfolk-app-navigation{grid-template-columns:200px minmax(0,1fr)}
.finfolk-navigation-enabled :is(.profile-rail,.app-rail.sidebar){padding:24px 14px;gap:28px;position:relative;height:100%;min-height:100dvh;background:var(--account-bg);border-right:1px solid var(--account-line);overflow:visible}
.finfolk-navigation-enabled.profile-demo .profile-rail{position:sticky;top:0;height:100vh;height:100dvh;min-height:0;align-self:start}
.finfolk-navigation-enabled :is(.profile-home,.app-rail>.brand){display:flex;justify-content:flex-start;margin:0 0 30px;padding:0 12px}
.finfolk-navigation-enabled :is(.profile-home,.app-rail>.brand){flex:0 0 52px;height:52px;align-items:center}
.finfolk-navigation-enabled .profile-home .brand-mark,.finfolk-navigation-enabled .app-rail>.brand .brand-mark{--brand-size:52px;width:52px;height:52px}
.finfolk-navigation-enabled nav.ff-primary-nav{display:flex;flex-direction:column;flex-wrap:nowrap;flex:0 0 auto;align-items:stretch;gap:6px;margin:0;padding:0;position:static;transform:none;width:100%;height:auto;min-height:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.finfolk-navigation-enabled nav.ff-primary-nav>.ff-nav-item{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:12px;width:100%;min-width:0;min-height:48px;margin:0;padding:12px 14px;border:1px solid transparent;border-radius:18px;color:var(--account-ink);background:transparent;box-shadow:none;text-decoration:none;font:600 12px/1.25 Avenir,"Helvetica Neue",Arial,sans-serif;text-align:left}
.finfolk-navigation-enabled nav.ff-primary-nav>.ff-nav-item svg{display:block;flex:none;width:21px;height:21px;color:inherit;stroke:currentColor}
.finfolk-navigation-enabled nav.ff-primary-nav>.ff-nav-item{flex:0 0 auto;max-width:100%;transform:none;filter:none}
.finfolk-navigation-enabled nav.ff-primary-nav>.ff-nav-item::after{content:none}
.finfolk-navigation-enabled nav.ff-primary-nav>.ff-nav-item[aria-current=page],.finfolk-navigation-enabled nav.ff-primary-nav>.ff-nav-item.active{background:var(--account-ink);color:var(--account-bg);border-color:transparent;box-shadow:none}
.finfolk-navigation-enabled nav.ff-primary-nav>.ff-nav-item:hover{background:color-mix(in srgb,var(--account-ink) 9%,transparent)}
.finfolk-navigation-enabled nav.ff-primary-nav>.ff-nav-item[aria-current=page]:hover,.finfolk-navigation-enabled nav.ff-primary-nav>.ff-nav-item.active:hover{background:var(--account-ink)}
.finfolk-navigation-enabled nav.ff-primary-nav>[data-view=settings],.finfolk-navigation-enabled .account-entry,.finfolk-navigation-enabled .profile-rail-settings,.finfolk-navigation-enabled .profile-rail-atelier{display:none!important}
.finfolk-navigation-enabled nav.ff-primary-nav>.ff-nav-item[hidden]{display:none!important}
.ff-utility-menu{position:absolute;bottom:24px;left:14px;right:14px;z-index:65}
.ff-menu-toggle{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:48px;padding:12px 14px;background:var(--account-surface);color:var(--account-ink);border:1px solid var(--account-line);border-radius:18px;font:600 12px/1.25 Avenir,"Helvetica Neue",Arial,sans-serif;cursor:pointer}
.ff-menu-toggle svg{width:21px;height:21px;flex:none}.ff-menu-toggle[aria-expanded=true],.ff-menu-toggle[data-section-active=true]{border-color:var(--account-ink)}
.ff-menu-panel{position:absolute;bottom:60px;left:0;width:230px;display:grid;gap:4px;padding:8px;background:var(--account-surface);color:var(--account-ink);border:1px solid var(--account-line);border-radius:18px;box-shadow:0 14px 40px #07152b22;z-index:66}
.ff-menu-panel[hidden]{display:none}.ff-menu-panel a{display:block;min-height:44px;padding:12px 14px;border-radius:12px;text-decoration:none;font:500 12px/1.5 Avenir,"Helvetica Neue",Arial,sans-serif;color:inherit}.ff-menu-panel a:hover,.ff-menu-panel a[aria-current=page]{background:var(--account-ink);color:var(--account-bg)}
.finfolk-navigation-enabled :is(.ff-menu-toggle,.ff-menu-panel a,.ff-primary-nav>.ff-nav-item):focus-visible{outline:3px solid var(--account-accent);outline-offset:3px}
@media(max-width:900px){
 body.finfolk-navigation-enabled.profile-demo{display:block;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
 .finfolk-navigation-enabled :is(.profile-rail,.app-rail.sidebar){display:contents;height:auto;min-height:0;padding:0;border:0}
 .finfolk-navigation-enabled :is(.profile-home,.app-rail>.brand){display:none}
 .finfolk-navigation-enabled nav.ff-primary-nav{position:fixed;left:0;right:0;bottom:0;top:auto;transform:none;width:auto;max-width:none;box-sizing:border-box;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;height:calc(72px + env(safe-area-inset-bottom));padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:var(--account-surface);border:0;border-top:1px solid var(--account-line);border-radius:0;z-index:60}
 .finfolk-navigation-enabled nav.ff-primary-nav>.ff-nav-item{flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:54px;width:100%;padding:6px 2px;font-size:10px;line-height:1.15;text-align:center;border-radius:16px}
 .finfolk-navigation-enabled nav.ff-primary-nav>.ff-nav-item svg{width:21px;height:21px}
 .ff-utility-menu{position:fixed;left:auto;right:14px;top:calc(13px + env(safe-area-inset-top));bottom:auto;width:44px;z-index:65}
 .ff-menu-toggle{width:44px;height:44px;min-height:44px;justify-content:center;padding:10px;border-radius:14px}.ff-menu-toggle>span{display:none}.ff-menu-panel{position:absolute;top:54px;bottom:auto;left:auto;right:0;width:min(260px,calc(100vw - 28px));max-height:calc(100dvh - 150px);overflow:auto}
 .finfolk-navigation-enabled .profile-topbar{padding-right:76px}.finfolk-navigation-enabled .profile-account-link{display:none}
 body.finfolk-app-navigation{--nav-height:calc(72px + env(safe-area-inset-bottom))}
}
@media(max-height:560px) and (min-width:901px){.finfolk-navigation-enabled :is(.profile-home,.app-rail>.brand){margin-bottom:12px}.finfolk-navigation-enabled nav.ff-primary-nav>.ff-nav-item{min-height:42px;padding-block:9px}.ff-utility-menu{bottom:12px}.ff-menu-toggle{min-height:42px}}

@media(max-width:900px){:root[data-theme] body.finfolk-navigation-enabled nav.ff-primary-nav{padding-left:64px}.finfolk-navigation-enabled :is(.profile-home,.app-rail>.brand){display:flex;position:fixed;left:12px;bottom:calc(9px + env(safe-area-inset-bottom));z-index:65;width:44px;height:50px;min-height:0;align-items:center;justify-content:center;margin:0;padding:0;border:0}.finfolk-navigation-enabled .navigation-logo{width:36px;height:44px;aspect-ratio:auto;mask-image:url('./finfolk-mark.svg');-webkit-mask-image:url('./finfolk-mark.svg')}}

@media(min-width:901px){:root[data-theme] body.finfolk-app-navigation{grid-template-columns:200px minmax(0,1fr)}}

.ff-menu-toggle[hidden]{display:none!important}
.finfolk-guest-navigation nav.ff-primary-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.finfolk-guest-navigation .ff-utility-menu{width:72px}.finfolk-guest-navigation .ff-menu-toggle{width:72px;white-space:nowrap;text-decoration:none}}

.ff-menu-panel a[hidden]{display:none!important}
.ff-utility-menu{display:grid;gap:8px}
@media(max-width:900px){.finfolk-guest-navigation .ff-utility-menu{display:flex;gap:8px;width:auto}.finfolk-guest-navigation #local-menu-toggle{width:44px}}
@media(min-width:901px){.ff-menu-panel{bottom:calc(100% + 12px)}}
