/* Bio2Twin /apps/ topbar: add a direct Human Body entry after My Model.
   Responsive nav only; inherit existing sizes/palette outside narrow screens.
   No changes to any existing page, data, or business logic. */
@media (max-width:760px) {
  body:has(> .app-shell) .app-shell > .topbar .app-space-tabs {
    min-width:0;
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
  }
  body:has(> .app-shell) .app-shell > .topbar .app-space-tabs::-webkit-scrollbar {
    display:none;
  }
  body:has(> .app-shell) .app-shell > .topbar .app-space-tabs a {
    flex:0 0 auto;
    padding:0 4px;
    font-size:11px;
  }
  /* Keep Message Center accessible while giving all four primary labels room. */
  body:has(> .app-shell) .app-shell > .topbar .app-space-tabs a[aria-label="訊息中心"] {
    font-size:0!important;
    padding:0 4px!important;
  }
  body:has(> .app-shell) .app-shell > .topbar .app-space-tabs a[aria-label="訊息中心"] > span {
    font-size:15px!important;
  }
}
@media(max-width:375px) {
  body:has(> .app-shell) .app-shell > .topbar .app-space-tabs a {
    padding:0 2px!important;
    font-size:10px!important;
  }
  body:has(> .app-shell) .app-shell > .topbar .app-space-tabs a[aria-label="訊息中心"] {
    padding:0 3px!important;
  }
}