/* The mobile ledger and its designer preview share one layout. */
body[data-app="mall-mobile"][data-store-view="funds"] #accountView:has(#memberDashboard:not([hidden])) > .account-heading,
body[data-app="mall-mobile"][data-store-view="funds"] #memberCurrentLevel { display:none; }
/* Keep every account child page independent while its panel is loading. */
body[data-app="mall-mobile"][data-store-view]:not([data-store-view="overview"]) #mobileMemberOverview,
body[data-app="mall-mobile"][data-store-view]:not([data-store-view="overview"]) #memberDashboard > .member-welcome,
body[data-app="mall-mobile"][data-store-view]:not([data-store-view="overview"]) #memberDashboard > p,
body[data-app="mall-mobile"][data-store-view]:not([data-store-view="overview"]) #memberDashboard > .account-tabs,
body[data-app="mall-mobile"][data-store-view]:not([data-store-view="overview"]) #memberLogout { display:none!important; }
body[data-app="mall-mobile"] #accountView #memberDashboard > .member-panel[data-member-panel="funds"] { margin:0;padding:0;border:0;border-radius:0;background:transparent; }
body[data-app="mall-mobile"] #memberFundsRoot { margin:0;padding:0;background:transparent; }
.mfl-page { --mfl-accent:#c64c40;color:#242933;background:#f5f6f8;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:0;min-height:70vh; }
.mfl-page *,.mfl-dialog * { box-sizing:border-box; }
.mfl-page button,.mfl-page a { font:inherit;letter-spacing:0;box-shadow:none;cursor:pointer; }
.mfl-page button { border:0;background:transparent;color:inherit; }
.mfl-page button:disabled { opacity:.4;cursor:default; }
.mfl-page :is(button,a):focus-visible,.mfl-dialog :is(button,input,select):focus-visible { outline:2px solid #2169b8;outline-offset:2px; }
.mfl-page svg { width:18px;height:18px;flex-shrink:0; }
.mfl-heading { display:grid;grid-template-columns:94px minmax(0,1fr) 94px;align-items:center;min-height:58px;padding:4px 10px; }
.mfl-heading h1 { margin:0;padding:0;text-align:center;font-size:17px;line-height:1.4;font-weight:500;color:#242933; }
.mfl-heading>a { display:grid;place-items:center;width:44px;height:44px;color:#242933; }
.mfl-heading>div { display:flex;align-items:center;gap:2px; }
.mfl-heading button { display:grid;place-items:center;min-width:44px;height:44px;padding:0; }
.mfl-heading button.mfl-filter-button { color:var(--mfl-accent);font-size:13px;position:relative; }
.mfl-filter-button::before { position:absolute;inset:8px 0;content:"";border:1px solid #f2b3aa;border-radius:16px; }
.mfl-tabs { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 12px;border-bottom:1px solid #e6e8ed; }
.mfl-tabs button { position:relative;min-height:44px;padding:8px 0;font-size:13px;white-space:nowrap;color:#69717d;border-radius:0; }
.mfl-tabs button[aria-pressed="true"] { color:#bf473d;font-weight:600; }
.mfl-tabs button[aria-pressed="true"]::after { position:absolute;content:"";bottom:-1px;left:calc(50% - 14px);width:28px;height:2px;background:#d75648;border-radius:1px; }
.mfl-toolbar { display:flex;align-items:center;gap:5px;padding:8px 12px; }
.mfl-toolbar .mfl-filter-summary { display:flex;align-items:center;gap:6px;min-width:0;flex:1;height:40px;padding:0 12px;border-radius:20px;background:#fff;text-align:left;color:#737b87;font-size:12px; }
.mfl-filter-summary span { flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.mfl-filter-summary svg { width:15px;height:15px; }
.mfl-refresh { display:grid;place-items:center;flex-shrink:0;width:40px;min-height:44px;padding:0;color:#707989!important; }
.mfl-records { display:grid;gap:8px;margin:0;padding:0 12px; }
.mfl-records .mfl-row { display:block;min-width:0;width:100%;min-height:92px;padding:12px 12px 0;border:0;border-radius:8px;background:#fff;text-align:left;box-shadow:none; }
.mfl-row:active { background:#fffaf8; }
.mfl-row-main { display:flex;justify-content:space-between;align-items:baseline;gap:12px; }
.mfl-row-main strong { min-width:0;font-size:14px;font-weight:500;overflow-wrap:anywhere; }
.mfl-row-main b { flex-shrink:0;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums; }
.mfl-income { color:#008348!important; }.mfl-expense { color:#dd3936!important; }
.mfl-row-meta { display:flex;align-items:center;gap:7px;min-height:24px;color:#707987;font-size:12px;font-variant-numeric:tabular-nums; }
.mfl-row-meta .mfl-balance-label { padding:0 3px;font-size:11px;background:#f4f5f7;color:#707987;line-height:16px;border-radius:2px; }
.mfl-row-meta>span:last-child>span { padding:0 3px;color:#9098a4; }
.mfl-row-foot { display:flex;align-items:center;gap:6px;min-height:31px;border-top:1px solid #f0f1f4;color:#717987;font-size:11px; }
.mfl-row-foot time { flex-shrink:0;font-variant-numeric:tabular-nums; }
.mfl-reference { flex:1;min-width:0;margin-left:4px;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.mfl-detail-label { display:flex;align-items:center;gap:1px;font-size:10px;white-space:nowrap; }
.mfl-detail-label svg { width:12px;height:12px; }
.mfl-state { color:#b66415; }.mfl-state-paid { color:#008348; }.mfl-state-rejected,.mfl-state-failed { color:#cc3836; }.mfl-state-cancelled,.mfl-state-expired { color:#717987; }
.mfl-pagination { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;color:#717987;font-size:12px; }
.mfl-pagination>div { display:flex;gap:8px; }
.mfl-pagination button { display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #e1e4e9;border-radius:6px;background:#fff; }
.mfl-empty { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:280px;padding:32px 20px;text-align:center;color:#737b87; }
.mfl-empty>svg { width:36px;height:36px;color:#9098a4; }.mfl-empty p { margin:0;overflow-wrap:anywhere; }.mfl-empty button { min-height:44px;padding:8px 16px;color:#bd463b;border:1px solid #edb7af;border-radius:6px;background:#fff; }
.mfl-message { margin:0 12px 10px;padding:8px 12px;background:#e9f6ef;color:#267649;font-size:13px;border-radius:5px; }
.mfl-skeleton { display:grid;gap:8px; }.mfl-skeleton>div { position:relative;min-height:92px;border-radius:8px;background:#fff; }.mfl-skeleton :is(span,b,i,small) { position:absolute;height:9px;border-radius:3px;background:#edf0f4; }.mfl-skeleton span { top:16px;left:12px;width:72px; }.mfl-skeleton b { top:16px;right:12px;width:48px; }.mfl-skeleton i { top:40px;left:12px;width:110px; }.mfl-skeleton small { bottom:14px;left:12px;right:12px;height:6px; }
body[data-app="mall-mobile"] dialog.mfl-dialog { --mf-blue:#c64c40;width:calc(100% - 24px);max-width:480px;max-height:calc(100dvh - 36px);padding:0;border:0;border-radius:8px;background:#fff;color:#242933; }
body[data-app="mall-mobile"] dialog.mfl-dialog form { padding:0; }
body[data-app="mall-mobile"] dialog.mfl-dialog form>header,body[data-app="mall-mobile"] dialog.mfl-dialog form>footer { margin:0; }
body[data-app="mall-mobile"] dialog.mfl-dialog form>.mf-error { margin:0;padding:0 16px 12px; }
body[data-app="mall-mobile"] dialog.mfl-dialog .mf-primary:hover { background:#ad3c33;border-color:#ad3c33; }
body[data-app="mall-mobile"] .mfl-dialog form>header { padding:16px;border-bottom:1px solid #edf0f3; }.mfl-dialog header h2 { font-size:17px; }.mfl-dialog header button { min-width:44px;min-height:44px; }
.mfl-dialog .mf-modal-body { display:grid;gap:16px;padding:16px; }.mfl-dialog label { display:grid;gap:7px;min-width:0;font-size:13px;color:#565f6d; }.mfl-dialog :is(input,select) { width:100%;min-width:0;height:44px;padding:8px;border:1px solid #dce0e6;border-radius:5px;font:inherit;color:#303641;background:#fff; }
.mfl-dialog .mfl-date-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;border:0; }.mfl-date-fields legend { margin-bottom:9px;font-size:13px; }.mfl-date-fields input { font-size:12px; }
.mfl-dialog .mfl-date-presets { display:flex;flex-wrap:wrap;gap:8px; }.mfl-date-presets button { flex:1;min-width:65px;min-height:44px;padding:4px;border:1px solid #e2e5eb;border-radius:5px;background:#f7f8fa;color:#596270;font-size:12px; }
.mfl-dialog .mfl-reset { justify-self:start;min-height:44px;padding:4px 0;border:0;background:none;color:#bf493e; }.mfl-dialog form>footer { padding:12px 16px;gap:12px;border-top:1px solid #edf0f3; }.mfl-dialog footer button { min-height:44px; }.mfl-dialog footer [type="submit"] { background:#c64c40;color:white;border-color:#c64c40; }
.mfl-dialog .mf-facts { margin:0; }.mfl-dialog .mf-facts>div { display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid #f0f1f4; }.mfl-dialog .mf-facts dt { font-size:13px;color:#717987; }.mfl-dialog .mf-facts dd { min-width:0;margin:0;font-size:13px;text-align:right;overflow-wrap:anywhere; }
.mfl-detail-amount { display:grid;justify-items:center;gap:8px;padding:8px 0 14px; }.mfl-detail-amount span { font-size:14px;color:#737b87; }.mfl-detail-amount strong { font-size:30px;line-height:1.4;font-variant-numeric:tabular-nums; }
.mfl-account { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:8px 0 18px;border-bottom:1px solid #edf0f3; }.mfl-account dt { font-size:12px;color:#717987; }.mfl-account dd { margin:6px 0 0;font-size:21px;font-weight:600;overflow-wrap:anywhere; }
.mfl-actions { display:grid;gap:0; }.mfl-actions button { display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 0;border:0;border-bottom:1px solid #f0f1f4;border-radius:0;background:#fff;color:#333b48;font-size:14px; }.mfl-actions button span { flex:1;text-align:left; }.mfl-actions button svg { width:19px;height:19px;color:#c64c40; }
.mps-preview-mobile .mfl-page { min-height:0;padding-bottom:8px; }.mps-preview-mobile:has(.mfl-page)>.mps-preview-brand { display:none; }
@media(max-width:359px) { .mfl-row-foot { flex-wrap:wrap;padding:5px 0;gap:3px 6px; }.mfl-row-foot time { width:100%; }.mfl-reference { text-align:left;margin-left:0; }.mfl-row-foot .mfl-detail-label { margin-left:auto; } }

/* Mobile withdrawal workspace: dense, thumb-friendly, and separate from the PC finance panel. */
body[data-app="mall-mobile"] dialog.mfl-withdraw-dialog { width:min(100% - 16px, 480px);max-height:calc(100dvh - 16px);border-radius:16px;background:#f5f6f8; }
body[data-app="mall-mobile"] dialog.mfl-withdraw-dialog form>header { padding:12px 16px;background:#fff;border-bottom:1px solid #edf0f3; }
body[data-app="mall-mobile"] dialog.mfl-withdraw-dialog form>footer { display:none; }
.mfl-withdraw-dialog .mf-modal-body { display:block;padding:0;max-height:calc(100dvh - 76px);overflow:auto; }
.mw-workspace { min-height:100%;color:#252a33; }
.mw-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px 18px 20px;color:#fff;background:linear-gradient(135deg,#ff9a1f 0%,#ff5f19 53%,#ff3e38 100%); }
.mw-heading span { display:block;font-size:12px;opacity:.8; }.mw-heading h2 { margin:3px 0 0;font-size:24px;line-height:1.2; }.mw-heading>strong { font-size:25px;line-height:1.2;letter-spacing:.2px; }
.mw-tabs { display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 10px;background:#fff;border-bottom:1px solid #edf0f3; }
.mw-tabs button { min-height:40px;padding:5px 8px;border:0;border-radius:20px;background:transparent;color:#87909d;font-size:13px; }.mw-tabs button[aria-pressed="true"] { color:#f4512b;background:#fff1e9;font-weight:600; }
.mw-workspace [data-mw-view] { padding:12px; }.mw-balance-band { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;padding:14px 16px;border-radius:12px;background:#fff7f0;border:1px solid #ffe0c2; }.mw-balance-band span { color:#7e6655;font-size:12px; }.mw-balance-band strong { margin-left:auto;color:#ef4d28;font-size:21px; }.mw-balance-band small { display:none; }
.mw-apply-form,.mw-add-form { display:grid;gap:13px; }.mw-apply-form label,.mw-add-form label { display:grid;gap:7px;color:#5f6876;font-size:13px; }.mw-apply-form input,.mw-apply-form select,.mw-add-form input,.mw-add-form select { width:100%;height:46px;padding:10px 12px;border:1px solid #e1e5ea;border-radius:9px;background:#fff;color:#242a33;font:inherit;outline:none; }.mw-apply-form input:focus,.mw-apply-form select:focus,.mw-add-form input:focus,.mw-add-form select:focus { border-color:#f17b43;box-shadow:0 0 0 3px #fff0e6; }.mw-form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }.mw-saved-methods { display:grid;gap:8px; }.mw-saved-heading { display:flex;align-items:center;justify-content:space-between;color:#7a8491;font-size:12px; }.mw-saved-heading button { min-height:32px;padding:4px 8px;border:0;background:transparent;color:#ef5b32;font-size:12px; }.mw-saved-rail { display:flex;gap:8px;overflow:auto;padding-bottom:2px; }.mw-saved-rail button { flex:0 0 145px;display:grid;gap:3px;padding:10px;text-align:left;border:1px solid #e6e9ed;border-radius:9px;background:#fff;color:#303744; }.mw-saved-rail button strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px; }.mw-saved-rail button small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a929d;font-size:11px; }.mw-quote { margin:0;padding:10px 12px;border-radius:8px;background:#fff8ed;color:#bd5d27;font-size:12px; }.mw-form-note { margin:0;color:#9299a3;font-size:12px;line-height:1.6; }.mw-primary { display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:8px 18px;border:0;border-radius:23px;background:linear-gradient(90deg,#ff9d16,#ff452d);color:#fff;font-weight:600;box-shadow:0 7px 14px #ff7a2d2e; }.mw-primary:disabled { opacity:.45;box-shadow:none; }.mw-submit { width:100%;margin-top:2px;font-size:15px; }
.mw-empty,.mw-loading { display:grid;justify-items:center;gap:9px;min-height:300px;padding:70px 20px 40px;text-align:center;color:#a2a9b3; }.mw-empty svg { width:42px;height:42px;color:#c0c6cf; }.mw-empty strong { color:#707987;font-size:15px; }.mw-empty p { margin:0;max-width:260px;font-size:12px;line-height:1.6; }.mw-empty .mw-primary { min-width:150px;margin-top:6px; }.mw-add-link { display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:45px;margin-top:10px;border:1px dashed #f3ab82;border-radius:9px;background:#fffaf7;color:#e95d2c;font-size:13px; }.mw-add-link svg { width:16px;height:16px; }
.mw-method-list,.mw-record-list { display:grid;gap:9px; }.mw-method-item { display:grid;grid-template-columns:38px minmax(0,1fr) auto 32px;align-items:center;gap:9px;padding:12px;border:1px solid #e8eaee;border-radius:11px;background:#fff; }.mw-method-icon { display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff1e7;color:#ef5a2c; }.mw-method-icon svg { width:19px;height:19px; }.mw-method-item strong,.mw-method-item p { display:block;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.mw-method-item strong { font-size:13px; }.mw-method-item p { margin-top:4px;color:#8b939e;font-size:11px; }.mw-method-item button { min-height:34px;padding:5px 7px;border:0;border-radius:6px;background:#fff3eb;color:#e8572b;font-size:11px;white-space:nowrap; }.mw-method-item .mw-method-delete { display:grid;place-items:center;padding:0;background:transparent;color:#9ca3ad; }.mw-method-delete svg { width:16px;height:16px; }.mw-record-item { display:grid;grid-template-columns:minmax(0,1fr) auto 64px 18px;align-items:center;gap:8px;width:100%;padding:13px 11px;border:1px solid #e8eaee;border-radius:10px;background:#fff;text-align:left;color:#2f3743; }.mw-record-main { display:grid;gap:4px;min-width:0; }.mw-record-main strong,.mw-record-main small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.mw-record-main strong { font-size:13px; }.mw-record-main small { color:#9299a3;font-size:11px; }.mw-record-item>b { font-size:13px; }.mw-record-status { font-size:11px;text-align:right;color:#df7c20; }.mw-record-status.is-paid { color:#16865a; }.mw-record-status.is-rejected { color:#d14949; }.mw-record-status.is-cancelled { color:#8a929d; }.mw-record-item>svg { width:16px;height:16px;color:#a7adb6; }
.mw-add-hero { display:flex;align-items:center;gap:11px;padding:14px;border-radius:11px;background:linear-gradient(135deg,#fff3e8,#fff);border:1px solid #ffe0c7; }.mw-add-hero>span { display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#ffeadb;color:#f05d2e; }.mw-add-hero svg { width:20px;height:20px; }.mw-add-hero strong { display:block;font-size:15px; }.mw-add-hero p { margin:3px 0 0;color:#8d95a0;font-size:11px; }
@media(max-width:359px) { .mw-form-grid { grid-template-columns:1fr; }.mw-method-item { grid-template-columns:34px minmax(0,1fr) 32px; }.mw-method-item>[data-mw-use] { grid-column:2;justify-self:start; }.mw-method-item .mw-method-delete { grid-column:3;grid-row:1 / span 2; }.mw-heading h2 { font-size:21px; }.mw-heading>strong { font-size:21px; } }