/* Member identity, wallet status and account entry. Uses the existing blue palette. */
.member-account-entry {position:relative;flex:none}
.member-account-entry[hidden],.member-account-menu[hidden] {display:none!important}
body.v41.shelf-home .member-chip {
  display:flex;align-items:center;gap:10px;min-height:46px;padding:6px 10px!important;
  border:1px solid #dfe6ef!important;border-radius:10px!important;background:#fff!important;
  color:#233d5d;box-shadow:0 2px 4px #203a5703;transition:border-color 160ms,background-color 160ms;
}
body.v41.shelf-home .member-chip:hover,body.v41.shelf-home .member-chip[aria-expanded="true"] {border-color:#abc6e8!important;background:#f7faff!important}
body.v41.shelf-home .member-chip .member-chip-avatar {width:32px;height:32px;border-radius:9px;object-fit:cover}
body.v41.shelf-home .member-chip .member-chip-copy {display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
body.v41.shelf-home .member-chip .member-chip-copy b {display:block;max-width:144px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;line-height:17px}
body.v41.shelf-home .member-chip .member-chip-copy small {display:flex;gap:6px;align-items:center;font-size:10px;line-height:14px;color:#71839a}
body.v41.shelf-home .member-chip .member-chip-copy small span {display:inline;font-size:inherit;line-height:inherit;white-space:nowrap}
body.v41.shelf-home .member-chip #memberChipBalance {color:#415c7d;font-weight:600;font-variant-numeric:tabular-nums}
body.v41.shelf-home .member-chip .member-chip-caret {display:flex;flex:none;color:#7589a1;transition:transform 160ms}
.member-chip-caret svg {width:16px;height:16px}
.member-chip[aria-expanded="true"] .member-chip-caret {transform:rotate(180deg)}
.member-account-menu {
  position:absolute;top:calc(100% + 10px);right:0;z-index:160;width:280px;max-width:calc(100vw - 32px);
  padding:8px;border:1px solid #dde6f0;border-radius:16px;background:#fff;color:#263e5e;
  box-shadow:0 18px 50px #18375720,0 3px 10px #18375708;
  animation:member-menu-reveal 150ms ease-out;transform-origin:top right;
}
.account-menu-identity {display:flex;flex-direction:column;gap:4px;padding:12px 12px 14px}
.account-menu-identity b {font-size:15px;font-weight:650;overflow-wrap:anywhere}
.account-menu-identity small {font-size:11px;color:#71849b}
.account-menu-wallet {display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:14px 12px;border:1px solid #e2eaf4;border-radius:10px;background:#f2f6fc}
.account-menu-wallet>span {font-size:11px;color:#68809c}
.account-menu-wallet strong {grid-column:1;line-height:1.25;font-size:24px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.account-menu-wallet button {grid-area:1/2/3/3;align-self:center;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:48px;min-height:44px;padding:4px;color:#617d9f;background:transparent;border:0;border-radius:8px;font-size:10px}
.account-menu-wallet svg {width:18px;height:18px;display:block}
.account-menu-actions {display:flex;flex-direction:column;gap:2px;padding:8px 0}
.account-menu-actions button,.account-menu-logout {display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#385371;font-size:13px;text-align:left}
.account-menu-actions button>span:first-child,.account-menu-logout>span:first-child {display:flex;color:#5b7ca3}
.account-menu-actions svg,.account-menu-logout svg {width:19px;height:19px}
.account-menu-actions button:hover,.account-menu-wallet button:hover {background:#edf4fc;color:#185cae}
.account-menu-logout {border-top:1px solid #e7edf4;border-radius:0;margin-top:2px;color:#7a6470}
.account-menu-logout:hover {background:#faf4f5}
.member-account-menu button:focus-visible,.member-chip:focus-visible {outline:2px solid #a5c5ed;outline-offset:1px}
@keyframes member-menu-reveal {from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

body.v41 #memberCenterMask[data-view="overview"] .assets-account {padding:18px 20px!important;gap:14px!important;border-radius:14px!important;min-height:104px}
body.v41 #memberCenterMask[data-view="overview"] .assets-account>.assets-identity {display:flex!important;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;flex:1}
body.v41 #memberCenterMask[data-view="overview"] .assets-identity-name {display:flex;align-items:center;gap:10px;min-width:0;max-width:100%}
body.v41 #memberCenterMask[data-view="overview"] .assets-account .assets-identity h4 {grid-area:auto!important;font-size:20px!important;line-height:1.35!important;min-width:0;max-width:100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}
.assets-identity-status {display:inline-flex;align-items:center;gap:5px;flex:none;font-size:10px;color:#288366;font-weight:500;white-space:nowrap}
.assets-identity-status::before {content:"";width:4px;height:4px;border-radius:50%;background:currentColor}
.assets-identity-status.is-warn {color:#a2742c}.assets-identity-status.is-danger {color:#b74a55}
body.v41 #memberCenterMask .assets-member-id {display:inline-flex;align-items:center;gap:6px;min-height:28px;max-width:100%;padding:0 4px 0 0;color:#6b809a;font-size:11px;line-height:18px;border:0;background:transparent;border-radius:5px}
.assets-member-id span {overflow-wrap:anywhere;text-align:left}.assets-member-id svg {width:13px;height:13px;flex:none;color:#6e8aae}
body.v41 #memberCenterMask .assets-member-id:hover {color:#1769e8}
body.v41 #memberCenterMask .assets-security-entry {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:106px;min-height:64px;padding:0 0 0 18px;border:0;border-left:1px solid #e1e8f0;background:transparent;color:#1769e8;font-size:11px;line-height:16px}
.assets-security-entry>svg {width:22px;height:22px}.assets-security-entry small {font-size:10px;line-height:14px;color:#71839b;white-space:nowrap}

body.v41 #memberCenterMask[data-view="overview"] .assets-balance-panel {
  display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:18px 16px!important;
  width:100%;box-sizing:border-box;align-self:stretch!important;min-width:0;
  padding:24px!important;border-radius:14px!important;background:linear-gradient(125deg,#102338,#1c3a53)!important;
  align-content:start;align-items:center;
}
body.v41 #memberCenterMask .assets-balance-top {grid-column:1/-1;order:initial;min-width:0;gap:6px;line-height:20px}
body.v41 #memberCenterMask .assets-balance-top>span {font-size:12px;letter-spacing:.01em}
body.v41 #memberCenterMask .assets-balance-top button {display:flex;align-items:center;justify-content:center;gap:5px;padding:0 6px;min-height:32px;font-size:10px!important;color:#bed0e5!important}
.assets-balance-top svg {width:15px;height:15px;display:block}
body.v41 #memberCenterMask .assets-balance-value {grid-column:1;grid-row:2;order:initial;min-width:0;font-size:38px!important;line-height:1.2!important;letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-weight:650}
body.v41 #memberCenterMask .assets-actions {grid-column:2;grid-row:2;order:initial;display:flex;gap:8px!important}
body.v41 #memberCenterMask .assets-actions button {min-width:42px!important;min-height:64px!important;gap:7px!important;padding:2px!important;border-radius:9px!important;font-size:11px!important}
body.v41 #memberCenterMask .assets-actions button::before {content:none!important;display:none!important}
body.v41 #memberCenterMask .assets-action-icon {display:grid;place-items:center;width:36px;height:36px;border:1px solid #6987a43d;border-radius:11px;background:#ffffff0c;color:#dbeaff;box-shadow:inset 0 1px 0 #ffffff08}
.assets-action-icon svg {width:21px;height:21px}
body.v41 #memberCenterMask .assets-balance-meta {grid-column:1/-1;order:initial;min-width:0;gap:8px;align-items:center}
body.v41 #memberCenterMask .assets-held-toggle {display:flex;align-items:center;gap:5px;min-height:32px;max-width:100%;padding:0;border:0;background:transparent!important;color:#aebfd5!important;font-size:10px;text-align:left}
.assets-held-toggle svg {width:13px;height:13px;flex:none;opacity:.8}
body.v41 #memberCenterMask .assets-balance-meta>span {font-size:10px;color:#aebfd5}
body.v41 #memberCenterMask .assets-recover-button {min-height:32px;font-size:10px!important;border-radius:7px!important}
.assets-wallet-status {display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1;gap:0;border-top:1px solid #a9c2df26;padding-top:15px}
body.v41 #memberCenterMask .assets-wallet-status button {display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:49px;padding:0 14px 0 0;border:0;border-radius:0;background:transparent!important;color:#fff!important;text-align:left}
body.v41 #memberCenterMask .assets-wallet-status button+button {padding-left:20px;border-left:1px solid #a9c2df26}
.assets-wallet-status span {font-size:10px;color:#adc0d6}.assets-wallet-status strong {font-size:18px;line-height:1.3;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.assets-update-time {grid-column:1/-1;margin:-5px 0 0;color:#94abc4;font-size:10px;line-height:16px}
.assets-held-info {grid-column:1/-1;margin:0;padding:10px 12px;border:1px solid #a9c2df25;border-radius:8px;background:#ffffff08;color:#c3d2e4;font-size:11px;line-height:1.7}
.assets-held-info[hidden] {display:none!important}
body.v41 #memberCenterMask .assets-recovery-feedback {grid-column:1/-1;order:initial;color:#bed0e5!important}
#mineBalanceRefresh.is-loading svg {animation:member-balance-spin 900ms linear infinite}
@keyframes member-balance-spin {to{transform:rotate(360deg)}}

body.v41 #memberCenterMask[data-view="overview"] .assets-services-panel {padding:20px!important;border-radius:14px!important}
body.v41 #memberCenterMask[data-view="overview"] .assets-services-panel>.member-panel-head {display:flex!important;margin-bottom:8px!important;padding:0 2px}
body.v41 #memberCenterMask[data-view="overview"] .assets-services-panel .member-panel-head h4 {font-size:14px;font-weight:650;color:#2a435e}
body.v41 #memberCenterMask .assets-shortcuts {gap:8px!important}
body.v41 #memberCenterMask .assets-shortcut {min-height:94px!important;gap:9px!important;padding:12px 4px!important;font-size:12px!important}
body.v41 #memberCenterMask .assets-shortcut-icon {display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px!important;border-radius:12px!important;background:#edf3fc!important;color:#38699d;box-shadow:inset 0 1px 0 #ffffffa3!important}
.assets-shortcut-icon svg {width:22px;height:22px;display:block}
body.v41 #memberCenterMask .assets-shortcut:nth-child(3) .assets-shortcut-icon {background:#eaf4f6!important;color:#398391}
body.v41 #memberCenterMask .assets-shortcut:nth-child(5) .assets-shortcut-icon {background:#f0eef9!important;color:#7563a5}
body.v41 #memberCenterMask .assets-shortcut:nth-child(6) .assets-shortcut-icon {background:#edf3f7!important;color:#557c96}
body.v41 #memberCenterMask .assets-shortcut:nth-child(7) .assets-shortcut-icon {background:#eaf5f1!important;color:#408977}
body.v41 #memberCenterMask .assets-shortcut:nth-child(8) .assets-shortcut-icon {background:#f8f1e7!important;color:#9b7945}
body.v41 #memberCenterMask .assets-shortcut:hover {background:#f5f8fc!important}
body.v41 #memberCenterMask .member-settings-logout {display:block;width:100%;min-height:46px;margin:28px 0 0;padding:12px 16px;border:1px solid #e0e6ef;border-radius:10px;background:#fff;color:#856976;font-size:12px;text-align:center}
body.v41 #memberCenterMask .member-settings-logout:hover {background:#faf5f6}

@media(max-width:768px) {
  body.v41 #memberCenterMask[data-view="overview"] .assets-account {padding:16px!important;min-height:100px;gap:12px!important}
  body.v41 #memberCenterMask[data-view="overview"] .assets-account .assets-avatar {width:46px;height:46px;flex:0 0 46px}
  body.v41 #memberCenterMask[data-view="overview"] .assets-account .assets-identity h4 {font-size:16px!important}
  body.v41 #memberCenterMask .assets-security-entry {min-width:82px;padding-left:12px;font-size:10px}
  body.v41 #memberCenterMask .assets-security-entry small {font-size:9px}
  body.v41 #memberCenterMask[data-view="overview"] .assets-balance-panel {padding:22px!important;gap:18px 12px!important}
  body.v41 #memberCenterMask .assets-shortcut {font-size:11px!important;min-height:88px!important}
  body.v41 #memberCenterMask[data-view="overview"] .assets-services-panel {padding:18px 12px!important}
}
@media(max-width:400px) {
  body.v41 #memberCenterMask[data-view="overview"] .assets-account {padding:14px!important;gap:10px!important}
  body.v41 #memberCenterMask .assets-identity-name {flex-wrap:wrap;gap:3px 8px}
  body.v41 #memberCenterMask .assets-security-entry {min-width:70px;padding-left:10px}
  body.v41 #memberCenterMask[data-view="overview"] .assets-account .assets-identity h4 {font-size:14px!important}
  body.v41 #memberCenterMask .assets-member-id {font-size:10px}
  body.v41 #memberCenterMask[data-view="overview"] .assets-balance-panel {padding:20px!important}
  body.v41 #memberCenterMask .assets-balance-value {grid-column:1/-1;font-size:38px!important}
  body.v41 #memberCenterMask .assets-actions {grid-column:1/-1;grid-row:3;justify-content:space-between;gap:12px!important}
  body.v41 #memberCenterMask .assets-actions button {flex:1;min-height:62px!important}
  body.v41 #memberCenterMask .assets-wallet-status button+button {padding-left:14px}
  body.v41 #memberCenterMask .assets-wallet-status strong {font-size:17px}
}
@media(prefers-reduced-motion:reduce) {
  .member-account-menu,.member-chip-caret,#mineBalanceRefresh.is-loading svg {animation:none;transition:none}
}
