/* Shared top navigation, identical across all pages. Self-contained colors for consistency. */
#appnav .appbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(8px);background:rgba(12,12,12,.72);border-bottom:1px solid #ffffff1f}
#appnav .appinner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:11px 22px}
#appnav .mark{font-weight:800;font-size:18px;color:#fff;text-decoration:none;letter-spacing:-.3px}
#appnav .mark b{color:#caff5e}
#appnav .applinks{margin-left:auto;display:flex;align-items:center;gap:5px}
#appnav .applinks a{color:#c7c7c7;text-decoration:none;font-size:13.5px;font-weight:600;padding:7px 11px;border-radius:6px;white-space:nowrap}
#appnav .applinks a:hover{color:#fff;background:#ffffff12}
#appnav .applinks a.navon{color:#caff5e}
#appnav .credits{font-size:12.5px;font-weight:700;color:#caff5e;border:1px solid #caff5e55;border-radius:6px;padding:5px 10px;margin-right:6px;white-space:nowrap}
#appnav .acct{position:relative;margin-left:4px}
#appnav .acctbtn{display:flex;align-items:center;gap:7px;background:#161616;border:1px solid #ffffff22;color:#ddd;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:600;cursor:pointer}
#appnav .acctbtn:hover{border-color:#ffffff55}
#appnav .acctbtn .av{width:20px;height:20px;border-radius:50%;background:#caff5e;color:#1a1206;display:grid;place-items:center;font-size:11px;font-weight:800}
#appnav .acctmenu{position:absolute;right:0;top:calc(100% + 6px);background:#161616;border:1px solid #ffffff22;border-radius:8px;padding:5px;min-width:160px;box-shadow:0 14px 34px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:2px}
#appnav .acctmenu.hide{display:none}
#appnav .acctmenu a{color:#ddd;text-decoration:none;font-size:13px;padding:9px 11px;border-radius:6px}
#appnav .acctmenu a:hover{background:#ffffff14;color:#fff}
#appnav .hide{display:none}
/* Mobile: compact everything so the bar never forces a horizontal scroll. */
@media(max-width:600px){
  #appnav .appinner{padding:9px 12px;gap:6px}
  #appnav .mark{font-size:16px}
  #appnav .applinks{gap:1px;min-width:0}
  #appnav .applinks a{padding:7px 7px;font-size:12.5px}
  #appnav .credits{padding:4px 7px;margin-right:2px;font-size:11px}
  #appnav .acctbtn{padding:5px 7px;gap:0}
  #appnav .acctbtn .acctlbl{display:none}   /* avatar-only on mobile */
}
@media(max-width:380px){
  #appnav .credits{display:none}            /* tightest screens: balance lives in Account/Billing */
}