.topbar{
  background:var(--green-700);color:#fff;font-size:var(--fs-12);
  height:var(--topbar-h);display:flex;align-items:center;
}
.topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.4rem;}
.topbar a{color:#fff;}
.topbar .topbar-left span,.topbar .topbar-left a{margin-right:1.1rem;display:inline-flex;align-items:center;gap:.4rem;}
.topbar .topbar-social a{margin-left:.8rem;opacity:.9;}
.topbar .topbar-social a:hover{opacity:1;color:var(--amber-600);}

.site-header{
  position:sticky;top:0;z-index:60;
  background:#fff;border-bottom:1px solid var(--line);
}
.site-header .container{
  display:flex;align-items:center;justify-content:space-between;
  min-height:var(--header-h);
}
.brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--ink-900);}
.brand .brand-mark{color:var(--green-600);}
.brand .brand-sub{color:var(--amber-600);}

.nav-toggle{
  display:none;border:0;background:transparent;padding:.5rem;
}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--ink-900);margin:5px 0;transition:.2s;}

.main-nav{display:flex;align-items:center;gap:.25rem;}
.main-nav ul{display:flex;align-items:center;gap:.1rem;}
.main-nav li{position:relative;}
.main-nav a.nav-link{
  display:block;padding:1.35rem .9rem;font-weight:700;font-size:var(--fs-14);color:var(--ink-700);
  border-bottom:2px solid transparent;
}
.main-nav a.nav-link:hover,.main-nav a.nav-link.is-active{color:var(--green-700);border-bottom-color:var(--green-600);}
.main-nav .has-dropdown:hover .dropdown-menu,
.main-nav .has-dropdown .dropdown-menu.is-open{display:block;}
.dropdown-menu{
  display:none;position:absolute;top:100%;left:0;min-width:190px;
  background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);
  padding:.4rem 0;z-index:70;
}
.dropdown-menu a{display:block;padding:.6rem 1.1rem;font-size:var(--fs-14);color:var(--ink-700);}
.dropdown-menu a:hover{background:var(--green-50);color:var(--green-700);}

.nav-actions{display:flex;align-items:center;gap:.6rem;}
.nav-actions .icon-btn{
  width:38px;height:38px;border-radius:50%;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:var(--ink-700);
}
.nav-actions .icon-btn:hover{border-color:var(--green-600);color:var(--green-700);}
.user-chip{
  display:flex;align-items:center;gap:.5rem;padding:.35rem .8rem .35rem .35rem;
  border:1px solid var(--line);border-radius:999px;font-size:var(--fs-12);font-weight:700;
}
.user-chip .avatar{width:26px;height:26px;border-radius:50%;background:var(--green-600);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--fs-12);}

@media (max-width: 991px){
  .nav-toggle{display:block;}
  .main-nav{
    position:fixed;top:calc(var(--topbar-h) + var(--header-h));left:0;right:0;bottom:0;
    background:#fff;flex-direction:column;align-items:stretch;
    transform:translateX(-100%);transition:transform .25s ease;
    overflow-y:auto;padding:1rem;
  }
  .main-nav.is-open{transform:translateX(0);}
  .main-nav ul{flex-direction:column;align-items:stretch;width:100%;gap:0;}
  .main-nav a.nav-link{padding:.9rem .5rem;border-bottom:1px solid var(--line);}
  .dropdown-menu{position:static;border:0;box-shadow:none;padding-left:1rem;display:none;}
  .has-dropdown.is-open .dropdown-menu{display:block;}
  .topbar .topbar-left span:first-child{margin-right:0;}
}