/* WP MLM + E-Commerce - member frontend
 * v2.2.0 design system: Poppins, brand CSS variables, card-based
 * member area with a gradient sidebar and colored stat boxes.
 * Everything is scoped to the plugin wrappers (.mlm-wrap / .mlm-area
 * / .mlm-auth) so the active theme is never hijacked. Brand colors
 * come from MLM > Settings and are injected as inline overrides of
 * --mlm-primary / --mlm-primary2 (see mlm_brand_vars_css()). */
.mlm-wrap, .mlm-area {
	--mlm-primary: #6C5CE7;
	--mlm-primary2: #00B894;
	--mlm-ink: #232946;
	--mlm-muted: #6B7186;
	--mlm-line: #E6E8F2;
	--mlm-panel: #F4F6FB;
	--mlm-radius: 14px;
	--mlm-shadow: 0 6px 24px rgba(31, 38, 135, .07);
	font-family: 'Poppins', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	color: var(--mlm-ink);
}
.mlm-wrap { max-width: 980px; margin: 0 auto 24px; padding: 16px; box-sizing: border-box; }
.mlm-wrap *, .mlm-area * { box-sizing: border-box; }
.mlm-wrap input, .mlm-wrap select, .mlm-wrap textarea, .mlm-wrap button,
.mlm-area input, .mlm-area select, .mlm-area textarea, .mlm-area button { font-family: inherit; }
.mlm-wrap h3 { margin: 22px 0 10px; font-size: 1.12em; font-weight: 600; color: var(--mlm-ink); }
.mlm-notice { background: #EAFBF3; border: 1px solid #9FE3C0; border-left: 4px solid #00B894; color: #0B6B43; padding: 12px 16px; border-radius: 10px; margin-bottom: 16px; font-size: .95em; }
.mlm-empty { color: var(--mlm-muted); font-style: italic; padding: 8px 0; }
/* Stat / summary cards */
.mlm-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px; margin-bottom: 18px; }
.mlm-card { background: #fff; border: 1px solid var(--mlm-line); border-radius: var(--mlm-radius); padding: 16px; box-shadow: 0 2px 10px rgba(16, 24, 40, .05); }
.mlm-card-label { display: block; font-size: .78em; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--mlm-muted); margin-bottom: 6px; }
.mlm-card-value { display: block; font-size: 1.3em; font-weight: 700; color: var(--mlm-ink); word-break: break-word; line-height: 1.25; }
/* Colored gradient stat boxes (member-area dashboard) */
.mlm-stat { position: relative; overflow: hidden; border: 0; color: #fff; min-height: 104px; padding: 16px 16px 14px; box-shadow: 0 10px 22px rgba(16, 24, 40, .14); }
.mlm-stat .mlm-ico { position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; padding: 7px; border-radius: 10px; background: rgba(255, 255, 255, .22); color: #fff; }
.mlm-stat .mlm-card-label { color: rgba(255, 255, 255, .85); margin-top: 30px; }
.mlm-stat .mlm-card-value { color: #fff; font-size: 1.45em; }
.mlm-stat--wallet { background: linear-gradient(135deg, #0984E3, #0652DD); }
.mlm-stat--earnings { background: linear-gradient(135deg, #00B894, #00A37A); }
.mlm-stat--left-bv { background: linear-gradient(135deg, #8E44AD, #6C5CE7); }
.mlm-stat--right-bv { background: linear-gradient(135deg, #5F27CD, #341F97); }
.mlm-stat--referrals { background: linear-gradient(135deg, #F39C12, #E17055); }
.mlm-stat--team { background: linear-gradient(135deg, #00B8B8, #00838F); }
.mlm-stat--plan { background: linear-gradient(135deg, #E84393, #C2185B); }
.mlm-stat--code { background: linear-gradient(135deg, var(--mlm-primary), var(--mlm-primary2)); }
.mlm-stat--status { background: linear-gradient(135deg, #636E72, #2D3436); }
/* Referral link box */
.mlm-referral { background: #F7F8FC; border: 1px dashed #B9BED6; border-radius: 10px; padding: 12px 14px; word-break: break-all; }
/* Tables: card look, colored header, zebra rows */
.mlm-table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 12px 0 22px; background: #fff; border: 1px solid var(--mlm-line); border-radius: 12px; overflow: hidden; box-shadow: 0 2px 10px rgba(16, 24, 40, .05); }
.mlm-table th, .mlm-table td { border: 0; border-bottom: 1px solid #EDF0F6; padding: 10px 12px; text-align: left; vertical-align: top; font-size: .94em; }
.mlm-table thead th { background: #EEECFB; background: color-mix(in srgb, var(--mlm-primary) 12%, #fff); color: var(--mlm-ink); font-weight: 600; border-bottom: 2px solid var(--mlm-line); }
.mlm-table tbody tr:nth-child(even) { background: #F8F9FE; }
.mlm-table tbody tr:hover { background: #F1F0FE; }
.mlm-table tbody tr:last-child td { border-bottom: 0; }
/* Forms in cards */
.mlm-form { background: #fff; border: 1px solid var(--mlm-line); border-radius: var(--mlm-radius); box-shadow: var(--mlm-shadow); padding: 20px; margin: 12px 0 20px; }
.mlm-form label { display: block; margin-bottom: 14px; font-weight: 600; font-size: .93em; color: var(--mlm-ink); }
.mlm-form input[type="text"], .mlm-form input[type="email"],
.mlm-form input[type="password"], .mlm-form input[type="number"],
.mlm-form input[type="tel"], .mlm-form input[type="file"],
.mlm-form select, .mlm-form textarea {
	width: 100%; padding: 11px 12px; margin-top: 5px; border: 1px solid #D4D9E6;
	border-radius: 10px; font-weight: 400; font-size: .95em; background: #fff; color: var(--mlm-ink);
	transition: border-color .15s ease, box-shadow .15s ease;
}
.mlm-form input:focus, .mlm-form select:focus, .mlm-form textarea:focus {
	border-color: var(--mlm-primary); outline: none;
	box-shadow: 0 0 0 3px rgba(108, 92, 231, .18);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--mlm-primary) 22%, transparent);
}
.mlm-btn { display: inline-block; background: linear-gradient(135deg, var(--mlm-primary), var(--mlm-primary2)); color: #fff; border: 0; border-radius: 10px; padding: 11px 22px; cursor: pointer; font-size: .95em; font-weight: 600; text-decoration: none; box-shadow: 0 6px 16px rgba(108, 92, 231, .25); transition: transform .15s ease, filter .15s ease; }
.mlm-btn:hover { filter: brightness(1.07); transform: translateY(-1px); color: #fff; }
.mlm-btn:active { transform: translateY(0); }
.mlm-btn-secondary { background: linear-gradient(135deg, #636E72, #2D3436); box-shadow: 0 6px 16px rgba(45, 52, 54, .22); }
.mlm-btn-secondary:hover { background: linear-gradient(135deg, #636E72, #2D3436); color: #fff; }
.mlm-login-form { max-width: 420px; }
.mlm-login-prompt { text-align: center; padding: 34px 16px; }
/* Products */
.mlm-products { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; }
.mlm-product { background: #fff; border: 1px solid var(--mlm-line); border-radius: var(--mlm-radius); box-shadow: 0 2px 10px rgba(16, 24, 40, .05); padding: 14px; text-align: center; }
.mlm-product img { max-width: 100%; height: auto; border-radius: 8px; }
.mlm-product h4 { margin: 10px 0 4px; font-size: 1em; font-weight: 600; }
.mlm-price { font-weight: 700; color: var(--mlm-primary); margin: 0; }
/* Binary tree */
.mlm-tree-wrap { overflow-x: auto; padding-bottom: 10px; }
.mlm-tree, .mlm-tree ul { list-style: none; margin: 0; padding-left: 22px; position: relative; }
.mlm-tree { padding-left: 0; }
.mlm-tree li { margin: 6px 0; position: relative; }
.mlm-tree-node {
	display: inline-block; background: #EEECFB; background: color-mix(in srgb, var(--mlm-primary) 10%, #fff); border: 1px solid #C9C2F2; border-color: color-mix(in srgb, var(--mlm-primary) 35%, #fff); color: var(--mlm-ink);
	border-radius: 20px; padding: 6px 14px; cursor: pointer; font-size: .92em; white-space: nowrap;
}
.mlm-tree-node:hover { background: #E2DEF9; background: color-mix(in srgb, var(--mlm-primary) 18%, #fff); }
.mlm-tree-node.is-open { background: var(--mlm-primary); color: #fff; }
.mlm-tree-code { font-weight: 700; }
.mlm-tree-side { text-transform: uppercase; font-size: .78em; background: rgba(0, 0, 0, .08); border-radius: 8px; padding: 1px 7px; }
.mlm-tree-status { font-size: .82em; opacity: .8; }
.mlm-tree-children:empty { display: none; }
/* v2.1 + v2.2: combined auth page — pill tab switch + card panels */
.mlm-auth { max-width: 540px; }
.mlm-auth-tabs { display: flex; gap: 6px; background: #ECECF6; padding: 6px; border-radius: 999px; margin-bottom: 16px; }
.mlm-auth-tab { flex: 1; text-align: center; padding: 10px 12px; border-radius: 999px; background: transparent; color: #5A5F7A; font-weight: 600; text-decoration: none; transition: background .15s ease, color .15s ease; }
.mlm-auth-tab:hover { color: var(--mlm-ink); background: rgba(255, 255, 255, .65); }
.mlm-auth-tab.is-active { background: linear-gradient(135deg, var(--mlm-primary), var(--mlm-primary2)); color: #fff; box-shadow: 0 6px 14px rgba(108, 92, 231, .28); }
.mlm-auth-tab.is-active:hover { color: #fff; background: linear-gradient(135deg, var(--mlm-primary), var(--mlm-primary2)); }
.mlm-auth-panel { border: 1px solid var(--mlm-line); border-radius: 16px; background: #fff; box-shadow: 0 12px 32px rgba(16, 24, 40, .09); overflow: hidden; }
.mlm-auth-panel.is-hidden { display: none; }
.mlm-auth-panel .mlm-form { border: 0; margin: 0; border-radius: 0; box-shadow: none; padding: 22px; }
.mlm-auth-errors { background: #FDECEC; border: 1px solid #F2B8B8; color: #8A2424; border-radius: 10px; padding: 12px 14px; margin: 16px 16px 0; font-size: .93em; }
.mlm-auth-errors ul { margin: 0; padding-left: 18px; }
.mlm-auth-switch { margin: 14px 0 0; font-size: .95em; color: var(--mlm-muted); }
.mlm-auth-switch a { color: var(--mlm-primary); font-weight: 600; }
.mlm-form label.mlm-terms { display: flex; align-items: flex-start; gap: 8px; font-weight: 400; }
.mlm-form label.mlm-terms input[type="checkbox"] { margin-top: 3px; accent-color: var(--mlm-primary); width: 16px; height: 16px; }
.mlm-mobile-row { display: flex; gap: 8px; }
.mlm-mobile-row select { flex: 0 0 44%; width: 44%; }
.mlm-mobile-row input { flex: 1; }
/* v2.1 + v2.2: member area — gradient sidebar, separated menu rows, card content */
.mlm-area { display: flex; gap: 20px; max-width: 1180px; margin: 0 auto 24px; align-items: flex-start; background: var(--mlm-panel); border-radius: 20px; padding: 20px; }
.mlm-area-side { flex: 0 0 262px; width: 262px; background: linear-gradient(175deg, #1D2140 0%, #262B52 58%, #2E3260 100%); border-radius: 16px; overflow: hidden; position: sticky; top: 16px; box-shadow: 0 14px 30px rgba(23, 25, 54, .28); }
.mlm-area-member { display: flex; align-items: center; gap: 12px; padding: 18px 16px; border-bottom: 1px solid rgba(255, 255, 255, .13); }
.mlm-area-avatar { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; background: linear-gradient(135deg, var(--mlm-primary), var(--mlm-primary2)); color: #fff; font-size: 1.25em; font-weight: 700; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0, 0, 0, .3); }
.mlm-area-member-meta { min-width: 0; }
.mlm-area-member-name { display: block; font-size: 1.02em; font-weight: 600; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mlm-area-member-code { display: block; color: rgba(255, 255, 255, .72); font-size: .85em; margin-top: 1px; }
.mlm-plan-badge { display: inline-block; margin-top: 7px; background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .35); color: #fff; border-radius: 999px; padding: 2px 11px; font-size: .76em; font-weight: 600; letter-spacing: .02em; }
.mlm-area-nav { display: flex; flex-direction: column; padding: 12px; }
.mlm-area-link { display: flex; align-items: center; gap: 11px; padding: 11px 13px; margin-bottom: 6px; border-radius: 10px; color: rgba(255, 255, 255, .87); text-decoration: none; font-size: .95em; line-height: 1.3; transition: background .15s ease, color .15s ease, transform .15s ease; }
.mlm-area-link .mlm-ico { flex: 0 0 19px; width: 19px; height: 19px; opacity: .92; }
.mlm-area-link:hover { background: rgba(255, 255, 255, .1); color: #fff; transform: translateX(3px); }
.mlm-area-link.is-active { background: linear-gradient(135deg, var(--mlm-primary), var(--mlm-primary2)); color: #fff; font-weight: 600; box-shadow: 0 8px 18px rgba(0, 0, 0, .28); }
.mlm-area-link.is-active:hover { transform: none; }
.mlm-area-logout { color: #FFB9B9; margin-bottom: 0; margin-top: 6px; border-top: 1px solid rgba(255, 255, 255, .13); border-radius: 0 0 10px 10px; padding-top: 13px; }
.mlm-area-logout:hover { background: rgba(214, 48, 49, .28); color: #fff; }
.mlm-area-main { flex: 1; min-width: 0; }
.mlm-area-card { background: #fff; border-radius: var(--mlm-radius); box-shadow: var(--mlm-shadow); padding: 22px 24px; }
.mlm-area-main .mlm-wrap { max-width: none; padding: 0; margin: 0; }
.mlm-area-title { margin: 0 0 18px; font-size: 1.32em; font-weight: 700; color: var(--mlm-ink); }
.mlm-area-title::after { content: ''; display: block; width: 48px; height: 4px; border-radius: 4px; margin-top: 8px; background: linear-gradient(90deg, var(--mlm-primary), var(--mlm-primary2)); }
.mlm-area-ref { background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, var(--mlm-primary), var(--mlm-primary2)) border-box; border: 2px solid transparent; border-radius: var(--mlm-radius); padding: 16px; margin-bottom: 18px; }
.mlm-area-ref-label { display: block; font-size: .8em; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--mlm-muted); margin-bottom: 9px; }
.mlm-area-ref-box { display: flex; gap: 8px; }
.mlm-area-ref-input { flex: 1; padding: 11px 12px; border: 1px solid #D4D9E6; border-radius: 10px; font-size: .98em; background: #F7F8FC; color: var(--mlm-ink); }
.mlm-area-ref-link { display: inline-block; margin-top: 9px; word-break: break-all; color: var(--mlm-primary); font-size: .92em; }
.mlm-area-login { max-width: 540px; margin: 0 auto; }
/* Badges / status pills */
.mlm-badge { display: inline-block; background: #EEF0F6; color: #50575E; border-radius: 999px; padding: 4px 13px; font-size: .83em; font-weight: 600; }
.mlm-badge-pending { background: #FEF3D8; color: #8A6D00; }
.mlm-badge-achieved { background: #E3F7EC; color: #0B6B43; }
.mlm-badge-paid { background: linear-gradient(135deg, var(--mlm-primary), var(--mlm-primary2)); color: #fff; }
.mlm-badge-rejected { background: #FDECEC; color: #8A2424; }
/* Rewards */
.mlm-reward { border: 1px solid var(--mlm-line); border-radius: var(--mlm-radius); box-shadow: 0 2px 10px rgba(16, 24, 40, .05); padding: 16px 18px; margin-bottom: 14px; background: #fff; }
.mlm-reward-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.mlm-reward-prize { margin: 8px 0 4px; }
.mlm-reward-progress-text { margin: 0 0 6px; color: var(--mlm-muted); font-size: .92em; }
.mlm-progress { background: #ECECF6; border-radius: 999px; height: 12px; overflow: hidden; }
.mlm-progress-bar { background: linear-gradient(90deg, var(--mlm-primary), var(--mlm-primary2)); height: 100%; border-radius: 999px; }
/* v2.3.0: wallet bucket stat boxes + ledger bucket pills */
.mlm-stat--referral-bucket { background: linear-gradient(135deg, #0984E3, #0652DD); }
.mlm-stat--team-bucket { background: linear-gradient(135deg, #00B8B8, #00838F); }
.mlm-stat--reward-bucket { background: linear-gradient(135deg, #F39C12, #D35400); }
.mlm-stat--other-bucket { background: linear-gradient(135deg, #8E44AD, #6C5CE7); }
.mlm-pill { display: inline-block; border-radius: 999px; padding: 2px 10px; font-size: .78em; font-weight: 600; white-space: nowrap; margin: 1px 2px 1px 0; }
.mlm-pill--referral { background: #DCEEFF; color: #0652DD; }
.mlm-pill--team { background: #D7F5F5; color: #00707A; }
.mlm-pill--reward { background: #FDEBD0; color: #9A5B00; }
.mlm-pill--other { background: #EFE4F7; color: #6C3483; }
.mlm-muted { color: var(--mlm-muted); }
/* v2.3.0: payout defaults fieldset + e-PIN balance line */
.mlm-payout-defaults { border: 1px solid var(--mlm-line); border-radius: 12px; padding: 14px 16px 4px; margin: 0 0 16px; }
.mlm-payout-defaults legend { font-weight: 600; font-size: .92em; padding: 0 6px; color: var(--mlm-ink); }
.mlm-epin-balances { color: var(--mlm-muted); font-size: .93em; margin: 2px 0 14px; }
.mlm-epin-balances strong { color: var(--mlm-ink); }
/* v2.3.0: genealogy tree view toggle */
.mlm-view-toggle { display: flex; gap: 6px; margin-bottom: 16px; }
.mlm-view-btn { padding: 7px 16px; border-radius: 999px; border: 1px solid var(--mlm-line); background: #fff; color: var(--mlm-muted); font-weight: 600; font-size: .88em; text-decoration: none; }
.mlm-view-btn.is-active { background: linear-gradient(135deg, var(--mlm-primary), var(--mlm-primary2)); color: #fff; border-color: transparent; }
/* v2.3.0: visual genealogy tree — boxes 3 per row, colored by level,
 * connector line above each children block, horizontal scroll on
 * small screens. */
.mlm-gtree-wrap { overflow-x: auto; padding: 6px 2px 12px; }
.mlm-gtree { min-width: 560px; }
.mlm-gtree-row { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin: 0 auto; max-width: 860px; }
.mlm-gtree-row--root { margin-bottom: 0; }
.mlm-gtree-kids { display: none; position: relative; margin-top: 26px; padding-top: 20px; }
.mlm-gtree-kids.is-open { display: block; }
.mlm-gtree-kids::before { content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 20px; background: linear-gradient(180deg, var(--mlm-primary), var(--mlm-primary2)); }
.mlm-gtree-kids::after { content: ''; position: absolute; top: 0; left: 18%; right: 18%; height: 2px; background: linear-gradient(90deg, var(--mlm-primary), var(--mlm-primary2)); opacity: .55; }
.mlm-gtree-caption { text-align: center; color: var(--mlm-muted); font-size: .82em; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 10px; }
.mlm-gtree-node { position: relative; flex: 0 1 calc(33.333% - 12px); min-width: 160px; max-width: 270px; border-radius: 14px; padding: 12px 14px 11px; box-shadow: 0 4px 14px rgba(16, 24, 40, .10); border: 1px solid rgba(255, 255, 255, .5); color: #fff; }
.mlm-gtree-node .mlm-gtree-user { display: block; font-size: 1em; font-weight: 600; line-height: 1.25; word-break: break-word; padding-right: 30px; }
.mlm-gtree-node .mlm-gtree-code { display: block; font-size: .84em; opacity: .88; margin-top: 2px; padding-right: 30px; }
.mlm-gtree-node .mlm-gtree-meta { display: block; font-size: .78em; opacity: .85; margin-top: 5px; padding-right: 30px; }
.mlm-gtree-node.is-root .mlm-gtree-code, .mlm-gtree-node.is-root .mlm-gtree-meta { padding-right: 0; }
.mlm-gtree-badge { position: absolute; top: 10px; right: 12px; background: rgba(255, 255, 255, .25); border: 1px solid rgba(255, 255, 255, .5); color: #fff; border-radius: 999px; padding: 1px 9px; font-size: .72em; font-weight: 700; letter-spacing: .03em; }
.mlm-gtree-node.is-root { background: linear-gradient(135deg, var(--mlm-primary), var(--mlm-primary2)); flex-basis: 300px; max-width: 320px; text-align: center; box-shadow: 0 10px 24px rgba(108, 92, 231, .35); }
.mlm-gtree-node.is-root .mlm-gtree-user { padding-right: 0; font-size: 1.12em; }
.mlm-gtree-node.is-root .mlm-gtree-badge { position: static; display: inline-block; margin-bottom: 6px; }
.mlm-gtree-node--l1 { background: linear-gradient(135deg, #0984E3, #0652DD); }
.mlm-gtree-node--l2 { background: linear-gradient(135deg, #00B8B8, #00838F); }
.mlm-gtree-node--l3 { background: linear-gradient(135deg, #00B894, #00916E); }
.mlm-gtree-node--l4 { background: linear-gradient(135deg, #6C5CE7, #4834D4); }
.mlm-gtree-node--l5 { background: linear-gradient(135deg, #8E44AD, #6C3483); }
.mlm-gtree-node--l6 { background: linear-gradient(135deg, #E84393, #C2185B); }
.mlm-gtree-node--l7 { background: linear-gradient(135deg, #F39C12, #D35400); }
.mlm-gtree-node--l8 { background: linear-gradient(135deg, #E17055, #C0392B); }
.mlm-gtree-node--l9 { background: linear-gradient(135deg, #636E72, #2D3436); }
.mlm-gtree-node--l10 { background: linear-gradient(135deg, #232946, #11142B); }
.mlm-gtree-toggle { position: absolute; bottom: 10px; right: 12px; width: 26px; height: 26px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .65); background: rgba(255, 255, 255, .22); color: #fff; font-size: 1.05em; font-weight: 700; line-height: 1; cursor: pointer; padding: 0; transition: background .15s ease, transform .15s ease; }
.mlm-gtree-toggle:hover { background: rgba(255, 255, 255, .4); }
.mlm-gtree-toggle.is-open { transform: rotate(45deg); }
.mlm-gtree-more { flex: 0 1 calc(33.333% - 12px); min-width: 160px; max-width: 270px; border-radius: 14px; border: 2px dashed #B9BED6; background: #F7F8FC; color: var(--mlm-primary); font-weight: 700; font-size: .95em; cursor: pointer; padding: 12px 14px; transition: background .15s ease, border-color .15s ease; }
.mlm-gtree-more:hover { background: #EEECFB; border-color: var(--mlm-primary); }
.mlm-gtree-hint { color: var(--mlm-muted); font-size: .9em; margin-top: 4px; }
.mlm-reward-cash { color: var(--mlm-muted); font-size: .9em; }
/* v2.4.0: payment gate — signup payment box, Not Paid badge +
 * banner, locked amounts */
.mlm-pay-box { border: 1px solid #F2C14E; background: #FFFBEB; border-radius: 12px; padding: 14px 16px 6px; margin: 0 0 16px; }
.mlm-pay-box-title { display: block; color: #8A6D00; margin-bottom: 6px; }
.mlm-pay-instructions { white-space: normal; color: var(--mlm-ink); font-size: .94em; margin-bottom: 10px; }
.mlm-pay-hint { color: var(--mlm-muted); font-size: .88em; margin: 4px 0 10px; }
.mlm-pay-badge { display: inline-block; background: linear-gradient(135deg, #F39C12, #E17055); color: #fff; border-radius: 999px; padding: 2px 11px; font-size: .76em; font-weight: 700; letter-spacing: .02em; margin-left: 6px; vertical-align: middle; }
.mlm-pay-banner { background: #FFFBEB; border: 1px solid #F2C14E; border-left: 5px solid #F39C12; color: #6B5410; border-radius: 12px; padding: 14px 16px; margin-bottom: 16px; font-size: .95em; }
.mlm-pay-banner-title { color: #8A6D00; }
.mlm-pay-note { font-weight: 600; }
.mlm-pay-form { margin-top: 10px; border: 0; box-shadow: none; padding: 0; background: transparent; }
.mlm-pill--locked { background: #FDEBD0; color: #9A5B00; border: 1px solid #F2C14E; }
.mlm-stat--available { background: linear-gradient(135deg, #00B894, #00916E); }
.mlm-stat--locked { background: linear-gradient(135deg, #F39C12, #D35400); }
.mlm-badge-locked { background: #FDEBD0; color: #9A5B00; }
.mlm-pay-locked-detail { color: #9A5B00; font-size: .92em; margin: 2px 0 14px; }
/* Responsive */
@media (max-width: 900px) {
	.mlm-area { flex-direction: column; padding: 14px; }
	.mlm-area-side { flex: none; width: 100%; position: static; }
	.mlm-area-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
	.mlm-area-link { margin-bottom: 0; }
	.mlm-area-link:hover { transform: none; }
	.mlm-area-logout { grid-column: 1 / -1; }
	.mlm-area-main { width: 100%; }
}
@media (max-width: 768px) {
	.mlm-wrap { padding: 10px; }
	.mlm-cards { grid-template-columns: repeat(2, 1fr); }
	.mlm-table { display: block; overflow-x: auto; white-space: nowrap; }
	.mlm-products { grid-template-columns: repeat(2, 1fr); }
	.mlm-btn { width: 100%; text-align: center; }
	.mlm-area-ref-box { flex-wrap: wrap; }
	.mlm-area-ref-box .mlm-btn { width: auto; }
}
@media (max-width: 460px) {
	.mlm-cards { grid-template-columns: 1fr; }
	.mlm-products { grid-template-columns: 1fr; }
	.mlm-area-nav { grid-template-columns: 1fr; }
	.mlm-area-card { padding: 18px 16px; }
	.mlm-tree, .mlm-tree ul { padding-left: 14px; }
	.mlm-tree-node { padding: 5px 10px; }
}