/* Keep the shared header independent of the standard dashboard's legacy skin.
   Visibility remains owned by FgsHeader/session state and the mobile disclosure. */
body.standard-dashboard { padding-top: 0 !important; }
#fgsAppHeader {
  --fgs-header-bg: rgba(14, 14, 14, .96);
  background: var(--fgs-header-bg);
  font-size: 14px;
  line-height: 20px;
}
#fgsAppHeader > .fgs-app-header {
  padding: 12px 16px 8px;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  margin-bottom: 0;
}
#fgsAppHeader .fgs-header-btn,
#fgsAppHeader .fgs-header-select,
#fgsAppHeader #currentUserBadge {
  box-sizing: border-box;
  line-height: 20px;
}
#fgsAppHeader .fgs-header-tier-switcher {
  padding: 3px;
  gap: 2px;
  background: rgba(255,255,255,.04);
  flex: 0 1 auto;
}
#fgsAppHeader .fgs-tier-tab-link {
  padding: 5px 12px;
  font-size: 12px;
  line-height: 20px;
}
#fgsAppHeader .fgs-tier-tab-link.active {
  background: var(--fgs-header-accent) !important;
  box-shadow: 0 2px 8px rgba(13,148,136,.35) !important;
}
#fgsAppHeader #currentUserBadge::before { content: none; }
#fgsAppHeader #langSelect { min-width: 0; }
@media (min-width: 769px) {
  #fgsAppHeader .fgs-header-actions-group { width: auto; }
  #fgsAppHeader .fgs-header-btn,
  #fgsAppHeader .fgs-header-select {
    height: 32px !important;
    min-height: 32px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
    flex: 0 0 auto !important;
  }
  #fgsAppHeader .fgs-header-btn { padding: 6px 12px !important; }
  #fgsAppHeader .fgs-header-icon-btn { width: 32px !important; padding: 0 !important; }
  #fgsAppHeader .fgs-header-pill-btn { border-radius: 9999px !important; padding: 5px 12px !important; }
  #fgsAppHeader .fgs-header-select { padding: 6px 10px !important; }
  #fgsAppHeader #headerDeviceSelect { width: auto !important; min-width: 0; max-width: 220px; font-size: 11.5px !important; }
  #fgsAppHeader #langSelect { width: 58px !important; max-width: 58px; }
  #fgsAppHeader #currentUserBadge {
    width: auto !important;
    min-width: 0 !important;
    max-width: 140px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 4px 10px !important;
    border: 1px solid rgba(255,255,255,.2) !important;
    border-radius: 9999px !important;
    background: rgba(255,255,255,.08) !important;
    font-size: 11.5px !important;
    gap: 6px;
    flex: 0 1 auto;
  }
  #fgsAppHeader #logoutBtn {
    background: rgba(239,68,68,.1) !important;
    border-color: rgba(239,68,68,.4) !important;
    line-height: 20px !important;
  }
}
@media (max-width: 768px) {
  #fgsAppHeader .fgs-tier-tab-link { padding: 4px 6px !important; }
}
