/* Shared MCT navigation across the public site and Project Unit admin. */
.mct-site-header{
  position:relative;
  z-index:1000;
  width:100%;
  margin:0;
  border-bottom:1px solid rgba(167,196,255,.2);
  background:linear-gradient(112deg,rgba(17,57,128,.97),rgba(12,39,91,.97));
  box-shadow:0 12px 34px rgba(0,8,30,.2),inset 0 1px rgba(255,255,255,.045);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.mct-nav-wrap{
  position:relative;
  display:flex;
  align-items:center;
  gap:clamp(14px,2vw,28px);
  width:min(1240px,calc(100% - 48px));
  min-height:88px;
  margin:0 auto;
}
.mct-brand{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
  color:#fff!important;
  text-decoration:none!important;
}
.mct-brand-mark{
  display:grid;
  grid-template-columns:repeat(2,7px);
  grid-template-rows:repeat(2,7px);
  gap:3px;
  place-content:center;
  width:38px;
  height:38px;
  border:1px solid rgba(203,220,255,.68);
  border-radius:11px;
  transform:rotate(45deg);
  box-shadow:inset 0 0 14px rgba(123,161,255,.16),0 0 20px rgba(60,119,255,.12);
}
.mct-brand-mark i{display:block;border-radius:2px;background:#f5f8ff}
.mct-brand-mark i:nth-child(2){background:#5d95ff}
.mct-brand-mark i:nth-child(3){background:#ff7955}
.mct-brand-mark i:nth-child(4){background:#aec8ff}
.mct-brand-copy{display:flex;flex-direction:column;gap:5px;line-height:1}
.mct-brand-copy strong{
  color:#fff;
  font:800 13px/1 Manrope,"DM Sans",Inter,Arial,sans-serif;
  letter-spacing:-.35px;
  white-space:nowrap;
}
.mct-brand-copy strong span{color:#a9c4ff}
.mct-brand-copy small{
  color:#b2c6eb;
  font:500 7px/1 "DM Mono",monospace;
  letter-spacing:2.2px;
}
.mct-site-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(14px,2vw,29px);
  height:auto!important;
  min-height:0!important;
  margin-left:auto;
}
.mct-site-links a{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:42px;
  color:#d2def6!important;
  font:700 12px/1.3 Manrope,"DM Sans",Inter,Arial,sans-serif;
  text-decoration:none!important;
  white-space:nowrap;
  transition:color .2s ease,transform .2s ease;
}
.mct-site-links a::after{
  position:absolute;
  right:0;
  bottom:2px;
  left:0;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,#6fa3ff,#ff7955);
  content:"";
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .22s ease;
}
.mct-site-links a:hover,.mct-site-links a[aria-current="page"]{color:#fff!important}
.mct-site-links a:hover{transform:translateY(-1px)}
.mct-site-links a:hover::after,.mct-site-links a[aria-current="page"]::after{transform:scaleX(1)}
.mct-site-links .mct-auth-link{
  min-height:38px;
  padding:0 14px;
  border:1px solid rgba(174,201,255,.34);
  border-radius:999px;
  color:#fff!important;
  background:linear-gradient(110deg,rgba(73,119,207,.35),rgba(37,72,139,.35));
}
.mct-site-links .mct-auth-link::after{display:none}
.mct-site-links .mct-auth-link:hover{border-color:rgba(202,220,255,.7);background:rgba(99,151,245,.3)}
.mct-header-call{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  min-height:42px;
  padding:0 15px;
  border:1px solid rgba(179,204,255,.48);
  border-radius:999px;
  color:#fff!important;
  background:rgba(77,127,219,.16);
  box-shadow:inset 0 1px rgba(255,255,255,.06);
  font:700 11px/1 Manrope,"DM Sans",Inter,Arial,sans-serif;
  text-decoration:none!important;
  white-space:nowrap;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.mct-header-call:hover{transform:translateY(-1px);border-color:#a9c4ff;background:rgba(99,151,245,.25)}
.mct-header-call span{color:#bed0f1;font-weight:600}
.mct-menu-button{
  display:none;
  flex:0 0 42px;
  width:42px;
  height:42px;
  padding:10px;
  border:1px solid rgba(183,207,255,.3);
  border-radius:12px;
  color:#fff;
  background:rgba(83,132,224,.17);
  cursor:pointer;
}
.mct-menu-button span{
  display:block;
  width:20px;
  height:2px;
  margin:4px auto;
  border-radius:2px;
  background:#f4f7ff;
  transition:transform .2s ease,opacity .2s ease;
}
.mct-menu-button.active span:first-child{transform:translateY(6px) rotate(45deg)}
.mct-menu-button.active span:nth-child(2){opacity:0}
.mct-menu-button.active span:last-child{transform:translateY(-6px) rotate(-45deg)}
.mct-mobile-menu{display:none;height:auto!important;min-height:0!important}
.mct-mobile-menu.open{
  position:absolute;
  top:calc(100% + 8px);
  left:50%;
  z-index:1001;
  display:flex;
  flex-direction:column;
  width:min(1240px,calc(100% - 32px));
  max-height:calc(100dvh - 110px);
  margin:0;
  padding:10px;
  overflow:auto;
  border:1px solid rgba(174,201,255,.28);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(18,55,122,.99),rgba(10,32,76,.99));
  box-shadow:0 24px 65px rgba(0,8,30,.42),inset 0 1px rgba(255,255,255,.06);
  transform:translateX(-50%);
  animation:mct-menu-in .2s ease both;
}
.mct-mobile-menu a,.mct-mobile-menu button{
  display:flex;
  align-items:center;
  width:100%;
  min-height:45px;
  padding:11px 13px;
  border:0;
  border-radius:10px;
  color:#dce7ff!important;
  background:transparent;
  font:700 13px/1.35 Manrope,"DM Sans",Inter,Arial,sans-serif;
  text-align:left;
  text-decoration:none!important;
  cursor:pointer;
  transition:background .18s ease,color .18s ease;
}
.mct-mobile-menu a:hover,.mct-mobile-menu button:hover{color:#fff!important;background:rgba(122,164,244,.16)}
.mct-mobile-menu .mct-auth-link{margin-top:5px;border:1px solid rgba(174,201,255,.2);color:#fff!important;background:rgba(73,119,207,.16)}
.mct-mobile-menu .mct-mobile-call{margin-top:5px;border-top:1px solid rgba(178,202,247,.14);color:#fff!important}
.mct-mobile-menu .mct-mobile-call span{margin-left:7px;color:#a9c4ff}
.mct-admin-controls{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.mct-admin-controls .admin-email{max-width:180px;overflow:hidden;color:#c9d8f6;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.mct-admin-controls .logout-btn{
  min-height:40px;
  padding:0 13px;
  border:1px solid rgba(185,207,255,.38);
  border-radius:999px;
  color:#fff;
  background:rgba(73,121,211,.19);
  font:700 11px/1 Manrope,"DM Sans",Inter,Arial,sans-serif;
  cursor:pointer;
}
.mct-admin-controls .logout-btn:hover{background:rgba(99,151,245,.28)}
.mct-site-header [hidden]{display:none!important}
@keyframes mct-menu-in{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%,0)}}

@media(max-width:1000px){
  .mct-nav-wrap{gap:15px;width:calc(100% - 36px)}
  .mct-site-links{gap:16px}
  .mct-site-links a{font-size:11px}
  .mct-header-call{gap:7px;padding:0 11px;font-size:10px}
  .mct-admin-controls .admin-email{max-width:135px}
}
@media(max-width:1100px){
  .mct-admin-header .mct-site-links{display:none!important}
  .mct-admin-header .mct-menu-button{display:block;margin-left:0}
  .mct-admin-header .mct-header-call{margin-left:auto}
  .mct-admin-header .mct-admin-controls{display:none}
}
@media(max-width:820px){
  .mct-nav-wrap{min-height:76px;width:calc(100% - 32px);gap:12px}
  .mct-site-links{display:none!important}
  .mct-menu-button{display:block;margin-left:0}
  .mct-header-call{margin-left:auto}
  .mct-admin-controls{display:none;margin-left:0}
  .mct-admin-controls .admin-email{display:none}
  .mct-mobile-menu.open{width:calc(100% - 28px)}
  .admin-login{min-height:calc(100vh - 76px)!important}
}
.admin-login{min-height:calc(100vh - 88px)!important}
@media(max-width:430px){
  .mct-nav-wrap{width:calc(100% - 24px);min-height:70px;gap:9px}
  .mct-brand{gap:9px}
  .mct-brand-mark{width:34px;height:34px}
  .mct-brand-copy strong{font-size:11px}
  .mct-brand-copy small{font-size:6px;letter-spacing:1.8px}
  .mct-header-call{min-height:38px;padding:0 9px;font-size:10px}
  .mct-header-call span{display:none}
  .mct-menu-button{flex-basis:38px;width:38px;height:38px;padding:8px}
  .mct-admin-controls .logout-btn{min-height:37px;padding:0 10px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .mct-site-header *,.mct-mobile-menu.open{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}
