/* Soft Soft · institute-dashboard-nav-soft · 2026-09-24 PT
   CureRays Institute (curerays.org) ONLY — Dashboard return control in .nav-cta.
   Navy #243090 / orange #F05424. Do not ship to clinic Netlify. */

.site-header .nav-cta #header-dashboard,
.site-header .nav-cta a#header-dashboard {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  color: #243090;
  border-color: #243090;
}

.site-header .nav-cta #header-dashboard.is-institute-member,
.site-header .nav-cta a#header-dashboard.is-institute-member,
.site-header .nav-cta #header-dashboard.btn--primary,
.site-header .nav-cta a#header-dashboard.btn--primary {
  background: #243090 !important;
  color: #fff !important;
  border-color: #243090 !important;
  box-shadow: none;
}

.site-header .nav-cta #header-dashboard.is-institute-member:hover,
.site-header .nav-cta #header-dashboard.is-institute-member:focus-visible,
.site-header .nav-cta a#header-dashboard.btn--primary:hover,
.site-header .nav-cta a#header-dashboard.btn--primary:focus-visible {
  background: #1c2570 !important;
  outline: 2px solid #F05424;
  outline-offset: 2px;
}

/* Mobile: LIVE hides .btn--outline under 560px — keep Dashboard visible like Login */
@media (max-width: 760px) {
  .site-header .nav-cta #header-dashboard,
  .site-header .nav-cta a#header-dashboard,
  .site-header .nav-cta .btn--outline#header-dashboard {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 10px 14px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    white-space: nowrap;
  }
}

@media (max-width: 560px) {
  .site-header .nav-cta .btn--outline#header-dashboard,
  .site-header .nav-cta #header-dashboard,
  .site-header .nav-cta a#header-dashboard {
    display: inline-flex !important;
  }
}

/* Lightweight Dashboard chip on pages without .site-header (membership / login) */
.inst-dash-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  font-size: 0.92rem;
  font-weight: 700;
  text-decoration: none;
  border: 1.5px solid #243090;
  color: #243090;
  background: #fff;
  font-family: inherit;
}
.inst-dash-chip:hover,
.inst-dash-chip:focus-visible {
  border-color: #F05424;
  color: #F05424;
  outline: 2px solid #F05424;
  outline-offset: 2px;
}
.inst-dash-chip.is-institute-member {
  background: #243090;
  color: #fff;
  border-color: #243090;
}

/* Crowded phone bar: keep Dashboard + Login (+ Sign up if space) */
@media (max-width: 420px) {
  .site-header .nav-cta #header-dashboard,
  .site-header .nav-cta a#header-dashboard,
  .site-header .nav-cta #header-login,
  .site-header .nav-cta a#header-login,
  .site-header .nav-cta #header-signup,
  .site-header .nav-cta a#header-signup {
    padding: 0 8px !important;
    font-size: 0.72rem !important;
    min-height: 40px !important;
    height: 40px !important;
  }
  .site-header .nav-cta {
    gap: 4px !important;
  }
}

/* ≤400px: Dashboard + Login only (Sign up via /login/ Identity) */
@media (max-width: 400px) {
  .site-header .nav-cta:has(#header-dashboard) #header-signup,
  .site-header .nav-cta:has(#header-dashboard) a#header-signup {
    display: none !important;
  }
}