/* V35 | Member dropdown matches the V33 bell popover's actual rendered typography and surfaces.
   Scoped to the dropdown: does not affect the toolbar avatar trigger or account pages. */
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown {
  box-sizing:border-box;
  right:0;
  width:min(360px, calc(100vw - 24px));
  max-width:calc(100vw - 24px);
  padding:13px 12px 12px;
  gap:7px;
  border:1px solid rgba(0,0,0,.08)!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#050505!important;
  box-shadow:0 12px 28px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.1)!important;
  font-family:var(--hm-facebook-font,"Segoe UI",system-ui,sans-serif)!important;
  line-height:1.3;
  font-size:13px;
  overflow-wrap:break-word;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown :is(a,span,strong,small,nav) {
  font-family:var(--hm-facebook-font,"Segoe UI",system-ui,sans-serif)!important;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown-head {
  min-height:54px;
  padding:5px 4px 5px;
  gap:11px;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-avatar.large {
  width:48px;height:48px;flex-basis:48px;
  font-size:17px;
  border-radius:50%;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown-identity {
  max-width:calc(100% - 60px);
  gap:4px;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown-identity strong {
  color:#050505!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.22!important;
  letter-spacing:-.015em;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown-identity small {
  color:#65676b!important;
  font-size:11px!important;
  line-height:1.4;
  font-weight:400;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-tier {
  max-width:100%;
  border-radius:999px;
  padding:5px 10px;
  line-height:1.25!important;
  font-size:11px!important;
  font-weight:600!important;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-balance {
  min-height:45px;
  padding:8px 11px;
  gap:10px;
  font-size:13px!important;
  line-height:1.35;
  font-weight:500;
  background:#f0f2f5!important;
  border:0!important;
  border-radius:10px!important;
  color:#050505!important;
  text-decoration:none;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-balance:hover {
  background:#e4e6eb!important;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-balance > span {
  font-size:13px!important;
  font-weight:500;
  white-space:normal;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-balance strong {
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:700!important;
  color:#1877f2!important;
  white-space:nowrap;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-meta {
  padding:3px 4px;
  gap:10px;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-meta > span {
  color:#65676b!important;
  font-size:11px!important;
  line-height:1.35;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-meta strong {
  color:#050505!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:600!important;
  margin-top:3px;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-links {
  gap:1px;
  padding-top:9px;
  border-top:1px solid #e4e6eb;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-links > a {
  box-sizing:border-box;
  min-height:44px;
  padding:8px 10px;
  gap:11px;
  border-radius:9px;
  color:#050505!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.35!important;
  text-decoration:none;
  transition:background-color .15s ease;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-links > a:hover {
  background:#f0f2f5!important;
  color:#050505!important;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-links .hm-macos-icon {
  display:grid;place-items:center;
  height:28px!important;width:28px!important;
  min-width:28px;
  border-radius:50%!important;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-links .site-icon {
  height:15px!important;width:15px!important;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-links > a.hm-toolbar-user-logout {
  margin-top:4px;
  padding-top:10px;
  border-top:1px solid #e4e6eb;
  border-radius:9px;
  color:#c53545!important;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-links > a.hm-toolbar-user-logout:hover {
  background:rgba(220,53,69,.08)!important;
  color:#c53545!important;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown :is(a,summary):focus-visible {
  outline:2px solid #1877f2!important;
  outline-offset:2px;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown {
  background:#242526!important;
  border-color:#3a3b3c!important;
  color:#e4e6eb!important;
  box-shadow:0 12px 28px rgba(0,0,0,.55),0 2px 4px rgba(0,0,0,.38)!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown-identity strong,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-meta strong,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-links > a {
  color:#e4e6eb!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown-identity small,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-meta > span {
  color:#b0b3b8!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-balance {
  background:#3a3b3c!important;color:#e4e6eb!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-balance:hover,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-links > a:hover {
  background:#4e4f50!important;color:#e4e6eb!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-balance strong {
  color:#8cbcff!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-links,
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-links > a.hm-toolbar-user-logout {
  border-color:#3a3b3c!important;
}

/* Match the top-line typography of the notification bell popup. */
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-dropdown-title{
  display:flex;align-items:center;min-height:30px;padding:0 4px 2px;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-dropdown-title h2{
  margin:0;color:#050505!important;font-family:var(--hm-facebook-font,"Segoe UI",system-ui,sans-serif)!important;
  font-size:18px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.03em;text-transform:none!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown-title h2{color:#e4e6eb!important;}

@media(max-width:600px){
  body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown {
    right:0;width:min(360px,calc(100vw - 16px));max-width:calc(100vw - 16px);
    padding:12px;border-radius:16px!important;
  }
  body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown-identity strong {font-size:17px!important;}
  body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-dropdown-title h2 {font-size:17px!important;}
  body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-links > a {min-height:42px;}
}
@media(max-width:440px){
  body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown {
    right:-3px;
    width:min(360px,calc(100vw - 16px));
  }
}
@media(prefers-reduced-motion:reduce){
  body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-links > a {transition:none;}
}

/* V36: Membership badges: solid colors for all tiers, with no outline/border. */
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-tier.hm-tier-badge {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center;
  gap:6px!important;
  padding:6px 11px!important;
  min-height:27px;
  width:max-content;
  max-width:100%;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:7px!important;
  font:700 12px/1.25 var(--hm-facebook-font,"Segoe UI",system-ui,sans-serif)!important;
  white-space:nowrap;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-tier.hm-tier-badge .hm-tier-icon {
  width:15px;height:15px;flex:0 0 15px;
  stroke:currentColor!important;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-tier.hm-tier-admin {
  background:#d92d42!important;color:#fff!important;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-tier.hm-tier-standard {
  background:#e4e6eb!important;color:#34373d!important;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-tier.hm-tier-vip {
  background:#18894d!important;color:#fff!important;
}
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-tier.hm-tier-ssvip {
  background:#f0a029!important;color:#392004!important;
}
html[data-hm-theme="dark"] body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-tier.hm-tier-standard {
  background:#4b4d50!important;color:#fff!important;
}
/* The title is uppercase in the PHP markup as well (including on F5). */
body.hm-body.hm-member .hm-header .hm-toolbar-user-dropdown .hm-toolbar-user-dropdown-title h2 {
  text-transform:uppercase!important;
}