/* Owner/public profile navigation. Use the shared theme layer with a profile
   content scope so paint also wins when layers persist through soft navigation. */
@layer sportcv-navigation-theme {
@media screen {
  body:is(.owner-mode,.public-profile-page) { --scv-profile-nav-height:40px; }
  @media (max-width:1100px), (pointer:coarse) {
    body:is(.owner-mode,.public-profile-page) { --scv-profile-nav-height:42px; }
  }
  html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content .scv-profile-section-nav-shell {
    box-sizing:border-box !important;
    min-height:var(--scv-profile-nav-height) !important;
    overflow:visible !important;
    border:1px solid #d5e2f0 !important;
    border-radius:12px !important;
    padding:0 !important;
    background:#fff !important;
    box-shadow:none !important;
  }
  html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content .scv-profile-section-nav {
    min-height:0 !important;
    height:auto !important;
    overflow:visible !important;
    gap:0 !important;
    padding:0 !important;
    border-radius:inherit !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content .scv-profile-section-nav > button {
    box-sizing:border-box !important;
    min-height:calc(var(--scv-profile-nav-height) - 2px) !important;
    height:auto !important;
    padding-block:6px !important;
    white-space:normal !important;
    overflow-wrap:anywhere;
    isolation:auto !important;
    border:0 !important;
    border-inline-end:1px solid #d5e2f0 !important;
    border-radius:0 !important;
    background:#fff !important;
    color:#334155 !important;
    box-shadow:none !important;
  }
  html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content .scv-profile-section-nav > button:last-child {
    border-inline-end:0 !important;
    border-start-end-radius:11px !important;
    border-end-end-radius:11px !important;
  }
  html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content .scv-profile-section-nav > button:first-child {
    border-start-start-radius:11px !important;
    border-end-start-radius:11px !important;
  }
  /* Transparent hit area keeps every tab at least 44px tall without adding
     visible height. The existing header remains above this small extension. */
  html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content .scv-profile-section-nav > button::before {
    content:"" !important;
    position:absolute !important;
    inset:50% 0 auto !important;
    min-height:44px !important;
    height:100% !important;
    transform:translateY(-50%) !important;
    background:transparent !important;
    pointer-events:auto;
    z-index:1 !important;
  }
  html:not(.scv-public-profile-loading) body.owner-mode #scv-page-content .scv-profile-section-nav-shell {
    position:sticky !important;
    top:var(--scv-header-height,70px) !important;
    align-self:start !important;
    z-index:35 !important;
  }
  html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content .scv-profile-section-nav > button::after {
    content:"" !important;
    position:absolute !important;
    inset:auto 0 0 !important;
    width:auto !important;
    height:3px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:none !important;
    z-index:0 !important;
    pointer-events:none;
  }
  html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content .scv-profile-section-nav > button[aria-current="true"] {
    background:#e8f8f8 !important;
    color:#15354a !important;
  }
  html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content .scv-profile-section-nav > button[aria-current="true"]::after {
    background:#6edadd !important;
  }
  html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content :is(.scv-profile-more-menu,.scv-owner-more-menu) {
    max-height:min(55dvh,max(44px,calc(100dvh - var(--scv-header-height,70px) - var(--scv-profile-nav-height) - 20px))) !important;
    overscroll-behavior:contain;
    border:1px solid #d5e2f0 !important;
    border-radius:12px !important;
    background:#fff !important;
    padding:6px !important;
    gap:2px !important;
    box-shadow:0 8px 24px rgba(23,51,82,.12) !important;
  }
  html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content :is(.scv-profile-more-menu,.scv-owner-more-menu) > button {
    min-height:44px;
    border:0 !important;
    border-radius:6px !important;
    background:#fff !important;
    color:#334155 !important;
    box-shadow:none !important;
  }
  html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content :is(.scv-profile-more-menu,.scv-owner-more-menu) > button::after {
    content:none !important;
    display:none !important;
  }
  html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content :is(.scv-profile-more-menu,.scv-owner-more-menu) > button[aria-current="true"] {
    background:#e8f8f8 !important;
    color:#15354a !important;
  }
  html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content :is(.scv-profile-section-nav,.scv-profile-more-menu,.scv-owner-more-menu) > button:focus-visible {
    outline:2px solid #6edadd !important;
    outline-offset:-3px !important;
  }
  @media (hover:hover) and (pointer:fine) {
    html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content :is(.scv-profile-section-nav,.scv-profile-more-menu,.scv-owner-more-menu) > button:not([aria-current="true"]):hover {
      background:#f0fafa !important;
      color:#15354a !important;
    }
  }
  @media (forced-colors:active) {
    html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content :is(.scv-profile-section-nav,.scv-profile-more-menu,.scv-owner-more-menu) > button[aria-current="true"] {
      background:Highlight !important;
      color:HighlightText !important;
    }
    html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content .scv-profile-section-nav > button[aria-current="true"]::after {
      background:HighlightText !important;
    }
    html:not(.scv-public-profile-loading) body:is(.owner-mode,.public-profile-page) #scv-page-content :is(.scv-profile-section-nav,.scv-profile-more-menu,.scv-owner-more-menu) > button:focus-visible {
      outline-color:Highlight !important;
    }
  }
}
}