/* TIGEE Visual Identity 2.0 — BALANCE MARK
   V6.27.1: user-approved glossy cobalt/chrome yin-yang is the primary TIGEE brand symbol; the V6.27 vector remains the compact UI mark.
   Measurement/anatomy figures remain research graphics, not the primary logo. */
:root{
  --tigee-cobalt:#1546ff;
  --tigee-cobalt-deep:#062fca;
  --tigee-midnight:#07183b;
  --tigee-chrome:#c8d2e1;
  --tigee-chrome-hi:#f7f9fd;
  --tigee-ice:#eef4ff;
  --tigee-balance-line:linear-gradient(90deg,#1546ff 0 48%,#d7dfea 52% 100%);
  --tigee-balance-shadow:0 12px 32px rgba(7,24,59,.11);
}

/* Primary mark — approved glossy 3D yin-yang. Compact micro-marks continue to use tigee-yinyang.svg. */
.brand img,
.brand-mark img,
img[src$="tigee-logo.png"]{
  object-fit:contain;
  border:0!important;
  background:transparent!important;
  border-radius:50%!important;
  box-shadow:none!important;
  filter:drop-shadow(0 4px 7px rgba(7,24,59,.14));
}
.brandname,.brand-n,.bn{color:var(--tigee-midnight)!important}
.brandsub,.brand-s,.bs{color:#7787a4!important}

/* The wordmark now sits beside the balance mark rather than competing with it. */
.brand{position:relative}
.brand:after{
  content:"";
  position:absolute;
  left:calc(var(--tigee-brand-mark-size, 43px) + 10px);
  bottom:-5px;
  width:34px;
  height:2px;
  border-radius:999px;
  background:var(--tigee-balance-line);
  opacity:.72;
  pointer-events:none;
}

/* Shared balance micro-mark: a recurring visual grammar rather than random decoration. */
.eyebrow:before,
.sec-eyebrow:before,
.section-index:before,
.panel-kicker:before{
  content:"";
  display:inline-block;
  width:12px;height:12px;
  margin-right:7px;
  vertical-align:-2px;
  background:url('/images/tigee-yinyang.svg') center/contain no-repeat;
  filter:drop-shadow(0 1px 2px rgba(7,24,59,.12));
}

/* Navigation: active state uses the same two-material balance language. */
.nav a,.nav-links a,.toplinks a{position:relative}
.nav a.active:after,.nav-links a.active:after,.toplinks a.active:after{
  content:"";
  position:absolute;
  left:10%;right:10%;bottom:-8px;
  height:2px;border-radius:999px;
  background:var(--tigee-balance-line);
}

/* Primary actions: cobalt body with a restrained chrome highlight. */
.btn.primary,.btn-p,.nav-cta,.nav .cta{
  background:linear-gradient(135deg,var(--tigee-midnight) 0%,var(--tigee-cobalt-deep) 42%,var(--tigee-cobalt) 78%,#5f83ff 100%)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 8px 22px rgba(21,70,255,.18)!important;
}
.btn.primary:hover,.btn-p:hover,.nav-cta:hover,.nav .cta:hover{
  background:linear-gradient(135deg,#04112c 0%,#082a9e 48%,#1546ff 100%)!important;
  box-shadow:0 10px 28px rgba(21,70,255,.24)!important;
}

/* Panels inherit a silver/cobalt edge rather than heavy blue boxes. */
.card,.panel,.clinical-panel,.event-lane,.profile-card,.linkcard,.saved-row,.culture-scope-strip,.event-board,.result-card,.award-card{
  border-color:#d5deeb!important;
}
.card:hover,.panel:hover,.profile-card:hover,.linkcard:hover,.event-lane:hover,.award-card:hover{
  border-color:#b8c8e3!important;
}

/* Major public heroes get an extremely quiet balance watermark. */
.hero,.culture-hero{position:relative;overflow:hidden}
.hero:before,.culture-hero:before{
  content:"";
  position:absolute;
  width:min(38vw,430px);height:min(38vw,430px);
  right:-110px;top:-145px;
  background:url('/images/tigee-yinyang.svg') center/contain no-repeat;
  opacity:.035;
  pointer-events:none;
  transform:rotate(-10deg);
}
.hero>* ,.culture-hero>*{position:relative;z-index:1}

/* Balance line is used as a section separator on editorial surfaces. */
.culture-section,.section-title,.os-section-heading{position:relative}
.culture-section:before{
  content:"";position:absolute;left:0;top:0;width:92px;height:2px;border-radius:999px;
  background:var(--tigee-balance-line);opacity:.7
}

/* OS: same identity, quieter and more operational. */
.side a.active{
  background:linear-gradient(135deg,var(--tigee-midnight),#0a2f91 60%,var(--tigee-cobalt))!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(7,24,59,.12);
}
.side a.active:before{
  content:"";width:12px;height:12px;flex:0 0 12px;
  background:url('/images/tigee-yinyang.svg') center/contain no-repeat;
}
.os-priority,.os-next,.tablewrap,.upload-zone{border-color:#d5deeb!important}
.status-dot{box-shadow:0 0 0 4px rgba(21,70,255,.06)}

/* Score/methodology remains blue-first; chrome is structure, never a score meaning. */
.score,.profile-score,.domain-code,.method-code{color:var(--tigee-cobalt)!important}
.bar i{background:linear-gradient(90deg,var(--tigee-midnight),var(--tigee-cobalt))!important}

/* Awards can treat the balance mark like a seal/medallion. */
.award-seal,.medal,.award-badge{border-radius:50%!important}

/* About-page brand story */
.tigee-balance-story{
  display:grid;grid-template-columns:170px minmax(0,1fr);gap:34px;align-items:center;
  border:1px solid #d5deeb;border-radius:20px;padding:28px;
  background:linear-gradient(135deg,#fff 0%,#f8faff 58%,#eef3fa 100%);
  box-shadow:var(--tigee-balance-shadow);
}
.tigee-balance-story .balance-mark{width:150px;max-width:100%;display:block;margin:auto;filter:drop-shadow(0 10px 18px rgba(7,24,59,.15))}
.tigee-balance-story h2{margin-bottom:8px}
.tigee-balance-story p{color:#5a6885;max-width:72ch}
.balance-pairs{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.balance-pairs span{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #d5deeb;background:#fff;border-radius:999px;font:800 10px Montserrat,Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--tigee-midnight)}
.balance-pairs span:before{content:"";width:7px;height:7px;border-radius:50%;margin-right:6px;background:linear-gradient(90deg,var(--tigee-cobalt) 0 50%,var(--tigee-chrome) 50%)}

@media(max-width:700px){
  .brand:after{display:none}
  .hero:before,.culture-hero:before{width:280px;height:280px;right:-120px;top:-110px;opacity:.025}
  .tigee-balance-story{grid-template-columns:1fr;padding:22px;gap:18px;text-align:left}
  .tigee-balance-story .balance-mark{width:112px;margin-left:0}
}
@media(prefers-reduced-motion:reduce){.hero:before,.culture-hero:before{transform:none}}
