/* XPRO THEME BUNDLE 029 · design25 → design28 → 029 polish. */

/* START xpro-design25.css */
/* XPRO Design System 2.5 • scoped upgrade; does not alter financial controllers. */
:root{--xp25-bg:#090d13;--xp25-panel:#141b25;--xp25-panel2:#1b2531;--xp25-stroke:rgba(198,213,235,.105);--xp25-ink:#f4f7fc;--xp25-muted:#95a3b7;--xp25-orange:#ff8b37;--xp25-orange2:#ffb46d;--xp25-green:#4bddaa;--xp25-radius:22px;--xp25-shadow:0 22px 65px rgba(2,5,10,.28)}
html{color-scheme:dark;scroll-behavior:smooth}body.x25-ui{background:radial-gradient(ellipse 85% 50% at 0% -5%,#1b2534 0%,transparent 65%),var(--xp25-bg)!important;color:var(--xp25-ink)!important;font:400 15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Noto Sans",Arial,sans-serif!important;min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.x25-ui *{box-sizing:border-box}body.x25-ui img{max-width:100%}body.x25-ui a{transition:color .18s,background-color .18s,border-color .18s,transform .18s}body.x25-ui button,body.x25-ui input,body.x25-ui select,body.x25-ui textarea{font:inherit}body.x25-ui button:not([disabled]){cursor:pointer}body.x25-ui :focus-visible{outline:2px solid var(--xp25-orange);outline-offset:3px}body.x25-ui [hidden]{display:none!important}body.x25-ui h1,body.x25-ui h2,body.x25-ui h3{color:var(--xp25-ink);letter-spacing:-.025em;line-height:1.2}
body.x25-ui .wrapper.inner{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;min-height:calc(100dvh - 100px)}
body.x25-ui .xp-page,body.x25-ui .x7-wrap,body.x25-ui .x15-page,body.x25-ui .x8-page,body.x25-ui .x19-page{width:min(1120px,calc(100% - 32px))!important;max-width:1120px!important;margin:0 auto!important;padding:34px 0 132px!important;background:transparent!important;box-shadow:none!important;min-height:0}
body.x25-ui .xp-page-header,body.x25-ui .x7-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin:0 0 26px;padding:0!important;border:0!important;background:transparent!important}
body.x25-ui .xp-page-header h1,body.x25-ui .x7-heading h1{font-size:clamp(26px,4vw,38px)!important;line-height:1.12!important;font-weight:800!important;margin:5px 0 8px!important;color:var(--xp25-ink)!important}
body.x25-ui .xp-eyebrow,body.x25-ui .x7-kicker,body.x25-ui .x15-eyebrow,body.x25-ui .xp-page-header>div>div:first-child{font-size:10px!important;letter-spacing:.18em!important;text-transform:uppercase!important;font-weight:800!important;color:var(--xp25-orange2)!important}
body.x25-ui .xp-page-header p,body.x25-ui .x7-muted,body.x25-ui .x7-heading p{color:var(--xp25-muted)!important;font-size:13px!important;line-height:1.5!important;margin:0}
body.x25-ui .x7-panel,body.x25-ui .xp-account-card,body.x25-ui .xp-section,body.x25-ui .x15-income-card,body.x25-ui .x15-archive-card,body.x25-ui .x8-product-card,body.x25-ui .x15-deposit-card,body.x25-ui .x15-payment-card,body.x25-ui .x15-intent-card,body.x25-ui .x11-plan,body.x25-ui .x7-section{background:linear-gradient(156deg,#1a2330,#121923 72%)!important;border:1px solid var(--xp25-stroke)!important;border-radius:var(--xp25-radius)!important;box-shadow:var(--xp25-shadow)!important;color:var(--xp25-ink)!important}
body.x25-ui .x7-panel p,body.x25-ui .xp-section p{line-height:1.55}
/* Universal control styling on migrated and legacy user pages */
body.x25-ui .x7-wrap input:not([type=checkbox]):not([type=radio]),body.x25-ui .x7-wrap select,body.x25-ui .x7-wrap textarea,body.x25-ui .xp-page input:not([type=checkbox]):not([type=radio]),body.x25-ui .xp-page select,body.x25-ui .xp-page textarea,body.x25-ui .auth input,body.x25-ui .auth select,body.x25-ui .x15-deposit-form select{background:#0e151e!important;color:var(--xp25-ink)!important;border:1px solid #394655!important;border-radius:13px!important;min-height:44px!important;padding:10px 14px!important;max-width:100%}
body.x25-ui input::placeholder,body.x25-ui textarea::placeholder{color:#78869b!important}
body.x25-ui .x7-button,body.x25-ui .x15-btn-primary,body.x25-ui .x8-buy-button:not(.x8-bought),body.x25-ui .x25-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#1b1108!important;background:linear-gradient(120deg,#ffb36d,#ff8a35)!important;border:1px solid rgba(255,193,132,.42)!important;border-radius:13px!important;font-weight:800!important;padding:11px 17px!important;text-decoration:none!important;box-shadow:0 8px 24px rgba(255,137,42,.18)!important}
body.x25-ui .x15-btn-secondary,body.x25-ui .x15-btn-ghost,body.x25-ui .x7-link,body.x25-ui .x15-text-link,body.x25-ui .x25-btn-secondary{display:inline-flex;gap:6px;align-items:center;justify-content:center;background:#25303e!important;color:#f1f6fb!important;border:1px solid var(--xp25-stroke)!important;border-radius:13px!important;padding:10px 15px!important;font-weight:700!important;text-decoration:none!important}
body.x25-ui button:disabled{opacity:.54!important;cursor:not-allowed!important;box-shadow:none!important}
/* Fixed navigation and language picker */
body.x25-ui .xp-bottom-nav{position:fixed!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;left:50%!important;transform:translateX(-50%)!important;width:min(560px,calc(100% - 24px))!important;border:1px solid rgba(180,202,235,.16)!important;border-radius:21px!important;background:rgba(18,26,37,.94)!important;box-shadow:0 12px 48px rgba(0,0,0,.52)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:2000;padding:6px!important}
body.x25-ui .xp-bottom-inner{background:transparent!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;padding:0!important;margin:0!important;box-shadow:none!important;max-width:none!important;width:100%!important}
body.x25-ui .xp-nav-item{min-width:0;display:flex!important;flex-direction:column;align-items:center;gap:3px;justify-content:center;padding:10px 3px!important;text-align:center;border-radius:14px!important;background:transparent!important;color:#94a3b7!important;text-decoration:none!important;font-size:10px!important;line-height:1.2!important;font-weight:650!important}
body.x25-ui .xp-nav-item iconify-icon{font-size:22px!important}body.x25-ui .xp-nav-item.is-active{background:#3b2b24!important;color:#ffba7c!important}body.x25-ui .xp-nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
body.x25-ui .xp-lang-dock{z-index:2300!important}body.x25-ui .xp-lang-trigger{background:rgba(28,37,51,.95)!important;border:1px solid rgba(200,216,238,.16)!important;border-radius:16px!important;color:#eaf0f8!important;box-shadow:0 9px 28px rgba(0,0,0,.3)!important}
body.x25-ui .xp-lang-panel{background:#19222e!important;color:var(--xp25-ink)!important;border:1px solid var(--xp25-stroke)!important;border-radius:24px!important}
body.x25-ui .xp-lang-option button{color:var(--xp25-ink)!important}
/* Designed dashboard */
.x25-home{max-width:1120px;margin:0 auto;padding:24px 16px 134px}.x25-topline{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;gap:12px}.x25-wordmark{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:900;letter-spacing:.08em}.x25-wordmark img{width:30px;height:30px;object-fit:contain;border-radius:9px}.x25-overline{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#ffae68}.x25-hero{position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.12);overflow:hidden;border-radius:29px;background:#111d2b;min-height:300px;box-shadow:0 26px 68px rgba(0,0,0,.27)}.x25-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:70% center;inset:0;z-index:-2}.x25-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(93deg,rgba(10,14,21,.94),rgba(12,16,24,.83) 42%,rgba(9,12,19,.12) 100%),linear-gradient(0deg,rgba(6,8,14,.28),transparent);z-index:-1}.x25-hero-content{padding:clamp(24px,5vw,50px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:300px;max-width:670px}.x25-hero-kicker{display:inline-flex;padding:7px 12px;border:1px solid rgba(255,180,111,.35);border-radius:30px;color:#ffd3a9;background:rgba(255,137,51,.12);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.x25-hero h1{font-size:clamp(29px,4.5vw,49px)!important;line-height:1.08!important;letter-spacing:-.045em!important;margin:18px 0 12px!important;color:#fff!important}.x25-hero p{margin:0 0 23px!important;color:#bdc9d8!important;font-size:clamp(13px,1.7vw,15px)!important;max-width:540px}.x25-btn-row{display:flex;flex-wrap:wrap;gap:10px}.x25-home .x25-btn-primary,.x25-home .x25-btn-secondary{min-height:44px}.x25-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:30px 0 15px}.x25-heading h2{margin:2px 0 0!important;font-size:clamp(19px,2.5vw,23px)!important}.x25-heading p{margin:0;color:var(--xp25-muted);font-size:12px}.x25-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.x25-stat,.x25-quicklink,.x25-info-panel,.x25-plan-panel{background:linear-gradient(155deg,#1b2533,#131b26);border:1px solid var(--xp25-stroke);border-radius:21px;box-shadow:var(--xp25-shadow)}.x25-stat{padding:18px;min-width:0}.x25-stat .label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--xp25-muted)}.x25-stat strong{display:block;margin:12px 0 0;font-size:clamp(17px,2.4vw,25px);font-weight:850;letter-spacing:-.02em;overflow-wrap:anywhere}.x25-stat iconify-icon{color:var(--xp25-orange2);font-size:17px}.x25-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.x25-quicklink{display:flex;flex-direction:column;gap:13px;min-height:145px;padding:18px;text-decoration:none!important;color:var(--xp25-ink)!important}.x25-quicklink:hover{border-color:rgba(255,158,73,.45);transform:translateY(-2px)}.x25-quicklink .glyph{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:rgba(255,141,55,.12);color:var(--xp25-orange2);font-size:21px}.x25-quicklink strong{font-size:14px}.x25-quicklink small{font-size:12px;color:var(--xp25-muted);line-height:1.4}.x25-info-panel{padding:22px}.x25-info-panel p{font-size:14px;color:var(--xp25-muted);max-width:760px;margin:9px 0 0}.x25-plan-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px}.x25-plan-panel .label{color:var(--xp25-muted);font-size:12px}.x25-plan-panel strong{display:block;margin:6px 0 0;font-size:17px}.x25-plan-panel iconify-icon{font-size:28px;color:var(--xp25-orange2)}
/* Market: polished compact 2 columns, without changing purchase dialogs/POST */
body.x25-ui .x15-market-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
body.x25-ui .x15-market-card{min-width:0!important;overflow:hidden!important;padding:0!important;display:flex!important;flex-direction:column!important;box-shadow:var(--xp25-shadow)!important;transition:transform .2s,border-color .2s}body.x25-ui .x15-market-card:hover{transform:translateY(-3px);border-color:rgba(255,151,72,.38)!important}
body.x25-ui .x15-market-art{background:linear-gradient(140deg,#202d40,#121a26);aspect-ratio:16/9!important;min-height:0!important;max-height:none!important;border-radius:0!important;overflow:hidden!important;padding:10px!important}body.x25-ui .x15-market-art img{width:100%;height:100%;object-fit:contain!important;border-radius:13px!important;background:rgba(0,0,0,.16)}
body.x25-ui .x15-market-body{display:flex;flex-direction:column;gap:8px;padding:16px!important;flex:1}body.x25-ui .x15-market-body h2{font-size:clamp(14px,2vw,19px)!important;line-height:1.28!important;margin:0!important;overflow-wrap:anywhere}
body.x25-ui .x15-market-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px!important}body.x25-ui .x15-market-stats>div{background:#101722;border:1px solid var(--xp25-stroke);border-radius:13px;padding:10px;min-width:0}body.x25-ui .x15-market-stats small,body.x25-ui .x15-market-price small{font-size:11px!important;color:var(--xp25-muted)!important;display:block}body.x25-ui .x15-market-stats strong{display:block;font-size:clamp(12px,1.8vw,15px)!important;word-break:break-word}body.x25-ui .x15-market-price{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0!important}body.x25-ui .x15-market-price strong{font-size:19px!important;color:#ffc08b}body.x25-ui .x8-buy-button{width:100%;min-height:42px;font-size:13px!important;margin-top:auto!important}body.x25-ui .x8-bought{background:#2b3441!important;color:#aab5c5!important;border-radius:13px!important}
/* Transactional dialog remains the functional PATCH-011 form */
body.x25-ui .x11-buy-dialog{max-width:min(460px,calc(100% - 26px))!important;width:100%!important;padding:0!important;border:1px solid #384657!important;border-radius:25px!important;background:#171f2b!important;color:#fff!important;box-shadow:0 30px 90px rgba(0,0,0,.7)!important}body.x25-ui .x11-buy-dialog::backdrop{background:rgba(2,4,9,.75);backdrop-filter:blur(5px)}body.x25-ui .x11-buy-dialog form{padding:23px!important}body.x25-ui .x11-dialog-header h2{color:#fff!important}body.x25-ui .x11-dialog-pay{border-radius:13px;background:#101721;padding:12px!important}body.x25-ui .x11-buy-dialog input{width:100%;min-height:48px;border-radius:13px;background:#0d131b;border:1px solid #455063;color:#fff;padding:12px}
/* Income: precise earned and claimable values preserved, actions remain POST forms */
body.x25-ui .x15-plan-tabs{display:flex!important;max-width:380px!important;margin:0 auto 22px!important;gap:6px!important;padding:6px!important;border-radius:17px!important;background:#171f2c!important;border:1px solid var(--xp25-stroke)!important}
body.x25-ui .x15-plan-tabs button{flex:1!important;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:12px!important;color:var(--xp25-muted)!important;border:0!important;min-height:42px;background:transparent!important;font-size:13px!important;font-weight:750!important}body.x25-ui .x15-plan-tabs button.is-selected{color:#fff!important;background:#2a3544!important;box-shadow:0 5px 15px rgba(0,0,0,.2)}
body.x25-ui .x15-income-card{max-width:580px!important;margin:0 auto 20px!important;padding:23px!important;border-radius:28px!important;overflow:hidden}
body.x25-ui .x16-income-hero{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:12px!important;padding:0 0 20px!important;background:transparent!important}
body.x25-ui .x16-income-art{width:clamp(145px,23vw,198px)!important;height:clamp(145px,23vw,198px)!important;border-radius:29px!important;background:linear-gradient(145deg,#223348,#131b27)!important;box-shadow:0 20px 50px rgba(0,0,0,.32)!important;overflow:hidden;display:grid;place-items:center;margin:0 auto!important;border:1px solid rgba(255,255,255,.13)!important}body.x25-ui .x16-income-art img{width:100%;height:100%;object-fit:contain!important;padding:6px}body.x25-ui .x16-income-identity{text-align:center!important;align-items:center!important;width:100%;margin:0!important}body.x25-ui .x16-income-identity h2{font-size:23px!important;margin:8px 0!important}body.x25-ui .x15-gross{background:linear-gradient(135deg,#2a201e,#1c232d)!important;border:1px solid rgba(255,148,64,.21)!important;border-radius:19px!important;padding:17px!important;text-align:center!important;display:flex!important;flex-direction:column!important;gap:5px!important}body.x25-ui .x15-gross strong{font-size:clamp(26px,4vw,35px)!important;color:#ffd7ae!important;letter-spacing:-.04em!important}body.x25-ui .x15-gross span,body.x25-ui .x15-gross small{color:#bdc6d3!important}body.x25-ui .x15-income-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px!important;margin:14px 0!important}body.x25-ui .x15-income-metrics>div{background:#111822;border:1px solid var(--xp25-stroke);border-radius:13px;padding:11px!important;min-width:0}body.x25-ui .x15-income-metrics small,body.x25-ui .x15-income-available small{color:var(--xp25-muted)!important;font-size:11px!important}body.x25-ui .x15-income-metrics strong{font-size:13px!important;overflow-wrap:anywhere}body.x25-ui .x15-income-status,body.x25-ui .x15-income-available{background:#101720!important;border:1px solid var(--xp25-stroke)!important;border-radius:15px!important;padding:13px!important}body.x25-ui .x15-income-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}body.x25-ui .x15-income-actions form{min-width:0!important}body.x25-ui .x15-income-actions button{min-width:0!important;width:100%!important;min-height:45px!important;white-space:normal!important;display:flex!important;gap:5px!important;align-items:center;justify-content:center;font-size:12px!important;padding:8px 5px!important}body.x25-ui .x15-archive-card{border-radius:20px!important;gap:15px}body.x25-ui .x16-demo-dialog{background:#151e2a!important;color:var(--xp25-ink)!important;border:1px solid var(--xp25-stroke)!important;border-radius:24px!important;max-width:min(820px,calc(100% - 22px))!important;box-shadow:0 30px 80px rgba(0,0,0,.65)!important}body.x25-ui .x16-demo-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(4px)}
/* Profile, vouchers, history, tasks, legacy pages */
body.x25-ui .x15-account-card{border-radius:25px!important;padding:21px!important}body.x25-ui .x15-balance-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}body.x25-ui .x15-balance-grid>div{background:linear-gradient(145deg,#222f41,#17212e)!important;border:1px solid var(--xp25-stroke)!important;border-radius:17px!important;padding:18px!important;min-width:0}body.x25-ui .x15-balance-grid strong{font-size:clamp(16px,2.8vw,23px)!important;overflow-wrap:anywhere}body.x25-ui .x15-balance-grid span{font-size:12px!important;color:var(--xp25-muted)!important}body.x25-ui .x15-profile-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}body.x25-ui .x15-profile-actions>a{background:linear-gradient(145deg,#222c39,#141d27)!important;border:1px solid var(--xp25-stroke)!important;border-radius:17px!important;padding:18px 10px!important;min-width:0}body.x25-ui .x15-profile-actions strong{font-size:13px!important}body.x25-ui .x15-services{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}body.x25-ui .x15-services>a{background:#19222d!important;color:var(--xp25-ink)!important;border:1px solid var(--xp25-stroke)!important;border-radius:16px!important;min-width:0!important;padding:14px!important}body.x25-ui .x15-services strong{font-size:13px!important}body.x25-ui .x15-services small{color:var(--xp25-muted)!important;line-height:1.4!important}body.x25-ui .x15-settings-panel{padding:20px!important;margin:18px 0!important}body.x25-ui .xp-logout button{border:1px solid #573c39!important;color:#ffafa4!important;border-radius:15px!important;background:#311f23!important;padding:12px 20px!important}
/* Dark shared legacy UI: preserve original grids and routes while modernizing surfaces */
body.x25-ui .xp-section-title h2,body.x25-ui .x7-section h2{font-size:18px!important;color:var(--xp25-ink)!important}
body.x25-ui .x15-deposit-card,body.x25-ui .x15-intent-card{padding:24px!important}
body.x25-ui .x15-deposit-form label,body.x25-ui .x15-deposit-form small{color:var(--xp25-muted)!important}
body.x25-ui .xp-page .xp-service-grid>a,body.x25-ui .xp-page .xp-actions>a{transition:transform .18s,border-color .18s}body.x25-ui .xp-page .xp-service-grid>a:hover,body.x25-ui .xp-page .xp-actions>a:hover{transform:translateY(-2px);border-color:rgba(255,156,75,.35)!important}
/* Authentication + standalone payment on shared hosting, no remote CSS dependencies */
body.x25-auth .wrapper,body.x25-payment .wrapper{background:transparent!important;max-width:520px!important;margin:0 auto!important;padding:24px 15px 40px!important;width:100%!important;min-height:100dvh!important}body.x25-auth .auth{background:linear-gradient(150deg,#202b39,#121a23)!important;border:1px solid var(--xp25-stroke)!important;border-radius:27px!important;padding:26px!important;box-shadow:var(--xp25-shadow)!important}body.x25-auth .auth>img{width:80px;max-height:78px;object-fit:contain;margin:0 auto 20px;display:block}body.x25-auth .auth input,body.x25-auth .auth select{background:#0e161e!important;color:#f4f8ff!important;border:1px solid #394a5b!important;border-radius:12px!important;min-height:44px!important;padding:10px!important}body.x25-payment .wrapper>div{background:linear-gradient(150deg,#1d2837,#121a23)!important;border:1px solid var(--xp25-stroke)!important;border-radius:25px!important;padding:18px!important}body.x25-payment .wrapper .qrcode{max-width:210px;margin:0 auto}
/* maintain readable paragraphs and buttons on RTL locales */
[dir=rtl] body.x25-ui .x25-hero:after{background:linear-gradient(270deg,rgba(10,14,21,.94),rgba(12,16,24,.82) 47%,rgba(9,12,19,.15))}[dir=rtl] body.x25-ui .x25-hero>img{object-position:30% center}
@media(max-width:780px){body.x25-ui .xp-page,body.x25-ui .x7-wrap,body.x25-ui .x15-page{width:calc(100% - 26px)!important;padding:22px 0 126px!important}.x25-home{padding:17px 13px 128px}.x25-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.x25-hero,.x25-hero-content{min-height:270px}.x25-hero:after{background:linear-gradient(92deg,rgba(10,14,21,.97),rgba(12,16,24,.77) 58%,rgba(9,12,19,.17))}.x25-hero-content{padding:26px}body.x25-ui .x15-market-grid{gap:11px!important}}
@media(max-width:420px){.x25-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.x25-stat:last-child{grid-column:1/-1}.x25-hero-content{padding:21px}.x25-hero h1{font-size:29px!important}.x25-hero p{font-size:12px!important}.x25-quicklink{padding:13px;min-height:133px}.x25-stat{padding:15px}.x25-quicklink strong{font-size:12px}.x25-quicklink small{font-size:11px}body.x25-ui .x15-market-art{padding:7px!important}body.x25-ui .x15-market-body{padding:11px!important}body.x25-ui .x15-market-stats{grid-template-columns:1fr!important}body.x25-ui .x15-market-stats>div{padding:7px 9px!important}body.x25-ui .x15-income-card{padding:16px!important}body.x25-ui .x15-income-metrics{gap:6px!important}body.x25-ui .x15-income-metrics>div{padding:8px!important}body.x25-ui .xp-page-header,body.x25-ui .x7-heading{align-items:flex-start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){body.x25-ui *,body.x25-ui *:before,body.x25-ui *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* START xpro-design28.css */
/* XPRO PATCH-028 — progressive polish layer.
   No legacy stylesheet removed: functionality remains owned by prior patches.
   Loaded LAST on all app/auth/payment shells; finance forms and routes untouched. */
:root {
  --x28-bg:#0b1018;
  --x28-ink:#f6f8fd;
  --x28-muted:#aab9cc;
  --x28-line:rgba(194,213,241,.15);
  --x28-surface:#151e29;
  --x28-surface-raised:#1b2736;
  --x28-orange:#ffa353;
  --x28-orange-soft:rgba(255,163,83,.12);
  --x28-radius:20px;
  --x28-shadow:0 14px 44px rgba(0,0,0,.20);
}
html { color-scheme:dark; -webkit-text-size-adjust:100%; text-size-adjust:100% }
body.x25-ui { accent-color:#ffa353; -webkit-tap-highlight-color:transparent; }
body.x25-ui main { min-width:0; }
body.x25-ui :is(.x25-home,.x7-wrap,.xp-page,.x15-page,.x15-deposit-shell) { overflow-wrap:break-word; }
body.x25-ui :is(button,a,input,textarea,select) { touch-action:manipulation; }
body.x25-ui :is(a,button,input,textarea,select):focus-visible { outline:3px solid var(--x28-orange)!important; outline-offset:3px; }
body.x25-ui :is(.x7-panel,.xp-section,.x15-income-card,.x15-deposit-card,.x15-intent-card,.x15-history-row) { border-color:var(--x28-line)!important; }
body.x25-ui :is(.x7-muted,.x25-heading p,.x7-heading p,.x15-income-identity .x15-eyebrow) { color:var(--x28-muted)!important; }
body.x25-ui :is(.x7-form,.x15-deposit-form) { min-width:0; }
body.x25-ui :is(.x7-form,.x15-deposit-form,.x11-buy-dialog) :is(input:not([type=checkbox]):not([type=radio]),textarea,select) { width:100%; max-width:100%; min-height:48px; border-radius:14px!important; }
body.x25-ui :is(.x7-form,.x15-deposit-form) label { font-size:13px; font-weight:650; line-height:1.35; }
body.x25-ui :is(.x7-form,.x15-deposit-form) button[type=submit] { min-height:48px; }
/* Premium dashboard treatment: overlay only, never alter the picture or stats. */
body.x25-ui .x25-home { padding-bottom:calc(142px + env(safe-area-inset-bottom))!important; }
body.x25-ui .x25-hero { border-radius:30px; border-color:rgba(255,191,132,.2); box-shadow:0 26px 68px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08); }
body.x25-ui .x25-hero:after { background:linear-gradient(90deg,rgba(9,14,21,.96) 0%,rgba(11,16,24,.83) 50%,rgba(9,14,22,.06) 100%),linear-gradient(0deg,rgba(6,9,14,.42),transparent 56%); }
body.x25-ui .x25-hero-kicker { background:rgba(255,158,67,.12); border-color:rgba(255,192,139,.35); color:#ffe2c1; }
body.x25-ui .x25-hero-content { position:relative; }
body.x25-ui .x25-hero h1 { font-weight:850!important; text-wrap:balance; }
body.x25-ui .x25-hero p { color:#d1dbe8!important; }
body.x25-ui .x25-btn-row a { min-height:46px; }
body.x25-ui .x25-stat { background:linear-gradient(145deg,#1c2837,#141d28 72%); border:1px solid var(--x28-line); position:relative; overflow:hidden; min-height:116px; }
body.x25-ui .x25-stat:before { content:""; position:absolute; width:84px;height:84px;right:-35px;top:-34px;border-radius:50%;background:radial-gradient(circle,rgba(255,156,65,.15),transparent 72%);pointer-events:none; }
body.x25-ui .x25-stat .label { color:#b6c5d8; font-weight:650; }
body.x25-ui .x25-stat strong { color:#fff!important; font-variant-numeric:tabular-nums; font-feature-settings:"tnum"; }
body.x25-ui .x25-heading h2 { letter-spacing:-.035em!important; }
body.x25-ui .x25-quicklink { border-color:var(--x28-line); background:linear-gradient(155deg,#1b2634,#121b26); }
body.x25-ui .x25-quicklink .glyph { background:var(--x28-orange-soft); border:1px solid rgba(255,170,89,.13); }
body.x25-ui .x25-quicklink strong { color:#f5f7fa; }
body.x25-ui .x25-quicklink small { color:#aebdd1; }
body.x25-ui .x25-quicklink :is(strong,small){display:block;line-height:1.45}
body.x25-ui .x25-quicklink small{margin-top:5px}
body.x25-ui .x25-info-panel,body.x25-ui .x25-plan-panel { background:linear-gradient(145deg,#1b2634,#131b26); border-color:var(--x28-line); }
/* Cards and grids: vertical rhythm without replacing purchase/claim markup. */
body.x25-ui .x15-market-grid { align-items:stretch; gap:14px!important; }
body.x25-ui .x15-market-grid > article,body.x25-ui .x8-product-card { border:1px solid var(--x28-line)!important; background:linear-gradient(170deg,#1c2838,#111a25 86%)!important; border-radius:23px!important; box-shadow:var(--x28-shadow)!important; min-width:0; }
body.x25-ui .x15-market-body { min-width:0; }
body.x25-ui .x15-market-body :is(h2,h3,strong) { overflow-wrap:anywhere; }
body.x25-ui .x15-market-stats > div { min-width:0; }
body.x25-ui .x15-market-stats strong { font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
body.x25-ui .x8-buy-button:not(:disabled),body.x25-ui .x7-button:not(:disabled) { transition:filter .14s ease,transform .14s ease,box-shadow .14s ease; }
@media(hover:hover) and (pointer:fine){
 body.x25-ui .x8-buy-button:not(:disabled):hover,body.x25-ui .x7-button:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}
 body.x25-ui :is(.x25-quicklink,.x15-services>a,.x8-product-card):hover{border-color:rgba(255,174,97,.42)!important}
}
/* Income: compact icon controls inherited from PATCH-026, now with stronger states. */
body.x25-ui .x15-income-card { background:linear-gradient(155deg,#1c2634,#141d29 80%)!important; border:1px solid var(--x28-line)!important; }
body.x25-ui .x15-gross { background:linear-gradient(105deg,rgba(255,142,56,.15),rgba(255,142,56,.04) 60%,#18212c)!important; }
body.x25-ui .x15-income-status,body.x25-ui .x15-income-available { border-color:var(--x28-line)!important; }
body.x25-ui .x15-income-card .x26-icon-actions button.x26-icon-button{ box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 7px 20px rgba(0,0,0,.18)!important; }
body.x25-ui .x15-income-card .x26-icon-actions button.x26-icon-button:disabled{ box-shadow:none!important; opacity:.4!important; }
body.x25-ui .x15-plan-tabs{border-color:var(--x28-line)!important;}
body.x25-ui .x15-income-identity h2{overflow-wrap:anywhere}
/* Profile layout: balance, management tiles, avatar and history. */
body.x25-ui .x15-account-card{background:linear-gradient(120deg,#222f42,#141e2b 76%)!important;}
body.x25-ui .xp-account-user{min-width:0}
body.x25-ui .xp-account-user>*{overflow-wrap:anywhere}
body.x25-ui .x15-balance-grid>div{border-color:var(--x28-line)!important}
body.x25-ui .x15-services>a{transition:background-color .15s,border-color .15s;}
body.x25-ui .xp-service-grid>a :is(strong,small){overflow-wrap:anywhere;}
body.x25-ui .xp-section{margin-block:18px;}
/* Task cards, VIP, team and help pages. */
body.x25-ui .x7-wrap .x7-grid{gap:13px;}
body.x25-ui :is(.x7-task-card,.x8-vip-card,.x8-help-hero,.x8-help-grid .x7-panel,.x8-team-stats .x7-panel){background:linear-gradient(160deg,#1c2735,#131c27)!important;border-color:var(--x28-line)!important;box-shadow:var(--x28-shadow)!important;}
body.x25-ui .x7-task-card{min-width:0;min-height:164px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
body.x25-ui .x7-task-card .x7-task-bottom{gap:10px;flex-wrap:wrap}
body.x25-ui .x7-task-card h3{overflow-wrap:anywhere}
body.x25-ui .x8-invite-panel strong,body.x25-ui .x7-code{overflow-wrap:anywhere;word-break:break-word}
body.x25-ui .x9-invite-url{display:block;max-width:100%;overflow-wrap:anywhere;white-space:normal}
body.x25-ui .x8-team-stats strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.x25-ui .x8-team-members > div {min-width:0;gap:10px}
body.x25-ui .x8-team-members strong{overflow-wrap:anywhere}
body.x25-ui .x8-vip-card p,body.x25-ui .x8-help-hero p {line-height:1.65}
/* History, transactions and wallet forms. Keep every status and existing action. */
body.x25-ui .x15-history-list{display:grid;gap:10px}
body.x25-ui .x15-history-row{border-color:var(--x28-line)!important;box-shadow:var(--x28-shadow)!important;}
body.x25-ui .x15-history-content,body.x25-ui .x15-history-amount{min-width:0;overflow-wrap:anywhere}
body.x25-ui .x15-history-content small{color:var(--x28-muted)!important}
body.x25-ui .x15-history-amount strong{font-variant-numeric:tabular-nums}
body.x25-ui .x15-pagination a,body.x25-ui .x8-pagination a{min-width:34px;min-height:34px;display:inline-grid;place-items:center}
body.x25-ui .x7-error,body.x25-ui .x8-alert{border:1px solid rgba(255,109,118,.34)!important;background:rgba(121,35,49,.18)!important;color:#ffc9d0!important;border-radius:13px!important;padding:12px 14px!important}
body.x25-ui .x7-success{border:1px solid rgba(66,204,147,.28)!important;background:rgba(24,109,75,.17)!important;color:#bbfce0!important;border-radius:13px!important;padding:12px 14px!important}
body.x25-ui .x7-form input:disabled,body.x25-ui .x7-form select:disabled{opacity:.63}
/* Dialogs: PWA viewport, keyboard, small landscape screens. */
body.x25-ui .x11-buy-dialog,body.x25-ui .x16-demo-dialog{max-height:calc(100dvh - 30px);overflow-y:auto;overscroll-behavior:contain;}
body.x25-ui .x16-demo-dialog{padding-bottom:env(safe-area-inset-bottom)}
body.x25-ui .xp-lang-panel{max-height:min(680px,calc(100dvh - 24px));overflow:auto;overscroll-behavior:contain}
/* Auth + payment: no fixed-width controls or forced zoom restrictions. */
body.x25-auth .auth,body.x25-payment .wrapper>div{border-color:var(--x28-line)!important;box-shadow:0 22px 56px rgba(0,0,0,.24)!important}
body.x25-auth .auth{max-width:100%}
body.x25-auth .auth label{color:#c9d5e5!important}
body.x25-payment :is(.x15-deposit-shell,.x15-intent-shell){max-width:100%;}
body.x25-payment :is(.x13-address,code){overflow-wrap:anywhere;white-space:normal;word-break:break-word}
/* Floating navigation retains 5 tabs and readable captions in long languages. */
body.x25-ui .xp-bottom-nav{bottom:calc(9px + env(safe-area-inset-bottom))!important;border-color:rgba(211,227,252,.18)!important;background:rgba(19,27,39,.95)!important;}
body.x25-ui .xp-bottom-inner{direction:inherit}
body.x25-ui .xp-nav-item{min-height:55px;justify-content:center;}
body.x25-ui .xp-nav-item.is-active{background:linear-gradient(140deg,rgba(255,152,63,.22),rgba(255,152,63,.07))!important;color:#ffd1a5!important;}
body.x25-ui .xp-nav-item[aria-current="page"]{box-shadow:inset 0 0 0 1px rgba(255,171,102,.17)}
/* Retina / international text and RTL alignment. */
[dir=rtl] body.x25-ui .x25-hero:after{background:linear-gradient(270deg,rgba(9,14,21,.96),rgba(11,16,24,.83) 50%,rgba(9,14,22,.06))}
[dir=rtl] body.x25-ui .x15-history-row{direction:rtl}
@media(max-width:780px){
 body.x25-ui .x25-home{padding-inline:13px!important}
 body.x25-ui .x25-hero{border-radius:24px;min-height:282px}
 body.x25-ui .x25-hero-content{padding:clamp(21px,5vw,32px);min-height:282px}
 body.x25-ui .x25-hero:after{background:linear-gradient(90deg,rgba(9,14,21,.96),rgba(11,16,24,.77) 68%,rgba(9,14,22,.18))}
 body.x25-ui .x25-home-grid{gap:10px}
 body.x25-ui .x25-quick-grid{gap:10px}
 body.x25-ui .x15-services{grid-template-columns:1fr!important}
 body.x25-ui .x15-services>a{min-height:64px;}
 body.x25-ui .x7-wrap .x7-grid.x7-grid-2{grid-template-columns:1fr!important}
}
@media(max-width:480px){
 body.x25-ui .x25-wordmark{font-size:13px}
 body.x25-ui .x25-hero{min-height:296px}
 body.x25-ui .x25-hero-content{min-height:296px}
 body.x25-ui .x25-hero h1{font-size:clamp(26px,8vw,34px)!important}
 body.x25-ui .x25-hero p{font-size:13px!important;line-height:1.55}
 body.x25-ui .x25-stat{padding:14px;min-height:98px}
 body.x25-ui .x25-stat strong{font-size:clamp(17px,5vw,22px)!important}
 body.x25-ui .x25-quicklink{min-height:124px;padding:14px;gap:10px}
 body.x25-ui .x25-quicklink small{line-height:1.35}
 body.x25-ui .x15-income-card .x26-icon-actions button.x26-icon-button{width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important}
 body.x25-ui :is(.x7-form,.x15-deposit-form,.x11-buy-dialog,.x25-auth,.x25-payment) :is(input,select,textarea){font-size:16px!important}
 body.x25-ui .x15-history-row{gap:9px!important}
 body.x25-ui .xp-bottom-nav{width:calc(100% - 16px)!important;}
 body.x25-ui .xp-nav-item{font-size:10px!important;padding-inline:1px!important}
}
@media(max-width:360px){
 body.x25-ui .x25-btn-row{gap:8px}
 body.x25-ui .x25-btn-row a{padding:9px 12px!important;font-size:12px!important}
 body.x25-ui .x25-home-grid{grid-template-columns:1fr 1fr}
 body.x25-ui .x25-heading{align-items:flex-start;flex-wrap:wrap}
 body.x25-ui .x15-income-metrics{gap:5px!important}
}
@media(prefers-reduced-motion:reduce){
 body.x25-ui :is(.x25-quicklink,.xp-nav-item,.x8-buy-button,.x7-button){transform:none!important;transition:none!important}
}


/* START xpro-design29.css */

/* XPRO PATCH-029 · accessibility, typography, card finish, mobile durability. */
:root{--x29-edge:rgba(195,215,241,.18);--x29-amber:#ffae69;--x29-fg:#eff5fe;--x29-small:#b2c1d2;--x29-surface:#1a2534}
html { overflow-wrap:normal; }
body.x25-ui{overscroll-behavior-y:auto}
body.x25-ui :is(.x7-heading,.x25-heading,.xp-page-header) h1,
body.x25-ui :is(.x7-heading,.x25-heading,.xp-page-header) h2{letter-spacing:-.032em!important;text-wrap:balance}
body.x25-ui :is(.x7-heading,.x25-heading,.xp-page-header) p{line-height:1.55!important}
body.x25-ui :is(.x15-market-card,.x25-stat,.x25-quicklink,.x15-income-card,.x15-account-card,.x15-history-row){background-clip:padding-box}
body.x25-ui :is(.x15-market-card,.x25-quicklink,.x15-history-row,.x7-task-card) { transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
@media (hover:hover) and (pointer:fine){
body.x25-ui :is(.x15-market-card,.x25-quicklink,.x15-history-row):hover{box-shadow:0 19px 54px rgba(0,0,0,.32)!important}
}
body.x25-ui :is(.x15-market-body,.x15-market-price,.x15-archive-info,.x25-stat,.x15-income-status>div,.xp-account-user) {min-width:0}
body.x25-ui :is(.x15-market-body h2,.x15-market-body strong,.x25-stat strong,.x15-income-metrics strong,.x15-income-status small,.x15-history-row strong) {overflow-wrap:anywhere}
body.x25-ui :is(.x15-gross strong,.x25-stat strong,.x15-history-amount strong,.x15-market-price strong) {font-variant-numeric:tabular-nums}
body.x25-ui :is(.x7-wrap,.xp-page,.x25-home) :is(input,textarea,select):focus-visible{border-color:#e4a46c!important;box-shadow:0 0 0 3px rgba(255,167,91,.13)!important}
body.x25-ui :is(.x7-wrap,.xp-page,.x25-home) :is(input,textarea,select)[aria-invalid=true]{border-color:#ff818b!important}
body.x25-ui :is(.x7-error,.x8-alert,.x7-success,[role=alert],[role=status]){overflow-wrap:anywhere}
body.x25-ui :is(button,a,summary,[role=tab]):focus-visible{outline:3px solid var(--x29-amber)!important;outline-offset:3px!important}
body.x25-ui [disabled],body.x25-ui [aria-disabled=true]{cursor:not-allowed!important}
body.x25-ui .xp-bottom-nav .xp-nav-item svg.x29-nav-icon{width:21px;height:21px;min-width:21px;display:block;flex:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;fill:none}
body.x25-ui .xp-bottom-nav .xp-nav-item{gap:4px;min-width:0;min-height:58px;touch-action:manipulation}
body.x25-ui .xp-bottom-nav .xp-nav-item span{max-width:100%;overflow-wrap:anywhere;white-space:normal!important;text-align:center;line-height:1.12;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.x25-ui .xp-bottom-nav .xp-nav-item.is-active svg.x29-nav-icon{stroke:#ffbc83}
body.x25-ui .x20-update-notice{z-index:2201}
.x29-skip{position:fixed;left:16px;top:0;transform:translateY(-150%);z-index:10001;display:inline-flex;padding:12px 18px;color:#101820;background:#ffb16d;border:2px solid #ffe0bd;border-radius:0 0 12px 12px;text-decoration:none;font-weight:800;box-shadow:0 12px 32px rgba(0,0,0,.35)}
.x29-skip:focus-visible{transform:translateY(0);outline:3px solid white;outline-offset:2px}
.x29-main-anchor{display:block;position:relative;width:1px;height:1px;overflow:hidden;pointer-events:none}
[dir=rtl] .x29-skip{left:auto;right:16px}
body.x25-ui :is(.x15-plan-tabs,.x15-profile-actions,.x15-income-metrics){min-width:0}
body.x25-ui .x15-income-card .x26-icon-actions{gap:clamp(8px,2.5vw,13px)}
body.x25-ui .x15-income-card .x26-icon-actions button.x26-icon-button{aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;max-width:52px!important;padding:0!important}
body.x25-ui .x15-income-card .x26-icon-actions svg{width:23px;height:23px;flex:none}
@media(max-width:520px){
 body.x25-ui .x25-hero{overflow:hidden}
 body.x25-ui .x25-hero h1{max-width:100%;overflow-wrap:anywhere}
 body.x25-ui .x15-market-stats{gap:7px!important}
 body.x25-ui .x15-market-stats strong{font-size:clamp(11px,3.1vw,14px)!important}
 body.x25-ui .x15-market-body{padding:12px!important}
 body.x25-ui .x15-market-price strong{font-size:clamp(15px,4vw,18px)!important}
 body.x25-ui .x15-income-card{padding:15px!important}
 body.x25-ui .xp-bottom-nav .xp-nav-item{padding:5px 2px!important}
}
@media(max-width:355px){
 body.x25-ui .x25-home-grid{gap:8px!important}
 body.x25-ui .x25-stat{padding:11px!important}
 body.x25-ui .xp-bottom-nav .xp-nav-item svg.x29-nav-icon{height:19px;width:19px;min-width:19px}
 body.x25-ui .xp-bottom-nav .xp-nav-item span{font-size:9.5px}
}
@media(prefers-reduced-motion:reduce){
 body.x25-ui :is(.x25-hero,.x25-quicklink,.x15-market-card,.x15-history-row,.x15-income-card) {animation:none!important;transition:none!important;transform:none!important}
 html{scroll-behavior:auto}
}
@media(prefers-contrast:more){
 body.x25-ui :is(.x7-panel,.x15-income-card,.x15-market-card,.x25-stat,.xp-bottom-nav){border-color:rgba(246,250,255,.45)!important}
 body.x25-ui :is(.x7-muted,.x25-heading p,.x25-quicklink small){color:#d9e5f7!important}
}

/* END XPRO THEME 029 */

/* BEGIN DESIGN 030 · merged without changes */
/* XPRO Design 030 · isolated progressive styling, no financial form changes. */
:root{--x30-tint:#ffae6b;--x30-stroke:rgba(200,221,246,.16);--x30-layer:#16202c;--x30-muted:#bbc8d8}
/* Connection status: never intercept forms, dialogs, or the bottom navigation. */
body.x25-ui .x30-network-notice{position:fixed;inset-block-start:calc(12px + env(safe-area-inset-top));inset-inline:12px auto;z-index:2190;max-width:min(430px,calc(100vw - 24px));display:flex;align-items:flex-start;gap:11px;padding:12px 15px;border-radius:16px;border:1px solid rgba(255,163,90,.45);background:rgba(30,29,29,.97);color:#fff;box-shadow:0 16px 44px #0008;pointer-events:none;line-height:1.38;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body.x25-ui .x30-network-notice[hidden]{display:none!important}
body.x25-ui .x30-network-dot{width:10px;height:10px;border-radius:50%;background:#ffab64;flex:none;margin-top:5px;box-shadow:0 0 0 4px rgba(255,163,90,.12)}
body.x25-ui .x30-network-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
body.x25-ui .x30-network-copy strong{font-weight:750;font-size:13px;color:#ffe0c0}
body.x25-ui .x30-network-copy small{font-weight:450;font-size:12px;color:#d9e2ed;overflow-wrap:anywhere}
body.x25-ui .x30-network-notice[data-state=online]{border-color:rgba(67,218,145,.40);background:rgba(21,46,39,.98)}
body.x25-ui .x30-network-notice[data-state=online] .x30-network-dot{background:#66edb2;box-shadow:0 0 0 4px rgba(102,237,178,.12)}
body.x25-ui .x30-network-notice[data-state=online] strong{color:#ccffe9}
/* Polished, intentional hierarchy across all 029 migrated pages. */
body.x25-ui :is(.x25-home,.x7-wrap,.xp-page,.x15-page){font-variant-numeric:tabular-nums}
body.x25-ui :is(.x25-hero,.x25-stat,.x25-quicklink,.x15-income-card,.x15-market-card,.x15-account-card,.x15-history-row,.x7-panel){border-color:var(--x30-stroke)!important}
body.x25-ui :is(.x25-stat,.x15-market-card,.x15-history-row,.x7-task-card,.x15-archive-card){min-width:0;overflow-wrap:anywhere}
body.x25-ui .x25-hero h1{max-width:100%;text-wrap:balance}
body.x25-ui .x25-home-grid strong{line-height:1.16!important;max-width:100%;overflow-wrap:anywhere}
body.x25-ui .x15-income-card :is(.x15-gross strong,.x15-income-available strong){overflow-wrap:anywhere;line-height:1.17}
body.x25-ui .x15-income-status>div{min-width:0}
body.x25-ui .x15-income-card .x26-icon-actions{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap;gap:12px!important}
body.x25-ui .x15-income-card .x26-icon-actions form{flex:0 0 auto!important;margin:0!important;display:flex!important;justify-content:center}
body.x25-ui .x15-income-card .x26-icon-actions button.x26-icon-button{flex:0 0 auto!important;min-width:48px!important;width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;max-height:52px!important;aspect-ratio:1!important;touch-action:manipulation;border-radius:15px!important}
body.x25-ui .x15-income-card .x26-icon-actions button.x26-icon-button svg{width:22px!important;height:22px!important}
body.x25-ui :is(.x15-income-card,.x15-market-card,.x15-history-row,.x25-stat) :is(strong,h2,h3){overflow-wrap:anywhere}
/* Tap targets and long translated labels, without styling finance actions as links. */
body.x25-ui :is(.x15-plan-tabs button,.x7-form button,.x15-pagination a,.x15-profile-actions a,.x25-btn-row a){min-height:44px}
body.x25-ui :is(.xp-page,.x7-wrap) :is(label,small){overflow-wrap:anywhere}
body.x25-ui :is(.x15-history-row,.x15-archive-card,.x15-market-card){contain:layout style}
body.x25-ui .xp-bottom-nav .xp-nav-item{touch-action:manipulation}
body.x25-ui .xp-bottom-nav .xp-nav-item[aria-current=page]{outline:1px solid rgba(255,189,125,.25);outline-offset:-1px}
body.x25-ui .x15-plan-tabs button:focus-visible{outline:3px solid #ffc18f!important;outline-offset:1px!important}
/* Bidirectional layouts: names/numbers remain legible and phone nav retains natural order. */
[dir=rtl] body.x25-ui :is(.x25-topline,.x25-heading,.x25-btn-row,.x25-quicklink,.x15-income-status,.xp-account-card){direction:rtl}
[dir=rtl] body.x25-ui .x25-hero:after{background:linear-gradient(270deg,rgba(10,14,21,.96),rgba(12,16,24,.85) 50%,rgba(9,12,19,.1) 100%)}
[dir=rtl] body.x25-ui .x25-hero>img{object-position:30% center}
[dir=rtl] body.x25-ui .x25-hero-content{text-align:start;align-items:flex-start}
[dir=rtl] body.x25-ui .x25-wordmark{direction:ltr}
[dir=rtl] body.x25-ui :is(.x15-income-metrics strong,.x15-gross strong,.x25-stat strong){unicode-bidi:plaintext}
[dir=rtl] body.x25-ui :is(.x15-history-row,.x15-archive-card){text-align:start}
/* Mobile long-label resilience, viewport safe areas and modal controls. */
@media(max-width:600px){
 body.x25-ui .x25-home{padding-inline:clamp(10px,3vw,16px)!important}
 body.x25-ui .x25-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.x25-ui .x25-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.x25-ui .x15-income-card .x26-icon-actions button.x26-icon-button{width:48px!important;height:48px!important;max-width:48px!important;min-width:48px!important;min-height:48px!important;max-height:48px!important}
 body.x25-ui .x16-demo-dialog{max-height:calc(100dvh - 16px)!important;max-width:calc(100vw - 16px)!important;margin:auto!important}
 body.x25-ui .x16-demo-inner{max-width:100%;overflow-wrap:anywhere}
 body.x25-ui .x16-chart-stage{max-width:100%;min-width:0}
 body.x25-ui .x16-demo-dialog canvas{max-width:100%;display:block}
 body.x25-ui .xp-bottom-nav{bottom:calc(6px + env(safe-area-inset-bottom))!important}
 body.x25-ui .xp-nav-item{min-height:58px;min-width:0}
}
@media(max-width:370px){
 body.x25-ui .x25-quicklink{padding:12px!important;min-width:0}
 body.x25-ui .x25-quicklink small{overflow-wrap:anywhere}
 body.x25-ui .x15-market-stats{min-width:0}
 body.x25-ui .xp-bottom-nav .xp-nav-item span{font-size:9px!important}
}
@media(max-height:480px) and (orientation:landscape){
 body.x25-ui .x16-demo-dialog{max-height:calc(100dvh - 8px)!important;overflow:auto!important}
 body.x25-ui .xp-bottom-nav{bottom:2px!important}
}
@media(prefers-reduced-motion:reduce){body.x25-ui :is(.x25-quicklink,.x15-market-card,.x15-history-row,.xp-nav-item){animation:none!important;transition:none!important;transform:none!important}}
@media(prefers-contrast:more){body.x25-ui .x30-network-notice{border-width:2px}body.x25-ui :is(.x25-stat,.x15-income-card,.xp-bottom-nav){border-color:rgba(250,250,255,.55)!important}}

/* END DESIGN 030 */

/* XPRO Design 031 · refined component layer. CSS only; no form or event changes.
   This is appended after the exact PATCH-030 styles inside the 029 theme bundle. */
body.x25-ui {
  --x31-surface: #16212e;
  --x31-border: rgba(199,221,247,.15);
  --x31-highlight: rgba(255,170,92,.36);
  --x31-focus: #ffd0a0;
  --x31-subtle: #b8c6d9;
  --x31-radius: 22px;
}
/* Sharper typography with readable descriptions, including translated strings. */
body.x25-ui :is(.x25-heading,.x7-heading,.xp-page-header,.x15-finance-label) {
  min-width:0;
  gap:clamp(12px,2.5vw,24px);
}
body.x25-ui :is(.x25-heading,.x7-heading,.xp-page-header) h1,
body.x25-ui :is(.x25-heading,.x7-heading,.xp-page-header) h2 {
  text-wrap:balance;
  letter-spacing:-.032em;
}
body.x25-ui :is(.x7-muted,.x25-home p,.x7-section p,.xp-section p,.x15-income-identity) {
  line-height:1.6;
}
/* Home: deliberate contrast and depth, without obscuring live account values. */
body.x25-ui .x25-topline { gap:12px; flex-wrap:wrap; }
body.x25-ui .x25-hero {
  isolation:isolate;
  border:1px solid rgba(255,176,101,.25)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.35), inset 0 1px rgba(255,255,255,.10)!important;
}
body.x25-ui .x25-hero-content { z-index:1; }
body.x25-ui .x25-hero-kicker { letter-spacing:.08em; }
body.x25-ui .x25-stat,
body.x25-ui .x25-quicklink,
body.x25-ui .x25-info-panel,
body.x25-ui .x25-plan-panel {
  border:1px solid var(--x31-border)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.14);
}
body.x25-ui .x25-stat .label { gap:8px; min-width:0; }
body.x25-ui .x25-stat strong { font-feature-settings:'tnum'; font-variant-numeric:tabular-nums; }
body.x25-ui .x25-quicklink { align-items:flex-start; }
body.x25-ui .x25-quicklink div { min-width:0; }
body.x25-ui .x25-quicklink :is(strong,small) { overflow-wrap:anywhere; }
/* Market: consistent card rhythm for two-column mobile layout. */
body.x25-ui .x15-market-grid { align-items:stretch!important; }
body.x25-ui .x15-market-card {
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--x31-border)!important;
  box-shadow:0 15px 42px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.035)!important;
}
body.x25-ui .x15-market-art { overflow:hidden; }
body.x25-ui .x15-market-art img { display:block; object-fit:cover; }
body.x25-ui .x15-market-body { display:flex; flex:1 1 auto; flex-direction:column; gap:0; }
body.x25-ui .x15-market-body > h2 { line-height:1.25; }
body.x25-ui .x15-market-price strong { font-variant-numeric:tabular-nums; }
body.x25-ui .x15-market-stats > div { overflow-wrap:anywhere; }
body.x25-ui .x15-market-card .x8-buy-button { width:100%; min-height:46px; margin-top:auto; }
body.x25-ui .x15-market-disclosure {
  color:#b8c6d9!important;
  max-width:75ch;
  line-height:1.65;
  margin-inline:auto;
}
/* Income: physical alignment and visible disabled/keyboard states on icon-only controls. */
body.x25-ui .x15-income-card {
  border:1px solid var(--x31-border)!important;
  box-shadow:0 22px 64px rgba(0,0,0,.30), inset 0 1px rgba(255,255,255,.05)!important;
}
body.x25-ui .x15-income-art img { object-fit:cover; }
body.x25-ui .x15-income-actions.x26-icon-actions { gap:clamp(9px,3vw,16px)!important; }
body.x25-ui .x15-income-card .x26-icon-actions button.x26-icon-button {
  transition:filter .15s ease,box-shadow .15s ease,transform .15s ease!important;
}
body.x25-ui .x15-income-card .x26-icon-actions button.x26-icon-button[disabled] {
  cursor:not-allowed!important;
  opacity:.48!important;
  filter:grayscale(.32);
}
body.x25-ui .x15-income-card .x26-icon-actions button.x26-icon-button:focus-visible {
  outline:3px solid var(--x31-focus)!important;
  outline-offset:4px!important;
}
/* Profile and histories: even spacing and robust long amounts. */
body.x25-ui .x15-account-card,
body.x25-ui .x15-balance-grid>div,
body.x25-ui .x15-history-row,
body.x25-ui .x15-archive-card {
  border-color:var(--x31-border)!important;
}
body.x25-ui .x15-balance-grid strong,
body.x25-ui .x15-history-amount strong,
body.x25-ui .x15-archive-gross strong {
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
body.x25-ui .xp-service-grid>a {
  border-radius:17px;
  min-height:64px;
  align-items:center;
}
body.x25-ui .xp-service-grid>a div { min-width:0; }
body.x25-ui .xp-service-grid>a small { color:var(--x31-subtle); }
/* Forms and dialogs: high-contrast and predictable focus on touch devices. */
body.x25-ui :is(.x7-form,.x15-deposit-form,.x11-buy-dialog form,.x25-auth .auth,.x25-payment .wrapper) :is(input:not([type=checkbox]):not([type=radio]),textarea,select) {
  max-width:100%;
  border:1px solid rgba(199,221,247,.24);
  background-color:#101923;
  color:#f5f8ff;
  border-radius:14px;
}
body.x25-ui :is(.x7-form,.x15-deposit-form,.x11-buy-dialog form,.x25-auth .auth,.x25-payment .wrapper) :is(input,textarea,select):focus-visible {
  outline:2px solid var(--x31-focus)!important;
  outline-offset:2px;
  border-color:rgba(255,176,101,.65)!important;
}
body.x25-ui input::placeholder,
body.x25-ui textarea::placeholder { color:#9eacbd; opacity:1; }
body.x25-ui .x11-buy-dialog {
  width:min(460px,calc(100vw - 22px));
  max-width:calc(100vw - 22px)!important;
  max-height:calc(100dvh - 28px)!important;
  border:1px solid rgba(255,179,108,.22);
  border-radius:25px;
  box-shadow:0 28px 90px rgba(0,0,0,.55);
  overscroll-behavior:contain;
}
body.x25-ui .x11-buy-dialog::backdrop,
body.x25-ui .x16-demo-dialog::backdrop { background:rgba(2,6,11,.78); backdrop-filter:blur(5px); }
body.x25-ui .x11-dialog-actions { gap:10px; }
body.x25-ui .x11-dialog-actions button { min-height:46px; }
body.x25-ui .x16-demo-dialog { border-color:var(--x31-border)!important; }
/* Task pages: more comfortable card actions, no change to form behaviours. */
body.x25-ui .x7-task-card { border-color:var(--x31-border)!important; }
body.x25-ui .x7-task-card :is(p,small) { overflow-wrap:anywhere; }
/* A11y: keyboard-first focus without unsupported motion; RTL amounts remain readable. */
body.x25-ui :is(.xp-nav-item,.x7-link,.x15-text-link,.x8-buy-button):focus-visible {
  outline:3px solid var(--x31-focus)!important;
  outline-offset:3px;
}
[dir=rtl] body.x25-ui :is(.x15-market-stats strong,.x15-balance-grid strong,.x15-income-metrics strong) { unicode-bidi:plaintext; }
@media(hover:hover) and (pointer:fine) {
  body.x25-ui .x15-income-card .x26-icon-actions button.x26-icon-button:not([disabled]):hover {
    transform:translateY(-2px);
    filter:brightness(1.10);
  }
  body.x25-ui :is(.x25-stat,.x15-market-card,.x15-history-row):hover {
    border-color:var(--x31-highlight)!important;
  }
}
@media(max-width:650px) {
  body.x25-ui :is(.x7-wrap,.x15-page,.xp-page) { width:calc(100% - 24px)!important; }
  body.x25-ui .x25-hero h1 { overflow-wrap:anywhere; }
  body.x25-ui .x15-market-grid { gap:10px!important; }
  body.x25-ui .x15-market-card { border-radius:19px!important; }
  body.x25-ui .x15-market-body { padding:clamp(10px,3vw,16px)!important; }
  body.x25-ui .x15-market-body > h2 { font-size:clamp(13px,3.7vw,18px)!important; }
  body.x25-ui .x15-market-card .x8-buy-button { font-size:12px!important; }
  body.x25-ui .x11-buy-dialog { padding:clamp(12px,4vw,20px); }
  body.x25-ui :is(input,select,textarea) { font-size:16px; }
  body.x25-ui .x15-income-card .x26-icon-actions { padding-inline:0!important; }
  body.x25-ui .xp-bottom-nav { padding-bottom:0!important; }
}
@media(max-width:360px) {
  body.x25-ui .x15-market-grid { gap:8px!important; }
  body.x25-ui .x15-market-card .x8-buy-button { padding-inline:6px!important; }
  body.x25-ui .x15-income-card { padding-inline:12px!important; }
  body.x25-ui .x25-quicklink { min-height:0; }
}
@media(prefers-reduced-motion:reduce) {
  body.x25-ui .x15-income-card .x26-icon-actions button.x26-icon-button,
  body.x25-ui .x15-market-card,
  body.x25-ui .x25-quicklink { animation:none!important; transition:none!important; transform:none!important; }
}
@media(prefers-contrast:more) {
  body.x25-ui :is(.x15-market-card,.x15-income-card,.x11-buy-dialog,.x15-history-row) { border-color:rgba(255,255,255,.65)!important; }
  body.x25-ui .x15-market-disclosure { color:#fff!important; }
}

/* PATCH-032: icon-only Income controls; no new blocking CSS request. */
body.x25-ui .x15-income-card .x26-icon-actions form[data-x32-guard] { position:relative; }
body.x25-ui .x15-income-card .x26-icon-actions button.x26-icon-button[data-x32-pending] {
  position:relative;
  cursor:progress!important;
  opacity:.84!important;
  filter:grayscale(.08)!important;
}
body.x25-ui .x15-income-card .x26-icon-actions button.x26-icon-button[data-x32-pending] svg { opacity:.20; }
/* Higher specificity than the PATCH-026 ::after hover tooltip. */
body.x25-ui .x15-income-card .x26-icon-actions button.x26-icon-button[data-x32-pending]::after {
  content:''; position:absolute; inset:calc(50% - 9px); width:18px; height:18px;
  padding:0; margin:0; font-size:0;
  border:2.5px solid currentColor; border-top-color:transparent; border-radius:50%;
  opacity:1; visibility:visible; left:calc(50% - 9px); bottom:auto;
  background:transparent; box-shadow:none; transition:none;
  animation:x32-spin .8s linear infinite;
}
@keyframes x32-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) {
  body.x25-ui .x15-income-card .x26-icon-actions button.x26-icon-button[data-x32-pending]::after { animation:none; border-top-color:currentColor; }
}
/* Keep text and controls readable when mobile OS text scaling is increased. */
body.x25-ui .x15-income-card :is(.x15-income-status,.x15-income-metrics,.x15-gross) { min-width:0; }
body.x25-ui .x15-income-card :is(.x15-income-status strong,.x15-income-metrics strong,.x15-gross strong) { overflow-wrap:anywhere; }
body.x25-ui .x11-buy-dialog input:invalid:not(:placeholder-shown) { border-color:#ec9f71; }