/* Shared top bar (admin + member pages): logo left, grouped dropdown tabs spread across. Emily One palette via --n-* vars. */
.fli-nav{--n-bg:#151a23;--n-raised:#21242c;--n-border:#272c35;--n-text:#e7ebef;--n-muted:#818898;--n-primary:#17cfb0;position:sticky;top:0;z-index:20;display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;padding:10px 20px;background:var(--n-bg);border-bottom:3px solid transparent;border-image:linear-gradient(135deg,#01e6e8,#a855f7) 1;font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-sizing:border-box;width:100%}
.fli-nav .fli-logo{display:flex;align-items:center;flex:none;background:none!important;padding:0!important}.fli-nav .fli-logo img{height:40px;width:auto;display:block}
.fli-nav .fli-links{flex:1;display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;gap:4px 12px;margin:0;padding:0}
.fli-nav .fli-links>a,.fli-nav summary{color:var(--n-text);text-decoration:none;font-weight:700;font-size:.95rem;padding:10px 14px;border-radius:10px;cursor:pointer;list-style:none;display:block;background:none;min-height:24px}
.fli-nav summary::-webkit-details-marker{display:none}.fli-nav summary::after{content:' ▾';color:var(--n-muted)}
.fli-nav .fli-links>a:hover,.fli-nav summary:hover,.fli-nav details[open]>summary{background:var(--n-raised);color:var(--n-primary)}
.fli-nav details{position:relative}
.fli-nav .fli-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);min-width:210px;background:var(--n-bg);border:1px solid var(--n-border);border-radius:12px;box-shadow:0 12px 32px #000a;padding:6px;display:flex;flex-direction:column;z-index:30}
.fli-nav .fli-menu a{color:var(--n-text);text-decoration:none;font-weight:600;padding:11px 12px;border-radius:8px;white-space:nowrap;background:none}.fli-nav .fli-menu a:hover{background:var(--n-raised);color:var(--n-primary)}
.fli-nav .fli-cta{background:linear-gradient(135deg,#01e6e8,#a855f7)!important;color:#0f131a!important;font-weight:800;text-decoration:none;padding:9px 16px;border-radius:10px;flex:none}
@media (max-width:720px){.fli-nav{padding:8px 12px;gap:6px}.fli-nav .fli-logo img{height:34px}.fli-nav .fli-cta{margin-left:auto}
 .fli-nav .fli-links{order:3;flex-basis:100%;justify-content:space-between;gap:2px}.fli-nav .fli-links>a,.fli-nav summary{padding:10px 8px;font-size:.92rem}
 .fli-nav details{position:static}.fli-nav .fli-menu{left:8px;right:8px;transform:none;min-width:0}}
.fli-nav .fli-logout{margin:4px 0 0;padding:4px 0 0;border-top:1px solid var(--n-border)}.fli-nav .fli-logout button{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;color:#fca5a5;font-weight:700;padding:11px 12px;border-radius:8px}.fli-nav .fli-logout button:hover,.fli-nav .fli-logout button:focus-visible{background:var(--n-raised)}
.store-switch:empty{display:none}.store-switch{display:flex;align-items:center;margin:0 10px}.ss-l{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:#cbd5e1}
.ss-l select{font:inherit;font-size:15px;padding:7px 10px;border-radius:10px;background:#151a23;color:#fff;border:2px solid #01e6e8;max-width:220px}
@media (max-width:700px){.store-switch{order:3;width:100%;margin:6px 0 0}.ss-l{width:100%}.ss-l select{flex:1;max-width:none}}

/* Admin bar: current page highlighted (link, and its dropdown's label); small "← Dashboard" crumb under the bar. */
.fli-nav .fli-links>a.on,.fli-nav details.on>summary{color:var(--n-primary);box-shadow:inset 0 -3px 0 var(--n-primary)}
.fli-nav .fli-menu a.on{background:var(--n-raised);color:var(--n-primary)}
.fli-crumb{margin:0;padding:8px 20px 0;font:600 .9rem 'Plus Jakarta Sans',system-ui,sans-serif}.fli-crumb a{color:#17cfb0;text-decoration:none}.fli-crumb a:hover{text-decoration:underline}
@media (max-width:720px){.fli-crumb{padding:6px 12px 0}}

/* Member bar on phones: logo + Upgrade on top, the 5 tabs share one row (each shrinks to fit, never cut off), store switcher below, menus scroll if long. */
@media (max-width:720px){#fli-member .fli-links{flex-wrap:nowrap;gap:2px;justify-content:space-between}#fli-member .fli-links>a,#fli-member .fli-links>details{flex:1 1 auto;min-width:0}
 #fli-member .fli-links>a,#fli-member summary{padding:9px 2px;font-size:.8rem;letter-spacing:-.01em;white-space:nowrap;text-align:center}#fli-member summary::after{content:'▾';margin-left:1px}
 #fli-member .fli-menu{max-height:70vh;overflow:auto}}
@media (max-width:360px){#fli-member .fli-links>a,#fli-member summary{font-size:.72rem}}