:root{font-family:system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;color:#e7f4ff;background:#020e22;font-synthesis:none}*{box-sizing:border-box}html{background:#020e22}body{margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #73dfff;outline-offset:3px}button:active{transform:scale(.985)}[hidden]{display:none!important}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.app{max-width:440px;min-height:100dvh;margin:auto;position:relative;isolation:isolate;padding-bottom:calc(105px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(1,12,31,.25) 0%,rgba(0,10,29,.54) 31%,rgba(0,10,27,.81) 100%),url('./earth.jpg') center top / 100% auto no-repeat,#031329;box-shadow:0 0 32px #0009}.hero{padding:20px 15px 8px;color:#fff}header{display:flex;align-items:center;justify-content:space-between;padding:0 3px 22px}.brand-name{font-weight:850;font-size:29px;letter-spacing:1px;line-height:1.25;text-shadow:0 0 13px #38a9ff99}.brand-sub{font-size:12px;color:#c6e3ff;margin-top:3px}.header-actions{display:flex;gap:13px}.icon-btn{background:transparent;border:0;color:inherit;display:grid;place-items:center;width:34px;height:34px}.icon-btn svg{width:26px;height:26px}.wallet-card{background:linear-gradient(125deg,#072850a8,#051a39c9 75%);border:1px solid #69c5ff;border-radius:18px;padding:13px 14px 12px;box-shadow:0 8px 24px #0008,inset 0 0 30px #1b79d31b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.wallet-top{display:flex;justify-content:space-between;align-items:center;min-height:32px}.owner{color:#f6e8cb;font-size:11px;font-weight:700;letter-spacing:.2px;white-space:nowrap}.currency-pill{height:29px;min-width:53px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #408dcb;border-radius:9px;background:linear-gradient(#18558b,#0d3c6d);color:white;padding:2px 8px}.currency-pill span{font-size:16px;font-weight:700}.currency-pill svg{width:12px;height:12px}.balance-compact{margin-top:7px;margin-bottom:12px;text-align:left;direction:ltr}.balance-value{display:flex;align-items:baseline;justify-content:flex-start;gap:10px;font-variant-numeric:tabular-nums}.balance-value #balance{font-size:31px;font-weight:800;letter-spacing:.3px}.balance-value small{font-size:15px;color:#c2e5ff;font-weight:400}.balance-caption{display:flex;align-items:center;justify-content:flex-start;gap:8px;color:#bad9f1;font-size:12px;direction:rtl;width:max-content;margin-top:1px}.balance-caption button{border:0;background:transparent;color:#9edcff;padding:0 2px;display:flex}.balance-caption svg{width:17px;height:17px}.currency-options{display:grid;gap:5px;margin:0 0 10px;padding:7px;border:1px solid #2869a1;border-radius:12px;background:#061b36ed}.currency-options button{display:flex;align-items:center;gap:12px;border:0;border-radius:8px;padding:8px 10px;color:#e9f6ff;background:#123d67;text-align:right}.currency-options button.active{background:#1265a6}.currency-options b{width:26px;text-align:center;font-size:19px}.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wallet-actions button{border-radius:10px;height:43px;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:650}.wallet-actions svg{width:19px;height:19px}.wallet-actions .primary{background:linear-gradient(110deg,#0877e9,#149dfd);border:1px solid #57dbff;box-shadow:0 0 12px #008dff7d}.wallet-actions .secondary{background:#082c54a8;border:1px solid #7bbfff}main{padding:5px 15px 20px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:12px 0 11px}.section-title h2{font-size:19px;color:#fff;margin:0}.link-button{border:0;background:transparent;color:#a9d7ff;font-size:13px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.quick-card{min-height:106px;border:1px solid #5798cf;border-radius:14px;background:linear-gradient(145deg,#153e68ce,#051c3dbd);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;font-weight:650;font-size:13px;padding:10px 3px;box-shadow:inset 0 0 12px #67b4fc0c;backdrop-filter:blur(6px)}.quick-icon{width:47px;height:47px;border-radius:12px;background:linear-gradient(145deg,#07529b,#062d6b);display:grid;place-items:center;color:#52cfff}.quick-icon svg{width:27px;height:27px}.tiny-chevron{color:#55d6ff}#credit-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:9px 0}#credit-options button{display:flex;justify-content:center;align-items:center;gap:7px;border:1px solid #3c95ce;background:#0b3a6ee8;color:#eaf8ff;border-radius:10px;padding:11px 4px;font-size:12px}#credit-options svg{width:18px;height:18px;color:#6cd7ff}.transfer-card{margin-top:9px;width:100%;height:45px;border:1px solid #6fb4ea;border-radius:13px;background:linear-gradient(120deg,#153c69cc,#07264bdb);display:flex;align-items:center;justify-content:center;gap:14px;color:#fff;font-size:16px;font-weight:700;backdrop-filter:blur(6px)}.transfer-card svg{color:#35baff;width:22px;height:22px}.transfer-card .arrow{color:#9ac9ed;font-size:24px;font-weight:400}.rates-card{border:1px solid #4b9be0;border-radius:18px;background:linear-gradient(145deg,#061f43d9,#041934d6);padding:15px 14px 12px;margin-top:12px;box-shadow:inset 0 0 30px #125d9b20;backdrop-filter:blur(8px)}.rates-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.rates-header strong{font-size:16px}.demo-label{border:1px solid #256ca9;border-radius:20px;padding:5px 9px;color:#b8dfff;font-size:11px;background:#0d3a69}.rate-number{display:flex;align-items:baseline;gap:9px;margin:15px 0 3px;font-variant-numeric:tabular-nums}.rate-number span{font-size:31px;font-weight:800;color:#fff}.rate-number small{color:#b3d8f5;font-size:12px}.rate-chart{display:block;width:100%;height:68px;filter:drop-shadow(0 0 6px #1e9eff88)}.outline-button{width:100%;padding:10px;border:1px solid #72baf2;border-radius:10px;background:#0a3462a8;color:#eaf8ff;margin-top:6px;font-size:13px}.activities-title{font-size:18px;margin:17px 2px 10px}.activity{border:1px solid #285b88;border-bottom:0;background:#071f3fce;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.activity:first-of-type{border-radius:14px 14px 0 0}.activity:last-of-type{border-bottom:1px solid #285b88;border-radius:0 0 14px 14px}.activity strong{display:block;font-size:13px}.activity small{display:block;color:#93b7d4;margin-top:4px;font-size:10px}.activity>span{font-size:14px;color:#27e6b1;font-weight:750;white-space:nowrap}.activity:last-of-type>span{color:#fff}#secondary-page{min-height:330px;background:#082345e6;border:1px solid #377cb1;border-radius:15px;padding:16px;margin-top:12px}#secondary-page h2{margin:0 0 8px}.page-note{color:#aacde8;font-size:12px}.page-card{border:1px solid #326d9d;border-radius:12px;background:#12345b;padding:13px;margin:12px 0}.page-card h3{font-size:15px;margin:0 0 8px}.page-card p{font-size:12px;color:#bdd9ec;line-height:1.9;margin:0}.page-card button{background:#187cdb;color:white;border:0;border-radius:8px;padding:8px;margin-top:10px}.service-list{display:grid;gap:8px}.service-list button{display:flex;align-items:center;gap:12px;border:1px solid #4388c0;background:#103a68;color:white;border-radius:10px;padding:12px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,440px);height:calc(77px + env(safe-area-inset-bottom));padding:10px 4px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border:1px solid #143c6b;border-bottom:0;border-radius:18px 18px 0 0;background:#04172fe8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:10;box-shadow:0 -7px 25px #0007}.nav-item{border:0;background:transparent;color:#a2c2e1;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:0}.nav-item>svg{width:24px;height:24px}.nav-item small{font-size:11px;white-space:nowrap}.nav-item.active{color:#28a9ff}.wallet-nav{color:#a9d6f5}.wallet-glow{display:grid;place-items:center;width:59px;height:59px;border-radius:50%;background:linear-gradient(145deg,#169cff,#0060ee);border:3px solid #60e8ff;box-shadow:0 0 0 4px #0b4075,0 0 17px #00b7ff,0 0 24px #067aff;position:relative;margin-top:-33px}.wallet-glow svg{width:30px;height:30px;color:#fff}.wallet-nav small{margin-top:0}.toast{position:fixed;z-index:30;bottom:110px;left:50%;transform:translateX(-50%);max-width:380px;width:90%;background:#135184;color:white;border:1px solid #7fd4ff;border-radius:12px;padding:13px;text-align:center;font-size:13px;box-shadow:0 8px 25px #000a}@media(min-width:500px){.app{border-left:1px solid #1a507b;border-right:1px solid #1a507b}}
/* Live reference-rate chart: no changes to other dashboard components */
.rate-chart{transition:filter .35s ease}.rate-chart #rate-line{transition:stroke .45s ease}.rate-chart #rate-dot{transition:fill .45s ease}.rate-source{font-size:10px;line-height:1.7;color:#a4c7e2;margin:2px 0 7px}.rate-number #rate-change{font-size:12px;font-weight:700;direction:ltr;unicode-bidi:isolate}.rates-card.rate-up #rate-value,.rates-card.rate-up #rate-change{color:#3df0ad}.rates-card.rate-down #rate-value,.rates-card.rate-down #rate-change{color:#ff6b7a}.rates-card.rate-up .rate-chart{filter:drop-shadow(0 0 6px #26d9a477)}.rates-card.rate-down .rate-chart{filter:drop-shadow(0 0 6px #ff647c77)}

/* Authentication panel is isolated; the approved dashboard styling is unchanged. */
.auth-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#020a19df;backdrop-filter:blur(9px);padding:16px;overflow-y:auto}
.auth-panel{direction:rtl;width:min(100%,420px);max-height:94dvh;overflow:auto;border:1px solid #54b9ff;border-radius:20px;background:linear-gradient(150deg,#0c3560,#06172e);padding:20px;color:#eaf7ff;box-shadow:0 20px 70px #000c}
.auth-head{display:flex;justify-content:space-between;align-items:center;color:#6ed3ff;font-size:23px;letter-spacing:1px}.auth-head button{border:0;background:transparent;color:#fff;font-size:30px}.auth-panel h2{font-size:21px;margin:10px 0 4px}.auth-panel p{font-size:12px;color:#b8d8ee;line-height:1.8}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.auth-tabs button{padding:11px;border:1px solid #467ea9;border-radius:10px;color:#e4f3ff;background:#113d68}.auth-tabs button.selected{background:#0878d7;border-color:#6ce4ff}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;font-size:13px}.auth-form input,.auth-form select{width:100%;background:#061a33;border:1px solid #4779a5;border-radius:10px;color:#fff;padding:12px;font-size:16px;outline-color:#55baff}.auth-form input::placeholder{color:#85a7c0}.auth-primary{padding:12px;border:1px solid #72dbff;border-radius:10px;background:#087de9;color:white;font-weight:750}.auth-secondary{padding:10px;border:1px solid #5b91b9;border-radius:10px;background:#123e65;color:#fff}.auth-primary:disabled{opacity:.6}.auth-links{display:flex;justify-content:space-between}.auth-links button{background:none;border:0;color:#8bd7ff;font-size:12px}.auth-feedback{min-height:20px;color:#9ce7c7!important}.auth-feedback.error{color:#ffb5be!important}.auth-disclaimer{border-top:1px solid #31658a;padding-top:10px}.auth-account button{border:1px solid #55a8e0;border-radius:9px;background:#135a98;color:white;padding:10px 15px;margin-top:8px}.auth-account p{overflow-wrap:anywhere}

/* Embedded admin view; all existing dashboard rules remain untouched. */
.sx-admin-section{margin:11px 0}.sx-admin-count{font-size:20px;font-weight:800;color:#78d7ff;margin-top:12px}.sx-admin-user{border-top:1px solid #2c658e;padding:10px 0;overflow-wrap:anywhere}.sx-admin-user strong,.sx-admin-user small{display:block}.sx-admin-user strong{font-size:12px}.sx-admin-user small{color:#9ec5df;font-size:11px;margin-top:5px}

/* V3: only additions to existing approved design */
.sx-rates-more{border:0;background:transparent;color:#75d9ff;font-size:12px;padding:5px;white-space:nowrap}
.sx-rate-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #326d9d;padding:12px 0;gap:12px;font-size:13px}
.sx-rate-row strong{color:#8fe5ff;font-variant-numeric:tabular-nums}
.sx-admin-count{display:block;font-size:30px;color:#68d8ff;padding:12px 0}
.sx-admin-user{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #2b6493;font-size:12px;overflow-wrap:anywhere}
.sx-admin-user small{color:#a8d0e8}
/* V4 market, forms, private account and responsive admin. */
html{color-scheme:dark}button:disabled{opacity:.5;cursor:wait}a{color:#80dfff}input,select,textarea{font:inherit;font-size:16px;color:#eef9ff;background:#041c38;border:1px solid #4b8fb9;border-radius:10px;padding:11px;max-width:100%;min-width:0;width:100%}input[type=checkbox]{width:auto;accent-color:#25baff}textarea{resize:vertical;min-height:85px}.sx-form{display:grid;gap:13px;margin:14px 0}.sx-form label{display:grid;gap:6px;font-size:13px}.sx-form label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}.sx-form p{line-height:1.8;font-size:12px;color:#b7d8ee}.sx-form button,.admin-menu button,.action-tabs button,#pick-more{padding:10px;border:1px solid #4c9cd1;border-radius:10px;background:#126ec0;color:white}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.muted{color:#a0c5df;font-size:12px;line-height:1.8}.break{overflow-wrap:anywhere}.back-button{border:1px solid #3995ca;border-radius:10px;background:#0b3e6a;color:#c9f2ff;padding:9px 14px;margin-bottom:17px}.market-toolbar{display:flex;gap:8px;align-items:center;font-size:10px;color:#a6c9df;margin:20px 0}.market-toolbar button{background:transparent;border:1px solid #407ea6;border-radius:7px;color:#79ddff;font-size:20px;margin-right:auto}.live-dot{height:6px;width:6px;background:#3ee0af;border-radius:50%}.market-head{font-size:10px;color:#9cbbd2;display:grid;grid-template-columns:1.15fr 1fr .7fr;padding:10px 0;border-bottom:1px solid #2e668c;gap:7px}.market-row{display:grid;grid-template-columns:1.15fr 1fr .7fr;align-items:center;gap:7px;background:transparent;border:0;border-bottom:1px solid #2e668c;color:inherit;width:100%;padding:17px 0;text-align:right;min-height:93px}.asset-ident{display:flex;align-items:center;gap:7px;min-width:0}.asset-ident strong{font-size:14px;display:block}.asset-ident small,.asset-ident bdi{font-size:9px;display:block;color:#a1bdd5;overflow-wrap:anywhere}.coin-icon{width:32px;height:32px;min-width:32px;border-radius:50%;object-fit:contain}.fiat-icon{display:grid;place-items:center;background:linear-gradient(130deg,#1e75d2,#164166);border:1px solid #62d2ff;font-size:13px;font-weight:bold;color:#c8f8ff}.prices{min-width:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.price-primary{font-size:15px;font-weight:750;line-height:1.6;color:#77e4ff}.price-secondary{font-size:10px;color:#a3bfd7;line-height:1.6}.prices small,.price-primary small,.price-secondary small{display:block;font-size:9px;font-weight:400}.change{font-size:11px;text-align:left;white-space:nowrap}.change small{display:block;font-size:8px;white-space:normal;color:#a0b8d2;margin-top:4px}.up{color:#3ee0af}.down{color:#ff6b87}.asset-detail{display:flex;gap:12px;align-items:center;margin:20px 0}.asset-detail .coin-icon{width:50px;height:50px}.source-links{font-size:10px;text-align:center;line-height:2}.rates-header{flex-wrap:wrap;gap:5px}.rates-header strong{font-size:15px}.rate-number{flex-wrap:wrap}.rate-number #rate-value{font-size:30px;overflow-wrap:anywhere}.rate-number #rate-unit{font-size:14px}.chart-wrap{margin:15px 0;direction:ltr}.live-chart{width:100%;height:85px;display:block}.live-chart.large{height:200px}.chart-axis{display:flex;justify-content:space-between;font-size:8px;gap:7px;color:#88abc7}.chart-empty{font-size:11px;line-height:1.9;color:#a4bed5;padding:24px 4px;text-align:center}.admin-menu{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.admin-menu button{font-size:11px;padding:8px}.admin-menu .selected{background:#1697ea;border-color:#7deaff}.action-tabs{display:flex;gap:5px;flex-wrap:wrap}.action-tabs button{font-size:12px}summary{cursor:pointer;font-size:13px;line-height:1.8}.quote-editor[open]{border-color:#4fd7ff}.request-card small{font-size:10px;color:#93bad6}.history-row{padding:12px 0;border-bottom:1px solid #2f678d}.history-row small{display:block;font-size:10px;color:#95bad6}.form-status{overflow-wrap:anywhere;color:#9ce5e6!important}.pick-item{display:grid;grid-template-columns:70px 1fr;text-align:right;gap:6px;background:#0c2c50;color:#dff4ff;border:0;border-bottom:1px solid #315b80;width:100%;padding:12px}.pick-item small{grid-column:1/-1;color:#91b8d6;font-size:10px}.pick-item span{font-size:12px}.page-card{overflow-wrap:anywhere}#home-pair{font-size:13px;color:#c7e8ff}#home-activity:empty{display:none}@media(max-width:360px){.market-head,.market-row{grid-template-columns:1fr 1fr .65fr;gap:4px}.coin-icon{width:25px;height:25px;min-width:25px}.price-primary{font-size:13px}.two-col{grid-template-columns:1fr}.rates-card{padding:12px 10px}}
.market-row.up .price-primary{color:#3ee0af}.market-row.down .price-primary{color:#ff6b87}


/* Account page — approved clean profile layout */
.account-profile-head{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 8px 22px}
.account-avatar{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;color:#eaf8ff;background:linear-gradient(145deg,#168ee8,#08447d);border:2px solid #72d9ff;box-shadow:0 0 22px #0b9dff55;margin-bottom:12px}
.account-avatar svg{width:42px;height:42px}
.account-profile-head strong{font-size:18px;color:#fff;line-height:1.7}
.account-profile-head small{direction:ltr;color:#9fc8e5;font-size:11px;margin-top:2px;overflow-wrap:anywhere;max-width:100%}
.account-menu{overflow:hidden;border:1px solid #326d9d;border-radius:15px;background:#0a2949c9;margin-bottom:20px}
.account-menu>button{width:100%;min-height:57px;border:0;border-bottom:1px solid #285d86;background:transparent;color:#edf8ff;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;padding:9px 14px;text-align:right}
.account-menu>button:last-child{border-bottom:0}
.account-menu>button:active{background:#12416b}
.account-menu-icon{width:30px;height:30px;display:grid;place-items:center;color:#58caff;font-size:19px}
.account-menu-icon svg{width:21px;height:21px}
.account-menu>button>span:nth-child(2){font-size:14px;font-weight:650}
.account-menu>button>b{font-size:24px;color:#8abbdc;font-weight:400}
.account-menu .account-admin-row{color:#8fe5ff}
.account-detail-panel{scroll-margin-top:12px;margin-bottom:18px}
.account-auth-bottom{margin-top:34px}
.account-auth-bottom .page-card{background:transparent;border:0;padding:0;margin:0}
.account-auth-bottom .page-card p{display:none}
.account-auth-bottom .page-card button{width:100%;min-height:49px;border:1px solid #7d5260!important;border-radius:12px!important;background:#421c2ab8!important;color:#ffb7c3!important;font-weight:700;margin:0!important}


/* Compact account information and edit view */
.account-info-card{overflow:hidden;border:1px solid #326d9d;border-radius:13px;background:#0a2949c9}
.account-info-row{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid #285d86;font-size:12px}
.account-info-row:last-child{border-bottom:0}
.account-info-row>span{color:#9fc5df;white-space:nowrap}
.account-info-row>strong,.account-info-row>bdi{color:#f2f9ff;font-size:12px;text-align:left;overflow-wrap:anywhere;min-width:0}
.account-edit-button{width:100%;height:43px;margin-top:10px;border:1px solid #57a9dd;border-radius:10px;background:#0e4d82;color:#eaf8ff;font-weight:700}
.account-edit-card h3{margin-bottom:14px}
.account-phone-edit{display:grid;grid-template-columns:82px 1fr;gap:8px;direction:ltr}
.account-phone-edit select{text-align:center}
.account-readonly-id{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:9px 11px;border:1px solid #355f80;border-radius:10px;background:#06182d}
.account-readonly-id small{color:#86a9c2;font-size:10px}


/* KYC inside account information */
.account-kyc-row{width:100%;min-height:49px;display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:8px;padding:8px 12px;border:0;border-top:1px solid #285d86;background:#0c3156;color:#edf8ff;text-align:right}
.account-kyc-row>span:first-child{font-size:12px;font-weight:700}
.account-kyc-row>span:nth-child(2){font-size:10px;color:#72d7ff}
.account-kyc-row>b{font-size:22px;color:#8abbdc;font-weight:400}
.kyc-name-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.kyc-birth-row{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:7px;direction:rtl}
.kyc-birth-row input{text-align:center}
@media(max-width:340px){.kyc-name-row{gap:6px}.account-kyc-row{grid-template-columns:1fr auto 14px;padding-inline:9px}}


/* Compact wallet summary */
.wallet-summary-card{overflow:hidden;border:1px solid #285d86;border-radius:16px;background:#0c3156;color:#edf8ff;text-align:center}
.wallet-total-label{padding-top:22px;font-size:12px;color:#a9c9df}
.wallet-total-value{padding:8px 16px 22px;font-size:30px;font-weight:800;direction:ltr}
.wallet-currency-row{min-height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-top:1px solid #285d86;font-size:13px}
.wallet-currency-row bdi{font-weight:700;direction:ltr}
.wallet-summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px;border-top:1px solid #285d86}
.wallet-summary-actions button{min-height:43px}


/* Compact account security menu */
.account-security-menu{overflow:hidden;border:1px solid #285d86;border-radius:14px;background:#0c3156}
.account-security-menu button{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border:0;border-radius:0;background:transparent;color:#edf8ff;text-align:right}
.account-security-menu button+button{border-top:1px solid #285d86}
.account-security-menu button span{font-size:14px;font-weight:700}
.account-security-menu button b{font-size:22px;color:#8abbdc;font-weight:400}


/* Account settings and language */
.account-settings-menu,.account-language-menu{overflow:hidden;border:1px solid #285d86;border-radius:14px;background:#0c3156}
.account-settings-menu button,.account-language-menu button{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border:0;border-radius:0;background:transparent;color:#edf8ff;text-align:start}
.account-settings-menu button+button,.account-language-menu button+button{border-top:1px solid #285d86}
.account-settings-menu button span,.account-language-menu button span{font-size:14px;font-weight:700}
.account-settings-menu button b{font-size:22px;color:#8abbdc;font-weight:400}
.language-check{font-size:18px;color:#72d7ff}


/* Direct light/dark switch in settings */
.account-theme-toggle .theme-switch{width:42px;height:24px;border-radius:999px;padding:3px;background:#174b70;display:flex;align-items:center;direction:ltr;transition:.2s}
.account-theme-toggle .theme-switch i{width:18px;height:18px;border-radius:50%;background:#edf8ff;display:block;transition:transform .2s}
.account-theme-toggle.is-light .theme-switch i{transform:translateX(18px)}
html[data-theme="light"] body{background:#f4f8fb;color:#10283b}
html[data-theme="light"] .page-card,html[data-theme="light"] .account-menu,html[data-theme="light"] .account-info-card,html[data-theme="light"] .account-security-menu,html[data-theme="light"] .account-settings-menu,html[data-theme="light"] .account-language-menu,html[data-theme="light"] .wallet-summary-card{background:#fff;color:#10283b}
html[data-theme="light"] .account-menu button,html[data-theme="light"] .account-security-menu button,html[data-theme="light"] .account-settings-menu button,html[data-theme="light"] .account-language-menu button{color:#10283b}

/* Account support chooser */
.support-menu-modal[hidden]{display:none}
.support-menu-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px}
.support-menu-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.58)}
.support-menu-card{position:relative;width:min(360px,92vw);border:1px solid rgba(120,190,235,.18);border-radius:18px;padding:14px;background:#071925;box-shadow:0 18px 60px rgba(0,0,0,.42)}
.support-menu-card h3{margin:2px 0 12px;text-align:center}
.support-menu-card>button:not(.support-menu-backdrop){width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border:0;border-top:1px solid rgba(120,190,235,.12);background:transparent;color:inherit;text-align:right}
.support-menu-card .support-admin-add{justify-content:center}
html[data-theme="light"] .support-menu-card{background:#fff;color:#10283b}

.admin-user-search{margin:14px 0}
.admin-user-search input{width:100%;box-sizing:border-box}
#admin-user-list{display:grid;gap:8px}
.admin-user-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;text-align:right;padding:12px;border-radius:14px}
.admin-user-row small{display:block}
.admin-user-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center}
.admin-user-avatar.large{width:64px;height:64px;font-size:30px}
.admin-user-head{display:grid;justify-items:center;gap:5px;margin:12px 0 18px}
.user-activity-card{padding:14px;border-radius:16px;margin-bottom:12px}
.user-activity-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.user-activity-head div{display:flex;gap:4px;flex-wrap:wrap}
.user-activity-head button{min-height:30px;padding:4px 8px;font-size:12px}
.user-activity-head button.selected{font-weight:700}
.user-activity-chart{height:150px;margin-top:14px;display:grid;grid-template-rows:1fr auto;gap:8px}
.activity-bars{height:118px;display:flex;align-items:end;gap:2px;border-bottom:1px solid}
.activity-bars i{display:block;flex:1;min-width:2px;max-width:14px;border-radius:3px 3px 0 0;background:currentColor;opacity:.65}
.admin-user-detail-menu{display:grid;gap:1px;border-radius:16px;overflow:hidden}
.admin-user-detail-menu button{min-height:54px;display:flex;align-items:center;justify-content:space-between;text-align:right}

.admin-top-tools{display:flex;justify-content:flex-start;gap:8px;margin-bottom:10px}.admin-top-tools button{width:42px;height:42px;border-radius:50%;padding:0;font-size:20px}.admin-notification-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-notification-grid button{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:24px}.admin-notification-grid span{font-size:14px}.ledger-user-row{width:100%;display:grid;grid-template-columns:1fr 76px auto;align-items:center;gap:10px;text-align:right;margin:8px 0}.ledger-main{display:flex;flex-direction:column;gap:4px}.ledger-main small{opacity:.72}.mini-spark{height:42px;display:flex;align-items:end;gap:2px}.mini-spark i{display:block;flex:1;min-width:3px;border-radius:3px;background:currentColor;opacity:.65}.activity-range{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.activity-range button.selected{font-weight:800}.activity-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.activity-summary span{padding:10px;border:1px solid var(--line,#2b3445);border-radius:12px}.activity-summary b{display:block;font-size:18px}.ledger-events{display:grid;gap:8px}.ledger-events button{display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:4px;width:100%}

/* Admin rates */
.admin-rate-toolbar{display:grid;gap:12px;margin-bottom:14px}.admin-rate-search{display:flex;align-items:center;gap:8px}.admin-rate-search input{width:100%}.admin-rate-list{display:grid;gap:12px}.admin-rate-card{width:100%;text-align:inherit;padding:16px;border-radius:18px;display:grid;gap:12px}.admin-rate-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.admin-rate-head span:not(.coin-icon){display:grid;gap:3px}.admin-rate-prices{display:flex;flex-wrap:wrap;gap:12px}.admin-rate-number{display:inline-flex;align-items:center;gap:6px;font-weight:800}.rate-money-icon{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;border:1px solid currentColor;font-size:12px}.admin-rate-meta{display:flex;justify-content:space-between;gap:10px}.admin-sub-back{margin-bottom:12px}.rate-editor-hero{text-align:center;display:grid;justify-items:center;gap:8px;padding:16px}.rate-editor-hero .coin-icon{width:56px;height:56px}.rate-editor-base{font-size:1.5rem;font-weight:900}.rate-editor-secondary{opacity:.75}.rate-fee-control{display:grid;grid-template-columns:48px 1fr auto 48px;gap:8px;align-items:center}.rate-fee-control input{text-align:center;font-size:1.15rem}.customer-rate-preview{display:grid;gap:10px;margin:14px 0}.customer-rate-preview>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border-radius:14px;background:var(--surface-2,rgba(127,127,127,.08))}.customer-rate-preview strong{display:flex;align-items:center;gap:6px}.switch-row{display:flex!important;justify-content:space-between;align-items:center}

/* Add currency picker */
.add-currency-row{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;text-align:inherit}.add-currency-row .coin-icon{width:38px;height:38px}.pick-asset-name{display:grid;gap:2px}.pick-asset-name strong{font-size:1rem}.pick-asset-name small{opacity:.65;direction:ltr;text-align:right}.pick-add{font-size:1.45rem;font-weight:500}.add-currency-row:disabled{opacity:.55}.add-currency-row:disabled .pick-add{font-size:1rem}

/* Admin services */
.admin-service-list{display:grid;gap:10px}.admin-service-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;text-align:right;padding:15px;border-radius:16px}.service-admin-icon{font-size:1.35rem}.admin-service-add{width:100%;margin-top:14px;padding:14px;border-radius:16px}.service-admin-head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-bottom:14px}.service-admin-head>button{width:42px;height:42px;border-radius:50%}.service-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;margin-bottom:12px}.service-subtitle{margin:18px 4px 10px}.service-fee-form{margin:12px 0 18px}

/* Financial management reports */
.finance-range{display:flex;gap:8px;overflow:auto;margin:8px 0 16px}.finance-range button{white-space:nowrap;padding:9px 12px;border-radius:14px}.finance-range .selected{font-weight:800}.finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.finance-grid button{min-height:110px;padding:14px;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;text-align:right}.finance-grid button>span{font-size:1.5rem}.finance-grid small{opacity:.72}.finance-balances{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 16px}.finance-balances span{padding:12px 8px;border-radius:14px;text-align:center;font-weight:800}.ledger-events .page-card{margin-bottom:9px}@media(max-width:430px){.finance-balances{grid-template-columns:1fr}.finance-grid{gap:8px}}

/* Admin quick tools: notification -> ledger -> support */
.admin-top-tools{display:flex;align-items:center;gap:8px}.admin-top-tools .admin-bell{order:1}.admin-top-tools .admin-ledger-icon{order:2}.admin-top-tools .admin-support-icon{order:3}.admin-support-icon{position:relative}.admin-support-icon #admin-support-count:not(:empty){position:absolute;inset-block-start:-5px;inset-inline-end:-5px;min-width:17px;height:17px;border-radius:999px;font-size:10px;display:grid;place-items:center}

/* Admin support inbox + chat */
.support-inbox-list{display:grid;gap:9px}.support-empty{min-height:150px;display:grid;place-items:center;text-align:center;padding:22px}.support-empty>span{font-size:2rem}.support-empty p{margin:4px 0;opacity:.7}.support-thread{width:100%;display:flex;align-items:center;gap:10px;text-align:start;padding:12px;border-radius:16px}.support-thread-main{flex:1;display:grid;gap:3px}.support-thread-main small{opacity:.7}.support-unread{min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;font-size:11px}.support-chat-head{display:flex;align-items:center;gap:10px;padding:10px 4px 14px}.support-chat-head>div:last-child{display:grid;gap:3px}.support-chat-head small{opacity:.7}.support-chat-messages{min-height:330px;padding:12px 4px 80px}.support-bubble{max-width:82%;padding:10px 12px;border-radius:16px;margin:8px 0}.support-bubble.admin{margin-inline-start:auto}.support-bubble small{display:block;margin-top:5px;opacity:.65}.support-chat-compose{position:sticky;bottom:8px;display:grid;grid-template-columns:42px 1fr 42px;gap:7px;align-items:center;padding:8px;border-radius:18px}.support-chat-compose input{min-width:0;height:42px;border-radius:14px;padding:0 12px}.support-chat-compose button{width:42px;height:42px;border-radius:14px}

/* Text-only messenger support chat */
.support-day-label{width:max-content;margin:4px auto 14px;padding:5px 12px;border-radius:999px;font-size:12px;opacity:.75}.support-chat-messages{min-height:360px;display:flex;flex-direction:column;padding:12px 5px 78px}.support-bubble{max-width:78%;padding:9px 11px;border-radius:16px 16px 16px 5px;margin:5px 0;line-height:1.65;word-break:break-word}.support-bubble.admin{align-self:flex-end;border-radius:16px 16px 5px 16px}.support-bubble.customer{align-self:flex-start}.support-bubble small{font-size:10px;opacity:.65;margin-top:3px}.support-chat-compose{grid-template-columns:1fr 44px;padding:7px;gap:7px}.support-chat-compose input{height:44px;border-radius:22px;padding-inline:15px}.support-chat-compose button{width:44px;height:44px;border-radius:50%;font-size:18px}


/* Approved Home header — digital SAINEX wordmark + neon notification/profile icons */
.brand-name{
  display:inline-block;
  direction:ltr;
  font-weight:900;
  font-size:29px;
  letter-spacing:1.15px;
  line-height:1.15;
  color:transparent;
  background:linear-gradient(90deg,#ffffff 0%,#dcecff 27%,#4ed7ff 58%,#00b9ff 77%,#1677ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 0 5px rgba(36,167,255,.62));
  text-shadow:0 0 15px rgba(0,153,255,.28);
}
.header-actions{display:flex;gap:13px;align-items:center}
.header-actions .icon-btn{
  background:transparent;
  border:0;
  color:#18c8ff;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  padding:0;
  filter:drop-shadow(0 0 5px rgba(0,184,255,.38));
}
.header-actions .icon-btn svg{
  width:28px;
  height:28px;
  stroke-width:1.9;
}


/* Approved Home wallet layout — reference image */
.wallet-card{
  min-height:214px;
  display:flex;
  flex-direction:column;
  padding:13px 14px 12px;
}
.wallet-top{flex:0 0 auto}
.owner{
  color:transparent;
  background:linear-gradient(90deg,#ffffff 0%,#d9eeff 38%,#63dcff 72%,#1597ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 0 13px rgba(33,174,255,.24);
  filter:drop-shadow(0 0 4px rgba(39,185,255,.28));
}
.currency-pill{
  min-width:45px;
  width:45px;
  padding:2px 6px;
  gap:0;
  border-radius:999px;
}
.currency-pill svg{display:none}
.currency-pill span{
  width:100%;
  text-align:center;
  font-size:19px;
  line-height:1;
}
.balance-compact{
  margin-top:auto;
  margin-bottom:10px;
  text-align:right;
  direction:rtl;
  align-self:stretch;
}
.balance-value{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-direction:row-reverse;
  gap:7px;
  direction:rtl;
  width:max-content;
  margin-left:auto;
  font-variant-numeric:tabular-nums;
}
.balance-value #balance{
  font-size:15px;
  font-weight:650;
  letter-spacing:.1px;
  direction:ltr;
}
.balance-value small{font-size:12px}
.balance-caption{
  width:max-content;
  margin:0 0 3px auto;
  color:#bad9f1;
  font-size:12px;
  direction:rtl;
}
.balance-caption button{display:none}
.balance-value::after{
  content:"";
  width:18px;
  height:18px;
  display:block;
  flex:0 0 18px;
  background:currentColor;
  color:#54d4ff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='1.9'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='1.9'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(0 0 4px rgba(0,190,255,.45));
}
.wallet-actions{flex:0 0 auto}

/* Approved remittance compact sheet */
#secondary-page.remittance-sheet{max-width:390px;margin:10px auto 0;padding:14px;border:1px solid rgba(83,198,255,.55);border-radius:20px;background:linear-gradient(145deg,rgba(5,31,65,.97),rgba(3,18,43,.98));box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 22px rgba(0,157,255,.12)}
#secondary-page.remittance-sheet .back-button{width:34px;height:34px;padding:0;border-radius:50%;font-size:25px;line-height:1;display:grid;place-items:center;margin:0 0 2px auto}
#secondary-page.remittance-sheet #page-title{margin:0 0 12px;text-align:right;font-size:19px}
#secondary-page.remittance-sheet .sx-form{gap:10px}
#secondary-page.remittance-sheet .sx-form>p:first-child{display:none}
#secondary-page.remittance-sheet .sx-form label{margin:0}
#secondary-page.remittance-sheet .sx-form input,#secondary-page.remittance-sheet .sx-form select,#secondary-page.remittance-sheet .sx-form textarea{min-height:42px}
#secondary-page.remittance-sheet .sx-form textarea{min-height:66px;resize:vertical}

/* Global SAINEX exit/back icon — icon only, no text */
#secondary-page .back-button{
  width:34px;
  height:34px;
  min-width:34px;
  padding:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:22px;
  line-height:1;
}

/* Approved remittance: compact top-right sheet over Home */
body.remittance-open #home{display:block!important}
body.remittance-open #secondary-page.remittance-sheet{
  display:block!important;
  position:fixed;
  z-index:80;
  top:max(10px,env(safe-area-inset-top));
  right:8px;
  left:auto;
  width:min(78vw,320px);
  max-width:320px;
  max-height:calc(100dvh - max(20px,env(safe-area-inset-top)));
  overflow-y:auto;
  margin:0;
  padding:10px 11px 12px;
  border-radius:15px;
  background:linear-gradient(150deg,rgba(5,30,62,.985),rgba(3,17,40,.99));
  box-shadow:0 14px 42px rgba(0,0,0,.48),0 0 18px rgba(0,165,255,.12);
}
body.remittance-open #secondary-page.remittance-sheet .back-button{
  width:29px;height:29px;min-width:29px;font-size:19px;margin:0 0 0 auto;
}
body.remittance-open #secondary-page.remittance-sheet #page-title{
  font-size:17px;margin:-27px 38px 9px 0;min-height:27px;display:flex;align-items:center;
}
body.remittance-open #secondary-page.remittance-sheet #page-note{display:none}
body.remittance-open #secondary-page.remittance-sheet .sx-form{gap:7px}
body.remittance-open #secondary-page.remittance-sheet .sx-form label{font-size:12px;gap:3px}
body.remittance-open #secondary-page.remittance-sheet .sx-form input,
body.remittance-open #secondary-page.remittance-sheet .sx-form select{
  min-height:36px;height:36px;padding:6px 9px;font-size:13px;
}
body.remittance-open #secondary-page.remittance-sheet .sx-form textarea{
  min-height:48px;height:48px;padding:7px 9px;font-size:13px;
}
body.remittance-open #secondary-page.remittance-sheet .sx-form button[type="submit"]{
  min-height:38px;margin-top:2px;
}
@media (max-width:360px){
 body.remittance-open #secondary-page.remittance-sheet{width:82vw;right:6px;padding:9px 10px 11px}
}

/* SAINEX premium remittance concept — isolated to remittance only */
.remittance-sheet{
  --sx-cyan:#39d8ff;
  --sx-blue:#168cff;
  --sx-line:rgba(74,198,255,.22);
}
.remittance-sheet::before{
  content:"";
  position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:
    radial-gradient(circle at 88% 4%,rgba(25,164,255,.16),transparent 27%),
    linear-gradient(145deg,rgba(255,255,255,.025),transparent 34%);
}
.remittance-sheet #page-title{
  color:#f4fbff;
  font-weight:800;
  letter-spacing:.2px;
  text-shadow:0 0 14px rgba(54,201,255,.18);
}
.remittance-sheet #page-title::after{
  content:"WALLET TRANSFER  ◈";
  display:block;
  margin-top:2px;
  direction:ltr;
  font-size:8px;
  letter-spacing:1.5px;
  font-weight:700;
  color:rgba(82,211,255,.78);
}
.remittance-sheet .remittance-premium{
  position:relative;
  padding-top:7px;
}
.remittance-sheet .remittance-premium::before{
  content:"حواله از موجودی SAINEX";
  display:block;
  margin:0 0 7px;
  padding:8px 10px;
  border:1px solid rgba(61,197,255,.16);
  border-radius:12px;
  background:linear-gradient(110deg,rgba(17,77,116,.24),rgba(5,28,54,.18));
  color:#91cfe9;
  font-size:10px;
  text-align:right;
}
.remittance-sheet .remittance-premium label{
  color:#a9cde1;
  font-size:11px!important;
  font-weight:650;
  letter-spacing:.05px;
}
.remittance-sheet .remittance-premium input,
.remittance-sheet .remittance-premium select,
.remittance-sheet .remittance-premium textarea{
  border:1px solid var(--sx-line)!important;
  border-radius:12px!important;
  color:#f4fbff!important;
  background:
    linear-gradient(180deg,rgba(12,42,70,.82),rgba(6,27,51,.9))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 6px 16px rgba(0,0,0,.08);
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.remittance-sheet .remittance-premium input:focus,
.remittance-sheet .remittance-premium select:focus,
.remittance-sheet .remittance-premium textarea:focus{
  border-color:rgba(55,214,255,.72)!important;
  background:linear-gradient(180deg,rgba(13,48,80,.92),rgba(6,30,57,.96))!important;
  box-shadow:0 0 0 2px rgba(30,177,255,.09),0 0 17px rgba(23,169,255,.10);
}
.remittance-sheet .remittance-premium button[type="submit"]{
  position:relative;
  border:1px solid rgba(102,226,255,.58)!important;
  border-radius:13px!important;
  color:white!important;
  font-weight:800;
  letter-spacing:.1px;
  background:linear-gradient(100deg,#0876c9 0%,#0b9ce5 55%,#18b9ec 100%)!important;
  box-shadow:0 8px 22px rgba(0,119,208,.24),inset 0 1px 0 rgba(255,255,255,.16);
}
.remittance-sheet .remittance-premium button[type="submit"]::after{
  content:"  →";
  direction:ltr;
}
.remittance-sheet .back-button{
  border-color:rgba(65,207,255,.36)!important;
  background:rgba(5,39,67,.72)!important;
  color:var(--sx-cyan)!important;
  box-shadow:0 0 13px rgba(0,177,255,.10);
}

/* SAINEX remittance V2 — restrained international exchange UI */
.remittance-sheet{
  --sx-surface:#0b1420;
  --sx-surface-2:#101c2a;
  --sx-border:rgba(255,255,255,.075);
  --sx-muted:#8291a5;
  --sx-text:#f3f6fa;
  --sx-accent:#2aa8ff;
  background:#07111d!important;
  border:1px solid var(--sx-border)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.42)!important;
}
.remittance-sheet::before{display:none!important}
.remittance-sheet #page-title{
  color:var(--sx-text)!important;
  text-shadow:none!important;
  font-size:18px!important;
  font-weight:750!important;
  letter-spacing:0!important;
}
.remittance-sheet #page-title::after{display:none!important}
.remittance-sheet .back-button{
  background:#101b28!important;
  border:1px solid var(--sx-border)!important;
  color:#e8eef5!important;
  box-shadow:none!important;
}
.remittance-sheet .remittance-exchange{
  gap:8px!important;
  padding-top:4px;
}
.remittance-sheet .remittance-exchange::before{
  content:"موجودی کیف پول";
  display:flex;
  align-items:center;
  min-height:34px;
  padding:0 10px;
  margin-bottom:2px;
  border-radius:10px;
  background:#0d1926;
  border:1px solid var(--sx-border);
  color:var(--sx-muted);
  font-size:10px;
  font-weight:600;
}
.remittance-sheet .remittance-exchange label{
  color:#aab5c3!important;
  font-size:10.5px!important;
  font-weight:650!important;
  gap:4px!important;
}
.remittance-sheet .remittance-exchange input,
.remittance-sheet .remittance-exchange select,
.remittance-sheet .remittance-exchange textarea{
  border:1px solid var(--sx-border)!important;
  border-radius:10px!important;
  background:#0d1926!important;
  color:var(--sx-text)!important;
  box-shadow:none!important;
  font-size:13px!important;
}
.remittance-sheet .remittance-exchange input:focus,
.remittance-sheet .remittance-exchange select:focus,
.remittance-sheet .remittance-exchange textarea:focus{
  border-color:rgba(42,168,255,.65)!important;
  background:#101e2d!important;
  box-shadow:0 0 0 2px rgba(42,168,255,.08)!important;
}
.remittance-sheet .remittance-exchange label:nth-of-type(2) input{
  font-size:18px!important;
  font-weight:750!important;
  font-variant-numeric:tabular-nums;
}
.remittance-sheet .remittance-exchange button[type="submit"]{
  min-height:40px!important;
  margin-top:4px!important;
  border:0!important;
  border-radius:10px!important;
  background:#168de2!important;
  color:#fff!important;
  font-weight:750!important;
  box-shadow:none!important;
}
.remittance-sheet .remittance-exchange button[type="submit"]::after{content:"  →"}
.remittance-sheet .remittance-premium{padding-top:0}
.remittance-sheet .remittance-premium::before{display:none}

/* SAINEX remittance V3 — structural exchange-style redesign */
.remittance-sheet .remittance-exchange::before{display:none!important}
.remittance-sheet .remittance-exchange{gap:9px!important}
.remittance-sheet .remittance-exchange>p:first-child{display:none!important}
.remittance-sheet .rx-section{padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#0b1724}
.remittance-sheet .rx-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#f1f5f9;font-size:11px;font-weight:750}
.remittance-sheet .rx-section-head small{font-size:9px;color:#74859a;font-weight:600}
.remittance-sheet .rx-currency-row{display:grid;grid-template-columns:.88fr 1.12fr;gap:7px;direction:rtl}
.remittance-sheet .rx-currency-row label{margin:0!important}
.remittance-sheet .rx-amount input{direction:ltr;text-align:left;font-size:19px!important;font-weight:800!important;letter-spacing:.2px}
.remittance-sheet .rx-balance{display:flex;justify-content:space-between;align-items:center;padding-top:7px;margin-top:7px;border-top:1px solid rgba(255,255,255,.055);color:#77889b;font-size:9px}
.remittance-sheet .rx-balance b{color:#a8b6c6;font-size:10px;font-variant-numeric:tabular-nums}
.remittance-sheet .rx-route select{text-align:center;font-weight:700!important;background:#101e2d!important}
.remittance-sheet .rx-section label+label{margin-top:7px!important}
.remittance-sheet .remittance-exchange>label{padding:0 2px}
.remittance-sheet .remittance-exchange button[type="submit"]{height:42px!important;border-radius:11px!important;font-size:12px!important;background:#147fd1!important}

/* SAINEX remittance V4 — flagship fintech surface */
body.remittance-open #secondary-page.remittance-sheet{width:min(88vw,350px);max-width:350px;padding:12px;background:linear-gradient(180deg,#08121e 0%,#07101a 100%)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.52)!important}
.remittance-sheet .remittance-exchange{gap:9px!important}
.remittance-sheet .remittance-exchange>p:first-child{display:none!important}
.remittance-sheet .rx-section,.remittance-sheet .remittance-exchange::before{display:none!important}
.remittance-sheet .rx-hero{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:10px 2px 12px;border-bottom:1px solid rgba(255,255,255,.065);direction:rtl}
.remittance-sheet .rx-hero-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#1ba7f5,#116ed1);color:white;font-size:19px;font-weight:900;box-shadow:0 8px 20px rgba(18,126,215,.24)}
.remittance-sheet .rx-hero strong{display:block;color:#f7f9fc;font-size:13px}.remittance-sheet .rx-hero small{display:block;color:#6f8195;font-size:8.5px;margin-top:2px}
.remittance-sheet .rx-secure{direction:ltr;font-size:7px;letter-spacing:.8px;color:#59c7a1;background:rgba(36,183,133,.09);border:1px solid rgba(64,211,160,.18);padding:4px 6px;border-radius:999px}
.remittance-sheet .rx-amount-card,.remittance-sheet .rx-route-card,.remittance-sheet .rx-person-card{padding:11px;border-radius:14px;background:#0d1825;border:1px solid rgba(255,255,255,.065)}
.remittance-sheet .rx-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;color:#dce4ed;font-size:10px;font-weight:700}.remittance-sheet .rx-card-top small{font-size:8px;color:#718399;font-weight:500}.remittance-sheet .rx-card-top b{color:#a9b8c8;font-weight:700}
.remittance-sheet .rx-amount-line{display:grid;grid-template-columns:1fr 105px;gap:7px;direction:ltr}
.remittance-sheet .rx-amount-line input{font-size:24px!important;font-weight:800!important;letter-spacing:-.4px!important;text-align:left!important;direction:ltr!important;background:#08131f!important}
.remittance-sheet .rx-amount-line select{font-weight:750!important;text-align:center!important;background:#101f2f!important}
.remittance-sheet .rx-route-card select{height:42px!important;text-align:center!important;font-weight:750!important;background:#08131f!important}
.remittance-sheet .rx-person-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.remittance-sheet .rx-person-grid label{margin:0!important}.remittance-sheet .rx-person-grid span{font-size:8.5px;color:#7f91a5}
.remittance-sheet .remittance-exchange input,.remittance-sheet .remittance-exchange select,.remittance-sheet .remittance-exchange textarea{border:1px solid rgba(255,255,255,.07)!important;border-radius:10px!important;background:#0b1723!important;color:#f4f7fb!important;box-shadow:none!important}
.remittance-sheet .remittance-exchange input:focus,.remittance-sheet .remittance-exchange select:focus,.remittance-sheet .remittance-exchange textarea:focus{border-color:rgba(42,168,255,.5)!important;box-shadow:0 0 0 3px rgba(42,168,255,.07)!important}
.remittance-sheet .remittance-exchange>label{font-size:9px!important;color:#8395a8!important}
.remittance-sheet .remittance-exchange button[type="submit"]{height:44px!important;border-radius:11px!important;background:linear-gradient(90deg,#147fd4,#169be6)!important;font-size:12px!important;font-weight:800!important;box-shadow:0 9px 24px rgba(15,126,214,.20)!important}

/* SAINEX remittance V5 — premium depth and micro-details */
body.remittance-open #secondary-page.remittance-sheet{
  overflow:hidden auto;
  background:
    radial-gradient(circle at 90% -4%,rgba(31,142,226,.15),transparent 27%),
    linear-gradient(180deg,#091521 0%,#06101a 100%)!important;
}
body.remittance-open #secondary-page.remittance-sheet::after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 26%,transparent 72%,rgba(29,147,230,.025));
}
.remittance-sheet .rx-hero{position:relative}
.remittance-sheet .rx-hero::after{
  content:"";position:absolute;right:0;bottom:-1px;width:72px;height:1px;
  background:linear-gradient(90deg,#21aaf5,transparent);
}
.remittance-sheet .rx-hero-mark{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,#21b7f7 0%,#147edb 58%,#185bc5 100%)!important;
}
.remittance-sheet .rx-hero-mark::after{
  content:"";position:absolute;width:30px;height:70px;top:-18px;left:-22px;
  transform:rotate(30deg);background:rgba(255,255,255,.16);
}
.remittance-sheet .rx-amount-card{position:relative;overflow:hidden;padding:13px!important;background:linear-gradient(145deg,#0f1e2d,#0a1622)!important}
.remittance-sheet .rx-amount-card::after{
  content:"";position:absolute;width:120px;height:120px;border-radius:50%;
  left:-65px;bottom:-78px;background:rgba(24,139,222,.07);pointer-events:none;
}
.remittance-sheet .rx-amount-line input{
  height:50px!important;font-size:27px!important;
  background:#07121d!important;border-color:rgba(255,255,255,.055)!important;
}
.remittance-sheet .rx-amount-line select{height:50px!important}
.remittance-sheet .rx-route-card,.remittance-sheet .rx-person-card{
  background:linear-gradient(160deg,#0d1a28,#0a1622)!important;
}
.remittance-sheet .rx-route-card select{
  border-color:rgba(35,153,231,.16)!important;
  background:linear-gradient(90deg,#091722,#0b1c2a)!important;
}
.remittance-sheet .rx-person-grid input{height:39px!important}
.remittance-sheet .remittance-exchange>label{
  padding:8px 10px!important;border-radius:12px;
  background:#0b1723;border:1px solid rgba(255,255,255,.055);
}
.remittance-sheet .remittance-exchange>label textarea,
.remittance-sheet .remittance-exchange>label input{margin-top:4px}
.remittance-sheet .remittance-exchange>label:has(input[name="pin"]){
  position:relative;padding-left:40px!important;
}
.remittance-sheet .remittance-exchange>label:has(input[name="pin"])::after{
  content:"◆";position:absolute;left:13px;top:50%;transform:translateY(-10%);
  color:#37b7f2;font-size:9px;opacity:.8;
}
.remittance-sheet .remittance-exchange button[type="submit"]{
  position:relative;overflow:hidden;
  background:linear-gradient(100deg,#0e78cf,#169fe7 68%,#23b5eb)!important;
  border:1px solid rgba(105,216,255,.25)!important;
  box-shadow:0 10px 30px rgba(8,115,200,.27),inset 0 1px rgba(255,255,255,.12)!important;
}
.remittance-sheet .remittance-exchange button[type="submit"]::before{
  content:"";position:absolute;inset:1px;border-radius:10px;
  border-top:1px solid rgba(255,255,255,.12);pointer-events:none;
}
.remittance-sheet .remittance-exchange .form-status{
  margin:0!important;text-align:center;font-size:9px;color:#7f91a4;
}

/* SAINEX remittance V6 — flagship global exchange concept */
body.remittance-open #secondary-page.remittance-sheet{
  width:min(91vw,370px)!important;max-width:370px!important;padding:13px!important;
  border-radius:22px!important;
  border:1px solid rgba(116,205,255,.12)!important;
  background:
    radial-gradient(90% 34% at 100% 0%,rgba(31,145,226,.18),transparent 64%),
    radial-gradient(65% 30% at 0% 100%,rgba(20,87,165,.09),transparent 70%),
    linear-gradient(180deg,#081522 0%,#050d16 100%)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.remittance-sheet #page-title{font-size:20px!important;font-weight:850!important;letter-spacing:-.3px!important}
.remittance-sheet .back-button{width:32px!important;height:32px!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;backdrop-filter:blur(14px)}
.remittance-sheet .rx-hero{margin:4px -2px 2px;padding:12px 3px 14px!important}
.remittance-sheet .rx-hero-mark{width:44px!important;height:44px!important;border-radius:14px!important;font-size:22px!important;box-shadow:0 10px 28px rgba(18,128,215,.30),inset 0 1px rgba(255,255,255,.18)!important}
.remittance-sheet .rx-hero strong{font-size:14px!important;letter-spacing:-.2px}.remittance-sheet .rx-hero small{font-size:9px!important;margin-top:3px!important}
.remittance-sheet .rx-secure{font-size:7px!important;padding:5px 7px!important;background:rgba(45,202,148,.075)!important;border-color:rgba(76,224,173,.2)!important}
.remittance-sheet .rx-amount-card{padding:14px!important;border-radius:17px!important;border-color:rgba(72,179,242,.13)!important;background:linear-gradient(145deg,rgba(16,35,52,.98),rgba(8,20,32,.99))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 30px rgba(0,0,0,.12)}
.remittance-sheet .rx-card-top{font-size:10.5px!important;margin-bottom:10px!important}.remittance-sheet .rx-card-top small{font-size:8.5px!important}
.remittance-sheet .rx-amount-line{grid-template-columns:1fr 108px!important;gap:8px!important}
.remittance-sheet .rx-amount-line input{height:57px!important;font-size:31px!important;font-weight:850!important;border-radius:13px!important;background:rgba(3,11,19,.72)!important}
.remittance-sheet .rx-amount-line select{height:57px!important;border-radius:13px!important;background:rgba(13,32,48,.94)!important;font-size:12px!important}
.remittance-sheet .rx-route-card{padding:12px!important;border-radius:15px!important}
.remittance-sheet .rx-route-card select{height:46px!important;border-radius:12px!important;font-size:12px!important;letter-spacing:.1px}
.remittance-sheet .rx-person-card{padding:12px!important;border-radius:15px!important}
.remittance-sheet .rx-person-grid{gap:8px!important}.remittance-sheet .rx-person-grid input{height:42px!important;border-radius:11px!important}
.remittance-sheet .remittance-exchange>label{padding:9px 11px!important;border-radius:14px!important;background:linear-gradient(160deg,rgba(13,28,42,.95),rgba(8,20,31,.95))!important;border-color:rgba(255,255,255,.065)!important}
.remittance-sheet .remittance-exchange textarea{min-height:58px!important}
.remittance-sheet .remittance-exchange>label:has(input[name="pin"]){border-color:rgba(38,159,230,.12)!important}
.remittance-sheet .remittance-exchange button[type="submit"]{height:49px!important;border-radius:13px!important;font-size:13px!important;letter-spacing:.1px!important;background:linear-gradient(100deg,#0b70c7 0%,#1296df 58%,#22b5ea 100%)!important;box-shadow:0 14px 34px rgba(8,120,205,.31),inset 0 1px 0 rgba(255,255,255,.16)!important;transition:transform .15s ease,filter .15s ease}
.remittance-sheet .remittance-exchange button[type="submit"]:active{transform:scale(.985);filter:brightness(.95)}
.remittance-sheet .remittance-exchange input,.remittance-sheet .remittance-exchange select,.remittance-sheet .remittance-exchange textarea{transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.remittance-sheet .remittance-exchange input:focus,.remittance-sheet .remittance-exchange select:focus,.remittance-sheet .remittance-exchange textarea:focus{border-color:rgba(46,178,246,.62)!important;box-shadow:0 0 0 3px rgba(28,151,225,.08),0 8px 20px rgba(0,0,0,.08)!important}
@media(max-width:360px){body.remittance-open #secondary-page.remittance-sheet{width:94vw!important;right:4px!important;padding:11px!important}.remittance-sheet .rx-amount-line input{font-size:27px!important}.remittance-sheet .rx-person-grid{grid-template-columns:1fr!important}}

/* SAINEX GLOBAL FLAGSHIP DESIGN SYSTEM — approved remittance language */
:root{
 --sx-bg:#050d16;--sx-panel:#081522;--sx-card:#0d1a28;--sx-card2:#0a1622;
 --sx-border:rgba(255,255,255,.07);--sx-text:#f4f7fb;--sx-muted:#8293a7;
 --sx-blue:#1598e2;--sx-cyan:#2ab9ef;
}
body{background:radial-gradient(70% 26% at 100% 0%,rgba(26,132,211,.10),transparent 70%),linear-gradient(180deg,#07131f 0%,#050d16 100%)!important;color:var(--sx-text)}
.card,.service-card,.transfer-card,.rates-card,.activity-card,.wallet-card,#secondary-page:not(.remittance-sheet),.admin-card,.account-card{
 border:1px solid var(--sx-border)!important;
 background:linear-gradient(155deg,rgba(14,29,44,.96),rgba(8,19,30,.97))!important;
 border-radius:17px!important;
 box-shadow:0 12px 34px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.025)!important;
}
.quick-grid button,.quick-grid .quick-item,.service-grid button,.service-grid .service-item,.wallet-actions button,.action-card{
 border-radius:13px!important;border:1px solid rgba(255,255,255,.065)!important;
 background:linear-gradient(155deg,#0e1d2b,#091621)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
 transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.quick-grid button:active,.service-grid button:active,.wallet-actions button:active{transform:scale(.975)}
button.primary,.primary,.sx-form button[type="submit"]{
 border:1px solid rgba(105,216,255,.20)!important;border-radius:12px!important;
 background:linear-gradient(100deg,#0c73c9 0%,#1296df 60%,#21b3e9 100%)!important;
 color:#fff!important;font-weight:800!important;
 box-shadow:0 10px 26px rgba(8,119,202,.20),inset 0 1px rgba(255,255,255,.13)!important;
}
button.secondary,.secondary{
 border:1px solid rgba(255,255,255,.075)!important;border-radius:12px!important;
 background:#0d1b29!important;color:#dce7f1!important;
}
.sx-form input,.sx-form select,.sx-form textarea,#secondary-page input,#secondary-page select,#secondary-page textarea{
 border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;
 background:#091723!important;color:#f4f7fb!important;box-shadow:none!important;
 transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.sx-form input:focus,.sx-form select:focus,.sx-form textarea:focus,#secondary-page input:focus,#secondary-page select:focus,#secondary-page textarea:focus{
 outline:none!important;border-color:rgba(46,178,246,.58)!important;
 box-shadow:0 0 0 3px rgba(28,151,225,.075)!important;background:#0b1b29!important;
}
.sx-form label,#secondary-page label{color:#91a2b5}
.page-title,#page-title,.section-title,h2,h3{color:#f3f7fb;letter-spacing:-.15px}
.muted,.sub,.caption,.meta{color:var(--sx-muted)!important}
.bottom-nav{
 background:rgba(5,14,23,.94)!important;border-top:1px solid rgba(255,255,255,.065)!important;
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
 box-shadow:0 -12px 32px rgba(0,0,0,.16)!important;
}
.bottom-nav button{color:#718398!important}
.bottom-nav button.active{color:#35baf1!important}
.icon-btn,.back-button{
 border:1px solid rgba(255,255,255,.065)!important;
 background:rgba(13,29,43,.72)!important;border-radius:11px!important;
}
.wallet-card{overflow:hidden;position:relative}
.wallet-card::after{
 content:"";position:absolute;width:190px;height:190px;left:-90px;bottom:-120px;border-radius:50%;
 background:rgba(25,143,221,.055);pointer-events:none;
}
.currency-pill{background:#0c1c2a!important;border:1px solid rgba(70,185,245,.13)!important}
.brand-name{filter:drop-shadow(0 0 6px rgba(36,167,255,.30))!important}
#secondary-page:not(.remittance-sheet){padding:14px!important}
#secondary-page:not(.remittance-sheet) .sx-form{gap:10px}
#secondary-page:not(.remittance-sheet) .sx-form>p:first-child{
 padding:10px 11px;border-radius:12px;background:#0b1926;border:1px solid rgba(255,255,255,.055);
 color:#7f91a5;font-size:10px;
}

/* Fix: keep remittance as one unified sheet */
body.remittance-open #secondary-page.remittance-sheet{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  overflow-y:auto!important;
}
body.remittance-open #secondary-page.remittance-sheet #page-title,
body.remittance-open #secondary-page.remittance-sheet #page-note,
body.remittance-open #secondary-page.remittance-sheet #page-content{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.remittance-open #secondary-page.remittance-sheet #page-content{
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
body.remittance-open #secondary-page.remittance-sheet .remittance-exchange{
  width:100%!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Definitive remittance overlay fix: Home stays behind one floating sheet */
body.remittance-open #home-page{display:block!important}
body.remittance-open #home-page[hidden]{display:block!important}
body.remittance-open .wallet-card[hidden]{display:flex!important}
body.remittance-open #secondary-page.remittance-sheet{
  position:fixed!important;
  top:max(10px,env(safe-area-inset-top))!important;
  right:8px!important;left:auto!important;bottom:auto!important;
  height:auto!important;min-height:0!important;
  max-height:calc(100dvh - 20px - env(safe-area-inset-top))!important;
  margin:0!important;
  display:block!important;
}
body.remittance-open #secondary-page.remittance-sheet #page-body{
  display:block!important;width:100%!important;margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
body.remittance-open #secondary-page.remittance-sheet .remittance-exchange{
  display:flex!important;flex-direction:column!important;width:100%!important;
}
body.remittance-open .bottom-nav{z-index:20}
body.remittance-open #secondary-page.remittance-sheet{z-index:100}

/* Remittance header cleanup: remove stray title/note under exit control */
body.remittance-open #secondary-page.remittance-sheet > #page-title,
body.remittance-open #secondary-page.remittance-sheet > #page-note{
  display:none!important;
}

/* SAINEX Premium Select — branded selection surface */
.sx-select-overlay{position:fixed;inset:0;z-index:300;background:rgba(1,7,12,.58);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding:12px;opacity:0;transition:opacity .18s ease}
.sx-select-overlay.open{opacity:1}
.sx-select-sheet{width:min(100%,430px);max-height:min(72dvh,620px);overflow:hidden;border:1px solid rgba(92,198,255,.14);border-radius:22px;background:radial-gradient(90% 45% at 100% 0%,rgba(30,144,220,.15),transparent 65%),linear-gradient(180deg,#0b1926,#06101a);box-shadow:0 28px 80px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.04);padding:12px;transform:translateY(24px);transition:transform .2s ease}
.sx-select-overlay.open .sx-select-sheet{transform:translateY(0)}
.sx-select-head{display:flex;align-items:center;justify-content:space-between;padding:5px 3px 12px}
.sx-select-head>div{display:flex;flex-direction:column;gap:2px}.sx-select-head strong{font-size:15px;color:#f5f9fc}.sx-select-head small{font-size:8px;letter-spacing:1.8px;color:#3bbcf2}
.sx-select-close{width:34px;height:34px;border-radius:11px;border:1px solid rgba(255,255,255,.07);background:#0d1d2b;color:#a9bac9;font-size:20px}
.sx-select-list{display:flex;flex-direction:column;gap:7px;overflow:auto;max-height:calc(min(72dvh,620px) - 70px);padding-bottom:max(2px,env(safe-area-inset-bottom))}
.sx-select-option{width:100%;min-height:60px;display:grid;grid-template-columns:44px 1fr 28px;gap:10px;align-items:center;text-align:right;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:linear-gradient(145deg,rgba(14,31,46,.96),rgba(8,20,31,.98));color:#edf5fb;padding:8px 10px;transition:transform .14s ease,border-color .14s ease,background .14s ease}
.sx-select-option:active{transform:scale(.985)}.sx-select-option.selected{border-color:rgba(43,180,239,.38);background:linear-gradient(145deg,rgba(15,48,70,.98),rgba(8,28,43,.98))}
.sx-select-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#102c40,#0a1e2e);border:1px solid rgba(68,191,248,.15);color:#42c4f7;font-size:18px;font-weight:850;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.sx-select-copy{display:flex;flex-direction:column;gap:3px}.sx-select-copy strong{font-size:13px;font-weight:750}.sx-select-copy small{font-size:9px;color:#71879a;direction:rtl}.sx-select-check{color:#45c6f5;font-size:16px;text-align:center}
@media(min-width:700px){.sx-select-overlay{align-items:center}.sx-select-sheet{border-radius:20px}}

/* SAINEX Select V2 — compact exchange rows */
.sx-select-sheet{padding:10px!important}
.sx-select-head{padding:3px 2px 9px!important}
.sx-select-list{gap:5px!important}
.sx-select-option{
  min-height:0!important;
  grid-template-columns:34px minmax(0,1fr) 22px!important;
  gap:8px!important;
  padding:7px 9px!important;
  border-radius:11px!important;
  background:rgba(10,24,36,.82)!important;
  box-shadow:none!important;
}
.sx-select-option.selected{
  background:linear-gradient(90deg,rgba(13,49,70,.92),rgba(9,29,43,.88))!important;
  border-color:rgba(52,185,239,.30)!important;
}
.sx-select-icon{
  width:32px!important;height:32px!important;border-radius:9px!important;
  font-size:14px!important;
  background:#0c2232!important;
}
.sx-select-copy{gap:1px!important;line-height:1.15!important}
.sx-select-copy strong{font-size:12px!important;font-weight:750!important}
.sx-select-copy small{font-size:8px!important;line-height:1.25!important}
.sx-select-check{font-size:13px!important}

/* SAINEX Global V7 — information hierarchy, fewer containers */
:root{--sx-section-gap:12px;--sx-control-h:42px}
#secondary-page:not(.remittance-sheet) .sx-form{gap:var(--sx-section-gap)!important}
#secondary-page:not(.remittance-sheet) .sx-form>label{
  padding:0!important;margin:0!important;border:0!important;background:transparent!important;
  box-shadow:none!important;border-radius:0!important;
}
#secondary-page:not(.remittance-sheet) .sx-form>label>span,
#secondary-page:not(.remittance-sheet) .sx-form>label{font-size:10px!important;color:#91a3b5!important}
#secondary-page:not(.remittance-sheet) .sx-form input,
#secondary-page:not(.remittance-sheet) .sx-form select{
  min-height:var(--sx-control-h)!important;height:var(--sx-control-h)!important;margin-top:5px!important;
}
#secondary-page:not(.remittance-sheet) .sx-form textarea{min-height:64px!important;margin-top:5px!important}
#secondary-page:not(.remittance-sheet) .two-col{gap:8px!important}
.page-card,.admin-card,.account-card,.action-card{
  padding:11px 12px!important;
}
.service-list{gap:7px!important}
.service-list>button{
  min-height:46px!important;padding:9px 11px!important;border-radius:12px!important;
  background:rgba(10,24,36,.78)!important;box-shadow:none!important;
}
.market-row{min-height:58px!important;padding-top:8px!important;padding-bottom:8px!important}
.wallet-currency-row{min-height:42px!important;padding-top:7px!important;padding-bottom:7px!important}

/* Remittance: sections are hierarchy, not boxes */
.remittance-sheet .remittance-exchange{gap:11px!important}
.remittance-sheet .rx-hero{padding:7px 2px 9px!important;margin:0!important}
.remittance-sheet .rx-amount-card{
  padding:11px!important;border-radius:14px!important;
}
.remittance-sheet .rx-route-card,
.remittance-sheet .rx-person-card{
  padding:2px 1px 0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
.remittance-sheet .rx-card-top{margin:0 1px 6px!important}
.remittance-sheet .rx-route-card select{height:42px!important;border-radius:11px!important}
.remittance-sheet .rx-person-grid{gap:7px!important}
.remittance-sheet .rx-person-grid label{
  padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
.remittance-sheet .rx-person-grid input{height:40px!important;margin-top:4px!important}
.remittance-sheet .remittance-exchange>label{
  padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
.remittance-sheet .remittance-exchange>label textarea,
.remittance-sheet .remittance-exchange>label input{margin-top:5px!important}
.remittance-sheet .remittance-exchange>label:has(input[name="pin"]){
  padding:0!important;border:0!important;background:transparent!important;
}
.remittance-sheet .remittance-exchange>label:has(input[name="pin"])::before{display:none!important}
.remittance-sheet .remittance-exchange button[type="submit"]{margin-top:2px!important}

/* Home: retain only meaningful financial surfaces; compact utility elements */
.quick-grid{gap:7px!important}
.quick-grid button,.quick-grid .quick-item{min-height:54px!important;padding:8px!important;border-radius:12px!important;box-shadow:none!important}
.transfer-card{min-height:48px!important;padding-top:9px!important;padding-bottom:9px!important}
.activities-title{margin-top:14px!important;margin-bottom:7px!important}

/* Remittance amount labels: each label is physically attached to its own control */
.remittance-sheet .rx-amount-grid{display:grid!important;grid-template-columns:1fr 108px!important;gap:8px!important;align-items:end!important}
.remittance-sheet .rx-amount-grid label{display:flex!important;flex-direction:column!important;gap:6px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#91a3b5!important;font-size:10px!important}
.remittance-sheet .rx-amount-grid input{height:57px!important;font-size:31px!important;font-weight:850!important;border-radius:13px!important;background:rgba(3,11,19,.72)!important;margin:0!important}
.remittance-sheet .rx-amount-grid select{height:57px!important;border-radius:13px!important;background:rgba(13,32,48,.94)!important;font-size:12px!important;margin:0!important}

/* SAINEX Home Wallet V8 — institutional exchange wallet */
.wallet-card.wallet-pro{
 min-height:190px!important;padding:15px 15px 13px!important;border-radius:20px!important;
 background:radial-gradient(90% 95% at 100% 0%,rgba(27,143,219,.17),transparent 57%),linear-gradient(145deg,#0d1d2b 0%,#07131e 70%,#06101a 100%)!important;
 border:1px solid rgba(100,199,248,.12)!important;box-shadow:0 18px 46px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)!important;
 overflow:visible!important;
}
.wallet-card.wallet-pro::after{width:180px;height:180px;left:-105px;bottom:-125px;background:rgba(30,153,224,.07)!important}
.wallet-pro-head{display:flex;align-items:center;justify-content:space-between;direction:rtl}
.wallet-owner{display:flex;align-items:center;gap:7px;direction:ltr}
.wallet-owner-dot{width:7px;height:7px;border-radius:50%;background:#3fc6f5;box-shadow:0 0 10px rgba(63,198,245,.65)}
.wallet-pro .owner{font-size:11px!important;font-weight:750!important;letter-spacing:.45px!important;color:#dff4ff!important;background:none!important;-webkit-text-fill-color:initial!important;text-shadow:none!important;filter:none!important}
.wallet-status{font-size:7px;letter-spacing:1.7px;color:#5c7b91;border:1px solid rgba(255,255,255,.06);border-radius:999px;padding:4px 7px;background:rgba(255,255,255,.025)}
.wallet-pro-main{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:20px;direction:rtl}
.wallet-balance-block{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.wallet-balance-label{font-size:9px;color:#71879a}
.wallet-pro .balance-value{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;width:auto!important;direction:ltr!important}
.wallet-pro .balance-value::after{display:none!important}
.wallet-pro .balance-value #balance{font-size:27px!important;font-weight:850!important;line-height:1!important;letter-spacing:-.5px!important;color:#f4f9fc}
.wallet-pro #toggle-balance{display:grid!important;place-items:center;width:25px;height:25px;padding:0;border:0;background:transparent;color:#5e788c}
.wallet-pro #toggle-balance svg{width:16px;height:16px}
.wallet-pro .wallet-currency{width:48px!important;height:42px!important;min-width:48px!important;border-radius:12px!important;background:rgba(13,34,50,.88)!important;border:1px solid rgba(71,185,241,.14)!important;color:#42c3f5!important}
.wallet-pro .wallet-currency span{font-size:17px!important;font-weight:850}
.wallet-pro-line{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);margin:14px 0 10px}
.wallet-pro .wallet-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.wallet-pro .wallet-actions button{height:43px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:11px!important;font-size:11px!important}
.wallet-pro .wallet-actions .secondary{background:rgba(13,29,43,.82)!important}
.wallet-action-icon{display:grid;place-items:center}.wallet-action-icon svg{width:15px!important;height:15px!important}
.wallet-pro .currency-options{top:112px!important;left:15px!important;right:auto!important;z-index:30!important}

/* SAINEX Market V1 — dedicated trading identity */
.trade-entry{margin:11px 0 14px;padding:14px;border-radius:18px;border:1px solid rgba(63,185,242,.14);background:radial-gradient(80% 120% at 100% 0%,rgba(28,145,218,.17),transparent 60%),linear-gradient(145deg,#0d1d2b,#07131e);box-shadow:0 14px 36px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035);display:flex;align-items:flex-end;justify-content:space-between;gap:12px;cursor:pointer}
.trade-entry-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.trade-entry-copy strong{font-size:19px}.trade-entry-copy small{font-size:9px;color:#7890a4}.trade-kicker{font-size:7px;letter-spacing:1.5px;color:#42c3f5;direction:ltr}.trade-kicker i,.trade-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#42c3f5;box-shadow:0 0 9px rgba(66,195,245,.7)}
.trade-entry-market{display:flex;flex-direction:column;align-items:flex-end;gap:8px;direction:ltr}.trade-entry-market span:first-child{display:flex;flex-direction:column;align-items:flex-end}.trade-entry-market b{font-size:10px}.trade-entry-market small{font-size:7px;color:#60788b}.trade-enter{font-size:9px;color:#40bdf0}
.trade-terminal{display:flex;flex-direction:column;gap:12px}.trade-topbar{display:flex;justify-content:space-between;align-items:center}.trade-pair{border:0;background:transparent;color:#f4f8fb;display:flex;align-items:center;gap:8px;padding:0}.trade-pair>span:first-child{display:flex;flex-direction:column;align-items:flex-start}.trade-pair b{font-size:16px}.trade-pair small{font-size:8px;color:#6f8597}.trade-live{display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:1.2px;color:#6e8da1;direction:ltr}
.trade-price{display:flex;align-items:baseline;gap:7px;direction:ltr}.trade-price small{font-size:8px;color:#71879a}.trade-price strong{font-size:27px}.trade-price span{font-size:9px;color:#71879a}
.trade-chart-shell{padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:rgba(7,19,29,.68)}.trade-chart-head{display:flex;justify-content:space-between;font-size:9px;color:#7c91a3}.trade-chart-head div{display:flex;gap:10px;direction:ltr}.trade-chart-head b:first-child{color:#40bdf0}
.trade-chart-placeholder{height:132px;position:relative;display:grid;place-items:center;overflow:hidden}.trade-chart-placeholder svg{position:absolute;inset:15px 0 5px;width:100%;height:100px}.trade-chart-placeholder path{fill:none;stroke:#29b7ed;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(41,183,237,.3))}.trade-chart-placeholder span{font-size:8px;color:#51697b;background:rgba(6,16,25,.82);padding:5px 8px;border-radius:8px;z-index:1}
.trade-tabs{display:grid;grid-template-columns:1fr 1fr;background:#091722;border-radius:11px;padding:3px}.trade-tabs button{height:36px;border:0;border-radius:9px;background:transparent;color:#73899b;font-weight:750}.trade-tabs button.active{background:#0d8b69;color:#eafff8}
.trade-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trade-order-grid label{font-size:9px;color:#8295a6}.trade-order-grid label>div{height:43px;margin-top:5px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#091722;display:flex;align-items:center}.trade-order-grid input{min-width:0;width:100%;border:0!important;background:transparent!important}.trade-order-grid b{font-size:8px;color:#6f8799;padding:0 8px}
.trade-balance{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#748a9c}.trade-balance bdi{color:#b7c8d5;font-size:9px}.trade-submit{height:46px;border:0;border-radius:12px;background:linear-gradient(100deg,#0d8064,#12a37c);color:white;font-weight:800}.trade-safety{text-align:center;font-size:8px;color:#5d7385;margin:0}

/* SAINEX Market V2 — fiat/crypto routed markets */
.trade-market-switch{display:grid;grid-template-columns:1fr 1fr;padding:3px;background:#081620;border:1px solid rgba(255,255,255,.05);border-radius:12px}.trade-market-switch button{height:37px;border:0;border-radius:9px;background:transparent;color:#6f8798;font-weight:750}.trade-market-switch button.active{background:#102b3d;color:#49c5f4;box-shadow:inset 0 0 0 1px rgba(73,197,244,.12)}
.trade-pair-wide{width:100%;justify-content:space-between;padding:11px 12px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:#091722!important}.trade-picker{position:relative;padding:9px;border:1px solid rgba(69,190,242,.13);border-radius:14px;background:#07141f;box-shadow:0 18px 40px rgba(0,0,0,.28)}.trade-picker-head{display:flex;gap:7px;margin-bottom:8px}.trade-picker-head input{height:39px!important;flex:1;margin:0!important}.trade-picker-head button{width:39px;border:0;border-radius:10px;background:#102432;color:#9bb0bf;font-size:18px}.trade-market-row{width:100%;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;padding:8px;border:0;border-bottom:1px solid rgba(255,255,255,.035);background:transparent;color:#eef7fb;text-align:right}.trade-market-row>span:nth-child(2){display:flex;flex-direction:column}.trade-market-row strong{font-size:11px;direction:ltr;text-align:left}.trade-market-row small{font-size:7px;color:#647c8e}.trade-market-row>bdi{display:flex;flex-direction:column;align-items:flex-end;font-size:9px}.trade-market-row>bdi small.up{color:#32d39b}.trade-market-row>bdi small.down{color:#ff6b87}.trade-asset-badge{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#0d2637;color:#45c3f3;font-weight:800}.trade-asset-badge .coin-icon{width:32px!important;height:32px!important}
.trade-estimate{display:flex;justify-content:space-between;font-size:9px;color:#73899b}.trade-estimate b{color:#d7e6ef}
.trade-submit.sell{background:linear-gradient(100deg,#a93e57,#d55270)!important}

/* Home V9 — balanced quick services + transfer before market */
.quick-grid.quick-grid-balanced{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.quick-grid.quick-grid-balanced .quick-card{width:100%!important;min-height:62px!important;justify-content:center!important}
.transfer-before-market{margin:8px 0 10px!important;width:100%!important}
.transfer-before-market+.trade-entry{margin-top:0!important}

/* SAINEX Market V3 — global exchange terminal */
.trade-order-type{display:flex;gap:14px;border-bottom:1px solid rgba(255,255,255,.055)}.trade-order-type button{padding:9px 1px 7px;border:0;border-bottom:2px solid transparent;background:transparent;color:#688193;font-size:10px;font-weight:800}.trade-order-type button.active{color:#46c5f5;border-color:#46c5f5}
.trade-percent-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.trade-percent-row button{height:29px;border:1px solid rgba(69,190,242,.10);border-radius:8px;background:#0a1d2a;color:#7892a4;font-size:8px}.trade-percent-row button:active{color:#45c3f3;border-color:rgba(69,195,243,.35)}
.admin-rate-meta{flex-wrap:wrap!important}.admin-rate-meta small{white-space:nowrap}

/* SAINEX Market V4 — IRT / AFN / Digital gateways */
.trade-market-switch.trade-market-switch-3{grid-template-columns:repeat(3,1fr)!important;gap:3px}.trade-market-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:4px 2px}.trade-market-caption strong{font-size:12px;color:#e7f4fa}.trade-market-caption small{max-width:68%;font-size:8px;line-height:1.65;color:#6d8495;text-align:left}.trade-empty{padding:30px 15px;text-align:center;border:1px dashed rgba(72,190,241,.16);border-radius:14px;background:rgba(8,22,33,.55)}.trade-empty strong{font-size:13px}.trade-empty p{font-size:9px;color:#71899a;margin-top:6px}


/* SAINEX Exchange V5 — immersive market */
body.exchange-open{overflow-x:hidden;background:#03090f}
body.exchange-open .app>.hero,body.exchange-open .bottom-nav{display:none!important}
body.exchange-open .app{max-width:none!important;width:100%!important;padding:0!important;margin:0!important;background:#03090f!important}
body.exchange-open main{padding:0!important;margin:0!important;max-width:none!important}
body.exchange-open #secondary-page{padding:0!important;margin:0!important;min-height:100dvh;background:#03090f}
body.exchange-open #secondary-page>#page-back,body.exchange-open #secondary-page>#page-title,body.exchange-open #secondary-page>#page-note{display:none!important}
body.exchange-open #page-body{padding:0!important;margin:0!important;max-width:none!important}
.sx-exchange{min-height:100dvh;padding:0 14px 38px;background:radial-gradient(circle at 75% -5%,rgba(0,174,255,.12),transparent 28%),linear-gradient(180deg,#06111a 0,#03090f 48%,#050b10 100%);color:#eaf7ff}
.exchange-head{height:64px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;position:sticky;top:0;z-index:20;margin:0 -14px;padding:0 14px;background:rgba(3,9,15,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(100,206,255,.09)}
.exchange-head>button{width:38px;height:38px;border:1px solid rgba(110,207,255,.14);border-radius:12px;background:#091722;color:#dff6ff;font-size:19px}
.exchange-head>div{display:flex;flex-direction:column}.exchange-head strong{font-size:14px;letter-spacing:.8px}.exchange-head strong i{font-style:normal;color:#3acbff}.exchange-head small{font-size:7px;letter-spacing:2px;color:#5f8295;margin-top:2px}.exchange-head>span{font-size:8px;letter-spacing:1px;color:#6f91a2;display:flex;align-items:center;gap:5px}.exchange-head>span b{width:6px;height:6px;border-radius:50%;background:#21d18b;box-shadow:0 0 10px #21d18b}
.exchange-hero{padding:28px 4px 21px}.exchange-hero>small{font-size:8px;letter-spacing:2px;color:#3cc9ff}.exchange-hero h2{font-size:24px;line-height:1.25;margin:7px 0;color:#f3fbff}.exchange-hero p{font-size:10px;color:#6d8998;margin:0}
.exchange-section{margin:0 0 12px;padding:14px;border:1px solid rgba(94,194,239,.09);border-radius:18px;background:linear-gradient(145deg,rgba(11,27,39,.82),rgba(5,15,23,.88));box-shadow:0 14px 34px rgba(0,0,0,.18)}
.exchange-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.exchange-title>div{display:flex;flex-direction:column}.exchange-title small{font-size:7px;letter-spacing:1.5px;color:#3cc9ff}.exchange-title strong{font-size:12px;margin-top:3px}.exchange-title>span{font-size:7px;color:#5e7c8e}.exchange-title>button{width:30px;height:30px;border:0;border-radius:9px;background:#0b1c28;color:#6fd7ff}
.exchange-gainers{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.exchange-gainers::-webkit-scrollbar{display:none}.exchange-gainers>button{min-width:142px;padding:11px;border:1px solid rgba(99,198,241,.09);border-radius:13px;background:#071620;color:#e9f8ff;display:grid;grid-template-columns:30px 1fr auto;align-items:center;text-align:start;gap:7px}.exchange-gainers .asset-badge{width:28px;height:28px}.exchange-gainers span{display:flex;flex-direction:column}.exchange-gainers strong{font-size:11px}.exchange-gainers small{font-size:7px;color:#617e8e}.exchange-gainers b{font-size:9px}.up{color:#2bd795!important}.down{color:#ff6577!important}
.exchange-search{height:40px;margin:10px 0;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:12px;background:#06131d;border:1px solid rgba(89,189,234,.09)}.exchange-search span{color:#5d8497}.exchange-search input{width:100%;border:0!important;background:transparent!important;color:#dff6ff!important;outline:0;font-size:10px!important;padding:0!important;box-shadow:none!important}
.exchange-market-list .trade-market-row{border-radius:0!important;border-width:0 0 1px!important;border-color:rgba(97,183,222,.07)!important;background:transparent!important;min-height:56px!important;padding:8px 2px!important}
.exchange-market-list .trade-market-row:last-child{border-bottom:0!important}
.exchange-portfolio-empty{padding:5px 0}.exchange-portfolio-empty>strong{font-size:11px}.exchange-portfolio-empty>p{font-size:9px;line-height:1.7;color:#668596}.exchange-portfolio-empty>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.exchange-portfolio-empty>div span{padding:8px 4px;border-radius:9px;background:#071722;text-align:center;font-size:8px;color:#a8c4d2}
.exchange-terminal{padding-bottom:30px}.terminal-ticker{display:flex;align-items:center;justify-content:space-between;padding:17px 3px 12px}.terminal-ticker>div{display:flex;align-items:center;gap:8px}.terminal-ticker>div:last-child{flex-direction:column;align-items:flex-end;gap:2px}.terminal-ticker .asset-badge{width:36px;height:36px}.terminal-ticker strong{font-size:16px}.terminal-ticker span{display:flex;align-items:baseline;gap:4px}.terminal-ticker small{font-size:8px;color:#6c8999}
.exchange-chart{margin:0 -14px 12px;padding:14px;background:#040c12;border-top:1px solid rgba(92,192,238,.07);border-bottom:1px solid rgba(92,192,238,.07)}.exchange-chart-tools{display:flex;justify-content:space-between;align-items:center}.exchange-chart-tools>span{font-size:7px;letter-spacing:1.5px;color:#4ccfff}.exchange-chart-tools>div{display:flex;gap:2px}.exchange-chart-tools button{border:0;background:transparent;color:#567484;font-size:7px;padding:5px}.exchange-chart-tools button.active{color:#55d4ff;background:#0a1b26;border-radius:5px}.exchange-live-chart{height:185px;position:relative;color:#38caff;padding-top:12px}.exchange-live-chart svg{width:100%;height:150px;overflow:visible}.exchange-live-chart .area{fill:url(#sxg);stroke:none}.exchange-live-chart .line{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}.exchange-live-chart>small{position:absolute;bottom:2px;left:0;font-size:7px;color:#466675}
.exchange-order{padding:15px;border:1px solid rgba(89,193,239,.09);border-radius:18px;background:#07131c;margin-bottom:12px}.exchange-order .trade-order-type,.exchange-order .trade-tabs{background:#030b11!important}.exchange-order .trade-submit.buy{background:linear-gradient(135deg,#0a8f69,#16c88e)!important}.exchange-order .trade-submit.sell{background:linear-gradient(135deg,#b5364b,#ee5369)!important}.exchange-orders{margin-bottom:0}.exchange-order-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;border-radius:10px;background:#06131c}.exchange-order-tabs button{border:0;background:transparent;color:#668595;font-size:8px;padding:8px 3px;border-radius:8px}.exchange-order-tabs button.active{background:#0b2230;color:#bcecff}
@media(min-width:760px){.sx-exchange{max-width:1080px;margin:auto;padding-left:24px;padding-right:24px}.exchange-head{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.exchange-gainers>button{min-width:190px}.exchange-chart{margin-left:0;margin-right:0;border:1px solid rgba(92,192,238,.07);border-radius:18px}}


/* Exchange V6 — top market/assets navigation */
.exchange-top-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0 4px;position:sticky;top:64px;z-index:18;background:linear-gradient(180deg,#06111a 70%,rgba(6,17,26,.92) 85%,transparent)}
.exchange-top-nav button{height:64px;border:1px solid rgba(91,193,239,.09);border-radius:15px;background:#071620;color:#6f8c9b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.exchange-top-nav button.active{color:#dff7ff;border-color:rgba(65,202,255,.3);background:linear-gradient(145deg,#0a2230,#071721);box-shadow:inset 0 0 20px rgba(34,190,255,.05)}
.exchange-nav-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#0b2432;color:#42cbff;font-size:18px;line-height:1}
.exchange-top-nav strong{font-size:10px;font-weight:700}
.exchange-assets-page .exchange-balance-card{margin-top:14px}
.exchange-balance-card{padding:18px;border:1px solid rgba(79,201,255,.15);border-radius:20px;background:radial-gradient(circle at 80% 0,rgba(34,190,255,.13),transparent 35%),linear-gradient(145deg,#0a1e2b,#06131c);box-shadow:0 18px 45px rgba(0,0,0,.22)}
.exchange-balance-card>small{font-size:9px;color:#7395a5}.exchange-balance-card>strong{display:block;font-size:28px;margin:7px 0 13px}
.asset-unit-switch{display:flex;gap:5px}.asset-unit-switch button{border:0;border-radius:8px;padding:7px 12px;background:#07131c;color:#6f8d9c;font-size:8px}.asset-unit-switch button.active{background:#0c2a3b;color:#6ddcff}
.asset-balance-split{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(91,190,233,.08)}.asset-balance-split span{display:flex;flex-direction:column;gap:4px}.asset-balance-split small{font-size:8px;color:#617f8f}.asset-balance-split b{font-size:12px}
.exchange-asset-empty{text-align:center;padding:22px 10px 14px}.exchange-asset-empty>span{display:grid;place-items:center;margin:0 auto 8px;width:40px;height:40px;border-radius:13px;background:#0a2230;color:#44ccff;font-size:23px}.exchange-asset-empty strong{font-size:11px}.exchange-asset-empty p{font-size:9px;line-height:1.8;color:#668696;max-width:360px;margin:7px auto}
.exchange-wallet-assets>div{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(91,190,233,.07)}.exchange-wallet-assets>div:last-child{border-bottom:0}.exchange-wallet-assets span{display:flex;align-items:center;gap:8px}.exchange-wallet-assets span>b{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#0a2230;color:#52d1ff}.exchange-wallet-assets strong{font-size:10px}.exchange-wallet-assets bdi{font-size:10px}
.asset-performance-empty{height:100px;display:grid;place-items:center;text-align:center;padding:15px;border-radius:12px;background:linear-gradient(180deg,rgba(16,50,68,.25),rgba(5,15,22,.15));color:#567989;font-size:8px;line-height:1.7}.asset-performance>div:last-child{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:8px}.asset-performance button{border:0;border-radius:7px;padding:6px 2px;background:#06131c;color:#587888;font-size:7px}.asset-performance button.active{background:#0b2838;color:#61d7ff}

/* SAINEX Home Trade Entry visibility guard */
#home-page .trade-entry{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:2!important;width:100%!important;min-height:86px!important;margin:8px 0 14px!important;box-sizing:border-box!important}
body:not(.exchange-open) #home-page .trade-entry{display:flex!important}

/* Exchange mobile viewport fit — keep controls below phone status area */
@media (max-width:600px){
 body.exchange-open .app{width:100%!important;max-width:100%!important}
 .sx-exchange{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-left:12px!important;padding-right:12px!important;padding-bottom:28px!important}
 .exchange-head{height:54px!important;min-height:54px!important;margin-left:-12px!important;margin-right:-12px!important;padding-left:12px!important;padding-right:12px!important;padding-top:max(env(safe-area-inset-top),8px)!important;box-sizing:content-box!important;top:0!important}
 .exchange-head>button{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;font-size:17px!important;position:relative!important;z-index:30!important;touch-action:manipulation!important}
 .exchange-head{grid-template-columns:36px 1fr auto!important;gap:8px!important}
 .exchange-top-nav{margin-left:0!important;margin-right:0!important}
}

/* Unified service request language — deposit V1 */
.service-request-modern{display:flex;flex-direction:column;gap:18px}
.service-request-modern>label,.service-request-modern .service-money-head label{margin:0}
.service-money-head{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;align-items:end;padding:8px 2px 2px}
.service-money-head label>span{display:block;font-size:11px;color:#8da6b7;margin-bottom:9px}
.service-currency-pick select{width:72px;height:58px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:transparent!important;padding:0!important;cursor:pointer}
.service-currency-pick{position:relative}
.service-currency-pick:after{content:'ت';position:absolute;bottom:0;right:0;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#102a3c,#071722);box-shadow:0 8px 24px rgba(0,0,0,.28),inset 0 0 0 1px rgba(91,203,255,.16);color:#dff7ff;font-size:20px;font-weight:800;pointer-events:none}
.service-currency-pick:has(option[value="AFN"]:checked):after{content:'؋'}
.service-currency-pick:has(option[value="USDT"]:checked):after{content:'₮'}
.service-amount-input input{height:58px!important;border:0!important;border-bottom:1px solid rgba(112,190,226,.2)!important;border-radius:0!important;background:transparent!important;padding:0 2px!important;box-shadow:none!important;font-size:clamp(24px,8vw,38px)!important;font-weight:750!important;letter-spacing:-1px!important;direction:ltr;text-align:left}
.service-amount-input input:focus{border-bottom-color:#39c7ff!important;box-shadow:0 8px 18px -18px #39c7ff!important}
.service-receipt-upload{min-height:92px;border:1px dashed rgba(88,193,239,.25)!important;border-radius:18px!important;background:rgba(9,27,39,.55)!important;padding:16px!important;position:relative;display:flex!important;flex-direction:column;justify-content:center;gap:5px}
.service-receipt-upload:before{content:'◉';position:absolute;left:16px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0d2637;color:#52d1ff;font-size:20px}
.service-receipt-upload span{font-size:13px;font-weight:750}
.service-receipt-upload small{font-size:9px;color:#7893a5;max-width:75%}
.service-receipt-upload input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer}
@media(max-width:390px){.service-money-head{grid-template-columns:74px minmax(0,1fr);gap:12px}.service-currency-pick:after{width:52px;height:52px}.service-amount-input input{font-size:28px!important}}

/* Service request V2 — clean currency cue + receipt sources */
.service-currency-pick:before{content:'⌄';position:absolute;top:24px;right:22px;z-index:3;color:#69cfff;font-size:11px;line-height:1;pointer-events:none;transform:translateY(-50%)}
.service-currency-pick select{appearance:none!important;-webkit-appearance:none!important;background-image:none!important}
.service-currency-pick select::-ms-expand{display:none!important}
.service-receipt-block{display:flex;flex-direction:column;gap:5px}
.service-receipt-block>.service-field-title{font-size:12px;font-weight:750;color:#dcecf5}
.service-receipt-block>small{font-size:9px;color:#7893a5}
.service-receipt-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:7px}
.service-receipt-actions label{height:78px!important;border:1px dashed rgba(88,193,239,.24)!important;border-radius:17px!important;background:rgba(9,27,39,.55)!important;display:flex!important;align-items:center;justify-content:center;gap:8px;position:relative;margin:0!important}
.service-receipt-actions b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0d2637;color:#52d1ff;font-size:14px}
.service-receipt-actions span{font-size:10px;font-weight:700}
.service-receipt-actions input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer}

/* Service request V3 — bare currency icon + centered cue + 3 receipt sources */
.service-currency-pick:after{background:transparent!important;box-shadow:none!important;border:0!important;width:56px!important;height:56px!important}
.service-currency-pick:before{top:31px!important;right:23px!important;transform:translateY(-50%)!important;font-size:10px!important}
.service-receipt-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.service-receipt-actions label{height:74px!important;gap:5px!important;flex-direction:column!important}
.service-receipt-actions b{width:29px!important;height:29px!important;font-size:13px!important}

/* Service request V4 — currency glyph only; source pickers must open their own source */
.service-currency-pick:after{display:none!important}
.service-currency-pick select{
  display:block!important;width:56px!important;height:56px!important;
  color:#dff7ff!important;font-size:0!important;font-weight:800!important;
  text-align:center!important;text-align-last:center!important;
}
.service-currency-pick{height:78px}
.service-currency-pick .currency-glyph{display:none}
.service-currency-pick:before{top:28px!important;right:23px!important}

.service-currency-pick{position:relative!important}
.service-currency-pick:before{display:none!important}
.service-currency-arrow{position:absolute;top:29px;right:24px;color:#69cfff;font-size:10px;font-style:normal;pointer-events:none}
.service-currency-glyph{position:absolute;right:17px;bottom:4px;width:28px;height:28px;display:grid;place-items:center;color:#dff7ff;font-size:22px;font-weight:800;line-height:1;pointer-events:none;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.service-currency-pick select{position:absolute!important;right:4px!important;bottom:0!important;width:54px!important;height:38px!important;opacity:0!important;z-index:4!important;cursor:pointer}

/* Service request V5 — compact currency stack */
.service-currency-pick{height:66px!important;display:block!important}
.service-currency-pick>span{margin-bottom:0!important;position:absolute!important;top:2px!important;right:8px!important;font-size:11px!important;line-height:14px!important}
.service-currency-arrow{top:22px!important;right:25px!important;line-height:10px!important}
.service-currency-glyph{right:18px!important;bottom:1px!important;width:28px!important;height:28px!important}
.service-currency-pick select{right:5px!important;bottom:0!important;width:54px!important;height:38px!important}

/* Service request V6 — aligned labels, tight arrow/icon stack */
.service-money-head{align-items:start!important}
.service-currency-pick,.service-amount-input{position:relative!important;padding-top:0!important}
.service-currency-pick{height:66px!important}
.service-currency-pick>span,
.service-amount-input>span{
  position:static!important;
  display:block!important;
  height:16px!important;
  line-height:16px!important;
  margin:0 0 5px!important;
  padding:0!important;
  font-size:11px!important;
}
.service-currency-arrow{
  top:22px!important;
  right:25px!important;
  height:8px!important;
  line-height:8px!important;
  font-size:10px!important;
}
.service-currency-glyph{
  top:31px!important;
  bottom:auto!important;
  right:18px!important;
  width:28px!important;
  height:28px!important;
  line-height:28px!important;
}
.service-currency-pick select{
  top:25px!important;
  bottom:auto!important;
  right:5px!important;
  width:54px!important;
  height:36px!important;
}

/* Service request V7 — center currency label over glyph */
.service-currency-pick>span{
  position:relative!important;
  right:-7px!important;
  width:72px!important;
  text-align:center!important;
  white-space:nowrap!important;
}

/* Service request V8 — center cue exactly over currency glyph */
.service-currency-arrow{right:27px!important;text-align:center!important}

/* Service request V9 — optical center cue over Persian toman glyph */
.service-currency-arrow{right:31px!important}

/* Service request V10 — final optical cue alignment */
.service-currency-arrow{right:29px!important}

/* Unified customer service forms — preserve each service fields, share approved visual language */
.sx-form.service-request-modern>label,
.sx-form.service-request-modern>.two-col,
.sx-form.service-request-modern>.rx-route-card,
.sx-form.service-request-modern>.rx-person-card{
  border:0;
  box-shadow:none;
}
.sx-form.service-request-modern textarea,
.sx-form.service-request-modern>label>input:not([type=file]),
.sx-form.service-request-modern>label>select{
  border:0!important;
  border-bottom:1px solid rgba(112,190,226,.20)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.sx-form.service-request-modern>button[type=submit]{
  min-height:52px;border-radius:16px;font-weight:800
}
/* Remittance keeps its approved amount/currency structure; only inherit the common service finish. */
.remittance-exchange textarea,
.remittance-exchange input,
.remittance-exchange select{box-sizing:border-box}

/* Remittance currency picker — force exact approved service selector geometry */
.remittance-exchange .rx-currency-field.service-currency-pick{
  position:relative!important;height:66px!important;display:block!important;padding:0!important;
}
.remittance-exchange .rx-currency-field.service-currency-pick>span{
  position:relative!important;top:auto!important;right:-7px!important;
  display:block!important;width:72px!important;height:16px!important;line-height:16px!important;
  margin:0 0 5px!important;padding:0!important;text-align:center!important;white-space:nowrap!important;
  font-size:11px!important;
}
.remittance-exchange .rx-currency-field .service-currency-arrow{
  display:block!important;position:absolute!important;top:22px!important;right:29px!important;
  height:8px!important;line-height:8px!important;font-size:10px!important;color:#69cfff!important;
}
.remittance-exchange .rx-currency-field .service-currency-glyph{
  display:grid!important;position:absolute!important;top:31px!important;right:18px!important;
  width:28px!important;height:28px!important;place-items:center!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  color:#dff7ff!important;font-size:22px!important;font-weight:800!important;line-height:28px!important;
}
.remittance-exchange .rx-currency-field select{
  display:block!important;position:absolute!important;top:25px!important;right:5px!important;
  width:54px!important;height:36px!important;opacity:0!important;z-index:8!important;cursor:pointer!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}

/* Operator picker — larger than currency selector, compact brand marks */
.operator-picker{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:2px 0 4px}
.operator-picker-title{font-size:11px;color:#8da6b7}
.operator-current{position:relative!important;width:68px!important;height:68px!important;min-height:68px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important}
.operator-current i{position:absolute;top:-1px;left:50%;transform:translateX(-50%);font-style:normal;font-size:10px;color:#69cfff}
.operator-logo{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:15px;font-weight:900;letter-spacing:-.5px;background:#0b2230;border:1px solid rgba(102,203,244,.18);box-shadow:0 7px 20px rgba(0,0,0,.2)}
.operator-current .operator-logo{width:58px;height:58px;border-radius:17px;font-size:18px}
.op-roshan{color:#f3f7fb;background:linear-gradient(145deg,#11324b,#0b1d2a)}
.op-awcc{color:#eaf7ff;background:linear-gradient(145deg,#153d59,#092435)}
.op-etisalat{color:#e9fff2;background:linear-gradient(145deg,#123b2c,#09241d)}
.op-atoma{color:#fff1df;background:linear-gradient(145deg,#493018,#281b0e)}
.op-salaam{color:#f1edff;background:linear-gradient(145deg,#342857,#1b1632)}
.operator-sheet{position:absolute;z-index:80;top:86px;right:0;width:min(300px,calc(100vw - 40px));padding:10px;border:1px solid rgba(92,191,235,.18);border-radius:20px;background:rgba(5,18,27,.98);box-shadow:0 22px 60px rgba(0,0,0,.46);backdrop-filter:blur(18px)}
.operator-sheet[hidden]{display:none!important}
.operator-sheet button{width:100%!important;min-height:62px!important;padding:7px 9px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;background:transparent!important;display:flex!important;align-items:center!important;gap:12px!important;text-align:right!important}
.operator-sheet button:last-child{border-bottom:0!important}
.operator-sheet b{font-size:12px;color:#eaf5fb}

/* Operator picker V2 — actual operator logos */
.operator-logo{overflow:hidden!important;background:#fff!important;padding:3px!important;box-sizing:border-box!important}
.operator-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:10px!important}
.operator-current .operator-logo img{border-radius:13px!important}

/* Global phone entry — country code only, no redundant labels/help text */
.phone-field-global{display:block!important}
.phone-entry,.phone-field-global .account-phone-edit{display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;gap:10px!important;align-items:end!important}
.phone-entry select,.phone-field-global .account-phone-edit select{direction:ltr!important;text-align:center!important;font-variant-numeric:tabular-nums!important}
.phone-entry input,.phone-field-global .account-phone-edit input{direction:ltr!important;font-variant-numeric:tabular-nums!important}

/* SAINEX branded select — global */
.sx-select-shell{position:relative;display:block;width:100%}
.sx-select-shell>select.sx-select-ready{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;pointer-events:none!important}
.sx-select-face{width:100%!important;min-height:44px!important;padding:9px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border:1px solid rgba(112,190,226,.16)!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(16,36,49,.72),rgba(7,23,33,.72))!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;color:#eaf7ff!important;font:inherit!important;text-align:start!important}
.sx-select-face span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-select-face i{font-style:normal;font-size:11px;color:#65cdf8;transition:transform .18s ease}
.sx-select-open .sx-select-face{border-color:rgba(88,203,249,.48)!important;box-shadow:0 0 0 3px rgba(53,184,238,.07),inset 0 1px rgba(255,255,255,.04)!important}
.sx-select-open .sx-select-face i{transform:rotate(180deg)}
.sx-select-menu{position:fixed;z-index:9999;max-height:300px;overflow:auto;padding:7px;border:1px solid rgba(99,201,242,.18);border-radius:17px;background:rgba(5,18,27,.97);box-shadow:0 22px 65px rgba(0,0,0,.48);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);animation:sxSelectIn .15s ease-out}
.sx-select-option{width:100%!important;min-height:46px!important;padding:9px 11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.045)!important;border-radius:10px!important;background:transparent!important;color:#dcebf3!important;font:inherit!important;text-align:start!important}
.sx-select-option:last-child{border-bottom:0!important}
.sx-select-option.active{background:rgba(55,187,238,.09)!important;color:#f5fcff!important}
.sx-select-option b{width:18px;color:#62d2ff;font-size:13px}
@keyframes sxSelectIn{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}

/* Home viewport fit — keep content inside the physical phone safe area */
body:not(.exchange-open) .app{width:min(calc(100% - 12px),428px)!important;max-width:428px!important;margin-inline:auto!important}
body:not(.exchange-open) .hero{padding-top:calc(env(safe-area-inset-top) + 10px)!important;padding-left:12px!important;padding-right:12px!important}
body:not(.exchange-open) main{padding-left:12px!important;padding-right:12px!important}
body:not(.exchange-open) .bottom-nav{width:min(calc(100% - 12px),428px)!important}
@media(max-width:390px){
 body:not(.exchange-open) .app{width:calc(100% - 10px)!important}
 body:not(.exchange-open) .hero{padding-top:calc(env(safe-area-inset-top) + 8px)!important}
}

/* Premium Home wallet — summary only; wallet services live in the Wallet tab */
.wallet-home-premium{position:relative;overflow:hidden;padding:16px 16px 13px!important;border:1px solid rgba(92,202,255,.34)!important;border-radius:21px!important;background:radial-gradient(120% 120% at 100% 0%,rgba(31,153,221,.20),transparent 48%),linear-gradient(145deg,rgba(8,31,47,.96),rgba(4,17,28,.98) 72%)!important;box-shadow:0 16px 38px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045)!important}
.wallet-home-premium:before{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(75,204,255,.09);border-radius:50%;left:-68px;bottom:-105px;box-shadow:0 0 50px rgba(33,174,232,.06)}
.wallet-home-premium .wallet-pro-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}
.wallet-home-premium .wallet-owner{display:flex;align-items:center;gap:9px;min-width:0}
.wallet-home-premium .wallet-owner-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(89,210,255,.32);background:linear-gradient(145deg,rgba(24,117,164,.35),rgba(7,36,52,.8));color:#dff8ff;font-size:14px;font-weight:900;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.wallet-home-premium .wallet-owner>div{display:grid;gap:1px;min-width:0}
.wallet-home-premium .owner{color:#f5fbff!important;font-size:11px!important;letter-spacing:.45px}
.wallet-home-premium .wallet-owner small{font-size:7px;letter-spacing:1.35px;color:#5f8294}
.wallet-home-premium .wallet-status{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(83,187,229,.16);border-radius:999px;background:rgba(5,25,36,.5);font-size:9px;color:#92b9ca}
.wallet-home-premium .wallet-status i,.wallet-home-foot span i{width:5px;height:5px;border-radius:50%;background:#4bd7ff;box-shadow:0 0 8px rgba(75,215,255,.7)}
.wallet-home-premium .wallet-pro-main{position:relative;margin-top:19px;align-items:end}
.wallet-home-premium .wallet-balance-label{font-size:9px;color:#7899aa;letter-spacing:.1px}
.wallet-home-premium .balance-value{margin-top:3px;align-items:center}
.wallet-home-premium .balance-value #balance{font-size:32px!important;letter-spacing:.15px;color:#fff}
.wallet-home-premium #toggle-balance{display:grid;place-items:center;width:25px;height:25px;padding:0;border:0;background:transparent;color:#7299aa}
.wallet-home-premium #toggle-balance svg{width:16px;height:16px}
.wallet-home-premium .wallet-currency{height:34px;min-width:48px;border-color:rgba(77,195,240,.24);background:rgba(8,37,51,.72);box-shadow:none}
.wallet-home-foot{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:10px;border-top:1px solid rgba(113,197,230,.10);font-size:8px;color:#648494}
.wallet-home-foot span{display:flex;align-items:center;gap:6px}
.wallet-home-foot b{font-size:8px;letter-spacing:1.5px;color:#53778a}

/* Home wallet manager identity */
.wallet-home-premium .wallet-owner>div{position:relative!important;display:inline-grid!important;width:max-content!important;gap:0!important;padding-bottom:8px}
.wallet-home-premium .wallet-manager-tag{position:absolute!important;right:1px!important;bottom:-1px!important;font-size:5.5px!important;line-height:1!important;letter-spacing:.15px!important;color:#55cfff!important;opacity:.72!important;white-space:nowrap!important;font-weight:650!important}
.wallet-home-premium .wallet-manager-tag:before{content:"";display:inline-block;width:9px;height:1px;margin-left:4px;vertical-align:middle;background:linear-gradient(90deg,transparent,#55cfff);opacity:.7}

/* Compact wallet currency menu — does not alter the approved wallet card */
.wallet-home-premium .wallet-currency-popover{position:absolute!important;z-index:20!important;top:86px!important;left:15px!important;width:116px!important;margin:0!important;padding:4px!important;display:grid!important;gap:2px!important;border:1px solid rgba(84,198,238,.16)!important;border-radius:12px!important;background:rgba(5,20,30,.97)!important;box-shadow:0 12px 28px rgba(0,0,0,.42)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;animation:walletCurrencyIn .12s ease-out}
.wallet-home-premium .wallet-currency-popover[hidden]{display:none!important}
.wallet-home-premium .wallet-currency-popover button{display:grid!important;grid-template-columns:23px 1fr 12px!important;align-items:center!important;gap:6px!important;min-height:31px!important;padding:3px 6px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#94afbd!important;text-align:right!important}
.wallet-home-premium .wallet-currency-popover button b{width:23px!important;height:23px!important;display:grid!important;place-items:center!important;border-radius:7px!important;background:rgba(53,157,198,.08)!important;color:#a9e9ff!important;font-size:13px!important}
.wallet-home-premium .wallet-currency-popover button span{font-size:9px!important;font-weight:650!important}
.wallet-home-premium .wallet-currency-popover button i{font-style:normal!important;font-size:8px!important;color:#59d6ff!important;opacity:0!important}
.wallet-home-premium .wallet-currency-popover button.active{background:rgba(55,184,230,.07)!important;color:#eefaff!important}
.wallet-home-premium .wallet-currency-popover button.active i{opacity:1!important}
@keyframes walletCurrencyIn{from{opacity:0;transform:translateY(-3px) scale(.98)}to{opacity:1;transform:none}}

/* Keep the compact currency menu clear of the wallet currency trigger */
.wallet-home-premium .wallet-currency-popover{top:126px!important;left:15px!important;transform-origin:22px 0!important}
.wallet-home-premium .wallet-currency-popover:before{content:"";position:absolute;top:-5px;left:22px;width:9px;height:9px;transform:rotate(45deg);background:rgba(5,20,30,.97);border-left:1px solid rgba(84,198,238,.16);border-top:1px solid rgba(84,198,238,.16)}


/* SAINEX rates market + trade administration */
.sx-rates-page{display:grid;gap:12px}
.rates-page-tools{display:flex;justify-content:space-between;align-items:center;min-height:34px}
.rates-search-button{width:36px;height:36px;border:1px solid #2d6798;border-radius:50%;background:#082b50;color:#dff6ff;font-size:22px}
.market-pulse{border:1px solid #245e91;border-radius:18px;background:linear-gradient(145deg,#061f43e8,#04172fe8);padding:13px 12px 10px;box-shadow:inset 0 0 28px #1387d516}
.market-pulse-head,.market-pulse-change,.market-breadth,.all-markets-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.market-pulse-head div{display:grid;gap:2px}.market-pulse-head small,.market-pulse-change span{font-size:11px;color:#8fb8d7}.market-pulse-head strong{font-size:15px;direction:ltr}
.market-live{font-size:10px;color:#73e7c1;display:flex;align-items:center;gap:5px}.market-live i{width:7px;height:7px;border-radius:50%;background:#39e8ad;box-shadow:0 0 9px #39e8ad}
.market-pulse-change{margin-top:8px}.market-pulse-change b{font-size:13px;direction:ltr}
.market-pulse-chart{height:86px;overflow:hidden;margin:2px -3px 0}.market-pulse-chart .chart-wrap{height:86px}.market-pulse-chart .live-chart{height:62px;width:100%}.market-pulse-chart .chart-axis,.market-pulse-chart .muted{display:none}.market-pulse-chart .chart-empty{min-height:62px;display:grid;place-items:center;font-size:11px;color:#7899b4}
.market-range{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:3px}.market-range button,.market-filter button{border:0;background:transparent;color:#8eb7d6;padding:7px;border-radius:9px}.market-range button.active,.market-filter button.active{color:#fff;background:#0c3a68;box-shadow:inset 0 -2px #4ccfff}
.market-breadth{border-top:1px solid #17456d;margin-top:5px;padding-top:9px;font-size:10px;color:#8fb3cf}.market-breadth span{display:flex;gap:4px}.market-breadth b{color:#dceeff}.up{color:#37e7ae!important}.down{color:#ff6b87!important}
.market-admin-tech{margin-top:9px;padding:8px;border-radius:10px;background:#07172a;display:grid;gap:3px;font-size:9px;color:#7fa4c0}.market-admin-tech b{color:#c6e9ff}
.all-markets{display:grid;gap:9px}.all-markets-title strong{font-size:15px}.market-filter{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#071b31;border-radius:12px;padding:3px}
.rates-search-box{display:flex;align-items:center;gap:8px;border:1px solid #245a84;border-radius:12px;padding:8px 10px;background:#061a31}.rates-search-box input{width:100%;border:0;outline:0;background:transparent;color:#fff;direction:ltr}
.modern-market-list{display:grid}.modern-market-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;border-bottom:1px solid #163b5c;background:transparent;color:#fff;padding:12px 2px;text-align:inherit}.market-asset{display:flex;align-items:center;gap:9px}.market-asset>span{display:grid;gap:2px}.market-asset strong{font-size:14px;direction:ltr}.market-asset small{font-size:9px;color:#7fa6c5;direction:ltr}.market-price{display:grid;justify-items:end;gap:3px}.market-price strong{font-size:12px;direction:ltr}.market-price small{font-size:10px;direction:ltr}
.admin-trade-row{width:100%;display:grid;grid-template-columns:1fr auto 14px;align-items:center;gap:8px;padding:12px 8px;border:0;border-bottom:1px solid #1b4668;background:transparent;color:#fff;text-align:inherit}.admin-trade-row>span{display:grid;gap:3px}.admin-trade-row small{font-size:10px;color:#89acc7}.admin-trade-row bdi{font-size:12px}
.admin-trade-detail{display:grid;gap:12px}.trade-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trade-detail-grid span,.trade-wallet-snapshot span{display:grid;gap:4px;padding:10px;border:1px solid #214f73;border-radius:11px;background:#071d34;font-size:10px;color:#8eb0ca}.trade-detail-grid bdi,.trade-detail-grid strong,.trade-wallet-snapshot bdi{font-size:12px;color:#fff;direction:ltr}.trade-wallet-snapshot{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
@media(max-width:390px){.market-pulse-chart{height:78px}.market-pulse-chart .chart-wrap{height:78px}.market-pulse-chart .live-chart{height:56px}.trade-detail-grid{grid-template-columns:1fr 1fr}}


/* Home · SAINEX Market Pulse */
.home-pulse-card{padding:14px 14px 12px;overflow:hidden}
.home-pulse-card .rates-header{display:flex;align-items:center;justify-content:space-between}
.home-pulse-card .rates-header strong{font-size:16px;letter-spacing:-.2px}
.home-pulse-pair{display:flex;align-items:center;gap:7px;margin-top:15px;direction:ltr;justify-content:flex-end}
.home-pulse-pair strong{font-size:13px;letter-spacing:.4px}
.home-currency-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid #3479b2;border-radius:50%;background:#0a345d;color:#dff6ff;font-size:12px}
.home-pulse-quote{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:10px 0 4px;direction:ltr}
.home-pulse-quote>div:first-child{display:grid;gap:2px}.home-pulse-quote small{font-size:11px;color:#8fb4d0}.home-pulse-quote strong{font-size:24px;font-variant-numeric:tabular-nums}.home-pulse-quote em{font-style:normal;font-size:11px;color:#9ec3df}
.home-pulse-change{font-size:12px;font-weight:700;margin-bottom:4px;white-space:nowrap}
.home-pulse-chart{height:82px;overflow:hidden;margin:5px -5px 0}.home-pulse-chart .chart-wrap{height:82px}.home-pulse-chart .live-chart,.home-pulse-chart .rate-chart{height:62px;width:100%}.home-pulse-chart .chart-axis{display:none}
.home-chart-wait{height:62px;display:grid;place-items:center;border-bottom:1px solid #1e527b;color:#7098b8;font-size:10px}
.home-pulse-ranges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:1px;direction:ltr}.home-pulse-ranges button{border:0;border-radius:8px;background:transparent;color:#83a8c4;font-size:11px;padding:6px}.home-pulse-ranges button.active{color:#fff;background:#0b3a69;box-shadow:inset 0 -2px #48cfff}
.home-pulse-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0 3px;padding-top:9px;border-top:1px solid #19486f}.home-pulse-stats span{display:grid;gap:4px;text-align:center}.home-pulse-stats small{font-size:9px;color:#779fbd}.home-pulse-stats b{font-size:11px;direction:ltr;color:#e7f5ff;font-variant-numeric:tabular-nums}
.home-pulse-card .outline-button{margin-top:8px}


/* SAINEX fixed brand environment — content scrolls, brand field never moves */
html{min-height:100%;background:#020812}
body{min-height:100dvh;background:#020812;position:relative}
body::before{content:"";position:fixed;z-index:-3;inset:0;background:
 radial-gradient(ellipse 86% 48% at 50% -8%,rgba(13,111,196,.32) 0%,rgba(5,42,80,.17) 38%,transparent 72%),
 radial-gradient(ellipse 70% 38% at 106% 78%,rgba(0,112,194,.10),transparent 72%),
 linear-gradient(180deg,#031126 0%,#020b18 46%,#020812 100%);pointer-events:none;transform:translateZ(0)}
body::after{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;background:
 linear-gradient(115deg,transparent 0 48%,rgba(75,190,255,.018) 49%,transparent 50%),
 radial-gradient(circle at 50% 18%,rgba(80,196,255,.055) 0 1px,transparent 1.5px);background-size:auto,38px 38px;opacity:.5}
.app{background:transparent!important;min-height:100dvh;box-shadow:0 0 42px rgba(0,0,0,.48);isolation:isolate}
.app::before{content:"";position:fixed;z-index:-1;top:0;bottom:0;left:50%;width:min(100%,440px);transform:translateX(-50%);pointer-events:none;background:linear-gradient(180deg,rgba(4,22,44,.10),rgba(1,8,18,.20));border-left:1px solid rgba(77,169,226,.08);border-right:1px solid rgba(77,169,226,.08)}
#secondary-page{background:linear-gradient(160deg,rgba(8,31,59,.86),rgba(4,18,36,.92));border-color:rgba(76,151,207,.48);box-shadow:0 14px 34px rgba(0,0,0,.20);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.page-card{background:linear-gradient(145deg,rgba(12,46,79,.78),rgba(7,29,54,.84));border-color:rgba(73,145,198,.42);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.bottom-nav{background:rgba(3,18,38,.90);border-color:rgba(47,107,158,.52);box-shadow:0 -10px 30px rgba(0,0,0,.34);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
@supports(padding:max(0px)){body::before,body::after{inset:0}}


/* SAINEX viewport-locked background layer — intentionally outside .app */
html,body{background:#020812!important}
body::before,body::after,.app::before{content:none!important;display:none!important}
.sainex-fixed-bg{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:0;overflow:hidden;pointer-events:none;contain:strict;background:linear-gradient(180deg,#031126 0%,#020b18 46%,#020812 100%);transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.sainex-fixed-bg__glow{position:absolute;inset:-12%;background:radial-gradient(ellipse 78% 43% at 50% 2%,rgba(13,111,196,.34) 0%,rgba(5,42,80,.17) 38%,transparent 72%),radial-gradient(ellipse 62% 34% at 108% 76%,rgba(0,112,194,.10),transparent 72%)}
.sainex-fixed-bg__grid{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(115deg,transparent 0 48%,rgba(75,190,255,.018) 49%,transparent 50%),radial-gradient(circle at 50% 18%,rgba(80,196,255,.055) 0 1px,transparent 1.5px);background-size:auto,38px 38px}
.app{position:relative!important;z-index:1!important;background:transparent!important}


/* Hard scroll isolation: viewport never scrolls; only the SAINEX app surface scrolls */
html,body{width:100%;height:100%;overflow:hidden!important;overscroll-behavior:none;background:#020812!important}
body{position:fixed!important;inset:0!important;margin:0!important}
.sainex-fixed-bg{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important}
.app{position:relative!important;z-index:1!important;width:100%;height:100vh;height:100dvh;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-gutter:stable;background:transparent!important}


/* SAINEX V4: one immutable background; every page surface is transparent */
html,body{height:100%!important;min-height:100%!important;overflow:hidden!important;background:#020812!important}
body{position:fixed!important;inset:0!important;width:100%!important}
.sainex-fixed-bg{display:block!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(ellipse 86% 44% at 50% 0%,rgba(13,111,196,.34),rgba(5,42,80,.14) 42%,transparent 72%),radial-gradient(ellipse 70% 36% at 100% 82%,rgba(0,112,194,.10),transparent 72%),linear-gradient(180deg,#031126 0%,#020b18 46%,#020812 100%)!important}
#app.app{position:absolute!important;inset:0!important;z-index:1!important;height:auto!important;min-height:0!important;overflow:hidden!important;background:none!important}
#app.app>.hero,#app.app>main{background:transparent!important}
#app.app>main{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;padding-bottom:calc(110px + env(safe-area-inset-bottom))!important}
#app.app>.hero{position:relative!important;z-index:2!important;pointer-events:none}
#app.app>.hero>*{pointer-events:auto}
body:not(.exchange-open) #app.app>main{padding-top:calc(env(safe-area-inset-top) + 128px)!important}
body.exchange-open #app.app>main{top:0!important;padding-top:0!important}
body.exchange-open #app.app,body.exchange-open .sx-exchange,body.exchange-open #secondary-page{background:transparent!important}
.sx-exchange{background:transparent!important}


/* SAINEX V4.1 — background fixed; ALL page content including wallet scrolls together */
#app.app>.hero{position:static!important;z-index:auto!important;pointer-events:auto!important}
#app.app>main{position:static!important;overflow:visible!important;padding-top:5px!important}
#app.app{position:absolute!important;inset:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:calc(105px + env(safe-area-inset-bottom))!important;background:transparent!important}
body:not(.exchange-open) #app.app>main{padding-top:5px!important}


/* SAINEX V6 — ONLY the wallpaper is fixed. The whole UI scrolls as one document. */
html{min-height:100%!important;background:#020812!important}
body{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;background:#020812!important}
.sainex-fixed-bg{display:block!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:0!important;pointer-events:none!important;transform:none!important;contain:none!important;background:radial-gradient(ellipse 86% 44% at 50% 0%,rgba(13,111,196,.34),rgba(5,42,80,.14) 42%,transparent 72%),radial-gradient(ellipse 70% 36% at 100% 82%,rgba(0,112,194,.10),transparent 72%),linear-gradient(180deg,#031126 0%,#020b18 46%,#020812 100%)!important}
#app.app{position:relative!important;inset:auto!important;z-index:1!important;height:auto!important;min-height:100dvh!important;overflow:visible!important;background:transparent!important;padding-bottom:calc(105px + env(safe-area-inset-bottom))!important}
#app.app>.hero,#app.app>main{position:static!important;overflow:visible!important;background:transparent!important}
body:not(.exchange-open) #app.app>main{padding-top:5px!important}
body.exchange-open #app.app,body.exchange-open #app.app>main,body.exchange-open #secondary-page,body.exchange-open .sx-exchange{background:transparent!important}


/* SAINEX V7 — fixed branded shell: wallpaper + top header + bottom nav; content only scrolls */
html,body{width:100%!important;height:100%!important;overflow:hidden!important;background:#020812!important}
body{position:fixed!important;inset:0!important;margin:0!important}
.sainex-fixed-bg{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:0!important;pointer-events:none!important}
#app.app{position:fixed!important;inset:0!important;z-index:1!important;width:min(100%,440px)!important;max-width:440px!important;height:100vh!important;height:100dvh!important;min-height:0!important;margin:0 auto!important;overflow:hidden!important;background:transparent!important;padding:0!important}
#app.app>.hero{position:absolute!important;z-index:20!important;top:0!important;left:0!important;right:0!important;height:calc(env(safe-area-inset-top) + 74px)!important;padding:calc(env(safe-area-inset-top) + 10px) 15px 8px!important;background:linear-gradient(180deg,rgba(3,17,38,.94) 0%,rgba(3,17,38,.72) 70%,rgba(3,17,38,0) 100%)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#app.app>.hero header{padding:0 3px!important;height:52px!important}
#app.app>.app-scroll-content{position:absolute!important;z-index:2!important;top:calc(env(safe-area-inset-top) + 74px)!important;left:0!important;right:0!important;bottom:calc(77px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;background:transparent!important;padding-bottom:20px!important}
#app.app>.app-scroll-content>.wallet-card{margin:8px 15px 0!important}
#app.app>.app-scroll-content>main{position:static!important;overflow:visible!important;background:transparent!important;padding-top:5px!important}
#app.app>.bottom-nav{z-index:30!important}
body.exchange-open #app.app>.hero{display:none!important}
body.exchange-open #app.app>.app-scroll-content{top:0!important;bottom:0!important}
body.exchange-open #app.app>.app-scroll-content>.wallet-card{display:none!important}
body.exchange-open #app.app>.app-scroll-content>main{padding:0!important}


/* SAINEX V8 — universal branded shell on every standard section */
body:not(.exchange-open) #app.app>.hero{display:block!important}
body:not(.exchange-open) #app.app>.app-scroll-content{top:calc(env(safe-area-inset-top) + 74px)!important;bottom:calc(77px + env(safe-area-inset-bottom))!important}
body:not(.exchange-open) #app.app>.bottom-nav{display:grid!important}
body:not(.exchange-open) #app.app>.app-scroll-content,
body:not(.exchange-open) #home-page,
body:not(.exchange-open) #secondary-page,
body:not(.exchange-open) #page-body{background:transparent!important}
body:not(.exchange-open) #secondary-page{min-height:100%!important;margin:0 12px 12px!important}
body:not(.exchange-open) #app.app>.app-scroll-content>.wallet-card[hidden]{display:none!important}
body:not(.exchange-open) #app.app>.app-scroll-content>.wallet-card{flex-shrink:0}


/* SAINEX V9 — Exchange Market/Assets selector is absolutely stationary */
body.exchange-open #app.app>.app-scroll-content{overflow:hidden!important}
body.exchange-open #secondary-page,
body.exchange-open #page-body{height:100%!important;min-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}
body.exchange-open .sx-exchange{position:relative!important;height:100%!important;min-height:0!important;overflow:hidden!important;padding-top:0!important}
body.exchange-open .sx-exchange>.exchange-head{position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:50!important}
body.exchange-open .sx-exchange>.exchange-top-nav{position:absolute!important;top:var(--sx-exchange-head-h,64px)!important;left:0!important;right:0!important;z-index:49!important;transform:none!important;margin:0!important}
body.exchange-open .sx-exchange{--sx-exchange-head-h:64px;--sx-exchange-nav-h:64px}
body.exchange-open .sx-exchange>.exchange-top-nav~*{position:relative}
body.exchange-open .sx-exchange{overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding-top:calc(var(--sx-exchange-head-h) + var(--sx-exchange-nav-h))!important}
body.exchange-open .sx-exchange>.exchange-head,
body.exchange-open .sx-exchange>.exchange-top-nav{position:sticky!important}
body.exchange-open .sx-exchange>.exchange-head{top:calc(-1 * (var(--sx-exchange-head-h) + var(--sx-exchange-nav-h)))!important;visibility:hidden!important;pointer-events:none!important}
body.exchange-open .sx-exchange>.exchange-top-nav{top:0!important;visibility:visible!important;pointer-events:auto!important}


/* SAINEX V10 — Exchange fixed chrome: header + Market/Assets only; body content scrolls */
body.exchange-open #app.app>.app-scroll-content{overflow:hidden!important}
body.exchange-open #secondary-page,
body.exchange-open #page-body{height:100%!important;min-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}
body.exchange-open .sx-exchange{
 --sx-exchange-head-h:64px;
 --sx-exchange-nav-h:64px;
 position:relative!important;
 height:100%!important;
 min-height:0!important;
 overflow:hidden!important;
 padding:0!important;
 background:transparent!important
}
body.exchange-open .sx-exchange>.exchange-head{
 display:flex!important;
 visibility:visible!important;
 pointer-events:auto!important;
 position:absolute!important;
 top:0!important;left:0!important;right:0!important;
 height:var(--sx-exchange-head-h)!important;
 z-index:60!important;
 transform:none!important;
 margin:0!important
}
body.exchange-open .sx-exchange>.exchange-top-nav{
 display:flex!important;
 visibility:visible!important;
 pointer-events:auto!important;
 position:absolute!important;
 top:var(--sx-exchange-head-h)!important;
 left:0!important;right:0!important;
 height:var(--sx-exchange-nav-h)!important;
 z-index:59!important;
 transform:none!important;
 margin:0!important
}
body.exchange-open .sx-exchange>.exchange-head~*:not(.exchange-top-nav){
 position:relative!important;
 z-index:1!important
}
body.exchange-open .sx-exchange{
 overflow-y:auto!important;
 -webkit-overflow-scrolling:touch!important;
 padding-top:calc(var(--sx-exchange-head-h) + var(--sx-exchange-nav-h))!important
}
/* counter-scroll the two chrome rows so they never move with the exchange scroller */
body.exchange-open .sx-exchange>.exchange-head{
 position:sticky!important;
 top:calc(-1 * (var(--sx-exchange-head-h) + var(--sx-exchange-nav-h)))!important;
 margin-top:calc(-1 * (var(--sx-exchange-head-h) + var(--sx-exchange-nav-h)))!important
}
body.exchange-open .sx-exchange>.exchange-top-nav{
 position:sticky!important;
 top:var(--sx-exchange-head-h)!important
}


/* SAINEX V11 — Exchange structure: fixed SAINEX/LIVE + fixed Market/Assets, ONLY body scrolls */
body.exchange-open #app.app>.app-scroll-content,
body.exchange-open #secondary-page,
body.exchange-open #page-body{overflow:hidden!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important}
body.exchange-open .sx-exchange:not(.exchange-terminal){
 display:grid!important;
 grid-template-rows:auto auto minmax(0,1fr)!important;
 height:100%!important;
 min-height:0!important;
 overflow:hidden!important;
 padding:0 12px!important;
 background:transparent!important
}
body.exchange-open .sx-exchange:not(.exchange-terminal)>.exchange-head{
 position:relative!important;top:auto!important;left:auto!important;right:auto!important;
 display:grid!important;visibility:visible!important;pointer-events:auto!important;
 height:54px!important;min-height:54px!important;margin:0 -12px!important;
 padding:8px 12px 0!important;z-index:3!important;transform:none!important
}
body.exchange-open .sx-exchange:not(.exchange-terminal)>.exchange-top-nav{
 position:relative!important;top:auto!important;left:auto!important;right:auto!important;
 display:grid!important;grid-template-columns:1fr 1fr!important;
 height:auto!important;margin:0!important;padding:8px 0 6px!important;
 z-index:3!important;transform:none!important;background:transparent!important
}
body.exchange-open .sx-exchange:not(.exchange-terminal)>.exchange-scroll-body{
 min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
 -webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;
 padding:4px 0 28px!important;background:transparent!important
}
/* neutralize obsolete V9/V10 scrolling rules */
body.exchange-open .sx-exchange:not(.exchange-terminal){overflow:hidden!important}
body.exchange-open .sx-exchange:not(.exchange-terminal)>.exchange-head{margin-top:0!important}