/* v7.0: consistent, usable creator/business menu across authenticated pages.
   No old purple button gradients. Does not override the intentionally compact
   9% light dashboard/sidebar visual reference. */
body.fansflex-app .side-menu-primary-nav .ff-business-nav .nav-link {
  color:#d6e5ef!important;
  border-color:transparent;
  transition:background-color .15s ease,border-color .15s ease;
}
body.fansflex-app .side-menu-primary-nav .ff-business-nav .nav-link:hover {
  color:#fff!important;
  background:rgba(75,136,178,.18)!important;
  border-color:rgba(148,191,218,.27)!important;
}
body.fansflex-app .side-menu-primary-nav .ff-business-nav .nav-link.active {
  color:#fff!important;
  background:linear-gradient(95deg,#254c69,#1a3855)!important;
  border-color:rgba(223,187,116,.65)!important;
  box-shadow:inset 3px 0 0 #e0bd76!important;
}
body.fansflex-app .side-menu-primary-nav .ff-business-nav .nav-link:focus-visible,
body.fansflex-app .side-menu-primary-nav .ff-feed-tool .nav-link:focus-visible {
  outline:3px solid #e6c77d!important;outline-offset:2px;
}
@media (prefers-reduced-motion:reduce) {
  body.fansflex-app .side-menu-primary-nav .ff-business-nav .nav-link{transition:none;}
}


/* FANSFLEX v7.3 – one compact navy/ice-blue/gold navigation language.
 * Scoped to the signed-in shell; no global brand, media or billing overrides.
 * Numbers remain plain text: JS may update badges without style recomputation.
 */
body.fansflex-app {
  --ff73-nav-surface:#102a46;
  --ff73-nav-border:#385976;
  --ff73-nav-idle:#c5d8e7;
  --ff73-nav-hover:#183d60;
  --ff73-nav-active:#254969;
  --ff73-nav-gold:#e4bd75;
}
html[data-bs-theme="light"] body.fansflex-app,
html[data-theme="light"] body.fansflex-app {
  --ff73-nav-surface:#f8fbff;
  --ff73-nav-border:#c8d9e7;
  --ff73-nav-idle:#294662;
  --ff73-nav-hover:#e6f1fa;
  --ff73-nav-active:#dceefa;
  --ff73-nav-gold:#b8893b;
}
body.fansflex-app .ff73-mobile-nav {
  background:var(--ff73-nav-surface)!important;
  border-color:var(--ff73-nav-border)!important;
  box-shadow:0 -8px 24px rgba(5,20,38,.12);
}
body.fansflex-app .ff73-mobile-nav > div {
  align-items:center;
  gap:2px;
  padding-block:5px!important;
}
body.fansflex-app .ff73-mobile-nav :is(a.nav-link,button.nav-link) {
  align-items:center;
  justify-content:center!important;
  width:clamp(42px,12vw,64px);
  min-width:42px;
  height:46px;
  padding:8px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  background:transparent!important;
  color:var(--ff73-nav-idle)!important;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
body.fansflex-app .ff73-mobile-nav :is(a.nav-link,button.nav-link):is(:hover,:focus-visible),
body.fansflex-app .ff73-mobile-nav button.nav-link[aria-expanded="true"] {
  border-color:var(--ff73-nav-border)!important;
  background:var(--ff73-nav-hover)!important;
  color:var(--ff73-nav-idle)!important;
}
body.fansflex-app .ff73-mobile-nav :is(a.nav-link,button.nav-link):is(.active,[aria-current="page"]) {
  border-color:var(--ff73-nav-gold)!important;
  background:var(--ff73-nav-active)!important;
  color:var(--ff73-nav-idle)!important;
  box-shadow:inset 0 -3px 0 var(--ff73-nav-gold);
}
body.fansflex-app .ff73-mobile-nav :is(a.nav-link,button.nav-link):focus-visible,
body.fansflex-app .side-menu-primary-nav .nav-link:focus-visible {
  outline:2px solid var(--ff73-nav-gold)!important;
  outline-offset:2px;
}
body.fansflex-app :is(.ff73-mobile-nav,.side-menu-primary-nav) .menu-notification-badge {
  min-width:18px;
  height:18px;
  border-radius:999px;
  padding:0 4px;
  background:#e4bd75!important;
  color:#152b42!important;
  border:1px solid var(--ff73-nav-surface)!important;
  font-size:10px;
  font-weight:800;
  line-height:16px;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
body.fansflex-app .ff73-mobile-nav .mobile-create-dropdown {
  background:var(--ff73-nav-surface)!important;
  border:1px solid var(--ff73-nav-border)!important;
  border-radius:14px!important;
  max-width:calc(100vw - 16px);
}
body.fansflex-app .ff73-mobile-nav .mobile-create-dropdown .dropdown-item {
  color:var(--ff73-nav-idle)!important;
  border-radius:9px;
}
body.fansflex-app .ff73-mobile-nav .mobile-create-dropdown .dropdown-item:is(:hover,:focus-visible,[aria-current="page"]) {
  color:var(--ff73-nav-idle)!important;
  background:var(--ff73-nav-hover)!important;
}
@media(max-width:360px) {
  body.fansflex-app .ff73-mobile-nav > div { padding-inline:4px!important; }
  body.fansflex-app .ff73-mobile-nav :is(a.nav-link,button.nav-link) {
    width:42px; min-width:40px;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.fansflex-app .ff73-mobile-nav :is(a.nav-link,button.nav-link){transition:none;}
}