/* menufix 2026-11-03 (DEV): avatar (profile) dropdown in the site header, new design.
   Cause: old new_styles.css forces .profile-dropdown{background:#474747 !important} (dark, old theme) while the My Hub
   frame (gx_hub/frame_head) sets dark text -> dark-on-dark. Selectors here are more specific than both, so they win
   everywhere the header avatar menu appears (My Hub pages, homepage, other front-end pages). Undo: /workspace/menufix/rollback.sh */
.navbar.top-navbar .top-nav .profile-dropdown{
  background:#fff!important;border:1px solid #E5E9EF!important;border-radius:14px!important;
  box-shadow:0 18px 40px -12px rgba(16,24,40,.30),0 2px 6px rgba(16,24,40,.08)!important;
  padding:6px!important;margin:8px 0 0!important;top:100%!important;bottom:auto!important;right:0!important;left:auto!important;
  width:max-content!important;min-width:220px!important;max-width:calc(100vw - 24px)!important;
  z-index:1060!important;opacity:1!important;font-family:Inter,"Helvetica Neue",Arial,sans-serif;list-style:none;text-align:left}
.navbar.top-navbar .top-nav .open>.profile-dropdown{display:flex!important;flex-direction:column}
.navbar.top-navbar .top-nav .profile-dropdown>li{display:block;float:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;width:auto!important}
.navbar.top-navbar .top-nav .profile-dropdown>li>a{
  display:flex!important;align-items:center;gap:10px;padding:10px 12px!important;margin:0!important;border:0!important;border-radius:10px!important;
  background:transparent!important;color:#1F2A37!important;font:500 14.5px/1.3 Inter,"Helvetica Neue",Arial,sans-serif!important;
  white-space:nowrap!important;text-decoration:none!important;opacity:1!important;min-height:42px;box-sizing:border-box}
.navbar.top-navbar .top-nav .profile-dropdown>li>a i,.navbar.top-navbar .top-nav .profile-dropdown>li>a .fa{
  width:18px!important;margin:0!important;text-align:center;font-size:15px!important;color:#4A7F14!important;flex:none;opacity:1!important}
.navbar.top-navbar .top-nav .profile-dropdown>li>a:hover,.navbar.top-navbar .top-nav .profile-dropdown>li>a:focus,.navbar.top-navbar .top-nav .profile-dropdown>li>a:active{
  background:#EEF7E3!important;color:#2F5410!important;text-decoration:none!important;border:0!important}
.navbar.top-navbar .top-nav .profile-dropdown>li>a:hover i,.navbar.top-navbar .top-nav .profile-dropdown>li>a:focus i{color:#2F5410!important}
.navbar.top-navbar .top-nav .profile-dropdown>li>a:focus-visible{outline:2px solid #73BC25!important;outline-offset:-2px}
/* Sign out / Logout goes last, after a thin line */
.navbar.top-navbar .top-nav .profile-dropdown>li:has(>a[href*="logout"]){order:9;border-top:1px solid #E5E9EF!important;margin-top:4px!important;padding-top:4px!important}
.navbar.top-navbar .top-nav .profile-dropdown>li:has(>a[href*="logout"])>a i{color:#667085!important}
/* the avatar button shows it is open */
.navbar.top-navbar .top-nav li.open>a .topbar-img-div{box-shadow:0 0 0 3px rgba(115,188,37,.35)}
.navbar.top-navbar .top-nav li>a.dropdown-toggle:focus-visible{outline:2px solid #73BC25;outline-offset:2px;border-radius:999px}
/* notifications + messages dropdowns: readable green names and dates, new-design panel outside My Hub too */
.navbar.top-navbar .top-nav .message-dropdown .text-yellow{color:#3F6F12!important;font-weight:600}
.navbar.top-navbar .top-nav .message-dropdown .text-muted,.navbar.top-navbar .top-nav .message-dropdown .small{color:#5B6472!important}
body:not(.gxhf) .navbar.top-navbar .top-nav .message-dropdown{background:#fff!important;border:1px solid #E5E9EF!important;border-radius:14px!important;
  box-shadow:0 18px 40px -12px rgba(16,24,40,.30),0 2px 6px rgba(16,24,40,.08)!important;padding:6px!important;min-width:240px!important;z-index:1060!important;opacity:1!important}
body:not(.gxhf) .navbar.top-navbar .top-nav .message-dropdown>li{border:0!important;background:transparent!important}
body:not(.gxhf) .navbar.top-navbar .top-nav .message-dropdown>li>a{border-radius:10px!important;padding:9px 10px!important;color:#1F2A37!important;white-space:normal}
body:not(.gxhf) .navbar.top-navbar .top-nav .message-dropdown>li>a:hover,body:not(.gxhf) .navbar.top-navbar .top-nav .message-dropdown>li>a:focus{background:#EEF7E3!important}
body:not(.gxhf) .navbar.top-navbar .top-nav .message-dropdown>li>a:focus-visible{outline:2px solid #73BC25!important;outline-offset:-2px}
body:not(.gxhf) .navbar.top-navbar .top-nav .message-dropdown .media-body p{color:#354052!important;font-size:13.5px;line-height:1.4;margin:0}
body:not(.gxhf) .navbar.top-navbar .top-nav .message-dropdown:not(:has(li)){padding:12px 14px!important;font:500 13.5px/1.4 Inter,"Helvetica Neue",Arial,sans-serif;color:#354052!important}
/* My Hub drawer / left menu: lift the few light-gray and light-green bits to AA, keep labels left-aligned */
html body.gxhf #sidebar .gxhf-me a.pv{color:#5B6472!important}
html body.gxhf #sidebar .gxhf-me small{color:#3F6F12!important}
html body.gxhf #sidebar ul li a.gxhf-on,html body.gxhf #sidebar ul li a:hover{color:#3F6F12!important}
html body.gxhf #sidebar ul li a,html body.gxhf #sidebar ul li a *{text-align:left!important}
html body.gxhf .navbar.top-navbar .message-dropdown .text-yellow{color:#3F6F12!important}
/* hover/focus text stays AA on the light-green hover inside My Hub too */
html body.gxhf .navbar.top-navbar .top-nav .profile-dropdown>li>a:hover,html body.gxhf .navbar.top-navbar .top-nav .profile-dropdown>li>a:focus,
html body.gxhf .navbar.top-navbar .top-nav .profile-dropdown>li>a:hover i,html body.gxhf .navbar.top-navbar .top-nav .profile-dropdown>li>a:focus i{color:#2F5410!important}