/* Profile tab clarity and separate settings, FSOC 3.56.74. */
#fsocca-app .fsocca-profile-tabs {
  box-sizing: border-box;
  gap: 8px !important;
  padding: 10px 12px 12px !important;
  border-top: 1px solid var(--fs-line, #253744) !important;
  background: transparent !important;
  height: auto !important;
  min-height: 68px !important;
  align-items: stretch !important;
}
#fsocca-app .fsocca-profile-tabs > a {
  box-sizing: border-box;
  border: 1px solid #304558 !important;
  border-bottom: 3px solid #304558 !important;
  border-radius: 13px !important;
  background: #0b1219 !important;
  color: #a6bdcb !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  letter-spacing: .01em;
  min-height: 54px !important;
  padding: 10px 14px !important;
  text-decoration: none !important;
  transition: background-color .15s, color .15s, border-color .15s;
}
#fsocca-app .fsocca-profile-tabs > a.is-active,
#fsocca-app .fsocca-profile-tabs > a[aria-current="page"] {
  color: #f0f9ff !important;
  background: #193347 !important;
  border: 1px solid #83aeca !important;
  border-bottom: 4px solid #bad8ee !important;
  box-shadow: inset 0 0 0 1px rgba(166,215,241,.25), 0 2px 9px rgba(44,110,147,.2) !important;
}
#fsocca-app .fsocca-profile-tabs > a.is-active .fsocca-icon,
#fsocca-app .fsocca-profile-tabs > a.is-active .fsoctea-tab-icon {color: #d1edff !important;stroke: #d1edff !important;}
#fsocca-app .fsocca-profile-tabs > a:focus-visible { outline: 2px solid #f4d598 !important; outline-offset: 2px; }
/* Each settings accordion sits with its own tab, never above the shared navigation. */
#fsocca-app .fsocca-profile-tabs + .fsocca-cup-settings,
#fsocca-app .fsocca-tea-settings-admin {
  box-sizing: border-box;
  width: min(calc(100% - 28px), 820px);
  margin: 12px auto 16px !important;
}
#fsocca-app .fsocca-tea-settings-admin > summary {gap: 12px;}
#fsocca-app .fsocca-tea-settings-state {margin-left:auto;color:#c6e3f3;font-size:12px;font-weight:700;}
@media(max-width:480px) {
  #fsocca-app .fsocca-profile-tabs{gap:6px!important;padding:8px 10px 12px!important;min-height:65px!important}
  #fsocca-app .fsocca-profile-tabs > a{min-width:0!important;padding:9px 6px!important;font-size:12px!important;flex:1 1 0!important;}
}