.topbar nav{display:flex!important;align-items:center!important;gap:4px!important;padding:5px!important;border:1px solid #e1e9e6!important;border-radius:14px!important;background:#f6f9f8!important}
.topbar nav a{position:relative!important;display:inline-flex!important;align-items:center!important;min-height:40px!important;padding:9px 13px!important;border-radius:10px!important;color:#38544e!important;font-family:"Aptos","Inter Variable",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",sans-serif!important;font-size:14px!important;font-weight:680!important;line-height:1.15!important;letter-spacing:-.012em!important;text-decoration:none!important;white-space:nowrap!important;transition:color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease!important}
.topbar nav a:after{content:"";position:absolute;right:13px;bottom:6px;left:13px;height:2px;border-radius:2px;background:#ef6242;opacity:0;transform:scaleX(.35);transition:opacity .18s ease,transform .18s ease}
.topbar nav a:hover{background:#e8f1ee!important;color:#0a675b!important;box-shadow:0 3px 10px rgba(13,75,65,.07)!important;transform:translateY(-1px)!important}.topbar nav a:hover:after,.topbar nav a:focus-visible:after{opacity:1;transform:scaleX(1)}
.topbar nav a:focus-visible{background:#e8f1ee!important;color:#0a675b!important;outline:3px solid rgba(8,119,103,.14)!important;outline-offset:1px!important}
@media(max-width:1100px){.topbar nav{gap:1px!important}.topbar nav a{padding:9px 9px!important;font-size:12px!important}}
@media(max-width:820px){.topbar nav{border:0!important;background:transparent!important}}

/* Mobile: logo and action in the first row, navigation in its own scrollable row. */
@media(max-width:1180px){
  body{padding-bottom:0!important}
  .topbar{position:sticky!important;top:0!important;height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px 10px!important;padding:10px 14px!important;margin:0!important;max-width:none!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
  .topbar .brand{min-width:0!important;overflow:hidden!important}
  .topbar .brand-logo{display:block!important;width:180px!important;max-width:100%!important;height:auto!important}
  .topbar .nav-report{position:static!important;grid-column:2!important;grid-row:1!important;margin:0!important;padding:10px 14px!important;font-size:12px!important;white-space:nowrap!important}
  .topbar nav{position:static!important;inset:auto!important;grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:100%!important;display:flex!important;gap:5px!important;margin:0!important;padding:4px!important;overflow-x:auto!important;overflow-y:hidden!important;border:1px solid #e1e9e6!important;border-radius:11px!important;background:#f6f9f8!important;box-shadow:none!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
  .topbar nav::-webkit-scrollbar{display:none!important}
  .topbar nav a,.topbar nav a:nth-last-child(-n+2){position:relative!important;display:inline-flex!important;flex:0 0 auto!important;min-height:34px!important;align-items:center!important;padding:7px 10px!important;border-radius:8px!important;background:transparent!important;color:#38544e!important;font-size:11px!important;font-weight:750!important;line-height:1!important;text-align:center!important;white-space:nowrap!important}
}
@media(max-width:820px){
  .topbar{grid-template-columns:minmax(0,1fr) auto!important;padding:10px 14px!important;z-index:30!important}
  .topbar .brand{grid-column:1!important;grid-row:1!important;justify-self:start!important}
  .topbar .nav-report{display:none!important}
  .mobile-menu-toggle{grid-column:2!important;grid-row:1!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;border:1px solid #d8e4e0!important;border-radius:11px!important;background:#f3f8f6!important;color:#123532!important;font-size:0!important;box-shadow:none!important}
  .mobile-menu-toggle:before,.mobile-menu-toggle:after,.mobile-menu-toggle span{content:"";display:block!important;width:19px!important;height:2px!important;border-radius:2px!important;background:#123532!important;transition:transform .18s ease,opacity .18s ease!important}
  .mobile-menu-toggle span{margin:4px 0!important}
  .topbar nav{position:absolute!important;top:calc(100% - 3px)!important;right:14px!important;bottom:auto!important;left:14px!important;z-index:50!important;display:none!important;width:auto!important;max-height:calc(100vh - 150px)!important;grid-column:auto!important;grid-row:auto!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;padding:8px!important;overflow-x:hidden!important;overflow-y:auto!important;border:1px solid #d8e4e0!important;border-radius:13px!important;background:#fff!important;box-shadow:0 18px 45px rgba(12,46,41,.22)!important}
  .topbar.mobile-menu-open nav{display:flex!important}
  .topbar nav a,.topbar nav a:nth-last-child(-n+2){display:flex!important;width:100%!important;min-height:42px!important;padding:11px 13px!important;background:#f5f8f7!important;font-size:13px!important;text-align:left!important}
  .topbar.mobile-menu-open .mobile-menu-toggle:before{transform:translateY(6px) rotate(45deg)!important}
  .topbar.mobile-menu-open .mobile-menu-toggle span{opacity:0!important}
  .topbar.mobile-menu-open .mobile-menu-toggle:after{transform:translateY(-6px) rotate(-45deg)!important}
}
@media(min-width:821px){.mobile-menu-toggle{display:none!important}}