/* Bridge: giữ nguyên DOM contract của launch-ui.js, dùng giao diện mới. */
:root {
  /* These variables were causing global conflicts.
     Using direct values or existing global variables instead. */
}
.hidden{display:none!important;}
.nav-inner{position:relative;}
.nav-right,.nav-user{display:flex;align-items:center;gap:14px;}
.nav-user-email{
  max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--ink-soft);font-size:12px;
}
.nav-avatar{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--line);background:var(--primary-dark);color:#EAF2F1;
  font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;
  cursor:pointer;transition:border-color .15s,box-shadow .15s;
}
.nav-avatar:hover,.nav-avatar.active{
  border-color:var(--accent);box-shadow:0 0 0 3px rgba(232,163,61,.18);
}
.nav-dropdown{
  position:absolute;top:calc(100% + 10px);right:32px;z-index:1000;
  min-width:240px;padding:7px 0;border:1px solid var(--line);
  border-radius:var(--radius-md);background:var(--card);color:var(--ink);
  box-shadow:var(--shadow-lg);
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.nav-dropdown.open{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);
}
.nav-dropdown-email{
  padding:10px 16px 7px;color:var(--ink-soft);font-size:12px;
  font-family:'JetBrains Mono',monospace;overflow:hidden;text-overflow:ellipsis;
}
.nav-dropdown-divider{height:1px;background:var(--line);margin:5px 0;}
.nav-dropdown-item{
  display:block;width:100%;padding:10px 16px;border:0;background:none;
  color:var(--ink);font-size:13.5px;text-align:left;cursor:pointer;
}
.nav-dropdown-item:hover{background:var(--primary-tint);}
.nav-dropdown-logout{color:var(--danger);}
.nav-toggle{
  display:none;width:38px;height:38px;border:1px solid var(--line);
  border-radius:50%;background:transparent;color:var(--ink);
  align-items:center;justify-content:center;font-size:20px;cursor:pointer;
}
.nav-mobile-menu{
  display:none;position:absolute;top:100%;left:0;right:0;z-index:999;
  padding:8px 0;background:var(--ink);border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);box-shadow:var(--shadow);
}
.nav-mobile-menu:not(.hidden){display:block;}
.nav-mobile-item{
  display:block;width:100%;padding:12px 24px;border:0;background:none;
  color:var(--ink-soft);font-size:14px;text-align:left;
}
.nav-mobile-item:hover,.nav-mobile-item.active{color:var(--ink);background:var(--primary-tint);}
.nav-mobile-item.cta{color:var(--accent);}
.nav-mobile-item.logout{color:var(--danger);}
.nav-mobile-divider{height:1px;background:var(--line);margin:5px 0;}
.auth-modal--open{overflow:hidden;}
.auth-header .logo{color:var(--ink);}
.auth-header .logo .dot{background:var(--accent);}
@media (max-width:980px){
  .nav-toggle{display:flex;}
  .nav-dropdown{right:32px;}
}
@media (max-width:640px){
  .nav-user-email{display:none;}
  .nav-user .btn{padding:9px 14px;}
  .nav-dropdown{right:20px;left:20px;min-width:0;}
  .nav-toggle{width:36px;height:36px;}
}