/* BioTwin Unified Header Theme System v1
   Light / Dark shared header + auth action styling
*/

.bt-page-light,
.bt-page-dark{
  --bt-header-font-serif:"Noto Serif JP","Noto Serif TC",serif;
  --bt-header-font-sans:"Noto Sans JP","Noto Sans TC",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.bt-unified-header{
  display:block !important;
  width:100% !important;
  position:sticky !important;
  top:0 !important;
  z-index:2147483000 !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

.bt-unified-header-inner{
  max-width:1680px !important;
  margin:0 auto !important;
  padding:12px 72px !important;
  min-height:78px !important;
  display:grid !important;
  grid-template-columns:320px 1fr 260px !important;
  align-items:center !important;
  gap:34px !important;
}

.bt-unified-brand{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:6px !important;
  text-decoration:none !important;
  min-width:0 !important;
}

.bt-unified-logo{
  display:block !important;
  width:auto !important;
  height:42px !important;
  max-width:150px !important;
  object-fit:contain !important;
  background:transparent !important;
}

.bt-unified-subtitle{
  font-family:var(--bt-header-font-serif) !important;
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:.055em !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  margin:0 !important;
}

.bt-unified-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:34px !important;
}

.bt-unified-nav a{
  font-family:var(--bt-header-font-serif) !important;
  text-decoration:none !important;
  font-size:15px !important;
  font-weight:400 !important;
  letter-spacing:.10em !important;
  white-space:nowrap !important;
}

.bt-static-actions,
.bt-unified-actions,
.nav-actions,
.bt-nav-actions,
.header-actions,
.top-actions{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:12px !important;
}

.bt-static-user-name,
.bt-header-login,
.bt-header-signup,
.bt-header-logout{
  min-width:86px !important;
  height:46px !important;
  border-radius:16px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 18px !important;
  text-decoration:none !important;
  font-family:var(--bt-header-font-serif) !important;
  font-size:15px !important;
  font-weight:400 !important;
  letter-spacing:.06em !important;
  white-space:nowrap !important;
}

/* Light theme */
.bt-page-light .bt-unified-header{
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
}

.bt-page-light .bt-unified-nav a{
  color:#273130 !important;
}

.bt-page-light .bt-unified-subtitle{
  color:#111827 !important;
}

.bt-page-light .bt-logo-dark{
  display:none !important;
}

.bt-page-light .bt-logo-light{
  display:block !important;
}

.bt-page-light .bt-static-user-name,
.bt-page-light .bt-header-login{
  color:#273130 !important;
  background:#fff !important;
  border:1px solid rgba(15,23,42,.12) !important;
}

.bt-page-light .bt-header-signup,
.bt-page-light .bt-header-logout{
  color:#a5473d !important;
  background:#fff7f4 !important;
  border:1px solid rgba(197,87,74,.32) !important;
}

/* Dark theme */
.bt-page-dark .bt-unified-header{
  background:rgba(2,6,23,.84) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}

.bt-page-dark .bt-unified-nav a{
  color:rgba(255,255,255,.86) !important;
}

.bt-page-dark .bt-unified-subtitle{
  color:rgba(255,255,255,.78) !important;
}

.bt-page-dark .bt-logo-light{
  display:none !important;
}

.bt-page-dark .bt-logo-dark{
  display:block !important;
}

.bt-page-dark .bt-static-user-name,
.bt-page-dark .bt-header-login{
  color:rgba(255,255,255,.92) !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

.bt-page-dark .bt-header-signup,
.bt-page-dark .bt-header-logout{
  color:#dffcf6 !important;
  background:rgba(20,198,164,.12) !important;
  border:1px solid rgba(20,198,164,.35) !important;
}

@media(max-width:1280px){
  .bt-unified-header-inner{
    grid-template-columns:270px 1fr 230px !important;
    padding:12px 42px !important;
    gap:24px !important;
  }

  .bt-unified-nav{
    gap:24px !important;
  }

  .bt-unified-nav a{
    font-size:14px !important;
    letter-spacing:.07em !important;
  }
}

@media(max-width:980px){
  .bt-unified-header-inner{
    grid-template-columns:1fr auto !important;
    padding:12px 22px !important;
    min-height:72px !important;
  }

  .bt-unified-nav{
    display:none !important;
  }

  .bt-unified-logo{
    height:36px !important;
    max-width:132px !important;
  }

  .bt-unified-subtitle{
    font-size:12px !important;
  }

  .bt-static-actions,
  .bt-unified-actions{
    gap:8px !important;
  }

  .bt-static-user-name,
  .bt-header-login,
  .bt-header-signup,
  .bt-header-logout{
    min-width:74px !important;
    height:40px !important;
    border-radius:14px !important;
    font-size:13px !important;
    padding:0 12px !important;
  }
}

/* Dark BTC logo fix — 20260513_110734
   B red / TC white transparent logo should show complete wordmark on dark header.
*/
.bt-page-dark .bt-logo-dark{
  display:block !important;
  height:42px !important;
  width:auto !important;
  max-width:170px !important;
  object-fit:contain !important;
  background:transparent !important;
}

.bt-page-dark .bt-logo-light{
  display:none !important;
}

.bt-page-dark .bt-unified-brand{
  min-width:180px !important;
}


/* BioTwin dark logo replacement — 20260513_110854 */
.bt-page-dark .bt-logo-dark{
  display:block !important;
  height:42px !important;
  width:auto !important;
  max-width:190px !important;
  object-fit:contain !important;
  background:transparent !important;
}

.bt-page-dark .bt-logo-light{
  display:none !important;
}

.bt-page-light .bt-logo-dark{
  display:none !important;
}

.bt-page-light .bt-logo-light{
  display:block !important;
}

/* BioTwin inline dark logo fix — 20260513_111633
   Deep header logo no longer depends on image file.
*/
.bt-logo-dark-svg{
  display:none !important;
  width:150px !important;
  height:auto !important;
  max-width:170px !important;
  background:transparent !important;
  overflow:visible !important;
}

.bt-page-dark .bt-logo-dark,
.bt-page-dark .bt-logo-light{
  display:none !important;
}

.bt-page-dark .bt-logo-dark-svg{
  display:block !important;
}

.bt-page-dark .bt-unified-brand{
  min-width:180px !important;
}

.bt-page-light .bt-logo-dark-svg{
  display:none !important;
}


/* User selected dark BTC image logo — 20260513_111903 */
.bt-page-dark .bt-logo-dark{
  display:block !important;
  height:42px !important;
  width:auto !important;
  max-width:190px !important;
  object-fit:contain !important;
  background:transparent !important;
}

.bt-page-dark .bt-logo-light,
.bt-page-dark .bt-logo-dark-svg{
  display:none !important;
}

.bt-page-light .bt-logo-dark,
.bt-page-light .bt-logo-dark-svg{
  display:none !important;
}