.account-navigation { display:flex; align-items:center; gap:8px; }
.topbar-link { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:3px; min-height:44px; padding:7px 12px; border:1px solid #304364; border-radius:8px; background:#111c34; color:#dceaff; font:600 13px/1.3 Inter,Segoe UI,Arial,sans-serif; cursor:pointer; text-align:left; }
.topbar-link:hover,.topbar-link.is-active { background:#203657; border-color:#5e8ed2; color:#fff; }
.topbar-link small { color:#9edbcc; font-size:11px; font-weight:400; white-space:nowrap; }
.topbar-link[data-access-state="expired"] small,.topbar-link[data-access-state="pending"] small { color:#f2d69b; }
.sidebar .sidebar-bottom-nav { margin-top:16px; padding-top:12px; border-top:1px solid var(--line); flex-shrink:0; }
.sidebar-bottom-nav:has(> [hidden]) { display:none; }
.subscription-summary { padding:18px 20px; margin-bottom:24px; border:1px solid #365578; border-radius:10px; background:#101d34; }
.subscription-summary p { margin:6px 0; color:var(--muted); line-height:1.5; }
.subscription-summary strong { display:block; color:#c2eedc; font-size:20px; margin:6px 0; }
.subscription-summary[data-access-state="expired"] strong,.subscription-summary[data-access-state="pending"] strong { color:#f2d69b; }
#support-form { scroll-margin-top:148px; }
/* Feedback remains below its button without changing the fixed header height. */
.topbar-actions .bf-action-wrap { position:relative; }
.topbar-actions .bf-action-progress { position:absolute; top:calc(100% + 6px); right:0; width:260px; max-width:min(260px,90vw); box-shadow:0 6px 18px #0005; }
@media (max-width:1100px) {
  .topbar { gap:14px; }
  .topbar-actions { gap:8px; }
  .topbar .project-switcher { max-width:22vw; }
  .topbar-link { padding:7px 9px; }
}
@media (max-width:760px) {
  .topbar { height:116px; flex-wrap:wrap; align-content:center; gap:7px 12px; }
  .topbar .project-switcher { display:none; }
  .topbar-actions { display:contents; }
  .topbar .profile-menu { margin-left:auto; }
  .account-navigation { order:4; flex:1 1 100%; justify-content:stretch; gap:8px; }
  .account-navigation > .topbar-link,.account-navigation > .bf-action-wrap { flex:1 1 0; min-width:0; }
  .account-navigation #subscription-button { flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; }
  .account-navigation #subscription-button small { white-space:normal; overflow-wrap:anywhere; }
  .account-navigation #support-button { align-items:center; }
  .account-navigation > .bf-action-wrap:has(#subscription-button) .bf-action-progress { left:0; right:auto; }
  #friends-button { margin-left:auto; }
  .sidebar.is-open { top:116px; height:calc(100dvh - 178px); }
  .sidebar .sidebar-panel { min-height:0; }
  #project-detail,#new-project-form,#project-detail [id] { scroll-margin-top:136px; }
  .subscription-summary { padding:14px; }
}