/* NavbarV2 — extracted from NavbarV2.tsx inline styles */

.ntv2-frame{
  position:sticky; top:12px; z-index:100;
  margin:12px 24px 0;
}
.ntv2-bar{
  display:grid;
  grid-template-columns: auto 1fr auto;
  align-items:center;
  gap:24px;
  padding:10px 18px;
  background:rgba(255,255,255,0.93);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(184,145,42,0.15);
  border-radius:16px;
  box-shadow:0 4px 24px rgba(26,22,20,0.06);
  font-family:'DM Sans', system-ui, sans-serif;
}

/* -- LOGO -- */
.ntv2-logo{
  display:inline-flex; align-items:center; gap:9px;
  background:none; border:none; padding:0; cursor:pointer;
}
.ntv2-logo img{ display:block; border-radius:7px; }
.ntv2-logo-text{
  font-family:'Cormorant Garamond', Georgia, serif;
  font-size:22px; font-weight:600; color:#1A1614; letter-spacing:-0.3px;
  line-height:1; white-space:nowrap;
}
.ntv2-dot{ color:#C8A951; }

/* -- CENTER -- */
.ntv2-center{
  display:flex; align-items:center; gap:8px;
  justify-content:center;
}
.ntv2-space-wrap{ position:relative; flex-shrink:0; z-index:50; }
.ntv2-space-pill{
  display:inline-flex; align-items:center; gap:7px;
  padding:5px 10px 5px 9px; border-radius:99px; cursor:pointer;
  font-family:inherit; font-size:9.5px; font-weight:600;
  letter-spacing:1.4px; text-transform:uppercase;
  white-space:nowrap; transition:all 0.15s; border:1px solid transparent;
}
.ntv2-space-dot{ width:6px; height:6px; border-radius:50%; box-shadow:0 0 0 1.5px rgba(255,255,255,0.55); }
.ntv2-space-arrow{ font-size:8px; opacity:0.65; margin-left:1px; }
.ntv2-space-talent{
  background:linear-gradient(180deg,#FBF4DE,#F5E9C2);
  border-color:#E8D08A; color:#8C6D34;
}
.ntv2-space-talent:hover{ background:linear-gradient(180deg,#FCF6E5,#F8EFD0); border-color:#D8B85E; box-shadow:0 2px 8px rgba(140,109,52,0.15); }
.ntv2-space-expert{
  background:linear-gradient(180deg,#F8EDE8,#F1DDD4);
  border-color:#E5C7BC; color:#8C5A4D;
}
.ntv2-space-expert:hover{ background:linear-gradient(180deg,#FBEFEA,#F4E0D7); border-color:#D9B7AB; box-shadow:0 2px 8px rgba(140,90,77,0.15); }
.ntv2-space-recruiter{
  background:linear-gradient(180deg,#E8ECF4,#D4DCEC);
  border-color:#B7C2DA; color:#3D4F7A;
}
.ntv2-space-recruiter:hover{ background:linear-gradient(180deg,#EDF1F7,#DAE2EF); border-color:#A8B5D0; box-shadow:0 2px 8px rgba(61,79,122,0.15); }

.ntv2-space-menu{
  position:absolute; top:calc(100% + 8px); left:0; min-width:268px;
  background:#fff; border:1px solid rgba(184,145,42,0.15); border-radius:14px;
  box-shadow:0 12px 32px rgba(26,22,20,0.12); padding:8px; z-index:300;
  animation:ntv2-in 0.15s ease;
}
.ntv2-space-head{
  font-family:inherit; font-size:9.5px; font-weight:600; color:#9A8E80;
  letter-spacing:1.6px; text-transform:uppercase; padding:8px 10px 6px;
}
.ntv2-space-item{
  display:flex; align-items:center; gap:11px; width:100%;
  padding:10px 11px; border-radius:9px; border:none; background:none;
  cursor:pointer; font-family:inherit; text-align:left; transition:background 0.12s;
}
.ntv2-space-item:hover:not(:disabled){ background:#FFFBF0; }
.ntv2-space-item.is-active{ background:linear-gradient(135deg,rgba(184,145,42,0.08),rgba(212,168,50,0.05)); cursor:default; }
.ntv2-space-item:disabled{ cursor:default; }
.ntv2-space-icon{
  width:32px; height:32px; border-radius:8px;
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#C4A559 0%,#D4BC7A 40%,#E5D4A0 70%,#EFE2B8 100%);
  color:#fff; font-size:14px; font-weight:800; flex-shrink:0;
}
.ntv2-space-text{ display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; }
.ntv2-space-item-label{ font-size:13px; font-weight:600; color:#1A1614; }
.ntv2-space-item-desc{ font-size:11px; color:#6B6660; font-weight:400; }
.ntv2-space-check{ color:#9E7E3F; font-size:10px; flex-shrink:0; }

.ntv2-sep{
  width:1px; height:18px; background:rgba(184,145,42,0.25);
  margin:0 10px;
}
.ntv2-item{
  position:relative;
  display:inline-flex; align-items:center; gap:6px;
  padding:7px 14px; border-radius:20px; border:none; background:none;
  font-family:inherit; font-size:13px; font-weight:500; color:#1A1614;
  cursor:pointer; white-space:nowrap;
  transition:all 0.18s ease;
}
.ntv2-item:hover{ background:rgba(212,168,50,0.08); }
.ntv2-item.is-active{
  background:linear-gradient(135deg,#C4A559 0%,#D4BC7A 40%,#E5D4A0 70%,#EFE2B8 100%);
  color:#1A1614;
  box-shadow:0 2px 10px rgba(184,145,42,0.32),
             inset 0 1px 0 rgba(255,255,255,0.4);
}
.ntv2-badge{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:17px; height:17px; padding:0 5px;
  border-radius:99px;
  background:#D4A832;
  color:#fff; font-size:9px; font-weight:700;
  box-shadow:0 1px 3px rgba(184,145,42,0.4);
}
.ntv2-item.is-active .ntv2-badge{
  background:#1A1614; color:#EDCA50;
}

/* -- RIGHT -- */
.ntv2-right{ display:flex; align-items:center; gap:10px; justify-self:end; }

.ntv2-icon{
  position:relative;
  width:36px; height:36px; border-radius:50%;
  background:rgba(184,145,42,0.06);
  border:1px solid rgba(184,145,42,0.15);
  color:#5A4A38;
  display:inline-flex; align-items:center; justify-content:center;
  cursor:pointer; transition:all 0.15s;
}
.ntv2-icon:hover{
  background:rgba(212,168,50,0.12);
  border-color:rgba(184,145,42,0.3);
  color:#1A1614;
}
.ntv2-icon-dot{
  position:absolute; top:7px; right:7px;
  width:8px; height:8px; border-radius:50%;
  background:#D4A832;
  border:1.5px solid #fff;
}

.ntv2-account-wrap{ position:relative; }
.ntv2-avatar{
  position:relative;
  width:36px; height:36px; border-radius:50%;
  border:2px solid rgba(184,145,42,0.3);
  background:linear-gradient(135deg,#C4A559 0%,#D4BC7A 40%,#E5D4A0 70%,#EFE2B8 100%);
  color:#fff; font-family:'DM Sans', sans-serif;
  font-size:11.5px; font-weight:600; letter-spacing:0.4px;
  display:inline-flex; align-items:center; justify-content:center;
  cursor:pointer; transition:all 0.15s;
  box-shadow:0 2px 8px rgba(184,145,42,0.3);
}
.ntv2-avatar:hover{ transform:scale(1.05); }
.ntv2-avatar-initials{ text-shadow:0 1px 2px rgba(0,0,0,0.2); }
.ntv2-avatar-img{
  width:100%; height:100%; border-radius:50%;
  object-fit:cover; display:block;
}
.ntv2-avatar-check{
  position:absolute; bottom:-2px; right:-2px;
  width:14px; height:14px; border-radius:50%;
  background:#D4A832;
  border:2px solid #fff;
  display:inline-flex; align-items:center; justify-content:center;
}

.ntv2-menu{
  position:absolute; top:calc(100% + 10px); right:0;
  min-width:220px;
  background:#fff;
  border:1px solid rgba(184,145,42,0.15);
  border-radius:14px;
  box-shadow:0 12px 32px rgba(26,22,20,0.12);
  padding:8px; z-index:250;
  animation:ntv2-in 0.15s ease;
}
@keyframes ntv2-in {
  from { opacity:0; transform:translateY(-4px); }
  to   { opacity:1; transform:none; }
}
.ntv2-menu-head{
  font-size:9.5px; font-weight:600; letter-spacing:1.6px; text-transform:uppercase;
  color:#8A7560; padding:8px 11px 4px;
}
.ntv2-menu-item{
  display:flex; width:100%; align-items:center; gap:10px;
  padding:9px 11px; border:none; background:none; border-radius:8px;
  font-family:inherit; font-size:13px; color:#1A1614; text-align:left;
  cursor:pointer; transition:background 0.12s;
}
.ntv2-menu-item:hover{ background:rgba(212,168,50,0.08); }
.ntv2-menu-ic{ color:#8A7560; flex-shrink:0; }
.ntv2-menu-sep{ height:1px; background:rgba(184,145,42,0.12); margin:6px 4px; }
.ntv2-menu-danger{ color:#A73A2A; }
.ntv2-menu-danger .ntv2-menu-ic{ color:#A73A2A; }
.ntv2-menu-danger:hover{ background:rgba(167,58,42,0.06); }
.ntv2-menu-header{
  display:flex; align-items:center; gap:12px;
  padding:16px;
  border-bottom:1px solid rgba(184,145,42,0.18);
}
.ntv2-menu-header-avatar{
  width:40px; height:40px; border-radius:50%;
  background:linear-gradient(135deg,#C4A559 0%,#D4BC7A 40%,#E5D4A0 70%,#EFE2B8 100%);
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-weight:700; font-size:14px;
  flex-shrink:0; overflow:hidden;
}
.ntv2-menu-header-avatar img{ width:100%; height:100%; object-fit:cover; }
.ntv2-menu-header-name{
  font-size:14px; font-weight:700;
  color:#1A1614; line-height:1.3;
}
.ntv2-menu-header-subtitle{
  font-size:12px; font-weight:500;
  color:#C4A559;
  line-height:1.3; margin-top:2px;
}

/* -- SUB-NAVBAR -- */
.ntv2-subbar{
  margin-top:10px;
  display:flex; align-items:center; justify-content:space-between;
  padding:8px 14px;
  background:rgba(255,255,255,0.85);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(184,145,42,0.12);
  border-radius:14px;
  font-family:'DM Sans', system-ui, sans-serif;
  gap:14px;
  flex-wrap:wrap;
}
.ntv2-sub-left{ display:flex; align-items:center; gap:4px; flex-wrap:wrap; }
.ntv2-sub-item{
  display:inline-flex; align-items:center; gap:7px;
  padding:6px 14px; border-radius:18px; border:none; background:none;
  font-family:inherit; font-size:12.5px; font-weight:500; color:#5A4A38;
  cursor:pointer; transition:all 0.15s;
  white-space:nowrap;
}
.ntv2-sub-item:hover{ background:rgba(212,168,50,0.08); color:#1A1614; }
.ntv2-sub-item.is-active{
  background:linear-gradient(135deg,#C4A559 0%,#D4BC7A 40%,#E5D4A0 70%,#EFE2B8 100%);
  color:#1A1614; font-weight:600;
  box-shadow:0 2px 8px rgba(184,145,42,0.28);
}
.ntv2-sub-count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:20px; height:18px; padding:0 6px;
  border-radius:99px;
  background:rgba(184,145,42,0.15);
  color:#8A6F2A;
  font-size:10px; font-weight:700;
}
.ntv2-sub-item.is-active .ntv2-sub-count{
  background:rgba(26,22,20,0.18);
  color:#1A1614;
}
.ntv2-sub-icon{ display:inline-flex; align-items:center; }
.ntv2-sub-right{
  font-size:12px; color:#8A7560; font-weight:400;
  display:flex; align-items:center; gap:10px;
}

/* -- HAMBURGER (hidden on desktop) -- */
.ntv2-burger{
  display:none;
  width:36px; height:36px; border-radius:50%;
  background:rgba(184,145,42,0.06);
  border:1px solid rgba(184,145,42,0.15);
  color:#5A4A38;
  align-items:center; justify-content:center;
  cursor:pointer; transition:all 0.15s;
}
.ntv2-burger:hover{
  background:rgba(212,168,50,0.12);
  border-color:rgba(184,145,42,0.3);
  color:#1A1614;
}

/* -- MOBILE DRAWER -- */
.ntv2-drawer-backdrop{
  position:fixed; inset:0; z-index:300;
  background:rgba(26,22,20,0.45);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  border:none; padding:0; margin:0;
  animation:ntv2-fade-in 0.2s ease;
}
@keyframes ntv2-fade-in{ from{opacity:0;} to{opacity:1;} }
.ntv2-drawer{
  position:fixed; top:0; right:0; bottom:0; z-index:301;
  width:min(86vw, 340px);
  background:#fff;
  box-shadow:-12px 0 40px rgba(26,22,20,0.18);
  padding:18px 14px 24px;
  overflow-y:auto;
  font-family:'DM Sans', system-ui, sans-serif;
  animation:ntv2-drawer-in 0.25s cubic-bezier(0.16,1,0.3,1);
  display:flex; flex-direction:column; gap:4px;
}
@keyframes ntv2-drawer-in{
  from{ transform:translateX(100%); }
  to{ transform:translateX(0); }
}
.ntv2-drawer-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:2px 4px 14px;
  border-bottom:1px solid rgba(184,145,42,0.12);
  margin-bottom:10px;
}
.ntv2-drawer-close{
  width:34px; height:34px; border-radius:50%;
  background:rgba(184,145,42,0.06);
  border:1px solid rgba(184,145,42,0.15);
  color:#5A4A38;
  display:inline-flex; align-items:center; justify-content:center;
  cursor:pointer; transition:all 0.15s;
}
.ntv2-drawer-close:hover{
  background:rgba(212,168,50,0.12);
  color:#1A1614;
}
.ntv2-drawer-nav{ display:flex; flex-direction:column; gap:2px; }
.ntv2-drawer-section-label{
  font-size:9.5px; font-weight:600; letter-spacing:1.6px; text-transform:uppercase;
  color:#8A7560; padding:8px 12px 6px;
}
.ntv2-drawer-item{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  width:100%; padding:12px 14px;
  border-radius:10px; border:none; background:none;
  font-family:inherit; font-size:14px; font-weight:500; color:#1A1614;
  text-align:left; cursor:pointer; transition:background 0.12s;
}
.ntv2-drawer-item:hover{ background:rgba(212,168,50,0.08); }
.ntv2-drawer-item.is-active{
  background:linear-gradient(135deg,#C4A559 0%,#D4BC7A 40%,#E5D4A0 70%,#EFE2B8 100%);
  color:#1A1614; font-weight:600;
  box-shadow:0 2px 8px rgba(184,145,42,0.28);
}
.ntv2-drawer-item.is-active .ntv2-badge{ background:#1A1614; color:#EDCA50; }
.ntv2-drawer-sep{ height:1px; background:rgba(184,145,42,0.12); margin:8px 4px; }

/* -- Responsive -- */
@media (max-width:1100px){
  .ntv2-space-pill{ display:none; }
  .ntv2-sep{ display:none; }
  .ntv2-item{ padding:7px 11px; font-size:12.5px; }
}
@media (max-width:860px){
  .ntv2-frame{ margin:8px 12px 0; }
  .ntv2-bar{ gap:8px; padding:8px 12px; }
  .ntv2-logo-text{ font-size:18px; }
  .ntv2-center{ display:none; }
  .ntv2-burger{ display:inline-flex; }
  .ntv2-account-wrap{ display:none; }
}

/* -- NAV ITEM SUBMENU -- */
.ntv2-item-sub-wrap{ position:relative; display:inline-block; }
.ntv2-item-sub-trigger{ display:inline-flex; align-items:center; gap:5px; }
.ntv2-item-sub-arrow{ font-size:8px; opacity:0.6; }
.ntv2-item-sub-menu{
  position:absolute; top:calc(100% + 8px); left:0; min-width:240px;
  background:#FFFBF0;
  border:1px solid rgba(184,145,42,0.2);
  border-radius:14px;
  box-shadow:0 12px 32px rgba(26,22,20,0.12);
  padding:8px; z-index:260;
  animation:ntv2-in 0.15s ease;
}
.ntv2-item-sub-item{
  display:flex; flex-direction:column; align-items:flex-start; gap:2px;
  width:100%; padding:9px 11px;
  border:none; background:none; border-radius:8px;
  font-family:inherit; text-align:left; cursor:pointer;
  transition:background 0.12s;
}
.ntv2-item-sub-item:hover{ background:rgba(212,168,50,0.10); }
.ntv2-item-sub-label{ font-size:13px; font-weight:600; color:#1A1614; }
.ntv2-item-sub-desc{ font-size:11px; color:#6B6660; font-weight:400; }

/* Drawer sections wrapper */
.ntv2-drawer-sections{ display:flex; flex-direction:column; gap:2px; }

/* Avatar sub-menu */
.ntv2-menu-sub-wrap{ position:relative; }
.ntv2-menu-sub{
  position:absolute; top:0; right:calc(100% + 6px);
  min-width:200px;
}

/* Notifications popup */
.ntv2-notif-popup{
  position:absolute; top:calc(100% + 8px); right:0;
  width:360px; min-height:380px;
  background:#FFFBF0;
  border:1px solid rgba(163,133,67,0.2);
  border-radius:12px;
  box-shadow:0 12px 32px rgba(0,0,0,0.12);
  z-index:200; overflow:hidden;
  display:flex; flex-direction:column;
}
.ntv2-notif-head{
  padding:16px 20px; border-bottom:1px solid rgba(163,133,67,0.12);
  font-size:13px; font-weight:700; color:#1A1614;
}
.ntv2-notif-list{
  max-height:480px; overflow-y:auto; flex:1;
  display:flex; flex-direction:column; gap:12px; padding:12px 0;
}
.ntv2-notif-item{ display:flex; gap:14px; padding:6px 20px; }
.ntv2-notif-item-icon{ font-size:20px; line-height:1; }
.ntv2-notif-item-body{ flex:1; min-width:0; }
.ntv2-notif-item-title{ font-size:12px; font-weight:600; color:#1A1614; }
.ntv2-notif-item-desc{ font-size:11px; color:#5A4F44; margin-top:3px; line-height:1.5; }
.ntv2-notif-item-time{ font-size:10px; color:#9A8A78; margin-top:5px; }
.ntv2-notif-footer{
  width:100%; padding:12px 16px;
  background:transparent; border:none;
  border-top:1px solid rgba(163,133,67,0.12);
  font-size:12px; font-weight:700; color:#9A7A28;
  cursor:pointer; font-family:inherit;
}