/* CanSMS member UI V2. Shared tokens and components; business state stays in existing modules. */
:root {
  --member-blue: #0866ff;
  --member-blue-hover: #0056e0;
  --member-blue-soft: #edf5ff;
  --member-green: #009f6b;
  --member-green-soft: #e2f9ef;
  --member-orange: #e88b14;
  --member-orange-soft: #fff5df;
  --member-red: #ef3d54;
  --member-red-soft: #ffedf0;
  --member-ink: #11234b;
  --member-muted: #7283a4;
  --member-bg: #f3f8fd;
  --member-surface: #fff;
  --member-border: #e3ecf6;
  --member-radius: 12px;
  --member-control-radius: 8px;
  --member-shadow: 0 4px 20px rgb(37 82 134 / 4%);
  --member-space-1: 4px;
  --member-space-2: 8px;
  --member-space-3: 12px;
  --member-space-4: 16px;
  --member-space-5: 24px;
  --member-space-6: 32px;
  --member-font-sm: 12px;
  --member-font: 14px;
  --member-title: 26px;
  --member-header-height: 68px;
  --member-sidebar-width: 208px;
}
/* Reusable class API for subsequent member pages. Legacy page selectors below adapt to these tokens. */
.member-v2-card { background: var(--member-surface); border: 1px solid var(--member-border); border-radius: var(--member-radius); padding: var(--member-space-5); box-shadow: var(--member-shadow); min-width: 0; }
.member-v2-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 10px 16px; font: inherit; font-size: var(--member-font); font-weight: 600; border: 1px solid var(--member-border); border-radius: var(--member-control-radius); background: #fff; color: var(--member-ink); cursor: pointer; }
.member-v2-button[data-variant=primary] { background: var(--member-blue); border-color: var(--member-blue); color: #fff; }
.member-v2-button[data-variant=secondary] { background: var(--member-blue-soft); color: var(--member-blue); }
.member-v2-button:disabled { opacity: .48; cursor: not-allowed; }
.member-v2-input, .member-v2-select, .member-v2-search { box-sizing: border-box; width: 100%; min-width: 0; min-height: 42px; padding: 10px 12px; border: 1px solid var(--member-border); border-radius: var(--member-control-radius); background: #fff; color: var(--member-ink); font: inherit; font-size: var(--member-font); }
.member-v2-table { width: 100%; border-collapse: collapse; color: var(--member-ink); font-size: var(--member-font-sm); }
.member-v2-table th { background: var(--member-bg); color: var(--member-muted); text-align: left; padding: 12px; }
.member-v2-table td { border-bottom: 1px solid var(--member-border); padding: 14px 12px; overflow-wrap: anywhere; }
.member-v2-badge { display: inline-flex; align-items: center; padding: 4px 9px; border-radius: 20px; font-size: var(--member-font-sm); background: var(--member-blue-soft); color: var(--member-blue); }
.member-v2-badge[data-tone=success] { background: var(--member-green-soft); color: var(--member-green); }
.member-v2-badge[data-tone=warning] { background: var(--member-orange-soft); color: var(--member-orange); }
.member-v2-badge[data-tone=error] { background: var(--member-red-soft); color: var(--member-red); }
.member-v2-tabs, .member-v2-pagination { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.member-v2-tabs [aria-selected=true], .member-v2-pagination [aria-current=page] { background: var(--member-blue); border-color: var(--member-blue); color: #fff; }
.member-v2-modal { box-sizing: border-box; width: min(620px,calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; margin: auto; padding: 24px; border: 1px solid var(--member-border); border-radius: 14px; background: #fff; color: var(--member-ink); box-shadow: 0 20px 80px rgb(17 35 75 / 18%); }
.member-v2-modal::backdrop { background: rgb(17 35 75 / 30%); }
.member-v2-toast { max-width: calc(100vw - 32px); padding: 12px 18px; border: 1px solid var(--member-border); border-radius: 9px; background: #fff; color: var(--member-ink); box-shadow: var(--member-shadow); overflow-wrap: anywhere; }
.member-v2-empty, .member-v2-loading { padding: 40px 20px; border: 1px dashed var(--member-border); border-radius: var(--member-radius); background: #fafcfe; color: var(--member-muted); text-align: center; font-size: var(--member-font); }
body.member-v2-page { --bg2: var(--member-surface); --bg3: var(--member-bg); --txt: var(--member-ink); --sub: var(--member-muted); --bdr: var(--member-border); --p: var(--member-blue); --p2: var(--member-blue); --p3: var(--member-blue); --g: var(--member-green); --r: var(--member-red); --y: var(--member-orange); --ui-polish-navy: var(--member-ink); --ui-polish-text: var(--member-ink); --ui-polish-line: var(--member-border); --ui-polish-soft: var(--member-blue-soft); --ui-polish-blue-dark: var(--member-blue); --ui-polish-radius: var(--member-radius); --ui-polish-shadow: var(--member-shadow); color: var(--member-ink); }
body.member-v2-page > .portal-app-header { visibility: hidden; }
/* The homepage footer remains the single source of links, translations and styling. */
body.member-v2-page #portal-footer { display: block; margin-left: calc(var(--member-sidebar-width) + 24px); }
body.member-v2-page #mob-menu { top: var(--member-header-height); max-height: calc(100dvh - var(--member-header-height) - 80px); overflow-y: auto; overscroll-behavior: contain; }
#page-dash.member-v2 { font-size: var(--member-font); background: var(--member-bg) !important; padding: 24px 0 48px !important; min-height: calc(100dvh - var(--member-header-height)); }
#page-dash.member-v2 *, .member-v2-header * { box-sizing: border-box; }
#page-dash.member-v2 > .wrap { max-width: 1480px; width: calc(100% - 64px); margin: auto; padding: 0; }
#page-dash.member-v2 .dash-layout { display: block; margin: 0; }
#page-dash.member-v2 .dashboard-content-panel { margin-left: calc(var(--member-sidebar-width) + 24px); min-width: 0; width: auto; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.member-v2-header { display: none; position: fixed; inset: 0 0 auto; height: var(--member-header-height); z-index: 55; background: #fff; border-bottom: 1px solid var(--member-border); box-shadow: var(--member-shadow); }
body.member-v2-page .member-v2-header { display: flex; }
.member-v2-header-inner { width: min(1480px, calc(100% - 64px)); margin: auto; display: flex; align-items: center; gap: 30px; height: 100%; min-width: 0; }
.member-v2-logo { border: 0; background: none; padding: 0; cursor: pointer; flex-shrink: 0; }
.member-v2-logo img { display: block; width: 148px; height: auto; }
.member-v2-header .member-v2-links { position: static; display: flex; align-items: center; gap: 5px; flex: 1; min-width: 0; width: auto; height: auto; padding: 0; background: transparent !important; border: 0; box-shadow: none; backdrop-filter: none; }
.member-v2-links a, .member-v2-links button { font: inherit; font-size: 11px; color: #3e5378; text-decoration: none; border: 0; padding: 6px 9px; background: none; border-radius: 7px; white-space: nowrap; cursor: pointer; }
.member-v2-header.member-v2-nav-collapsed .member-v2-links { display: none; }
.member-v2-header.member-v2-nav-collapsed .member-v2-tools .member-v2-menu { display: flex; }
.member-v2-links .on { background: var(--member-blue-soft); color: var(--member-blue); }
.member-v2-tools { display: flex; gap: 10px; align-items: center; flex-shrink: 0; }
.member-v2-tools button { min-height: 36px; border: 1px solid var(--member-border); border-radius: 8px; background: #fff; color: #385177; font: inherit; font-size: 12px; padding: 7px 10px; cursor: pointer; }
.member-v2-language { display: flex; border: 1px solid var(--member-border); border-radius: 8px; padding: 2px; }
.member-v2-language button { border: 0; min-height: 30px; padding: 4px 8px; }
.member-v2-language button[aria-pressed=true] { background: var(--member-blue); color: #fff; border-radius: 6px; }
.member-v2-tools .member-v2-wallet { display: flex; gap: 6px; align-items: center; background: var(--member-green-soft); color: var(--member-green); border: 0; font-weight: 700; white-space: nowrap; }
.member-v2-tools .member-v2-user { background: var(--member-blue-soft); color: var(--member-blue); border-radius: 50%; width: 36px; padding: 8px; }
.member-v2-tools .member-v2-menu { display: none; }
.member-v2-menu > .member-v2-menu-close { display: none; }
.member-v2-header.member-v2-public-open .member-v2-menu > svg:first-child { display: none; }
.member-v2-header.member-v2-public-open .member-v2-menu-close { display: block; }
.member-v2-icon { display: inline-block; width: 20px; height: 20px; flex-shrink: 0; vertical-align: middle; }
#page-dash.member-v2 .dashboard-nav-panel { position: fixed; top: calc(var(--member-header-height) + 24px); bottom: 24px; width: var(--member-sidebar-width); display: flex; flex-direction: column; gap: 5px; padding: 16px 12px; overflow-y: auto; overflow-x: hidden; border: 1px solid var(--member-border); border-radius: var(--member-radius); background: #fff; box-shadow: var(--member-shadow); }
#page-dash.member-v2 .ui-nav-toggle { display: none !important; }
#page-dash.member-v2 .dash-tab { display: flex; flex: 0 0 auto; align-items: center; gap: 12px; min-height: 44px; width: 100%; border: 0; border-radius: 8px; padding: 11px 12px; background: transparent; color: #40587e; text-align: left; text-decoration: none; font: inherit; font-size: 14px; box-shadow: none; }
#page-dash.member-v2 .dash-tab[hidden], #page-dash.member-v2 [data-my-numbers-hidden] { display: none !important; }
#page-dash.member-v2 .dash-tab.on { background: var(--member-blue-soft); color: var(--member-blue); font-weight: 700; box-shadow: inset 3px 0 var(--member-blue); }
#page-dash.member-v2 .dash-tab .ui-nav-icon { width: 18px; height: 18px; }
.member-v2-nav-group { font-size: 11px; font-weight: 600; color: #94a3ba; padding: 16px 12px 6px; }
.member-v2-nav-group:first-child { padding-top: 0; }
.member-v2-drawer-close { display: none; }
.member-v2-drawer-public { display: none; }
.member-v2-drawer-public a { text-decoration: none; }
#page-dash.member-v2 .mn-heading { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px 16px; align-items: center; }
#page-dash.member-v2 .mn-heading h2 { grid-column: 1; margin: 0; }
#page-dash.member-v2 .mn-heading p { grid-column: 1; }
#page-dash.member-v2 .member-v2-number-buy { grid-column: 2; grid-row: 1 / span 2; background: var(--member-blue) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; border-color: var(--member-blue) !important; }
#page-dash.member-v2 .member-v2-number-note { font-size: 11px; color: var(--member-muted); }
#page-dash.member-v2 .mn-table[data-member-v2-table] th:last-child { width: 21%; }
#page-dash.member-v2 .mn-table[data-member-v2-table] th:nth-child(2) { width: 21%; }
#page-dash.member-v2 .dash-section { min-width: 0; }
#page-dash.member-v2 .dcard, #page-dash.member-v2 .workspace-card, #page-dash.member-v2 .mn-manager, #page-dash.member-v2 .recharge-layout { background: var(--member-surface); border: 1px solid var(--member-border); border-radius: var(--member-radius); box-shadow: var(--member-shadow); }
#page-dash.member-v2 .dcard, #page-dash.member-v2 .mn-manager { padding: 24px; }
#page-dash.member-v2 h2 { font-size: var(--member-title); line-height: 1.3; color: var(--member-ink); font-weight: 750; letter-spacing: -.45px; }
#page-dash.member-v2 h3, #page-dash.member-v2 .dcard-ttl { font-size: 18px; color: var(--member-ink); }
#page-dash.member-v2 p { line-height: 1.65; }
#page-dash.member-v2 .btn, #page-dash.member-v2 .mn-button, #page-dash.member-v2 .rh-button { border-radius: var(--member-control-radius); min-height: 40px; padding: 9px 14px; font: inherit; font-size: 13px; line-height: 1.4; font-weight: 600; box-shadow: none; white-space: normal; cursor: pointer; }
#page-dash.member-v2 .btn-p, #page-dash.member-v2 .mn-primary, #page-dash.member-v2 .dashboard-quick-primary { background: var(--member-blue) !important; color: #fff !important; border: 1px solid var(--member-blue) !important; box-shadow: 0 3px 7px rgb(8 102 255 / 12%); }
#page-dash.member-v2 .btn-p:hover, #page-dash.member-v2 .mn-primary:hover { background: var(--member-blue-hover) !important; }
#page-dash.member-v2 .btn-ghost, #page-dash.member-v2 .dashboard-quick-secondary { background: var(--member-blue-soft); border: 1px solid var(--member-border); color: var(--member-blue); }
#page-dash.member-v2 button:disabled { opacity: .48; cursor: not-allowed; }
#page-dash.member-v2 :is(input:not([type=checkbox]), select, textarea), body.member-v2-page .mn-dialog :is(input:not([type=checkbox]),select,textarea) { width: 100%; min-width: 0; min-height: 42px; border: 1px solid var(--member-border); border-radius: var(--member-control-radius); background: #fff; color: var(--member-ink); padding: 10px 12px; font: inherit; font-size: 13px; box-shadow: none; }
#page-dash.member-v2 input::placeholder { color: #93a3bd; }
body.member-v2-page :is(button,a,input,select,textarea):focus-visible { outline: 3px solid #a4c8ff; outline-offset: 2px; }
#page-dash.member-v2 .dashboard-welcome { position: relative; display: flex; min-height: 116px; margin: 0 0 18px; padding: 24px; background: #eaf4ff; border: 0; border-radius: var(--member-radius); box-shadow: none; overflow: hidden !important; }
#page-dash.member-v2 .dashboard-welcome::before { display: none !important; }
#page-dash.member-v2 .dashboard-welcome::after { display: block; content: ''; position: absolute; width: 220px; height: 160px; right: 30px; top: -15px; transform: skew(-32deg); background: repeating-linear-gradient(90deg,transparent 0 28px,#d5e8ff 28px 64px,transparent 64px 83px); opacity: .7; pointer-events: none; }
#page-dash.member-v2 .dashboard-welcome-copy { position: relative; z-index: 1; }
#page-dash.member-v2 .dashboard-welcome h2 { margin: 0 0 7px; font-size: 26px; }
#page-dash.member-v2 .dashboard-welcome p { margin: 0; color: var(--member-muted); font-size: 13px; max-width: 560px; }
#page-dash.member-v2 .dashboard-welcome-eyebrow, #page-dash.member-v2 .dashboard-welcome-actions { display: none; }
.member-v2-balance { display: flex; align-items: center; gap: 18px; padding: 22px 24px; margin-bottom: 18px; border: 1px solid var(--member-border); border-radius: var(--member-radius); background: #fff; box-shadow: var(--member-shadow); }
.member-v2-balance-icon, .member-v2-stat-icon, .member-v2-quick-icon { display: grid; place-items: center; flex-shrink: 0; width: 48px; height: 48px; border-radius: 12px; background: var(--member-green-soft); color: var(--member-green); }
.member-v2-balance-copy { flex: 1; min-width: 0; }
.member-v2-balance small { display: block; font-size: 13px; color: #50678c; margin-bottom: 4px; }
.member-v2-balance strong { color: var(--member-green); font-size: 28px; line-height: 1.3; }
.member-v2-balance-actions { display: flex; gap: 10px; }
#page-dash.member-v2 .workspace-kpis { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 0 0 18px; }
#page-dash.member-v2 .workspace-kpis .workspace-card { display: grid; grid-template-columns: 44px 1fr; align-content: center; gap: 4px 14px; padding: 20px; min-height: 102px; }
.member-v2-stat-icon { grid-row: span 2; width: 44px; height: 44px; background: var(--member-blue-soft); color: var(--member-blue); }
#page-dash.member-v2 .workspace-kpis .workspace-card:nth-child(2) .member-v2-stat-icon { background: var(--member-green-soft); color: var(--member-green); }
#page-dash.member-v2 .workspace-kpis .workspace-card:nth-child(3) .member-v2-stat-icon { background: var(--member-orange-soft); color: var(--member-orange); }
#page-dash.member-v2 .workspace-kpis .workspace-card span { font-size: 12px; color: var(--member-muted); }
#page-dash.member-v2 .workspace-kpis strong { font-size: 22px; color: var(--member-ink); }
#page-dash.member-v2 .workspace-muted { font-size: 12px; color: var(--member-muted); }
.member-v2-quick { margin-top: 18px; padding: 20px; }
.member-v2-quick h3 { margin: 0 0 16px; font-size: 17px !important; }
#page-dash.member-v2 .member-v2-quick .workspace-heading { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 0; gap: 12px; }
#page-dash.member-v2 .member-v2-quick .btn { display: flex; align-items: center; gap: 12px; min-height: 82px; padding: 14px; border: 1px solid var(--member-border) !important; background: #fbfdff !important; color: var(--member-ink) !important; -webkit-text-fill-color: var(--member-ink) !important; text-align: left; }
.member-v2-quick-icon { background: var(--member-blue-soft); color: var(--member-blue); width: 40px; height: 40px; }
.member-v2-quick .btn:first-child .member-v2-quick-icon { background: var(--member-green-soft); color: var(--member-green); }
.member-v2-quick-label { min-width: 0; }
#page-dash.member-v2 .workspace-home-grid { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 18px; margin-top: 18px; }
#page-dash.member-v2 .workspace-home-grid .workspace-card { padding: 20px; }
#page-dash.member-v2 .workspace-heading { gap: 10px; margin-bottom: 12px; }
#page-dash.member-v2 .workspace-heading h2 { font-size: 17px; min-width: 0; }
#page-dash.member-v2 .workspace-heading .btn { min-height: 30px; padding: 4px 7px; border: 0; background: none; font-size: 12px; }
#page-dash.member-v2 .workspace-list-row { padding: 12px 0; font-size: 12px; border-color: var(--member-border); }
#page-dash.member-v2 .workspace-list-row strong { font-size: 13px; }
.member-v2-recent-head, #page-dash.member-v2 .member-v2-recent-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.8fr) auto; gap: 10px; align-items: center; }
.member-v2-recent-head { background: var(--member-bg); padding: 10px; color: var(--member-muted); font-size: 12px; border-radius: 6px; }
#page-dash.member-v2 .member-v2-recent-row > button { grid-column: 3; grid-row: 1 / span 2; padding: 6px 8px; font-size: 12px; }
#page-dash.member-v2 .member-v2-recent-row time { grid-row: 2; font-size: 11px; color: var(--member-muted); }
#page-dash.member-v2 .workspace-favorites { margin: 18px 0 0; }
#page-dash.member-v2 .pwa-install-card { position: static; display: flex; align-items: center; gap: 14px; padding: 16px 20px; margin: 18px 0 0; min-height: 0; border: 1px solid #dce9f8; border-radius: var(--member-radius); background: #f7fbff; box-shadow: var(--member-shadow); color: var(--member-ink); }
#page-dash.member-v2 .pwa-install-card[hidden] { display: none !important; }
#page-dash.member-v2 .pwa-install-card::after { display: none; }
.member-v2-quick-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
#page-dash.member-v2 .member-v2-quick-heading h3 { margin: 0; }
#page-dash.member-v2 .member-v2-quick-heading .btn { font-size: 12px; padding: 4px 8px; min-height: 30px; border: 0; box-shadow: none; }
.member-v2-temporary-workspace { position: relative; min-height: 720px; overflow: hidden; border: 1px solid var(--member-border); border-radius: var(--member-radius); background: #fff; box-shadow: var(--member-shadow); }
.member-v2-temporary-loading { position: absolute; inset: 0; display: grid; place-items: center; margin: 0; color: var(--member-muted); background: #fff; z-index: 1; }
.member-v2-temporary-frame { display: block; width: 100%; min-height: 720px; border: 0; opacity: 0; transition: opacity .15s ease; }
.member-v2-temporary-frame.is-ready { opacity: 1; }
.member-v2-order-archive { margin: 14px 0; font-size: 12px; color: var(--member-muted); }
.member-v2-order-archive > summary { cursor: pointer; min-height: 32px; }
#page-dash.member-v2 #member-v2-recent-activity .rh-toolbar, #page-dash.member-v2 #member-v2-recent-activity .rh-pagination, #page-dash.member-v2 #member-v2-recent-activity .rh-result > span:last-child { display: none; }
#page-dash.member-v2 #member-v2-recent-activity .member-v2-activity-head { grid-template-columns: 1fr 1fr 1fr; }
#page-dash.member-v2 #member-v2-recent-activity .member-v2-activity-head > span:nth-child(4), #page-dash.member-v2 #member-v2-recent-activity .member-v2-activity-head > span:nth-child(5) { display: none; }
#page-dash.member-v2 #member-v2-recent-activity .rh-record { padding: 12px 0; }
#page-dash.member-v2 #member-v2-recent-activity .rh-main { grid-template-columns: minmax(0,1fr) auto; gap: 8px 12px; }
#page-dash.member-v2 #member-v2-recent-activity .rh-info { grid-column: 1; grid-row: 1; }
#page-dash.member-v2 #member-v2-recent-activity .rh-date { grid-column: 1; grid-row: 2; font-size: 11px; }
#page-dash.member-v2 #member-v2-recent-activity .rh-amount-block { grid-column: 2; grid-row: 1; text-align: right; }
#page-dash.member-v2 #member-v2-recent-activity .rh-result { grid-column: 2; grid-row: 2; }
#page-dash.member-v2 #member-v2-recent-activity .rh-view { display: none; }
#page-dash.member-v2 #member-v2-recent-activity .rh-info .rh-caption { display: none; }
@media (min-width: 821px) {
  #page-dash.member-v2 #member-v2-recent-activity .member-v2-activity-head, #page-dash.member-v2 #member-v2-recent-activity .rh-main { grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,1fr); gap: 10px; }
  #page-dash.member-v2 #member-v2-recent-activity .member-v2-activity-head > span:nth-child(4) { display: block; }
  #page-dash.member-v2 #member-v2-recent-activity .rh-main > :is(.rh-info,.rh-date,.rh-result,.rh-view,.rh-amount-block) { grid-row: 1; grid-column: auto; }
  #page-dash.member-v2 #member-v2-recent-activity .rh-info { order: 1; }
  #page-dash.member-v2 #member-v2-recent-activity .rh-date { order: 0; }
  #page-dash.member-v2 #member-v2-recent-activity .rh-amount-block { order: 2; text-align: left; }
  #page-dash.member-v2 #member-v2-recent-activity .rh-result { order: 3; }
  #page-dash.member-v2 #member-v2-recent-activity .rh-view { order: 4; font-size: 11px; }
}
#page-dash.member-v2 .pwa-install-icon { width: 46px; height: 46px; padding: 6px; border-radius: 9px; background: #fff; box-shadow: var(--member-shadow); flex-shrink: 0; }
#page-dash.member-v2 .pwa-install-icon img { display: block; width: 100%; height: 100%; }
#page-dash.member-v2 .pwa-install-copy { flex: 1; min-width: 0; }
#page-dash.member-v2 .pwa-install-eyebrow { display: none; }
#page-dash.member-v2 .pwa-install-copy h2 { font-size: 15px; margin: 0 0 3px; }
#page-dash.member-v2 .pwa-install-copy p { font-size: 12px; color: var(--member-muted); margin: 0; }
#page-dash.member-v2 .pwa-install-actions { display: flex; flex-direction: row; gap: 14px; align-items: center; flex-shrink: 0; }
#page-dash.member-v2 .pwa-dismiss { border: 0; background: none; font: inherit; font-size: 12px; color: var(--member-muted); min-height: 40px; cursor: pointer; padding: 8px; }
#page-dash.member-v2 .mn-eyebrow { display: none; }
#page-dash.member-v2 .mn-heading h2 { margin: 0 0 8px; }
#page-dash.member-v2 .mn-heading p { margin: 0; font-size: 13px; }
#page-dash.member-v2 .mn-tabs { margin: 20px 0 16px; gap: 8px; align-items: center; border-bottom: 1px solid var(--member-border); }
#page-dash.member-v2 .mn-tabs .mn-button:nth-child(3) { margin-left: auto; background: var(--member-blue); border-color: var(--member-blue); color: #fff; }
#page-dash.member-v2 .mn-tabs .mn-button:nth-child(4) { font-size: 12px; }
#page-dash.member-v2 .mn-filters { grid-template-columns: minmax(0,1.7fr) repeat(3,minmax(0,1fr)); padding: 0; background: none; border: 0; gap: 10px; }
#page-dash.member-v2 #member-my-numbers .ui-filter-panel { padding: 0; border: 0; background: none; }
#page-dash.member-v2 #member-my-numbers .ui-filter-panel > summary { display: none; }
.member-v2-history-sub { font-size: 13px; color: var(--member-muted); margin: 0 0 12px; }
#page-dash.member-v2 .mn-filters label, .member-v2-more-filters label { font-size: 12px; color: var(--member-muted); display: grid; gap: 6px; min-width: 0; }
.member-v2-more-filters { grid-column: 1/-1; min-width: 0; }
.member-v2-more-filters summary { color: var(--member-blue); cursor: pointer; min-height: 36px; font-size: 12px; padding: 10px 0; }
.member-v2-more-filter-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding: 16px; background: var(--member-bg); border-radius: 8px; }
#page-dash.member-v2 .mn-summary { font-size: 12px; margin: 16px 0 10px; }
#page-dash.member-v2 .mn-bulk { gap: 6px; background: #f8fbfe; border: 1px solid var(--member-border); border-radius: 8px; padding: 8px; }
#page-dash.member-v2 .mn-bulk .mn-button { font-size: 11px; padding: 6px 9px; min-height: 32px; }
#page-dash.member-v2 .mn-table-wrap { border: 0; border-radius: 8px; }
#page-dash.member-v2 .mn-table { table-layout: fixed; font-size: 12px; }
#page-dash.member-v2 .mn-table th { background: var(--member-bg); font-size: 11px; color: #617498; padding: 12px 8px; white-space: normal; }
#page-dash.member-v2 .mn-table th:first-child { width: 36px; }
#page-dash.member-v2 .mn-table th:nth-child(2) { width: 22%; }
#page-dash.member-v2 .mn-table th:last-child { width: 24%; }
#page-dash.member-v2 .mn-table td { padding: 14px 8px; min-width: 0; max-width: none; border-top: 1px solid var(--member-border); }
#page-dash.member-v2 .mn-identity { font-size: 13px; }
#page-dash.member-v2 .mn-copy-number { font-size: 11px; padding: 3px 5px; min-height: 26px; border: 0; background: var(--member-blue-soft); color: var(--member-blue); }
#page-dash.member-v2 .mn-row-actions { min-width: 0; }
#page-dash.member-v2 .mn-row-actions button { min-height: 30px; padding: 5px 6px; font-size: 11px; color: var(--member-blue); background: var(--member-blue-soft); border-color: transparent; }
#page-dash.member-v2 .mn-badge, #page-dash.member-v2 .rh-badge { font-size: 11px; padding: 4px 8px; line-height: 1.4; border-radius: 20px; background: var(--member-blue-soft); color: var(--member-blue); white-space: normal; }
#page-dash.member-v2 :is(.mn-badge-green,.rh-credited) { background: var(--member-green-soft); color: var(--member-green); }
#page-dash.member-v2 :is(.mn-badge-red,.rh-failed) { background: var(--member-red-soft); color: var(--member-red); }
#page-dash.member-v2 :is(.mn-badge-orange,.mn-badge-yellow,.rh-pending) { background: var(--member-orange-soft); color: #b87515; }
#page-dash.member-v2 .mn-badge-grey { background: #edf1f6; color: #71809b; }
#page-dash.member-v2 .mn-pager { border-top: 1px solid var(--member-border); padding-top: 18px; justify-content: flex-end; }
#page-dash.member-v2 .mn-pager input { width: 60px; }
#page-dash.member-v2 :is(.mn-empty,.rh-empty,.workspace-feedback) { text-align: center; padding: 48px 20px; color: var(--member-muted); background: #fafcfe; border: 1px dashed var(--member-border); border-radius: var(--member-radius); }
#page-dash.member-v2 [aria-busy=true] { opacity: .65; }
#page-dash.member-v2 .recharge-layout { padding: 24px; gap: 18px; }
#page-dash.member-v2 .recharge-heading { margin: 0; gap: 18px; }
#page-dash.member-v2 .recharge-heading h2 { margin: 0 0 8px; }
#page-dash.member-v2 .recharge-heading p { font-size: 13px; color: var(--member-muted); margin: 0; }
#page-dash.member-v2 .recharge-balance { padding: 12px 16px; min-width: 150px; border: 1px solid var(--member-border); border-radius: 8px; background: #fbfefd; }
#page-dash.member-v2 .recharge-balance strong { color: var(--member-green); font-size: 22px; }
#page-dash.member-v2 .recharge-left { display: grid; gap: 12px; }
#page-dash.member-v2 .recharge-method-choice { display: flex; align-items: center; justify-content: center; gap: 12px; border-radius: 8px; min-height: 56px; border-color: var(--member-border); font-size: 14px; }
#page-dash.member-v2 .recharge-method-choice[aria-pressed=true] { background: #f3f8ff; border-color: var(--member-blue); color: var(--member-blue); box-shadow: inset 0 0 0 1px var(--member-blue); }
.member-v2-payment-icon { display: grid; place-items: center; width: 30px; height: 30px; color: #fff; background: #00a6f5; border-radius: 7px; font-size: 20px; }
.member-v2-payment-icon.usdt { background: #079b76; border-radius: 50%; }
#page-dash.member-v2 :is(.recharge-payment,.recharge-legacy-options) { border: 0 !important; padding: 0 !important; box-shadow: none !important; background: none !important; }
#page-dash.member-v2 .recharge-payment > h3, #page-dash.member-v2 .recharge-main > .recharge-method, #page-dash.member-v2 .recharge-main > h4:first-child { display: none; }
#page-dash.member-v2 .recharge-main h4, #page-dash.member-v2 .crypto-step-label, #page-dash.member-v2 .crypto-amount-field > label { font-size: 14px; font-weight: 650; color: var(--member-ink); margin: 20px 0 12px; }
.member-v2-step { display: inline-grid; place-items: center; background: var(--member-blue); color: #fff; width: 26px; height: 26px; border-radius: 50%; margin-right: 10px; font-size: 13px; vertical-align: middle; }
#page-dash.member-v2 .recharge-presets { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 12px 0 18px; }
#page-dash.member-v2 .recharge-presets button { min-height: 42px; border-radius: 8px; border-color: var(--member-border); }
#page-dash.member-v2 .recharge-main input, #page-dash.member-v2 .crypto-amount-field input { font-size: 18px; font-weight: 600; min-height: 48px; }
#page-dash.member-v2 :is(.recharge-summary,.crypto-amount-summary) { background: #f2f7fd; border: 0; border-radius: 10px; padding: 20px; margin: 18px 0; }
#page-dash.member-v2 .recharge-summary > div { padding: 7px 0; font-size: 13px; }
#page-dash.member-v2 .recharge-summary > div:last-child strong { color: var(--member-blue); }
#page-dash.member-v2 .recharge-main > button:last-child, #page-dash.member-v2 #np-pay-btn-page { background: var(--member-blue) !important; border-radius: 8px; min-height: 46px; }
#page-dash.member-v2 .recharge-main > button:last-child { color: #fff !important; -webkit-text-fill-color: #fff !important; }
#page-dash.member-v2 .recharge-presets button[aria-pressed=true] { background: var(--member-blue-soft) !important; color: var(--member-blue) !important; border-color: var(--member-blue) !important; }
#page-dash.member-v2 .recharge-notice, #page-dash.member-v2 .recharge-btcpay-notice { font-size: 12px; color: #6281ac; background: var(--member-blue-soft); padding: 10px 12px; border-radius: 8px; line-height: 1.65; }
#page-dash.member-v2 .recharge-activity { border: 1px solid var(--member-border); border-radius: 10px; padding: 20px; box-shadow: none; }
#page-dash.member-v2 .rh-toolbar { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--member-border); }
#page-dash.member-v2 .rh-toolbar select { max-width: 240px; }
#page-dash.member-v2 .rh-toolbar .rh-caption { margin-left: auto; }
.member-v2-activity-head { display: grid; grid-template-columns: 1.2fr 1.2fr .9fr 1.15fr .7fr; gap: 12px; padding: 12px; background: var(--member-bg); font-size: 12px; color: #617498; border-radius: 7px; margin-top: 14px; }
#page-dash.member-v2 .rh-record { border: 0 !important; border-bottom: 1px solid var(--member-border) !important; border-radius: 0 !important; margin: 0 !important; padding: 14px 12px !important; box-shadow: none; background: #fff; }
#page-dash.member-v2 .rh-record > .rh-main { display: grid; grid-template-columns: 1.2fr 1.2fr .9fr 1.15fr .7fr; gap: 12px; align-items: center; }
#page-dash.member-v2 .rh-main { padding: 0; }
#page-dash.member-v2 .rh-list { gap: 0; }
#page-dash.member-v2 .rh-info { min-width: 0; font-size: 12px; }
#page-dash.member-v2 .rh-date { font-size: 12px; color: var(--member-muted); }
#page-dash.member-v2 .rh-channel { font-size: 13px; color: var(--member-ink); }
#page-dash.member-v2 .rh-amount { font-size: 13px; color: var(--member-ink); }
#page-dash.member-v2 .rh-positive .rh-amount { color: var(--member-green) !important; }
#page-dash.member-v2 .rh-negative .rh-amount { color: var(--member-red) !important; }
#page-dash.member-v2 .rh-eyebrow { display: none; }
#page-dash.member-v2 .rh-result { text-align: left; align-items: flex-start; min-width: 0; }
#page-dash.member-v2 .rh-result > span:last-child { font-size: 11px; }
#page-dash.member-v2 .rh-view { color: var(--member-blue); border: 0; background: none; padding: 8px 0; font-size: 12px; }
#page-dash.member-v2 .rh-details { margin-top: 10px; padding: 12px; background: #f8fbff; border-radius: 8px; border: 0; }
#page-dash.member-v2 .rh-details:not([open]) { display: none; }
#page-dash.member-v2 .rh-pagination { display: flex; gap: 12px; justify-content: flex-end; align-items: center; border-top: 1px solid var(--member-border); padding-top: 18px; margin-top: 12px; }
#page-dash.member-v2 .rh-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
#page-dash.member-v2 .rh-field { min-width: 0; }
body.member-v2-page .modal, body.member-v2-page .mn-dialog { background: #fff; color: var(--member-ink); border: 1px solid var(--member-border); border-radius: 14px; box-shadow: 0 20px 80px rgb(17 35 75 / 18%); }
body.member-v2-page #toast { background: #fff; color: var(--member-ink); border: 1px solid var(--member-border); border-radius: 9px; box-shadow: 0 6px 30px rgb(17 35 75 / 14%); max-width: calc(100vw - 32px); overflow-wrap: anywhere; }
.member-v2-bottom-nav, .member-v2-backdrop { display: none; }
@media (min-width: 1280px) { #page-dash.member-v2 .recharge-presets { grid-template-columns: repeat(6,minmax(0,1fr)); } }
@media (max-width: 1279px) {
  :root { --member-sidebar-width: 184px; }
  .member-v2-header-inner { gap: 18px; }
  .member-v2-links a, .member-v2-links button { padding: 10px 7px; font-size: 12px; }
  .member-v2-logo img { width: 125px; }
  .member-v2-tools { gap: 6px; }
  .member-v2-tools .member-v2-logout { display: none; }
  #page-dash.member-v2 .member-v2-quick .workspace-heading { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #page-dash.member-v2 .mn-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1100px) {
  .member-v2-header .member-v2-links { display: none; }
  .member-v2-header-inner { justify-content: space-between; }
  .member-v2-tools .member-v2-menu { display: flex; }
  body.member-v2-page .member-v2-tools .member-v2-logout { display: none; }
  #page-dash.member-v2 .workspace-home-grid { grid-template-columns: 1fr; }
  #page-dash.member-v2 .workspace-kpis .workspace-card { padding: 16px; gap: 4px 10px; }
  #page-dash.member-v2 .pwa-install-card { flex-wrap: wrap; }
  #page-dash.member-v2 .pwa-install-actions { margin-left: 60px; }
}
@media (max-width: 820px) {
  :root { --member-header-height: 64px; }
  #page-dash.member-v2 { padding-top: 22px !important; padding-bottom: 98px !important; }
  #page-dash.member-v2 > .wrap { width: calc(100% - 32px); }
  .member-v2-header-inner { width: calc(100% - 32px); }
  body.member-v2-page #portal-footer { margin-left: 0; padding-bottom: 96px; }
  body.member-v2-page .member-v2-tools :is(.member-v2-wallet,.member-v2-user,.member-v2-notification,.member-v2-recharge) { display: none; }
  body.member-v2-page .member-v2-header .member-v2-logo img { width: 124px; }
  body.member-v2-page .member-v2-language { border: 1px solid var(--member-border); border-radius: 8px; padding: 2px; }
  body.member-v2-page .member-v2-language > svg { display: none; }
  body.member-v2-page .member-v2-tools .member-v2-language button[aria-pressed=true] { background: var(--member-blue); color: #fff; border-radius: 6px; }
  #page-dash.member-v2 .dashboard-content-panel { margin-left: 0; }
  #page-dash.member-v2 .dashboard-nav-panel { display: none !important; top: 0; bottom: 0; left: 0; width: min(300px,85vw); border-radius: 0; z-index: 75; padding: 18px 16px; box-shadow: 15px 0 50px rgb(17 35 75 / 12%); }
  #page-dash.member-v2 .dashboard-nav-panel.member-v2-open { display: flex !important; }
  .member-v2-drawer-close { display: block; min-height: 44px; border: 1px solid var(--member-border); border-radius: 8px; background: #fff; color: var(--member-muted); font: inherit; text-align: right; padding: 10px; }
  .member-v2-drawer-public { display: grid; border-top: 1px solid var(--member-border); padding-top: 12px; margin-top: 12px; }
  .member-v2-backdrop.on { display: block; position: fixed; inset: 0; z-index: 70; background: rgb(17 35 75 / 25%); border: 0; }
  .member-v2-bottom-nav { position: fixed; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); inset: auto 0 0; background: #fff; border-top: 1px solid var(--member-border); z-index: 50; padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); box-shadow: 0 -4px 20px rgb(37 82 134 / 4%); }
  .member-v2-bottom-nav button { display: grid; gap: 5px; justify-items: center; background: none; border: 0; border-radius: 9px; min-height: 48px; padding: 5px 2px; font: inherit; font-size: 11px; color: #6c7f9f; }
  .member-v2-bottom-nav button[aria-current=page] { background: var(--member-blue-soft); color: var(--member-blue); font-weight: 700; }
  #page-dash.member-v2 .dcard, #page-dash.member-v2 .mn-manager { padding: 20px; }
  #page-dash.member-v2 .pwa-install-card { display: grid; grid-template-columns: 46px 1fr; padding: 18px; gap: 12px; }
  #page-dash.member-v2 .pwa-install-actions { grid-column: 1/-1; margin: 0; display: grid; grid-template-columns: 1fr auto; width: 100%; }
  #page-dash.member-v2 .pwa-install-actions .btn { justify-content: center; }
  #page-dash.member-v2 .mn-table-wrap { overflow: visible; }
  #page-dash.member-v2 .mn-table, #page-dash.member-v2 .mn-table tbody { display: block; }
  #page-dash.member-v2 .mn-table thead { display: none; }
  #page-dash.member-v2 .mn-table tr { display: grid; grid-template-columns: 28px minmax(0,1fr); border: 1px solid var(--member-border); background: #fff; border-radius: 12px; padding: 16px; margin-bottom: 14px; }
  #page-dash.member-v2 .mn-table td { display: block; width: auto; max-width: none; border: 0; padding: 5px 0; font-size: 13px; }
  #page-dash.member-v2 .mn-table td:first-child { grid-column: 1; grid-row: 1; }
  #page-dash.member-v2 .mn-table td:nth-child(2) { grid-column: 2; grid-row: 1; max-width: none; overflow: visible; }
  #page-dash.member-v2 .mn-table td:nth-child(n+3) { grid-column: 1/-1; }
  #page-dash.member-v2 .mn-table td:nth-child(n+3)::before { content: attr(data-label); color: var(--member-muted); font-size: 11px; display: block; margin-bottom: 3px; }
  #page-dash.member-v2 .mn-table td:nth-child(2)::before, #page-dash.member-v2 .mn-row-actions::before { display: none !important; }
  #page-dash.member-v2 .mn-table[data-member-v2-table=numbers] td:nth-child(n+3):not(:last-child) { display: grid; grid-template-columns: minmax(90px,.65fr) minmax(0,1fr); gap: 12px; align-items: start; padding: 7px 0; }
  #page-dash.member-v2 .mn-table[data-member-v2-table=numbers] td:nth-child(n+3)::before { margin: 0; font-size: 12px; }
  #page-dash.member-v2 .mn-table[data-member-v2-table=numbers] td:nth-child(n+3) > div { margin: 0; }
  #page-dash.member-v2 .mn-table[data-member-v2-table=numbers] td:nth-child(n+3) .mn-badge { justify-self: start; }
  #page-dash.member-v2 .mn-row-actions { display: flex !important; gap: 6px; flex-wrap: wrap; padding-top: 12px !important; margin-top: 8px; border-top: 1px solid var(--member-border) !important; }
  #page-dash.member-v2 .mn-row-actions button { min-height: 38px; padding: 8px 10px; font-size: 12px; margin: 0; }
  #page-dash.member-v2 .mn-row-actions small { width: 100%; }
  .member-v2-activity-head { display: none; }
  #page-dash.member-v2 .rh-record { border: 1px solid var(--member-border) !important; border-radius: 12px !important; margin: 14px 0 !important; padding: 16px !important; }
  #page-dash.member-v2 .rh-record > .rh-main { grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
  #page-dash.member-v2 .rh-info { grid-column: 1; grid-row: 1; }
  #page-dash.member-v2 .rh-date { grid-column: 1; grid-row: 2; }
  #page-dash.member-v2 .rh-amount-block { grid-column: 2; grid-row: 1; text-align: right; }
  #page-dash.member-v2 .rh-result { grid-column: 1/-1; grid-row: 3; flex-direction: row; gap: 10px; flex-wrap: wrap; }
  #page-dash.member-v2 .rh-view { grid-column: 2; grid-row: 2; text-align: right; }
  #page-dash.member-v2 .rh-details { grid-column: 1/-1; }
  #page-dash.member-v2 .rh-fields { grid-template-columns: 1fr; }
}
@media (max-width: 540px) {
  :root { --member-title: 23px; }
  .member-v2-logo img { width: 119px; }
  .member-v2-tools { gap: 5px; }
  .member-v2-tools .member-v2-notification, .member-v2-tools .member-v2-recharge { display: none; }
  .member-v2-tools .member-v2-wallet { font-size: 11px; padding: 7px; }
  .member-v2-language button { padding: 4px 6px; font-size: 11px; }
  .member-v2-tools .member-v2-menu { border: 0; padding: 6px; }
  #page-dash.member-v2 > .wrap, .member-v2-header-inner { width: calc(100% - 28px); }
  #page-dash.member-v2 .dashboard-welcome { min-height: 94px; padding: 18px; margin-bottom: 14px; }
  #page-dash.member-v2 .dashboard-welcome h2 { font-size: 22px; }
  #page-dash.member-v2 .dashboard-welcome p { font-size: 12px; }
  #page-dash.member-v2 .dashboard-welcome::after { right: -105px; opacity: .4; }
  .member-v2-balance { gap: 12px; padding: 18px; margin-bottom: 14px; flex-wrap: wrap; }
  .member-v2-balance strong { font-size: 26px; }
  .member-v2-balance-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .member-v2-balance-actions .btn { justify-content: center; }
  #page-dash.member-v2 .workspace-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  #page-dash.member-v2 .workspace-kpis .workspace-card { padding: 14px; grid-template-columns: 1fr; gap: 8px; }
  .member-v2-stat-icon { grid-row: auto; width: 36px; height: 36px; }
  #page-dash.member-v2 .workspace-kpis strong { font-size: 22px; }
  #page-dash.member-v2 .workspace-kpis .workspace-card:last-child { grid-column: 1/-1; grid-template-columns: 36px 1fr auto; align-items: center; }
  #page-dash.member-v2 .workspace-kpis .workspace-card:last-child strong { grid-column: 3; }
  #page-dash.member-v2 .member-v2-quick .workspace-heading > .btn { flex-direction: column; justify-content: center; text-align: center; min-height: 102px; }
  #page-dash.member-v2 .workspace-home-grid, #page-dash.member-v2 .workspace-favorites { margin-top: 14px; }
  #page-dash.member-v2 .mn-manager, #page-dash.member-v2 .recharge-layout, #page-dash.member-v2 #s-txs-page > .dcard { padding: 18px; }
  #page-dash.member-v2 .mn-heading { grid-template-columns: 1fr; }
  #page-dash.member-v2 .member-v2-number-buy { grid-column: 1; grid-row: auto; width: 100%; margin-top: 8px; }
  #page-dash.member-v2 .mn-tabs { flex-wrap: wrap; gap: 6px; }
  #page-dash.member-v2 .mn-tabs .mn-button:nth-child(3) { margin-left: 0; }
  #page-dash.member-v2 .mn-tabs .mn-button:nth-child(4) { width: 100%; text-align: left; border: 0; padding-left: 0; }
  #page-dash.member-v2 .mn-filters { grid-template-columns: 1fr 1fr; }
  #page-dash.member-v2 .mn-filters > label:first-child { grid-column: 1/-1; }
  #page-dash.member-v2 .member-v2-more-filter-grid { grid-template-columns: 1fr; }
  #page-dash.member-v2 .mn-bulk { flex-wrap: wrap; }
  #page-dash.member-v2 .mn-pager { justify-content: center; gap: 6px; }
  #page-dash.member-v2 .mn-pager .mn-button { padding: 7px 9px; }
  #page-dash.member-v2 .recharge-heading { flex-wrap: wrap; }
  #page-dash.member-v2 .recharge-balance { min-width: 0; width: 100%; padding: 12px; display: flex; justify-content: space-between; align-items: center; }
  #page-dash.member-v2 .recharge-method-choice { flex-direction: column; min-height: 96px; gap: 8px; padding: 12px 8px; font-size: 12px; }
  #page-dash.member-v2 .recharge-presets { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
  #page-dash.member-v2 .recharge-summary { padding: 16px; }
  #page-dash.member-v2 .recharge-summary > div { gap: 12px; font-size: 12px; }
  #page-dash.member-v2 .rh-toolbar { flex-wrap: wrap; gap: 8px; }
  #page-dash.member-v2 .rh-toolbar select { max-width: none; flex-basis: 100%; }
  #page-dash.member-v2 .rh-toolbar .rh-caption { margin-left: 0; flex: 1; }
  #page-dash.member-v2 .rh-amount { font-size: 13px; }
  #page-dash.member-v2 .rh-pagination { justify-content: center; }
  #page-dash.member-v2 .pwa-install-actions { grid-template-columns: 1fr; gap: 0; }
  body.member-v2-page #toast { bottom: 88px; }
}
@media (max-width: 767px) {
  body.member-v2-page #portal-footer .home-footer-grid { grid-template-columns: 1fr; gap: 12px; text-align: center; }
  body.member-v2-page #portal-footer .home-footer-brand p,
  body.member-v2-page #portal-footer .home-footer-grid > nav:nth-child(2),
  body.member-v2-page #portal-footer .home-footer-grid > nav h2,
  body.member-v2-page #portal-footer .home-footer-grid > nav:nth-child(3) > a:not([data-i18n=home_p_footer_contact]),
  body.member-v2-page #portal-footer [data-i18n=home_p_footer_about_link],
  body.member-v2-page #portal-footer .home-footer-social h2 { display: none; }
  body.member-v2-page #portal-footer .home-footer-grid > nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 16px; }
  body.member-v2-page #portal-footer .home-socials { justify-content: center; }
  body.member-v2-page #portal-footer .home-footer-grid .home-footer-copy { margin-top: 12px; }
}
/* Approved dashboard shell reused by every member pane. Page-specific layouts stay in their own modules. */
body.member-v2-page {
  font-family: Arial,"Microsoft YaHei","PingFang SC",sans-serif;
  --member-ink: #0c1640;
  --member-muted: #657dab;
  --member-green: #00b665;
  --member-sidebar-width: 268px;
  --member-header-height: 65px;
  --member-bg: #f1f7ff;
  --member-border: #e5eefb;
  --member-blue: #0066ff;
  --member-radius: 14px;
}
body.member-v2-page .member-v2-header { border: 1px solid #e2ecfb; border-radius: 0 0 18px 18px; box-shadow: none; }
body.member-v2-page .member-v2-header-inner { width: calc(100% - 64px); max-width: none; gap: 24px; }
body.member-v2-page .member-v2-logo > img { display: block; width: 175px; }
body.member-v2-page .member-v2-tools { margin-left: auto; gap: 10px; }
body.member-v2-page .member-v2-language { border: 0; gap: 7px; align-items: center; }
body.member-v2-page .member-v2-language > .member-v2-icon { display: block; color: #536b9b; }
body.member-v2-page .member-v2-language button { background: none; font-size: 14px; color: #6077a6; padding: 0 5px; }
body.member-v2-page .member-v2-language button[aria-pressed=true] { background: none; color: var(--member-ink); font-weight: 700; }
body.member-v2-page .member-v2-language button:last-child { border-left: 1px solid var(--member-border); border-radius: 0; }
body.member-v2-page .member-v2-tools .member-v2-wallet { order: 2; font-size: 14px; padding: 10px 12px; background: #e5fbf2; }
body.member-v2-page .member-v2-notification { order: 1; border: 0; padding: 7px; border-left: 1px solid var(--member-border); border-radius: 0; }
body.member-v2-page .member-v2-notification svg { width: 25px; height: 25px; }
body.member-v2-page .member-v2-user { order: 3; width: 40px; height: 40px; }
body.member-v2-page .member-v2-user svg { fill: var(--member-blue); stroke: white; }
body.member-v2-page .member-v2-recharge { display: none; }
body.member-v2-page .member-v2-logout { display: block; order: 4; }
body.member-v2-page .member-v2-tools .member-v2-menu { order: 5; border: 0; padding: 5px; }
body.member-v2-page #page-dash.member-v2 { padding: 21px 30px 24px 291px !important; }
body.member-v2-page #page-dash.member-v2 > .wrap { width: 100%; max-width: none; }
body.member-v2-page #page-dash.member-v2 .dashboard-content-panel { margin-left: 0; }
body.member-v2-page #page-dash.member-v2 .dashboard-nav-panel { left: 0; top: 65px; bottom: 0; max-height: none; width: 268px; padding: 25px 22px 24px 27px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: #f7fbff !important; gap: 4px; }
body.member-v2-page #page-dash.member-v2 .dashboard-nav-panel > [data-member-v2-secondary-nav] { display: none !important; }
body.member-v2-page #page-dash.member-v2 .dash-tab { font-size: 17px; min-height: 46px; padding: 10px 20px; gap: 20px !important; border-radius: 10px !important; color: #4e6597 !important; font-weight: 400 !important; }
body.member-v2-page #page-dash.member-v2 .dash-tab.on { border: 0 !important; background: #eaf4ff !important; color: var(--member-blue) !important; box-shadow: none !important; font-weight: 700 !important; }
body.member-v2-page #page-dash.member-v2 .dash-tab.on::before { content: ''; position: absolute; left: 6px; top: 10px; bottom: 10px; width: 4px; background: var(--member-blue); border-radius: 3px; }
body.member-v2-page #page-dash.member-v2 .dash-tab .ui-nav-label { font-weight: inherit; }
body.member-v2-page #page-dash.member-v2 :is(a.dash-tab,a.dash-tab:hover,a.dash-tab:focus,a.dash-tab:active,.dash-tab .ui-nav-label,.dashboard-welcome-actions a,.member-v2-quick a) { text-decoration: none !important; }
body.member-v2-page #page-dash.member-v2 .dash-tab:disabled { opacity: 1 !important; cursor: not-allowed !important; }
body.member-v2-page #page-dash.member-v2 .dash-tab svg { width: 23px; height: 23px; color: #526da0; }
body.member-v2-page #page-dash.member-v2 .dash-tab.on svg { color: var(--member-blue); fill: var(--member-blue); stroke: var(--member-blue); }
body.member-v2-page .member-v2-nav-group { font-size: 0; padding: 0; margin: 17px 6px 11px 0; border-top: 1px solid #e1ecfb; }
body.member-v2-page .member-v2-nav-group:first-of-type { display: none; }
@media (max-width: 1439px) and (min-width: 821px) {
  body.member-v2-page { --member-sidebar-width: 220px; }
  body.member-v2-page #page-dash.member-v2 { padding-left: 242px !important; padding-right: 22px !important; }
  body.member-v2-page #page-dash.member-v2 .dashboard-nav-panel { width: 220px; padding-left: 18px !important; padding-right: 14px !important; }
  body.member-v2-page #page-dash.member-v2 .dash-tab { font-size: 14px; gap: 12px; padding: 10px 12px; }
}
@media (max-width: 820px) {
  body.member-v2-page { --member-header-height: 64px; }
  body.member-v2-page .member-v2-header-inner { width: calc(100% - 32px); gap: 10px; }
  body.member-v2-page .member-v2-tools { gap: 6px; }
  body.member-v2-page .member-v2-language { gap: 0; padding: 0; }
  body.member-v2-page .member-v2-language > .member-v2-icon { display: none; }
  body.member-v2-page .member-v2-language button { font-size: 11px; padding: 0 5px; }
  body.member-v2-page .member-v2-tools .member-v2-wallet { font-size: 12px; padding: 8px; }
  body.member-v2-page .member-v2-notification, body.member-v2-page .member-v2-user { display: none; }
  body.member-v2-page #page-dash.member-v2 { padding: 14px 16px 96px !important; }
  body.member-v2-page #page-dash.member-v2 .dashboard-nav-panel { width: min(300px,85vw); top: 0; padding: 18px 16px !important; background: #fff !important; }
  body.member-v2-page #page-dash.member-v2 .dash-tab { font-size: 15px; gap: 16px; padding: 11px 16px; }
}
@media (prefers-reduced-motion: reduce) { body.member-v2-page *, body.member-v2-page *::after { scroll-behavior: auto !important; transition: none !important; } }