/* Account avatar centering, shared pill menus and redesigned deposit flow. */ body.me-redesign .me-reference-profile .me-avatar-container, body.me-redesign .me-reference-profile .me-avatar-wrapper { margin-left: 0; padding: 0; width: 74px; height: 74px; box-sizing: border-box; } body.me-redesign .me-reference-profile .me-avatar-wrapper { display: block; position: relative; margin: 0; } body.me-redesign .me-reference-profile .avatar-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; -webkit-transform: none; transform: none; border-radius: 50%; overflow: hidden; } body.me-redesign .me-reference-profile #avatarText { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-width: 0; /* Center visible artwork: source alpha bounds are x=28..199 in a 256px image. */ padding: 0; margin: 0; background-position: 85% 50%; background-size: 86% 86%; line-height: 1; -webkit-transform: none; transform: none; } body.me-redesign .me-reference-profile #avatarText img { display: block; width: 100% !important; height: 100% !important; margin: 0; object-fit: cover; object-position: center center; } body.me-redesign .me-pill-switch { position: relative; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0 !important; margin-left: 0; margin-right: 0; overflow-x: auto; overflow-y: hidden; border: 1px solid #794057; border-radius: 999px; background: #351321 !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; } body.me-redesign .me-pill-switch::-webkit-scrollbar { display: none; } body.me-redesign .me-pill-switch > label, body.me-redesign .me-pill-switch > button { position: relative; z-index: 1; -webkit-flex: 1 0 0%; flex: 1 0 0%; min-width: 76px; min-height: 34px; padding: 8px 10px; margin: 0 !important; border: 0 !important; border-radius: 999px; text-align: center; box-sizing: border-box; font-size: 12px; line-height: 18px; white-space: nowrap; } body.me-redesign .me-pill-switch > label::after, body.me-redesign .me-pill-switch > button::after { display: none !important; } body.me-redesign .me-pill-switch .me-dialog-pill { position: absolute; top: 0; left: 0; height: 100%; margin: 0; pointer-events: none; border-radius: 999px; z-index: 0; background: #93445f; background: linear-gradient(135deg,#aa5874,#7b304e); box-shadow: inset 0 1px 2px rgba(255,231,245,.15); -webkit-transition: -webkit-transform .35s cubic-bezier(.25,.46,.45,.94); transition: transform .35s cubic-bezier(.25,.46,.45,.94),-webkit-transform .35s cubic-bezier(.25,.46,.45,.94); } body.me-redesign .me-pill-switch .tab-text, body.me-redesign .me-pill-switch .method-label, body.me-redesign .me-pill-switch .mode-label { color: inherit !important; } /* Recharge is a distinct funding workspace, not the former plain form. */ body.me-redesign #depositModal .deposit-modal { max-width: 480px; margin: 0 auto; background: #371724 !important; } body.me-redesign #depositModal .deposit-header { padding: 16px 18px; border-bottom: 1px solid #754258; background: linear-gradient(125deg,#60293f,#411c2e) !important; } body.me-redesign #depositModal .deposit-title { font-size: 19px; letter-spacing: .5px; } body.me-redesign .me-deposit-header-note { display: block; margin-top: 4px; font-size: 10px; font-weight: 400; color: #c492a9; letter-spacing: 1px; } body.me-redesign #depositModal .deposit-close { border: 0; border-radius: 50%; background: rgba(236,182,209,.08) !important; color: #e7bbcf !important; } body.me-redesign #depositModal .deposit-body { background: #371724 !important; } body.me-redesign #depositModal .deposit-tabs { padding: 14px 16px 8px; background: transparent !important; } body.me-redesign #depositModal .deposit-form-container { padding: 8px 16px 22px; } body.me-redesign .me-deposit-intro { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin: 4px 0 14px; } body.me-redesign .me-deposit-intro img { width: 49px; height: 49px; margin-right: 12px; } body.me-redesign .me-deposit-intro h3 { margin: 0 0 4px; font-size: 17px; color: #f5dce9; } body.me-redesign .me-deposit-intro p { margin: 0; font-size: 10px; color: #c190a7; } body.me-redesign .me-deposit-steps { display: -webkit-flex; display: flex; padding: 11px 0 17px; margin-bottom: 15px; border-bottom: 1px solid #66334b; } body.me-redesign .me-deposit-steps span { -webkit-flex: 1; flex: 1; font-size: 10px; color: #d4a7bb; } body.me-redesign .me-deposit-steps b { display: inline-block; width: 18px; height: 18px; margin-right: 5px; border: 1px solid #92546d; border-radius: 50%; line-height: 18px; text-align: center; font-size: 10px; color: #f0d1e1; } body.me-redesign #depositModal .deposit-payment-method-section, body.me-redesign #depositModal .deposit-address-section, body.me-redesign #depositModal .deposit-amount-section, body.me-redesign #depositModal .deposit-channel-section, body.me-redesign #depositModal .deposit-voucher-section, body.me-redesign #depositModal .deposit-remark-section { padding: 15px; margin-bottom: 13px; border: 1px solid #754057; border-radius: 16px; background: #492235 !important; } body.me-redesign #depositModal .section-title { margin-bottom: 11px; color: #eed0e0 !important; font-size: 12px; } body.me-redesign #depositModal .amount-input-wrapper { background: transparent !important; border: 0; } body.me-redesign #depositModal .amount-input { height: 60px; padding: 7px 0; background: transparent !important; border: 0 !important; border-bottom: 1px solid #8d506a !important; border-radius: 0; color: #fff0f6 !important; font-size: 29px; font-weight: 600; } body.me-redesign #depositModal .amount-input::-webkit-input-placeholder { font-size: 15px; color: #ad7a92; } body.me-redesign #depositModal .remark-input { padding: 11px 12px; border: 1px solid #80455f; border-radius: 10px; background: #391827 !important; color: #f4dce8 !important; font-size: 16px; } body.me-redesign #depositModal .submit-notice { border: 0; border-left: 2px solid #b66f90; border-radius: 0; padding: 8px 10px; font-size: 10px; background: #4e253a !important; color: #d6aabe !important; } body.me-redesign #depositModal .deposit-submit-section { padding: 3px 0; } body.me-redesign #depositModal .deposit-submit-btn { min-height: 46px; border: 1px solid #b47390 !important; border-radius: 13px; background: linear-gradient(125deg,#aa5776,#7b304e) !important; color: #fff0f8 !important; font-size: 15px; box-shadow: 0 4px 12px rgba(40,12,27,.15); } body.me-redesign #depositModal .qr-code-wrapper { background: #fff !important; } /* One moving pill per payment menu; nested labels must not paint a second selection. */ body.me-redesign #depositModal .me-pill-switch .method-label, body.me-redesign #depositModal .me-pill-switch .mode-label { display: block; padding: 0 !important; min-height: 0 !important; min-width: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0; font-size: 12px; line-height: 18px; color: inherit !important; } body.me-redesign #depositModal .me-pill-switch > label { padding: 8px 10px; min-height: 34px; } body.me-redesign #depositModal .wallet-method-tabs > label { width: auto; flex-direction: row; -webkit-flex-direction: row; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } body.me-redesign #depositModal .wallet-tab-icon { width: 20px; height: 20px; margin: 0 5px 0 0; } body.me-redesign #depositModal .wallet-method-tab span { font-size: 12px; color: inherit !important; } body.me-redesign #depositModal .wallet-method-tab::before { display: none !important; } /* Compact funding workspace. */ body.me-redesign #depositModal .deposit-header { padding: 11px 16px; } body.me-redesign #depositModal .deposit-title { font-size: 17px; } body.me-redesign .me-deposit-header-note { margin-top: 2px; font-size: 10px; letter-spacing: .5px; } body.me-redesign #depositModal .deposit-tabs { padding: 10px 12px 6px; border-bottom: 0; } body.me-redesign #depositModal .deposit-form-container { padding: 4px 12px 14px; } body.me-redesign #depositModal .deposit-payment-method-section, body.me-redesign #depositModal .deposit-address-section, body.me-redesign #depositModal .deposit-amount-section, body.me-redesign #depositModal .deposit-channel-section, body.me-redesign #depositModal .deposit-voucher-section, body.me-redesign #depositModal .deposit-remark-section { padding: 10px; margin-bottom: 8px; border-radius: 11px; } body.me-redesign #depositModal .section-title { margin-bottom: 7px; } body.me-redesign #depositModal .deposit-payment-content { margin-bottom: 0; } body.me-redesign #depositModal .amount-input { height: 46px; font-size: 25px; padding: 5px 0; box-sizing: border-box; } body.me-redesign #depositModal .remark-input { padding: 8px 10px; min-height: 38px; } body.me-redesign #depositModal .wallet-sub-methods { margin-top: 10px; padding: 0; } body.me-redesign #depositModal .wallet-pick-title { margin-bottom: 6px; font-size: 11px; } body.me-redesign #depositModal .deposit-submit-btn { min-height: 42px; padding: 10px; border-radius: 10px; } /* Withdrawal: account overview followed by a single structured application sheet. */ body.me-redesign #withdrawModal .withdraw-modal { max-width: 480px; margin: 0 auto; background: #371724 !important; } body.me-redesign #withdrawModal .withdraw-header { padding: 11px 48px 11px 16px; background: linear-gradient(125deg,#60293f,#411c2e) !important; border-bottom: 1px solid #754258; } body.me-redesign #withdrawModal .withdraw-title { font-size: 17px; text-align: left; color: #f5dce9 !important; } body.me-redesign #withdrawModal .withdraw-close { color: #e7bbcf !important; background: transparent !important; } body.me-redesign #withdrawModal .withdraw-body { background: #371724 !important; min-height: 0; } body.me-redesign #withdrawModal .withdraw-tabs { padding: 10px 12px 6px; background: transparent !important; border: 0; } body.me-redesign #withdrawModal .withdraw-tab-btn .tab-text { font-size: 12px; } body.me-redesign #withdrawModal .withdraw-form-container { padding: 4px 12px 16px; } body.me-redesign #withdrawModal .withdraw-balance-card { position: relative; padding: 14px 16px 11px; margin-bottom: 10px; text-align: left; border-radius: 15px; border: 1px solid #97506e; overflow: hidden; background: linear-gradient(125deg,#763a55,#4d243a) !important; } body.me-redesign #withdrawModal .me-withdraw-illustration { position: absolute; right: 12px; top: 12px; width: 62px; height: 62px; pointer-events: none; } body.me-redesign #withdrawModal .balance-row { display: block; padding-right: 66px; } body.me-redesign #withdrawModal .balance-label { display: block; font-size: 11px; color: #dcb1c5 !important; } body.me-redesign #withdrawModal .balance-value { display: block; margin: 3px 0 8px; font-size: 30px; line-height: 1.2; letter-spacing: .5px; color: #fff0f7 !important; } body.me-redesign #withdrawModal .bet-volume-label, body.me-redesign #withdrawModal .bet-volume-value { font-size: 11px; color: #e2b9cd !important; font-weight: 400; } body.me-redesign #withdrawModal .bet-volume-value { margin-left: 6px; } body.me-redesign #withdrawModal .bet-volume-tip { margin-top: 9px; padding-top: 8px; border-top: 1px solid #96526d; font-size: 10px; color: #dbb5c8 !important; } body.me-redesign #withdrawModal .withdraw-type-section, body.me-redesign #withdrawModal .withdraw-amount-section, body.me-redesign #withdrawModal .withdraw-password-section, body.me-redesign #withdrawModal .withdraw-remark-section { margin: 0; padding: 12px; background: #492235 !important; border: 1px solid #754057; border-bottom: 0; border-radius: 0; } body.me-redesign #withdrawModal .withdraw-type-section { border-radius: 13px 13px 0 0; } body.me-redesign #withdrawModal .withdraw-remark-section { border-bottom: 1px solid #754057; border-radius: 0 0 13px 13px; } body.me-redesign #withdrawModal .section-title { margin: 0 0 8px; font-size: 12px; color: #eed0e0 !important; } body.me-redesign #withdrawModal .me-finance-step { margin-right: 7px; font-size: 10px; color: #c98ca8; font-weight: 500; } body.me-redesign #withdrawModal .withdraw-type-select, body.me-redesign #withdrawModal .password-input, body.me-redesign #withdrawModal .remark-input { width: 100%; height: 40px; min-height: 0; padding: 8px 10px; box-sizing: border-box; border: 1px solid #875069 !important; border-radius: 8px; background: #391827 !important; color: #f4dce8 !important; font-size: 16px; } body.me-redesign #withdrawModal .amount-input-wrapper { padding: 0; border: 0; background: transparent !important; } body.me-redesign #withdrawModal .amount-input { height: 46px; padding: 4px 0; border: 0 !important; border-bottom: 1px solid #92536d !important; border-radius: 0; background: transparent !important; color: #fff0f7 !important; font-size: 26px; } body.me-redesign #withdrawModal .amount-input::-webkit-input-placeholder { font-size: 14px; color: #b8859e; } body.me-redesign #withdrawModal .amount-hint { margin-top: 6px; font-size: 10px; color: #c694ac !important; } body.me-redesign #withdrawModal .withdraw-fee-section { margin: 0; padding: 10px 12px; border: 1px solid #754057; border-bottom: 0; border-radius: 0; background: #3f1c2e !important; } body.me-redesign #withdrawModal .fee-row { padding: 3px 0; margin: 0; font-size: 11px; } body.me-redesign #withdrawModal .fee-label { font-size: 11px; color: #c99ab1 !important; } body.me-redesign #withdrawModal .fee-value { font-size: 12px; color: #f2c8de !important; } body.me-redesign #withdrawModal .fee-value-highlight { font-size: 16px; font-weight: 600; } body.me-redesign #withdrawModal .withdraw-submit-section { margin-top: 12px; padding: 0; } body.me-redesign #withdrawModal .withdraw-submit-btn { height: 43px; padding: 10px; border: 1px solid #b47390 !important; border-radius: 11px; background: linear-gradient(125deg,#aa5776,#7b304e) !important; color: #fff0f8 !important; font-size: 14px; } body.me-redesign #withdrawModal .withdraw-filters { padding: 8px 12px; background: transparent !important; } body.me-redesign #withdrawModal .withdraw-item { border-radius: 11px; background: #492235 !important; border-color: #754057 !important; } /* Compact USDT receipt: QR and address share a row; conversion stays adjacent to amount. */ body.me-redesign #depositModal #usdtPaymentContent .me-usdt-receive { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } body.me-redesign #depositModal #usdtPaymentContent .qr-code-wrapper { -webkit-flex: 0 0 112px; flex: 0 0 112px; width: 112px; margin: 0 12px 0 0; padding: 6px; box-sizing: border-box; border: 0; border-radius: 8px; background: #fff !important; } body.me-redesign #depositModal #usdtPaymentContent .qr-code-image { display: block; width: 100px; height: 100px; max-width: 100%; max-height: none; margin: 0 auto; border-radius: 0; object-fit: contain; } body.me-redesign #depositModal #usdtPaymentContent .qr-code-tip { margin: 4px 0 0; font-size: 10px; line-height: 14px; color: #623248 !important; } body.me-redesign #depositModal #usdtPaymentContent .me-usdt-address-detail { -webkit-flex: 1; flex: 1; min-width: 0; } body.me-redesign #depositModal #usdtPaymentContent .usdt-address-wrapper { display: block; margin: 0; padding: 0; border: 0 !important; border-radius: 0; background: transparent !important; } body.me-redesign #depositModal #usdtPaymentContent .usdt-address-text { font-size: 12px; line-height: 19px; word-break: break-all; color: #eed0e0 !important; } body.me-redesign #depositModal #usdtPaymentContent .copy-btn { margin-top: 7px; padding: 5px 12px; font-size: 11px; line-height: 17px; border: 1px solid #a36781 !important; border-radius: 999px; background: #69334c !important; color: #f6deeb !important; } body.me-redesign #depositModal #usdtPaymentContent .deposit-input-mode-section { padding: 0; margin: 0 0 8px; } body.me-redesign #depositModal #usdtPaymentContent .deposit-input-mode-section > .section-title { display: none; } body.me-redesign #depositModal #usdtPaymentContent .deposit-amount-section { margin-bottom: 0; border-radius: 11px 11px 0 0; border-bottom: 0; } body.me-redesign #depositModal #usdtPaymentContent .amount-input { padding-right: 55px; } body.me-redesign #depositModal #usdtPaymentContent .amount-unit { right: 0; font-size: 12px; color: #d3a2b9 !important; } body.me-redesign #depositModal #usdtPaymentContent .amount-hint { margin-top: 5px; font-size: 10px; } body.me-redesign #depositModal #usdtPaymentContent .deposit-convert-section { padding: 8px 10px; margin: 0 0 8px; border: 1px solid #754057; border-top: 0; border-radius: 0 0 11px 11px; background: #3f1c2e !important; } body.me-redesign #depositModal #usdtPaymentContent .convert-arrow { display: none; } body.me-redesign #depositModal #usdtPaymentContent .convert-result { margin-bottom: 5px; } body.me-redesign #depositModal #usdtPaymentContent .convert-item { margin: 0; line-height: 22px; } body.me-redesign #depositModal #usdtPaymentContent .convert-label { -webkit-flex: 1; flex: 1; font-size: 11px; color: #cea0b6 !important; } body.me-redesign #depositModal #usdtPaymentContent .convert-value { font-size: 17px; font-weight: 600; color: #f5d4e7 !important; } body.me-redesign #depositModal #usdtPaymentContent .convert-unit { font-size: 10px; color: #cea0b6 !important; } body.me-redesign #depositModal #usdtPaymentContent .rate-info { padding: 5px 0 0; text-align: left; border-top: 1px solid #6c3a51; font-size: 10px; color: #bd8ba3 !important; } body.me-redesign #depositModal #usdtPaymentContent .deposit-bonus-section { padding: 8px 10px; margin-bottom: 8px; border: 1px solid #754057; border-radius: 10px; background: #492235 !important; } body.me-redesign #depositModal #usdtPaymentContent .bonus-row { margin-bottom: 4px; } body.me-redesign #depositModal #usdtPaymentContent .bonus-label, body.me-redesign #depositModal #usdtPaymentContent .bonus-unit { font-size: 11px; } body.me-redesign #depositModal #usdtPaymentContent .deposit-voucher-section { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; } body.me-redesign #depositModal #usdtPaymentContent .deposit-voucher-section > .section-title { -webkit-flex: 1; flex: 1; margin: 0 8px 0 0; font-size: 11px; } body.me-redesign #depositModal #usdtPaymentContent .voucher-upload-btn { width: auto; min-height: 30px; padding: 5px 9px; border: 1px dashed #a36781 !important; border-radius: 7px; font-size: 11px; background: #391827 !important; color: #e5b9cf !important; } body.me-redesign #depositModal #usdtPaymentContent .voucher-preview { padding: 5px; margin-top: 6px; } body.me-redesign #depositModal #usdtPaymentContent .voucher-preview img { max-height: 80px; } /* Address field with an inset copy action, and a shared supporting-details card. */ body.me-redesign #depositModal #usdtPaymentContent .usdt-address-wrapper { position: relative; min-height: 56px; padding: 9px 37px 9px 10px; box-sizing: border-box; border: 1px solid #875069 !important; border-radius: 8px; background: #391827 !important; } body.me-redesign #depositModal #usdtPaymentContent .copy-btn { position: absolute; top: 50%; right: 4px; width: 29px; height: 32px; margin: -16px 0 0; padding: 5px; border: 0 !important; border-radius: 5px; background: transparent !important; color: #e6b3cb !important; line-height: 1; } body.me-redesign #depositModal #usdtPaymentContent .copy-btn svg { display: block; margin: auto; } body.me-redesign #depositModal .me-deposit-attachments { padding: 10px; margin-bottom: 8px; border: 1px solid #754057; border-radius: 11px; background: #492235; } body.me-redesign #depositModal .me-deposit-attachments .deposit-voucher-section, body.me-redesign #depositModal .me-deposit-attachments .deposit-remark-section { padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent !important; } body.me-redesign #depositModal .me-deposit-attachments .deposit-voucher-section { -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 9px; margin-bottom: 9px; border-bottom: 1px solid #754057; } body.me-redesign #depositModal .me-deposit-attachments .deposit-voucher-section > .section-title { -webkit-flex: 1; flex: 1; margin: 0 8px 0 0; font-size: 11px; } body.me-redesign #depositModal .me-deposit-attachments .voucher-upload-btn { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; width: auto; min-height: 32px; padding: 5px 9px; border: 1px solid #875069 !important; border-radius: 7px; font-size: 11px; background: #391827 !important; color: #e5b9cf !important; } body.me-redesign #depositModal .me-voucher-image-icon { margin-right: 5px; -webkit-flex-shrink: 0; flex-shrink: 0; } body.me-redesign #depositModal .me-deposit-attachments .voucher-preview { margin-top: 6px; padding: 5px; } body.me-redesign #depositModal .me-deposit-attachments .voucher-preview img { max-height: 80px; } body.me-redesign #depositModal .me-deposit-attachments .remark-input { height: 36px; min-height: 36px; } /* Short address field and a taller, multiline remark area. */ body.me-redesign #depositModal #usdtPaymentContent .usdt-address-wrapper { min-height: 38px; height: 38px; padding: 8px 35px 8px 9px; } body.me-redesign #depositModal #usdtPaymentContent .usdt-address-text { white-space: nowrap; overflow-x: auto; overflow-y: hidden; line-height: 20px; scrollbar-width: none; -webkit-overflow-scrolling: touch; } body.me-redesign #depositModal #usdtPaymentContent .usdt-address-text::-webkit-scrollbar { display: none; } body.me-redesign #depositModal .me-deposit-attachments .remark-input { display: block; width: 100%; height: 66px; min-height: 66px; padding: 9px 10px; box-sizing: border-box; resize: vertical; font-family: inherit; line-height: 22px; } body.me-redesign #depositModal .me-empty-amount-section { display: none !important; } body.me-redesign #depositModal .amount-hint:empty { display: none; } /* Non-USDT methods keep only the original standalone remark, without a merged card. */ body.me-redesign #depositModal #depositRemark { display: block; width: 100%; height: 66px; min-height: 66px; padding: 9px 10px; box-sizing: border-box; resize: vertical; font-family: inherit; line-height: 22px; } /* Recharge history: channel/status header, amount hero, compact order details. */ body.me-redesign #depositModal .deposit-filters { display: -webkit-flex; display: flex; padding: 8px 12px; border: 0; background: transparent !important; } body.me-redesign #depositModal .deposit-filters .filter-select { -webkit-flex: 1; flex: 1; width: 0; min-width: 0; height: 35px; padding: 6px 9px; margin: 0; border: 1px solid #754057; border-radius: 8px; background: #492235 !important; color: #e9c4d7 !important; font-size: 12px; } body.me-redesign #depositModal .deposit-filters .filter-select + .filter-select { margin-left: 8px; } body.me-redesign #depositModal .deposit-list-container { padding: 3px 12px 14px; background: transparent !important; } body.me-redesign #depositModal .deposit-list { padding: 0; } body.me-redesign #depositModal .deposit-item { padding: 12px; margin-bottom: 9px; border: 1px solid #754057 !important; border-radius: 12px; background: #492235 !important; box-shadow: none; } body.me-redesign #depositModal .deposit-item-header { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 0 12px; padding: 0; border: 0; } body.me-redesign #depositModal .deposit-item-payment-method-wrapper { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex: 1; flex: 1; min-width: 0; margin: 0 8px 0 0; padding: 0; background: transparent !important; } body.me-redesign #depositModal .deposit-item-channel-icon { width: 23px; height: 23px; margin-right: 7px; border-radius: 6px; object-fit: contain; } body.me-redesign #depositModal .deposit-item-payment-method { padding: 0; border: 0; border-radius: 0; font-size: 13px; font-weight: 600; color: #f1d2e2 !important; background: transparent !important; overflow-wrap: break-word; word-break: break-word; } body.me-redesign #depositModal .deposit-item-status { -webkit-flex-shrink: 0; flex-shrink: 0; padding: 3px 8px; border-radius: 999px; font-size: 10px; line-height: 17px; } body.me-redesign #depositModal .deposit-item-status.pending, body.me-redesign #depositModal .deposit-item-status.paid { background: #704057 !important; color: #f6d3e7 !important; } body.me-redesign #depositModal .deposit-item-status.completed { background: #284d43 !important; color: #a4e2c6 !important; } body.me-redesign #depositModal .deposit-item-status.failed { background: #68343e !important; color: #ffc1c9 !important; } body.me-redesign #depositModal .deposit-item-status.cancelled { background: #56424e !important; color: #cbb8c4 !important; } body.me-redesign #depositModal .me-deposit-record-total { padding: 0 0 11px; margin-bottom: 10px; border-bottom: 1px solid #754057; } body.me-redesign #depositModal .me-deposit-record-total > span { display: block; margin-bottom: 3px; font-size: 10px; color: #bf8da5; } body.me-redesign #depositModal .me-deposit-record-total strong { font-size: 26px; line-height: 32px; font-weight: 600; color: #ffe5f2; } body.me-redesign #depositModal .deposit-item-title { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 0; font-size: 10px; line-height: 18px; color: #c596ad !important; } body.me-redesign #depositModal .deposit-item-title > span { -webkit-flex-shrink: 0; flex-shrink: 0; margin-right: 10px; } body.me-redesign #depositModal .deposit-item-title > b { font-weight: 400; text-align: right; word-break: break-all; color: #e1b9ce; } body.me-redesign #depositModal .deposit-item-body { padding: 0; margin: 0; } body.me-redesign #depositModal .deposit-item-row { margin: 5px 0 0; padding: 0; } body.me-redesign #depositModal .deposit-item-label { font-size: 10px; color: #c596ad !important; } body.me-redesign #depositModal .deposit-item-value { font-size: 12px; color: #edc6db !important; } body.me-redesign #depositModal .deposit-item-footer { margin-top: 8px; padding-top: 8px; border-top: 1px solid #68364d; } body.me-redesign #depositModal .deposit-item-time { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; font-size: 10px; line-height: 18px; color: #b7849e !important; } body.me-redesign #depositModal .deposit-empty { margin-top: 15px; padding: 38px 15px; border: 1px dashed #754057; border-radius: 12px; background: #421e31 !important; color: #c99ab2 !important; font-size: 12px; } body.me-redesign #depositModal .me-record-voucher-actions > * { margin-right: 8px; } body.me-redesign #depositModal .deposit-load-more { padding: 0 12px 14px; } body.me-redesign #depositModal .load-more-btn { padding: 8px 16px; border: 1px solid #875069 !important; border-radius: 999px; font-size: 12px; background: #51263c !important; color: #ebc4d9 !important; } /* Dense recharge history and distinct semantic order statuses. */ body.me-redesign #depositModal .deposit-item { padding: 9px 10px; margin-bottom: 7px; border-radius: 10px; } body.me-redesign #depositModal .deposit-item-header { margin-bottom: 5px; } body.me-redesign #depositModal .deposit-item-channel-icon { width: 20px; height: 20px; margin-right: 6px; } body.me-redesign #depositModal .deposit-item-payment-method { font-size: 12px; } body.me-redesign #depositModal .me-deposit-record-total { display: -webkit-flex; display: flex; -webkit-align-items: baseline; align-items: baseline; -webkit-justify-content: space-between; justify-content: space-between; padding-bottom: 6px; margin-bottom: 6px; } body.me-redesign #depositModal .me-deposit-record-total > span { margin: 0; } body.me-redesign #depositModal .me-deposit-record-total strong { font-size: 23px; line-height: 28px; } body.me-redesign #depositModal .deposit-item-row { margin-top: 3px; line-height: 17px; } body.me-redesign #depositModal .deposit-item-footer { margin-top: 5px; padding-top: 5px; } body.me-redesign #depositModal .deposit-item-title { -webkit-align-items: center; align-items: center; line-height: 17px; } body.me-redesign #depositModal .me-record-order { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end; min-width: 0; } body.me-redesign #depositModal .me-record-order b { min-width: 0; font-size: 10px; font-weight: 400; word-break: break-all; text-align: right; color: #e1b9ce; } body.me-redesign #depositModal .me-record-copy { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-shrink: 0; flex-shrink: 0; width: 27px; height: 27px; margin: -4px -4px -4px 3px; padding: 4px; border: 0; background: transparent !important; color: #dfb2ca !important; cursor: pointer; } body.me-redesign #depositModal .me-record-copy svg { pointer-events: none; } body.me-redesign #depositModal .deposit-item-status.pending { background: #654b24 !important; color: #ffcf83 !important; } body.me-redesign #depositModal .deposit-item-status.paid { background: #284d69 !important; color: #a3d7ff !important; } body.me-redesign #depositModal .deposit-item-status.completed { background: #244f42 !important; color: #a0e9c5 !important; } body.me-redesign #depositModal .deposit-item-status.failed { background: #653039 !important; color: #ffb5bf !important; } body.me-redesign #depositModal .deposit-item-status.cancelled { background: #444b55 !important; color: #ced5de !important; } /* Order identifier leads each history card; allow breathing room before submission. */ body.me-redesign #depositModal .deposit-item > .deposit-item-title { margin: 0 0 7px; padding-bottom: 6px; border-bottom: 1px solid #68364d; } body.me-redesign #depositModal .deposit-submit-section { margin-top: 14px; } /* Record voucher uploader: quiet dashed image tile, then a separate submit action. */ body.me-redesign #depositModal .deposit-voucher-submit-section { padding: 9px !important; margin-top: 8px !important; border: 1px solid #754057 !important; border-radius: 9px !important; background: #3c1b2b !important; } body.me-redesign #depositModal .deposit-voucher-submit-section > div:first-child { font-size: 10px !important; line-height: 17px; margin-bottom: 7px !important; color: #c99ab1 !important; } body.me-redesign #depositModal .me-record-voucher-actions { margin-bottom: 0 !important; } body.me-redesign #depositModal .deposit-voucher-submit-section .voucher-upload-btn { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 112px; min-height: 48px; padding: 8px !important; border: 1px dashed #a16b84 !important; border-radius: 8px !important; background: #4c293c !important; color: #e6bfd3 !important; font-size: 11px !important; } body.me-redesign #depositModal .deposit-voucher-submit-section .voucher-upload-btn::before { content: ''; display: block; width: 21px; height: 21px; margin-right: 7px; -webkit-flex-shrink: 0; flex-shrink: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dfb4cc' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='8' cy='8' r='1.5'/%3E%3Cpath d='m3 17 5-5 4 4 4-6 5 7'/%3E%3C/svg%3E") center / contain no-repeat; } body.me-redesign #depositModal .deposit-voucher-submit-section .voucher-upload-btn:disabled { opacity: .65; } body.me-redesign #depositModal .deposit-voucher-submit-section .voucher-submit-btn { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; min-height: 32px; margin-top: 8px; padding: 6px 13px !important; border: 1px solid #ac718d !important; border-radius: 999px !important; background: #84425e !important; color: #fff0f8 !important; font-size: 11px !important; } /* Amount limits remain enforced in scripts; suppress the explanatory recharge hints. */ body.me-redesign #depositModal .amount-hint { display: none !important; } /* Withdrawal ledger: order first, method/status row, amount and receiving account. */ body.me-redesign #withdrawModal .withdraw-filters { display: -webkit-flex; display: flex; border: 0; } body.me-redesign #withdrawModal .withdraw-filters .filter-select { -webkit-flex: 1; flex: 1; width: 0; min-width: 0; height: 35px; padding: 6px 9px; margin: 0; border: 1px solid #754057; border-radius: 8px; font-size: 12px; color: #e9c4d7 !important; background: #492235 !important; } body.me-redesign #withdrawModal .withdraw-filters .filter-select + .filter-select { margin-left: 8px; } body.me-redesign #withdrawModal .withdraw-list { padding: 3px 12px 14px; } body.me-redesign #withdrawModal .withdraw-item { padding: 9px 10px; margin-bottom: 8px; border: 1px solid #754057 !important; border-radius: 11px; background: #492235 !important; } body.me-redesign #withdrawModal .me-withdraw-order { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 7px; padding-bottom: 6px; border-bottom: 1px solid #68364d; font-size: 10px; line-height: 17px; color: #bf8da5; } body.me-redesign #withdrawModal .me-withdraw-order span { -webkit-flex-shrink: 0; flex-shrink: 0; margin-right: 10px; } body.me-redesign #withdrawModal .me-withdraw-order b { min-width: 0; word-break: break-all; text-align: right; font-weight: 400; color: #e2b9ce; } body.me-redesign #withdrawModal .withdraw-item-header { padding: 0; margin-bottom: 7px; } body.me-redesign #withdrawModal .withdraw-item-title { margin: 0; font-size: 12px; color: #f1d2e2 !important; } body.me-redesign #withdrawModal .withdraw-item-status { padding: 3px 8px; border-radius: 999px; font-size: 10px; line-height: 16px; } body.me-redesign #withdrawModal .withdraw-item-status.pending { background: #654b24 !important; color: #ffcf83 !important; } body.me-redesign #withdrawModal .withdraw-item-status.processing { background: #284d69 !important; color: #a3d7ff !important; } body.me-redesign #withdrawModal .withdraw-item-status.success { background: #244f42 !important; color: #a0e9c5 !important; } body.me-redesign #withdrawModal .withdraw-item-status.rejected { background: #653039 !important; color: #ffb5bf !important; } body.me-redesign #withdrawModal .withdraw-item-status.cancelled { background: #444b55 !important; color: #ced5de !important; } body.me-redesign #withdrawModal .me-withdraw-record-total { display: -webkit-flex; display: flex; -webkit-align-items: baseline; align-items: baseline; -webkit-justify-content: space-between; justify-content: space-between; } body.me-redesign #withdrawModal .me-withdraw-record-total span { font-size: 10px; color: #bf8da5; margin-right: 8px; } body.me-redesign #withdrawModal .me-withdraw-record-total strong { font-size: 23px; line-height: 29px; color: #ffe5f2; text-align: right; word-break: break-word; } body.me-redesign #withdrawModal .withdraw-item-amount-sub { margin: 2px 0 6px; text-align: right; font-size: 10px; line-height: 17px; color: #cfa1b8 !important; } body.me-redesign #withdrawModal .withdraw-item-account { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding-top: 6px; margin-top: 6px; border-top: 1px solid #68364d; font-size: 10px; line-height: 17px; color: #bf8da5 !important; } body.me-redesign #withdrawModal .withdraw-item-account span { -webkit-flex-shrink: 0; flex-shrink: 0; margin-right: 12px; } body.me-redesign #withdrawModal .withdraw-item-account b { min-width: 0; word-break: break-all; font-weight: 400; text-align: right; color: #e2b9ce; } body.me-redesign #withdrawModal .withdraw-item-remark { padding: 7px 9px; margin-top: 7px; border: 1px solid #885465 !important; border-radius: 7px; background: #542b3c !important; } body.me-redesign #withdrawModal .withdraw-item-remark-label { margin: 0 8px 0 0; font-size: 10px; color: #e9aab9 !important; } body.me-redesign #withdrawModal .withdraw-item-remark-content { font-size: 11px; word-break: break-word; color: #edc3d3 !important; } body.me-redesign #withdrawModal .withdraw-item-footer { margin-top: 7px; padding: 6px 0 0; border-top: 1px solid #68364d; background: transparent !important; } body.me-redesign #withdrawModal .withdraw-item-time { font-size: 10px; color: #b7849e !important; } body.me-redesign #withdrawModal .withdraw-cancel-btn { padding: 4px 9px; min-height: 28px; border: 1px solid #a16a83 !important; border-radius: 999px; font-size: 10px; background: transparent !important; color: #e8b9cf !important; } body.me-redesign #withdrawModal .withdraw-empty { margin: 12px; padding: 35px 15px; border: 1px dashed #754057; border-radius: 12px; color: #c99ab2 !important; } body.me-redesign #withdrawModal .withdraw-empty p { font-size: 12px; } body.me-redesign #withdrawModal .withdraw-load-more { padding: 0 12px 14px; border: 0; background: transparent !important; } body.me-redesign #withdrawModal .load-more-btn { padding: 8px 16px; border: 1px solid #875069 !important; border-radius: 999px; font-size: 12px; background: #51263c !important; color: #ebc4d9 !important; } /* Withdrawal order copy action. */ body.me-redesign #withdrawModal .me-withdraw-order { -webkit-align-items: center; align-items: center; } body.me-redesign #withdrawModal .me-withdraw-order b { margin-left: auto; } body.me-redesign #withdrawModal .me-record-copy { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-shrink: 0; flex-shrink: 0; width: 27px; height: 27px; margin: -4px -4px -4px 3px; padding: 4px; border: 0; background: transparent; color: #dfb2ca; cursor: pointer; } body.me-redesign #withdrawModal .me-record-copy svg { pointer-events: none; } /* Funds ledger: a compact overview with colored direction markers and expandable rows. */ body.me-redesign #balanceRecordsModal .balance-records-modal { max-width: 480px; margin: 0 auto; background: #371724 !important; } body.me-redesign #balanceRecordsModal .balance-records-header { padding: 13px 48px 13px 16px; background: linear-gradient(125deg,#60293f,#411c2e) !important; border-bottom: 1px solid #754258; } body.me-redesign #balanceRecordsModal .balance-records-title { text-align: left; font-size: 17px; color: #f5dce9 !important; } body.me-redesign #balanceRecordsModal .balance-records-close { background: transparent !important; color: #e7bbcf !important; } body.me-redesign #balanceRecordsModal .balance-records-body { min-height: 0; -webkit-order: 2; order: 2; background: #371724 !important; } body.me-redesign #balanceRecordsModal .balance-stats { position: static; -webkit-order: 3; order: 3; -webkit-flex-shrink: 0; flex-shrink: 0; padding: 12px; margin: 0; border: 0; border-top: 1px solid #754057 !important; border-radius: 0; background: #492235 !important; } body.me-redesign #balanceRecordsModal .stats-row { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } body.me-redesign #balanceRecordsModal .stats-item { -webkit-flex: 1 1 25%; flex: 1 1 25%; min-width: 0; padding: 0 3px; box-sizing: border-box; text-align: center; } body.me-redesign #balanceRecordsModal .stats-label { margin-bottom: 5px; font-size: 10px; color: #c99ab2 !important; } body.me-redesign #balanceRecordsModal .stats-value { font-size: 14px; line-height: 19px; word-break: break-all; color: #f3d8e6; } body.me-redesign #balanceRecordsModal .stats-income { color: #4caf50 !important; } body.me-redesign #balanceRecordsModal .stats-expense { color: #f44336 !important; } body.me-redesign #balanceRecordsModal .balance-tabs { padding: 10px 12px 6px; background: transparent !important; border: 0; } body.me-redesign #balanceRecordsModal .balance-tab-btn .tab-text { font-size: 12px; } body.me-redesign #balanceRecordsModal .balance-filters { padding: 2px 12px 8px; border: 0; background: transparent !important; } body.me-redesign #balanceRecordsModal .filter-select { width: 100%; height: 34px; padding: 6px 10px; border: 1px solid #754057; border-radius: 8px; background: #492235 !important; color: #e9c4d7 !important; font-size: 12px; } body.me-redesign #balanceRecordsModal .balance-list { padding: 0 12px 14px; } body.me-redesign #balanceRecordsModal .balance-item { margin-bottom: 7px; border: 1px solid #754057; border-radius: 11px; background: #492235 !important; overflow: hidden; } body.me-redesign #balanceRecordsModal .balance-item-header { padding: 10px; } body.me-redesign #balanceRecordsModal .balance-item-left { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; min-width: 0; } body.me-redesign #balanceRecordsModal .me-ledger-direction { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-shrink: 0; flex-shrink: 0; width: 32px; height: 36px; margin-right: 9px; border-radius: 9px; font-size: 23px; } body.me-redesign #balanceRecordsModal .me-ledger-direction.income { background: #294b41; color: #9ce0c0; } body.me-redesign #balanceRecordsModal .me-ledger-direction.expense { background: #62343e; color: #efb0bb; } body.me-redesign #balanceRecordsModal .balance-item-info { min-width: 0; } body.me-redesign #balanceRecordsModal .balance-item-title { margin-bottom: 3px; font-size: 12px; line-height: 18px; word-break: break-word; color: #f0d0e1 !important; } body.me-redesign #balanceRecordsModal .balance-item-time { font-size: 10px; line-height: 16px; color: #bc89a2 !important; } body.me-redesign #balanceRecordsModal .me-ledger-balance { margin-top: 2px; font-size: 10px; line-height: 16px; color: #d6a6be; } body.me-redesign #balanceRecordsModal .balance-item-right { margin-left: 8px; -webkit-flex-shrink: 0; flex-shrink: 0; } body.me-redesign #balanceRecordsModal .balance-amount { font-size: 12px; line-height: 18px; font-weight: 600; } body.me-redesign #balanceRecordsModal .balance-amount-income { color: #4caf50 !important; } body.me-redesign #balanceRecordsModal .balance-amount-expense { color: #f44336 !important; } body.me-redesign #balanceRecordsModal .expand-icon { width: 17px; height: 17px; color: #bc89a2; } body.me-redesign #balanceRecordsModal .balance-item-detail { background: #3d1b2c !important; } body.me-redesign #balanceRecordsModal .balance-detail-content { padding: 10px; border-top: 1px solid #754057; } body.me-redesign #balanceRecordsModal .balance-detail-row { margin-bottom: 6px; line-height: 18px; } body.me-redesign #balanceRecordsModal .balance-detail-label { -webkit-flex-shrink: 0; flex-shrink: 0; margin-right: 12px; font-size: 10px; color: #bf8da5 !important; } body.me-redesign #balanceRecordsModal .balance-detail-value { min-width: 0; text-align: right; font-size: 11px; word-break: break-word; color: #e5bcd2; } body.me-redesign #balanceRecordsModal .balance-detail-divider { margin: 8px 0; background: #68364d; } body.me-redesign #balanceRecordsModal .balance-empty { margin-top: 12px; padding: 30px 15px; border: 1px dashed #754057; border-radius: 12px; color: #c99ab2 !important; } body.me-redesign #balanceRecordsModal .balance-empty p { font-size: 12px; } body.me-redesign #balanceRecordsModal .balance-load-more { padding: 0 12px 12px; border: 0; background: transparent !important; } body.me-redesign #balanceRecordsModal .load-more-btn { padding: 8px 16px; border: 1px solid #875069 !important; border-radius: 999px; background: #51263c !important; color: #ebc4d9 !important; font-size: 12px; } /* Matching expanded ledger surface and explicit signed-amount colors. */ body.me-redesign #balanceRecordsModal .balance-detail-content { background: #3d1b2c !important; } body.me-redesign #balanceRecordsModal .balance-detail-value.me-ledger-income { color: #4caf50 !important; } body.me-redesign #balanceRecordsModal .balance-detail-value.me-ledger-expense { color: #f44336 !important; } body.me-redesign #balanceRecordsModal .stats-value.me-ledger-income { color: #4caf50 !important; } body.me-redesign #balanceRecordsModal .stats-value.me-ledger-expense { color: #f44336 !important; } body.me-redesign #balanceRecordsModal .stats-row { margin: 0; } body.me-redesign #balanceRecordsModal .stats-row > .stats-item { margin: 0; } /* Hide desktop scroll tracks while retaining wheel, touch and keyboard scrolling. */ body.me-redesign #balanceRecordsModal .balance-list-container, body.me-redesign #balanceRecordsModal .balance-tab-content, body.me-redesign #depositModal .deposit-tab-content, body.me-redesign #depositModal .deposit-list-container, body.me-redesign #withdrawModal .withdraw-tab-content, body.me-redesign #withdrawModal .withdraw-list-container { scrollbar-width: none; -ms-overflow-style: none; } body.me-redesign #balanceRecordsModal .balance-list-container::-webkit-scrollbar, body.me-redesign #balanceRecordsModal .balance-tab-content::-webkit-scrollbar, body.me-redesign #depositModal .deposit-tab-content::-webkit-scrollbar, body.me-redesign #depositModal .deposit-list-container::-webkit-scrollbar, body.me-redesign #withdrawModal .withdraw-tab-content::-webkit-scrollbar, body.me-redesign #withdrawModal .withdraw-list-container::-webkit-scrollbar { display: none; width: 0; height: 0; } body.me-redesign #balanceRecordsModal .me-ledger-date { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin: 12px 0 8px; font-size: 11px; font-weight: 500; line-height: 18px; color: #cba0b6; } body.me-redesign #balanceRecordsModal .me-ledger-date:first-child { margin-top: 3px; } body.me-redesign #balanceRecordsModal .me-ledger-date::after { content: ''; -webkit-flex: 1; flex: 1; height: 1px; margin-left: 9px; background: #754057; } /* Date separators carry the date; compact cards keep the detailed timestamp on expansion. */ body.me-redesign #balanceRecordsModal .balance-item-header { padding: 8px 10px; } body.me-redesign #balanceRecordsModal .balance-item-title { margin-bottom: 1px; line-height: 17px; } body.me-redesign #balanceRecordsModal .me-ledger-balance { margin-top: 1px; line-height: 15px; } body.me-redesign #balanceRecordsModal .me-ledger-direction { height: 30px; width: 30px; font-size: 21px; } body.me-redesign #balanceRecordsModal .balance-item { margin-bottom: 6px; } body.me-redesign #balanceRecordsModal .balance-stats { border-radius: 14px 14px 0 0; } /* Game betting ledger: a single source with compact daily game summaries. */ body.me-redesign #betRecordsModal .bet-records-modal { max-width: 480px; margin: 0 auto; background: #371724 !important; } body.me-redesign #betRecordsModal .bet-records-header { padding: 13px 48px 13px 16px; border-bottom: 1px solid #754258; background: linear-gradient(125deg,#60293f,#411c2e) !important; } body.me-redesign #betRecordsModal .bet-records-title { text-align: left; font-size: 17px; color: #f5dce9 !important; } body.me-redesign #betRecordsModal .bet-records-close { background: transparent !important; color: #e7bbcf !important; } body.me-redesign #betRecordsModal .bet-records-body { min-height: 0; background: #371724 !important; } body.me-redesign #betRecordsModal .bet-filters { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 12px 4px; border: 0; background: transparent !important; } body.me-redesign #betRecordsModal .bet-filters > .filter-select { -webkit-flex: 1; flex: 1; min-width: 0; width: 0; height: 34px; margin: 0 0 8px; padding: 6px 9px; border: 1px solid #754057; border-radius: 8px; font-size: 12px; color: #e9c4d7 !important; background: #492235 !important; } body.me-redesign #betRecordsModal .bet-filters > .filter-select + .filter-select { margin-left: 8px; } body.me-redesign #betRecordsModal .view-toggle { -webkit-flex: 1 0 100%; flex: 1 0 100%; margin: 0 0 6px; } body.me-redesign #betRecordsModal .view-toggle-btn span { padding: 0; border: 0; background: transparent !important; color: inherit !important; font-size: 11px; } body.me-redesign #betRecordsModal .bet-list-container { scrollbar-width: none; -ms-overflow-style: none; } body.me-redesign #betRecordsModal .bet-list-container::-webkit-scrollbar { display: none; width: 0; } body.me-redesign #betRecordsModal .bet-list { padding: 0 12px 14px; } body.me-redesign #betRecordsModal .bet-date-group { padding: 0; margin: 8px 0; border: 0; font-size: 11px; line-height: 18px; color: #cba0b6 !important; background: transparent !important; } body.me-redesign #betRecordsModal .bet-aggregate-item, body.me-redesign #betRecordsModal .bet-item { margin-bottom: 8px; overflow: hidden; border: 1px solid #754057; border-radius: 11px; background: #492235 !important; } body.me-redesign #betRecordsModal .bet-aggregate-header { position: relative; display: block; padding: 10px; } body.me-redesign #betRecordsModal .bet-aggregate-left { padding: 0 24px 8px 0; margin: 0 0 8px; border-bottom: 1px solid #68364d; } body.me-redesign #betRecordsModal .bet-aggregate-title { font-size: 13px; line-height: 19px; color: #f1d2e2 !important; word-break: break-word; } body.me-redesign #betRecordsModal .bet-aggregate-subtitle { margin-top: 2px; font-size: 10px; color: #bf8da5 !important; } body.me-redesign #betRecordsModal .bet-aggregate-right { display: block; margin: 0; padding: 0; text-align: left; } body.me-redesign #betRecordsModal .bet-aggregate-rows { display: -webkit-flex; display: flex; width: 100%; } body.me-redesign #betRecordsModal .bet-aggregate-row { display: block; -webkit-flex: 1; flex: 1; min-width: 0; margin: 0; padding: 0 4px; text-align: center; } body.me-redesign #betRecordsModal .bet-aggregate-row-label { display: block; margin: 0 0 4px; font-size: 10px; color: #bf8da5 !important; } body.me-redesign #betRecordsModal .bet-aggregate-amount, body.me-redesign #betRecordsModal .bet-aggregate-profit, body.me-redesign #betRecordsModal .bet-aggregate-count { display: block; font-size: 15px; line-height: 21px; color: #f5d7e8; word-break: break-word; } body.me-redesign #betRecordsModal .profit-positive { color: #4caf50 !important; } body.me-redesign #betRecordsModal .profit-negative { color: #f44336 !important; } body.me-redesign #betRecordsModal .profit-zero { color: #d3b0c3 !important; } body.me-redesign #betRecordsModal .bet-aggregate-pending-hint { display: block; margin: 2px 0 0; font-size: 9px; color: #e1b77c; } body.me-redesign #betRecordsModal .bet-aggregate-expand { position: absolute; top: 12px; right: 10px; width: 18px; height: 18px; color: #bf8da5; } body.me-redesign #betRecordsModal .bet-aggregate-detail, body.me-redesign #betRecordsModal .bet-detail-content { background: #3d1b2c !important; } body.me-redesign #betRecordsModal .bet-aggregate-detail { border-color: #754057; } body.me-redesign #betRecordsModal .bet-item-header { padding: 10px; } body.me-redesign #betRecordsModal .bet-item-title { font-size: 12px; line-height: 18px; color: #f1d2e2 !important; word-break: break-word; } body.me-redesign #betRecordsModal .bet-item-subtitle { font-size: 10px; line-height: 17px; color: #bf8da5 !important; } body.me-redesign #betRecordsModal .bet-item-right { padding-left: 8px; } body.me-redesign #betRecordsModal .bet-amount { font-size: 17px; color: #f1d2e2 !important; } body.me-redesign #betRecordsModal .bet-status { padding: 2px 7px; border-radius: 999px; font-size: 10px; } body.me-redesign #betRecordsModal .bet-status.pending { color: #ffcf83 !important; background: #654b24 !important; } body.me-redesign #betRecordsModal .bet-status.won { color: #a0e9c5 !important; background: #244f42 !important; } body.me-redesign #betRecordsModal .bet-status.lost { color: #ffb5bf !important; background: #653039 !important; } body.me-redesign #betRecordsModal .bet-status.cancelled { color: #ced5de !important; background: #444b55 !important; } body.me-redesign #betRecordsModal .bet-detail-content { padding: 10px; } body.me-redesign #betRecordsModal .bet-detail-row { padding: 3px 0; margin: 0 0 4px; line-height: 18px; } body.me-redesign #betRecordsModal .bet-detail-label { font-size: 10px; color: #bf8da5 !important; } body.me-redesign #betRecordsModal .bet-detail-value { min-width: 0; font-size: 11px; word-break: break-word; color: #e5bcd2; } body.me-redesign #betRecordsModal .bet-detail-divider { margin: 7px 0; background: #68364d; } body.me-redesign #betRecordsModal .bet-stats { padding: 12px; border-top: 1px solid #754057; border-radius: 14px 14px 0 0; background: #492235 !important; } body.me-redesign #betRecordsModal .stats-row { margin: 0; } body.me-redesign #betRecordsModal .stats-item { min-width: 0; margin: 0; padding: 0 3px; } body.me-redesign #betRecordsModal .stats-label { font-size: 10px; color: #bf8da5 !important; } body.me-redesign #betRecordsModal .stats-value { font-size: 14px; word-break: break-all; } body.me-redesign #betRecordsModal .bet-empty { margin-top: 12px; padding: 32px 15px; border: 1px dashed #754057; border-radius: 11px; color: #c99ab2 !important; } body.me-redesign #betRecordsModal .bet-empty p { font-size: 12px; } body.me-redesign #betRecordsModal .bet-load-more { padding: 0 12px 12px; background: transparent !important; border: 0; } body.me-redesign #betRecordsModal .load-more-btn { padding: 8px 16px; border: 1px solid #875069 !important; border-radius: 999px; font-size: 12px; color: #ebc4d9 !important; background: #51263c !important; } body.me-redesign #withdrawModal .withdraw-item-status.rejected {color:#ff4545 !important;} body.me-redesign #betRecordsModal #viewToggle > label {display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;} body.me-redesign #betRecordsModal #viewToggle > label span {display:block;width:100%;margin:0;padding:0;text-align:center;line-height:18px;}