/* Shared Meridian exchange header. Home and app use the same navigation shell. */
.mhead.mx-header, .mhead.mx-header.mhead-home.is-solid {
  --header-h: 68px; background: #07132b; color: #eef4ff;
  border-bottom: 1px solid #a8c7ff26; box-shadow: 0 2px 16px #02081912; backdrop-filter: none;
}
.mhead.mx-header .mhead-in { max-width: none; width: 100%; padding-inline: 28px; height: 68px; gap: 24px; }
.mx-header-main { display: flex; align-items: center; gap: 34px; min-width: 0; }
.mhead.mx-header .mlogo { color: #fff; flex-shrink: 0; }
.mhead.mx-header .mlogo > svg { color: #8db7ff; }
.mhead.mx-header .mlogo-word { letter-spacing: .035em; }
.mhead.mx-header .mlogo-word small { color: #88a7d3; }
.mhead.mx-header .mnav { gap: 6px; height: 68px; }
.mhead.mx-header .mnav > a, .mhead.mx-header .mx-nav-trigger {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  padding: 0 12px; min-height: 44px; border: 0; border-radius: 6px;
  color: #bbcae1; background: transparent; font: 600 13px var(--font-body); cursor: pointer; white-space: nowrap;
}
.mhead.mx-header .mnav > a:hover, .mhead.mx-header .mx-nav-trigger:hover,
.mhead.mx-header .mx-nav-trigger[aria-expanded="true"] { color: #fff; background: #ffffff0d; }
.mhead.mx-header .mnav > a[aria-current="page"], .mhead.mx-header .mnav-dd.mx-current > .mx-nav-trigger { color: #a8c7ff; box-shadow: inset 0 -2px #6b9dff; border-radius: 0; }
.mhead.mx-header .mx-nav-trigger > svg { width: 10px; transition: transform .16s; }
.mhead.mx-header .mx-nav-trigger[aria-expanded="true"] > svg { transform: rotate(180deg); }
.mhead.mx-header :is(a,button):focus-visible { outline: 2px solid #91b9ff; outline-offset: 3px; }
.mx-header-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.mhead.mx-header .mx-header-actions > .btn { height: 38px !important; min-height: 38px; padding: 0 16px; border-radius: 6px; font-size: 12px; }
.mhead.mx-header .mx-wallet-link { order: -2; color: #fff; border: 1px solid #4477f4; background: #1652f0; box-shadow: none; }
.mhead.mx-header .mx-wallet-link:hover { background: #2865ff; }
.mhead.mx-header .mx-admin-link { order: 5; color: #93a8c8; background: transparent; border: 0; padding-inline: 8px; font-size: 11px; }
.mhead.mx-header .lang-tog, .mhead.mx-header .theme-tog,
.mhead.mx-header [data-notif-bell] { color: #bbcae1 !important; background: transparent !important; border-color: transparent !important; border-radius: 6px !important; height: 38px !important; min-width: 36px !important; padding-inline: 8px !important; }
.mhead.mx-header .lang-tog { order: 3; margin-left: 8px; border-left: 1px solid #ffffff24 !important; border-radius: 0 !important; }
.mhead.mx-header .theme-tog { order: 4; }
.mhead.mx-header .acct { padding: 0 4px; border: 0; background: transparent; min-height: 40px; }
.mhead.mx-header .acct-av { width: 32px; height: 32px; border: 1px solid #5477ad; background: #173663; color: #c7dcff; font-size: 12px; }
.mhead.mx-header .acct-name { max-width: 82px; overflow: hidden; text-overflow: ellipsis; color: #dbe7ff; font-size: 12px; }
.mhead.mx-header .mx-header-actions > .btn-ghost:not(.mx-wallet-link) { border-color: #ffffff30; color: #dbe7ff; background: transparent; }
.mhead.mx-header .mx-header-actions > .btn-gold { color: #fff; background: #1652f0; }
/* Click and keyboard disclosure state is authoritative; no hover-only menus. */
.mhead.mx-header .mnav-dd .mnav-dd-menu { display: none; top: calc(100% + 12px); left: 0; padding: 12px; min-width: 236px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--text); box-shadow: 0 18px 48px #02081930; }
.mhead.mx-header .mnav-dd.is-open > .mnav-dd-menu { display: block; }
.mhead.mx-header .mnav-dd.is-open > .mnav-dd-wide { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); min-width: 460px; gap: 12px; }
.mhead.mx-header .mnav-dd-menu a { padding: 12px; min-height: 44px; font-size: 13px; border-radius: 6px; color: var(--text-2); }
.mhead.mx-header .mnav-dd-menu a:hover, .mhead.mx-header .mnav-dd-menu a[aria-current="page"] { background: var(--gold-soft); color: var(--gold); }
.mhead.mx-header .mnav-dd-menu .mi { color: var(--gold); }
.mhead.mx-header .mnav-dd-group { padding: 12px 12px 8px; color: var(--text-3); font-size: 10px; }
.mhead.mx-header .mnav-dd-right { left: auto; right: 0; }
.mhead.mx-header .mnav-dd:last-child > .mnav-dd-wide { left: auto; right: 0; }
.mhead.mx-header .mnav-toggle { color: #dce9ff; border: 1px solid #ffffff25; border-radius: 6px; background: #ffffff08; }
/* Mobile drawer: compact account summary and a two-column service directory. */
.mnav-drawer.mx-drawer { width: min(420px,100%); max-width: 420px; padding: 0 20px 28px; gap: 14px; background: var(--surface); border: 0; }
.mx-drawer .drawer-head { margin-inline: -20px; padding: 20px; background: #07132b; border-bottom: 1px solid #ffffff20; }
.mx-drawer .drawer-head .mlogo { color: #fff; }
.mx-drawer .drawer-close { color: #dce9ff; border-color: #ffffff30; border-radius: 6px; }
.mx-drawer .drawer-user { padding: 16px; margin: 0; background: var(--gold-soft); border: 1px solid var(--line); border-radius: 10px; }
.mx-drawer .drawer-user-av { background: #1652f0; color: #fff; }
.mx-drawer .drawer-prefs { margin: 0; padding-top: 4px; gap: 10px; }
.mx-drawer .drawer-pref, .mx-drawer .drawer-notif { border-radius: 7px; min-height: 44px; }
.mx-drawer .drawer-section-label { padding: 16px 2px 4px; font-size: 10px; letter-spacing: .09em; }
.mx-drawer .drawer-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.mx-drawer .drawer-link { padding: 12px 10px; border: 1px solid var(--line); border-radius: 7px; min-height: 48px; font-size: 12px; }
.mx-drawer .drawer-link svg { width: 18px; height: 18px; }
.mx-drawer .drawer-link.is-active { border-color: #1652f04d; background: var(--gold-soft); }
.mx-drawer .drawer-actions { padding-top: 18px; border-top: 1px solid var(--line); }
@media (max-width: 1199px) {
  .mhead.mx-header .mhead-in { padding-inline: 20px; gap: 16px; }
  .mx-header-main { gap: 20px; }
  .mhead.mx-header .mnav > a, .mhead.mx-header .mnav > .mnav-dd > .mx-nav-trigger { padding-inline: 9px; font-size: 12px; }
  .mhead.mx-header .acct-name { display: none; }
  .mhead.mx-header .mx-admin-link { display: none; }
}
@media (max-width: 1099px) {
  .mhead.mx-header .mnav { display: none; }
  .mhead.mx-header .mnav-toggle { display: inline-flex; }
}
@media (max-width: 767px) {
  .mhead.mx-header { --header-h: 60px; }
  .mhead.mx-header .mhead-in { height: 60px; padding-inline: 16px; gap: 12px; }
  .mhead.mx-header .mx-header-main { gap: 0; }
  .mhead.mx-header .mlogo-word { font-size: 16px !important; }
  .mhead.mx-header .mlogo > svg { width: 23px; height: 23px; }
  .mx-header-actions { gap: 10px; }
  .mhead.mx-header .mx-header-actions .mx-wallet-link { display: inline-flex; min-height: 34px; height: 34px !important; padding-inline: 12px; font-size: 11px; }
  .mhead.mx-header .acct-dd { display: none; }
  .mhead.mx-header .mnav-toggle { width: 36px; height: 36px; }
  .mnav-drawer.mx-drawer { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .mhead.mx-header .mx-nav-trigger > svg, .mnav-drawer.mx-drawer { transition: none; }
}
.admin-bar .mnav-drawer.mx-drawer { top: 32px; }
@media (max-width: 782px) { .admin-bar .mnav-drawer.mx-drawer { top: 46px; } }