/* Canonical user UI. Kept last so the older admin/shared styles cannot turn
   these pages back into sheets or replace the shared navigation. */
body.premium-home { --app-page: #f6f7f9; --ui-ink: #202630; --ui-muted: #747c89; --ui-red: #c31e26; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 15px; line-height: 1.5; color: var(--ui-ink); padding-bottom: calc(80px + env(safe-area-inset-bottom)) !important; }
body.premium-home :where(div,span,p,h1,h2,h3,h4,a,button,input,select,textarea,label,strong,small,time,code) { font-family: inherit; }
body.premium-home :is(button,a,input,select,textarea):focus-visible { outline: 2px solid #c31e26; outline-offset: 3px; }
body.premium-home :is(.form-btn,.btn-primary-pill,.finance-primary) { background: #c31e26 !important; box-shadow: none !important; font-weight: 600 !important; border-radius: 12px !important; }
body.premium-home :is(.form-btn,.finance-primary):disabled { background: #edf0f3 !important; color: #929aa7 !important; opacity: 1; cursor: not-allowed; }
body.premium-home .app-page[data-page-current]:is([id],#appScreen),
body.premium-home .app-page[data-page-current]:is([id],#appScreen) > :is(.modal-container,.sidebar-drawer-content) { background: var(--app-page) !important; }
body.premium-home .app-page[data-page-current]:is([id],#appScreen) > :is(.modal-container,.sidebar-drawer-content) { padding: 22px max(20px, calc((100vw - 600px) / 2)) 24px !important; }
body.premium-home .app-page .modal-title { font-size: 22px !important; font-weight: 650 !important; letter-spacing: -.5px; }
body.premium-home .app-page .modal-header { border: 0; min-height: auto; margin-bottom: 20px; padding-bottom: 0; }
body.premium-home .page-topbar { max-width: 640px; min-height: 68px; gap: 10px; padding-inline: 20px; }
body.premium-home .page-topbar > :is(button,a) { width: 42px; height: 42px; border-radius: 12px; border-color: #e8eaef; flex-shrink: 0; background: #fff; }
body.premium-home .page-topbar > div { min-width: 0; }
body.premium-home .page-topbar strong { font-size: 18px; font-weight: 600; letter-spacing: -.3px; }
body.premium-home .page-brand { font-size: 9px; color: #9c5360; letter-spacing: 1.8px; }
body.premium-home #appBottomNav.mobile-bottom-nav {
    visibility: visible !important; opacity: 1 !important; pointer-events: auto !important;
    display: grid !important; grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    position: fixed !important; inset: auto 0 0 !important; width: 100% !important;
    height: calc(70px + env(safe-area-inset-bottom)) !important; z-index: 100001 !important;
    padding: 5px max(8px,calc((100vw - 640px) / 2)) calc(5px + env(safe-area-inset-bottom)) !important;
    background: #fff !important; border: 0; border-top: 1px solid #e7e9ed !important; border-radius: 0 !important; box-shadow: none !important;
}
body.premium-home #appBottomNav .mobile-tab { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 0; min-height: 54px; margin: 0; padding: 3px 0; border: 0; background: transparent; color: #7d8591; font-size: 11px; font-weight: 500; }
body.premium-home #appBottomNav .nav-icon { display: grid; place-items: center; width: 38px; height: 30px; padding: 0; margin: 0; border-radius: 10px; background: transparent; box-shadow: none; transform: none; }
body.premium-home #appBottomNav .nav-icon i { font-size: 18px; }
body.premium-home #appBottomNav .mobile-tab.active { color: #c31e26; }
body.premium-home #appBottomNav .mobile-tab.active .nav-icon { background: #fff1f3; }
body.premium-home #appBottomNav .nav-label { font-size: 11px; line-height: 1.3; white-space: nowrap; }
body.premium-home.auth-page-open #appBottomNav { display: none !important; }
body.premium-home #addFundModalOverlay { --app-page: #faf9f7; }
body.premium-home #addFundModalOverlay.app-page[data-page-current] > .modal-container { padding-top: 20px !important; }
body.premium-home #addFundModalOverlay .dep-clean-header { display: none !important; }
body.premium-home #addFundModalOverlay .dep-round-close-btn { display: none; }
body.premium-home #addFundModalOverlay .dep-step-body { padding: 0 !important; display: flex; flex-direction: column; gap: 0; }
body.premium-home .payment-progress { gap: 8px; margin: 0 0 22px; }
body.premium-home .payment-progress li { font-size: 12px; font-weight: 500; border-top-width: 2px; padding-top: 7px; }
body.premium-home #addFundModalOverlay .dep-wallet-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #7a828f; font-size: 13px; }
body.premium-home #addFundModalOverlay .dep-wallet-meta { display: inline-flex; align-items: center; gap: 8px; }
body.premium-home #addFundModalOverlay .dep-wallet-bar strong { color: #242b35; font-weight: 600; }
body.premium-home #addFundModalOverlay .dep-hero-amount-section { padding: 24px 0 18px; text-align: center; }
body.premium-home #addFundModalOverlay .dep-eyebrow-label { display: block; font-size: 10px; font-weight: 600; letter-spacing: 2.3px; color: #929aa6; }
body.premium-home #addFundModalOverlay .dep-amount-hero-card { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 8px auto; width: 100%; padding: 0; border: 0; box-shadow: none; background: transparent; }
body.premium-home #addFundModalOverlay .dep-currency-symbol { font-size: 30px; font-weight: 500; color: #a4aab3; }
body.premium-home #addFundModalOverlay .dep-hidden-amount-input { position: static !important; opacity: 1 !important; cursor: text !important; font-size: 48px !important; font-weight: 600; letter-spacing: -1.6px; width: 5.5ch !important; max-width: calc(100% - 45px); height: 68px !important; text-align: left; padding: 0; appearance: textfield; -moz-appearance: textfield; outline-offset: 4px; }
body.premium-home #addFundModalOverlay input[type=number]::-webkit-inner-spin-button { appearance: none; }
body.premium-home #addFundModalOverlay .dep-limits-subrow { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; font-size: 12px; color: #8b93a0; }
body.premium-home #addFundModalOverlay .dep-chips-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 4px 0 10px; }
body.premium-home #addFundModalOverlay .dep-chip-btn { padding: 9px 2px; min-height: 40px; font-size: 12px; font-weight: 500 !important; background: #f0f1f3; color: #596270; border: 1px solid transparent; border-radius: 22px; box-shadow: none; }
body.premium-home #addFundModalOverlay .dep-chip-btn.active { color: #bc2439 !important; background: #fff1f3 !important; border-color: #f2d1d8 !important; }
body.premium-home #addFundModalOverlay .dep-touch-keypad { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2px 16px; margin: 2px 0 10px; }
body.premium-home #addFundModalOverlay .dep-key { height: 44px; min-height: 44px; padding: 5px; border: 0; background: transparent; box-shadow: none; color: #242b35; font-size: 23px; font-weight: 500 !important; }
body.premium-home #addFundModalOverlay .dep-key-sub { color: #a3a9b3; font-size: 18px; }
body.premium-home #addFundModalOverlay .dep-key-back { color: #a3a9b3; font-size: 17px; }
body.premium-home #addFundModalOverlay .dep-action-main-btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 50px; border: 0; border-radius: 13px; padding: 13px 12px; margin: 12px 0 0; background: #c31e26 !important; color: #fff !important; font-size: 15px; box-shadow: none !important; gap: 8px; }
body.premium-home #addFundModalOverlay .dep-gateway-topbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: transparent; padding: 0 0 20px; border: 0; }
body.premium-home #addFundModalOverlay .dep-gateway-back-btn { display: none; }
body.premium-home #addFundModalOverlay .dep-gateway-brand { display: flex; align-items: baseline; gap: 4px; }
body.premium-home #addFundModalOverlay .dep-brand-carlo { font-size: 17px; font-weight: 50; font-style: italic; color: #010d1d; }
body.premium-home #addFundModalOverlay .dep-brand-567 { color: #c31e26; font-size: 17px; font-weight: 700; }
body.premium-home #addFundModalOverlay .dep-brand-pill { background: #fff1f3; color: #bc2439; font-size: 9px; letter-spacing: 1px; border-radius: 5px; padding: 3px 6px; }
body.premium-home #addFundModalOverlay .dep-secure-badge { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 20px; background: #eaf5ef; border: 0; color: #23826b; font-size: 10px; font-weight: 650; letter-spacing: 1px; }
body.premium-home #addFundModalOverlay .dep-secure-dot { width: 6px; height: 6px; border-radius: 50%; background: #9fd3bf; }
body.premium-home #addFundModalOverlay .dep-pay-summary-card { display: grid; grid-template-columns: minmax(0,1fr) auto; padding: 20px; background: #fff; border: 1px solid #edecea; border-radius: 20px; box-shadow: 0 5px 12px #242b3505; gap: 14px; margin-bottom: 22px; }
body.premium-home #addFundModalOverlay .dep-summary-col { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
body.premium-home #addFundModalOverlay .dep-col-right { align-items: flex-end; }
body.premium-home #addFundModalOverlay .dep-summary-label { font-size: 10px; color: #979da7; font-weight: 600; letter-spacing: 1.3px; }
body.premium-home #addFundModalOverlay .dep-summary-val { display: flex; align-items: baseline; color: #222831; font-size: 32px; font-weight: 650; letter-spacing: -.8px; line-height: 1.2; overflow-wrap: anywhere; }
body.premium-home #addFundModalOverlay .dep-val-cur { font-size: 21px; color: #c31e26; }
body.premium-home #addFundModalOverlay .dep-val-int { font-weight: 650; }
body.premium-home #addFundModalOverlay .dep-summary-timer { display: flex; gap: 6px; align-items: center; font-size: 24px; color: #c31e26; line-height: 1.4; font-variant-numeric: tabular-nums; }
body.premium-home #addFundModalOverlay .dep-timer-dot { font-size: 10px; color: #e4a0ac; }
body.premium-home #addFundModalOverlay .dep-summary-footer { grid-column: 1/-1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; border-top: 1px solid #f1f1f3; padding-top: 12px; font-size: 10px; color: #949ba5; }
body.premium-home #addFundModalOverlay .dep-summary-footer code { overflow-wrap: anywhere; }
body.premium-home #addFundModalOverlay .dep-active-pill { color: #27836b; }
body.premium-home #addFundModalOverlay .dep-step-guide-heading { margin: 0 0 16px; }
body.premium-home #addFundModalOverlay .dep-step-indicator { display: none; }
body.premium-home #addFundModalOverlay .dep-step-headline { font-size: 17px; letter-spacing: -.3px; font-weight: 600; margin: 0; }
body.premium-home #addFundModalOverlay .dep-step-subheadline { font-size: 12px; color: #999ea7; margin: 4px 0 0; }
body.premium-home #addFundModalOverlay .dep-upi-grid-modern { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 0 0 14px; }
body.premium-home #addFundModalOverlay .dep-upi-modern-card { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; text-decoration: none; min-width: 0; min-height: 82px; background: #fff; border: 1px solid #e8e7e5; border-radius: 18px; padding: 12px 8px; box-shadow: 0 3px 8px #242b3504; }
body.premium-home #addFundModalOverlay .dep-modern-app-icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; box-shadow: none; }
body.premium-home #addFundModalOverlay .dep-modern-app-icon.phonepe { background: #5f259f; }
body.premium-home #addFundModalOverlay .dep-modern-app-icon.gpay { background: #fff; border: 0; }
body.premium-home #addFundModalOverlay .dep-modern-app-title { font-size: 17px; font-weight: 650; color: #29303b; }
body.premium-home #addFundModalOverlay .phonepe .dep-modern-app-title { color: #5f259f; }
body.premium-home #addFundModalOverlay .dep-qr-accordion { background: #fff; border: 1px solid #e8e7e5; border-radius: 18px; margin: 0 0 14px; overflow: hidden; }
body.premium-home #addFundModalOverlay .dep-qr-accordion-trigger { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 78px; padding: 16px; border: 0; background: transparent; text-align: left; cursor: pointer; }
body.premium-home #addFundModalOverlay .dep-qr-acc-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: #f6f3ff; flex-shrink: 0; }
body.premium-home #addFundModalOverlay .dep-qr-acc-texts { flex: 1; min-width: 0; }
body.premium-home #addFundModalOverlay .dep-qr-acc-headline { display: block; font-size: 14px; font-weight: 600; }
body.premium-home #addFundModalOverlay .dep-qr-acc-subline { display: block; font-size: 11px; color: #9a9fa8; margin-top: 3px; }
body.premium-home #addFundModalOverlay .dep-qr-acc-chevron { display: grid; place-items: center; width: 26px; height: 26px; background: #f5f6f8; border-radius: 50%; color: #8a929f; font-size: 10px; }
body.premium-home #addFundModalOverlay .dep-qr-accordion-panel { display: none; padding: 0 16px 18px; text-align: center; border-top: 1px solid #f1f2f5; }
body.premium-home #addFundModalOverlay .dep-qr-accordion.active .dep-qr-accordion-panel { display: block; }
body.premium-home #addFundModalOverlay .dep-qr-wrapper { width: min(200px,100%); height: auto; aspect-ratio: 1; margin: 18px auto 12px; padding: 8px; border: 1px solid #e4e7ec; background: #fff; border-radius: 10px; box-shadow: none; }
body.premium-home #addFundModalOverlay #depositQrCodeImg { display: block; width: 100% !important; height: auto !important; max-width: 200px !important; aspect-ratio: 1; object-fit: contain; }
body.premium-home #addFundModalOverlay .dep-qr-merchant { font-size: 14px; font-weight: 600; }
body.premium-home #addFundModalOverlay .dep-qr-subhint { color: #8a929f; font-size: 12px; margin: 6px 0 12px; }
body.premium-home #addFundModalOverlay .dep-upi-id-pill-row { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; }
body.premium-home #addFundModalOverlay #depositUpiIdDisplay { max-width: 100%; overflow-wrap: anywhere; font-size: 13px; color: #566170; }
body.premium-home #addFundModalOverlay .dep-copy-upi-btn { min-height: 44px; background: #f4f5f7; border: 1px solid #e1e5eb; border-radius: 10px; padding: 8px 12px; color: #455060; font-size: 12px; }
body.premium-home #addFundModalOverlay .dep-gateway-bottom-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 20px; padding-bottom: 8px; }
body.premium-home #addFundModalOverlay .dep-footer-note { font-size: 11px; color: #939aa5; }
body.premium-home #addFundModalOverlay .dep-footer-cancel-link { padding: 8px; min-height: 44px; color: #818996; background: none; border: 0; font-size: 12px; }
body.premium-home #addFundModalOverlay .dep-nav-back-btn { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 8px 12px; border: 1px solid #e4e7ec; border-radius: 10px; background: #fff; }
body.premium-home .finance-sheet :is(.modal-title,h2) { font-size: 22px !important; font-weight: 650 !important; }
body.premium-home .finance-sheet .finance-balance { padding: 20px; border-radius: 16px; border: 1px solid #e5e8ee; background: #fff; box-shadow: none; margin-bottom: 20px; gap: 8px; }
body.premium-home .finance-sheet .finance-balance > span, body.premium-home .finance-balance-header { font-size: 13px; color: #8a929f; font-weight: 400; text-transform: none; letter-spacing: 0; }
body.premium-home .finance-sheet .finance-balance strong { font-size: 34px; font-weight: 650; line-height: 1.3; color: #252c36; letter-spacing: -.8px; }
body.premium-home .finance-sheet .finance-balance small { font-size: 12px; font-weight: 400; color: #8a929f; }
body.premium-home .finance-sheet button { font-weight: 500; border-width: 1px; border-color: #e0e4eb; min-height: 46px; box-shadow: none !important; }
body.premium-home .finance-sheet .finance-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 16px; }
body.premium-home .finance-sheet .finance-actions > button { min-width: 0; font-size: 14px !important; }
body.premium-home .finance-sheet #walletRefresh { flex: 0 0 46px; padding: 0; font-size: 18px !important; }
body.premium-home .finance-sheet .finance-filters { display: flex; flex-wrap: nowrap; gap: 6px; overflow-x: auto; max-width: 100%; padding: 4px 0 8px; margin: 22px 0 10px; scrollbar-width: thin !important; }
body.premium-home .finance-sheet .finance-filters button { flex: 0 0 auto; min-width: auto; padding: 8px 13px; min-height: 40px; border-radius: 20px; font-size: 12px !important; white-space: nowrap; background: #fff; color: #7b8492; }
body.premium-home .finance-sheet .finance-filters button[aria-pressed=true] { background: #fff1f3; border-color: #f3d7dd; color: #bd283d; }
body.premium-home .finance-transaction { display: grid; gap: 7px; padding: 18px 0; border-bottom: 1px solid #e6e9ee; color: #303946; }
body.premium-home .finance-transaction > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
body.premium-home .finance-transaction strong { font-size: 14px; font-weight: 600; }
body.premium-home .finance-transaction > strong { font-size: 20px; letter-spacing: -.4px; }
body.premium-home .finance-transaction small { font-size: 11px; color: #8b94a2; overflow-wrap: anywhere; }
body.premium-home .finance-transaction details { font-size: 12px; color: #737e8e; }
body.premium-home .finance-transaction summary { min-height: 32px; padding-top: 6px; cursor: pointer; }
body.premium-home .finance-badge { border-radius: 6px; font-size: 10px; font-weight: 600; letter-spacing: .2px; padding: 4px 7px; }
body.premium-home .finance-sheet .finance-quick { grid-template-columns: repeat(auto-fit,minmax(70px,1fr)); }
body.premium-home .finance-sheet .finance-limits-badge { font-size: 12px; font-weight: 400; padding: 10px; line-height: 1.6; }
body.premium-home #withdrawFundModalOverlay .finance-sheet #withdrawAmountInput { font-size: 30px !important; font-weight: 600 !important; min-height: 60px !important; }
body.premium-home #withdrawFundModalOverlay .dep-clean-header { display: none !important; }
body.premium-home #withdrawFundModalOverlay .finance-body-content { padding: 0; }
body.premium-home #withdrawFundModalOverlay .dep-action-main-btn { background: #c31e26 !important; box-shadow: none !important; font-weight: 600 !important; }
body.premium-home .finance-sheet .withdraw-method-card { min-height: 90px; display: flex; flex-direction: column; justify-content: center; padding: 14px 8px; gap: 8px; }
body.premium-home .finance-sheet .withdraw-method-info strong { font-size: 14px; font-weight: 600; }
body.premium-home .finance-sheet .withdraw-method-info span { font-size: 11px; color: #8b94a2; font-weight: 400; }
body.premium-home .finance-sheet .finance-summary { border-color: #e5e8ee; border-radius: 16px; }
body.premium-home .finance-sheet .finance-summary > div { padding: 11px 0; }
body.premium-home .finance-sheet .finance-summary dt { color: #87909e; font-size: 13px; }
body.premium-home .finance-sheet .finance-summary dd { font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
@media(max-width:359px) {
    body.premium-home .page-topbar { padding-inline: 14px; gap: 8px; }
    body.premium-home .page-topbar strong { font-size: 16px; }
    body.premium-home .app-page[data-page-current]:is([id],#appScreen) > .modal-container { padding-inline: 16px !important; }
    body.premium-home #addFundModalOverlay .dep-modern-app-title { font-size: 14px; }
    body.premium-home #addFundModalOverlay .dep-summary-val { font-size: 27px; }
    body.premium-home #addFundModalOverlay .dep-summary-timer { font-size: 21px; }
}

/* Reference payment flow: one full page per step, without finance tabs. */
body.premium-home.deposit-page-open { --app-page: #fff; background: #fff; }
body.premium-home.deposit-page-open #pageNavigation { display: none !important; }
body.premium-home.deposit-page-open #addFundModalOverlay.app-page[data-page-current],
body.premium-home.deposit-page-open #addFundModalOverlay.app-page[data-page-current] > .modal-container {
    background: #fff !important;
    min-height: calc(100dvh - 70px - env(safe-area-inset-bottom)) !important;
}
body.premium-home.deposit-page-open #addFundModalOverlay.app-page[data-page-current] > .modal-container {
    padding: 0 max(20px, calc((100vw - 500px) / 2)) 0 !important;
}
body.premium-home #addFundModalOverlay #depositStep1.active { min-height: calc(100dvh - 70px - env(safe-area-inset-bottom)); }
body.premium-home #addFundModalOverlay #depositStep1 .dep-clean-header {
    display: flex !important; position: static !important; padding: 24px 0 12px !important;
    min-height: 80px; margin: 0 !important; border: 0 !important; background: #fff !important;
}
body.premium-home #addFundModalOverlay #depositStep1 .dep-header-title { font-size: 22px; font-weight: 650; letter-spacing: -.5px; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-header-sub { font-size: 12px; color: #939bac; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-header-icon-box { background: #eaf0ff; color: #3b69e8; border-radius: 12px; width: 42px; height: 42px; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-round-close-btn { display: grid !important; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #f3f4f6; color: #7a8392; border: 0; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-step-body { flex: 1; min-height: 0; padding: 0 0 12px !important; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-wallet-bar { border: 0; background: transparent; border-radius: 0; padding: 3px 2px; margin: 0; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-hero-amount-section { flex: 1; min-height: 205px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 18px 0; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-hidden-amount-input { color: #20242e; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-amount-hero-card.is-empty .dep-hidden-amount-input,
body.premium-home #addFundModalOverlay #depositStep1 .dep-amount-hero-card.is-empty .dep-currency-symbol { color: #bdc3cb; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-chip-btn.active { color: #4543cc !important; background: #f0efff !important; border-color: #e4e1ff !important; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-touch-keypad { margin: 6px 0 2px; gap: 3px 16px; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-key { height: 50px !important; min-height: 50px !important; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-action-main-btn { margin-top: 8px; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-action-main-btn:disabled { background: #eceef2 !important; color: #abb3c0 !important; }
body.premium-home #addFundModalOverlay #depositStep2.active { min-height: calc(100dvh - 70px - env(safe-area-inset-bottom)); background: #faf9f7 !important; padding: 0 0 8px; }
body.premium-home #addFundModalOverlay:has(#depositStep2.active),
body.premium-home #addFundModalOverlay:has(#depositStep2.active) > .modal-container { background: #faf9f7 !important; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-gateway-topbar { padding: 22px 0 30px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-gateway-brand { font-size: 18px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-brand-carlo { color: #5044d7; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-brand-567 { color: #5044d7; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-pay-summary-card { border: 0; box-shadow: 0 8px 18px #20263009; margin-bottom: 20px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-summary-val .dep-val-cur,
body.premium-home #addFundModalOverlay #depositStep2 .dep-summary-timer { color: #5044d7; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-step-indicator { display: block; color: #5146dd; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; margin-bottom: 4px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-upi-modern-card,
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-accordion { box-shadow: 0 4px 12px #20263006; border-radius: 20px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-gateway-body { flex: 1; }
body.premium-home #addFundModalOverlay #depositStep2 #depProceedToVerifyBtn { margin-top: auto; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-gateway-bottom-row { padding-top: 16px; }

/* The dashboard menu owns its scroll; page scrolling stays behind it. */
body.premium-home #sidebarOverlay { position: fixed !important; inset: 0 !important; width: 100% !important; height: 100dvh !important; overflow: hidden !important; }
body.premium-home #sidebarOverlay .sidebar-drawer-content {
    position: absolute !important; inset: 0 !important; width: 100% !important; max-width: none !important;
    height: 100dvh !important; max-height: 100dvh !important; overflow-y: auto !important; overflow-x: hidden !important;
    overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y;
    display: block !important; box-sizing: border-box; padding: max(18px, env(safe-area-inset-top)) max(20px, calc((100vw - 600px) / 2)) calc(92px + env(safe-area-inset-bottom)) !important;
}
body.premium-home #sidebarOverlay .sidebar-user-card { margin-bottom: 16px; }
body.premium-home #sidebarOverlay .sidebar-section-label { padding-top: 18px; }
body.premium-home #sidebarOverlay .menu-item-row { min-height: 48px; gap: 12px; }
body.premium-home #sidebarOverlay .menu-item-text { font-size: 14px; }
body.premium-home .app-header .brand-title { white-space: nowrap; }
body.premium-home .app-header .header-left,
body.premium-home .app-header .header-right { min-width: 0; }
@media(max-width:359px) {
    body.premium-home .app-header .brand-img { display: none; }
    body.premium-home .app-header .header-left { gap: 8px; }
    body.premium-home .app-header .header-right { gap: 6px; }
    body.premium-home .app-header .wallet-pill { min-height: 38px; }
    body.premium-home .app-header .wallet-amount { font-size: 12px; }
}

/* ==========================================================================
   STUNNING AUTH ACCESS SCREEN (Login, Signup, Forgot PIN, Reset PIN)
   ========================================================================== */
body.premium-home.auth-page-open {
    background: #f8fafc !important;
    background-image: none !important;
    min-height: 100dvh !important;
    padding-bottom: 0 !important;
}
body.premium-home.auth-page-open #pageNavigation {
    border: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.premium-home.auth-page-open .page-topbar {
    min-height: 58px;
    max-width: 480px;
    margin: 0 auto;
    padding: max(8px, env(safe-area-inset-top)) 16px 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
body.premium-home.auth-page-open .page-topbar > div,
body.premium-home.auth-page-open .page-topbar > a,
body.premium-home.auth-page-open .page-topbar #pageNotifyBtn {
    display: none !important;
}
body.premium-home.auth-page-open #pageBack {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    height: 44px !important;
    min-height: 44px !important;
    width: auto !important;
    padding: 0 14px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #1e293b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.15s ease !important;
    cursor: pointer !important;
}
body.premium-home.auth-page-open.guest-auth-login #pageBack { display: none !important; }
body.premium-home.auth-page-open #pageBack i {
    font-size: 13px !important;
    color: #cb202d !important;
    transition: transform 0.15s ease;
}
body.premium-home.auth-page-open #pageBack:hover {
    background: #000000 !important;
    border-color: #cbd5e1 !important;
    color: #cb202d !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08) !important;
}
body.premium-home.auth-page-open #pageBack:hover i {
    transform: translateX(-2px);
}
body.premium-home:not(.auth-page-open) #pageBack span {
    display: none;
}

body.premium-home #authModalOverlay.app-page[data-page-current] > .modal-container {
    width: 100% !important;
    max-width: 480px !important;
    min-height: calc(100dvh - 58px) !important;
    margin: 0 auto !important;
    padding: 24px 20px max(32px, env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    background: transparent !important;
    overflow: visible !important;
    animation: none !important;
    display: flex !important;
    flex-direction: column !important;
}
body.premium-home #authModalOverlay .modal-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    margin: 4px 0 28px !important;
    padding: 0 !important;
    border: 0 !important;
}
body.premium-home #authModalOverlay .modal-header > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
body.premium-home #authModalOverlay .modal-close-btn {
    display: none !important;
}
body.premium-home #authModalOverlay .auth-brand-logo {
    display: block !important;
    width: 78px !important;
    height: 78px !important;
    object-fit: cover !important;
    border-radius: 20px !important;
    margin: 0 auto 20px !important;
    box-shadow: 0 4px 12px rgba(32, 36, 44, 0.08) !important;
    border: 2.5px solid #ffffff !important;
    outline: none !important;
}
body.premium-home #authModalOverlay .modal-title {
    margin: 0 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: -0.6px !important;
    line-height: 1.25 !important;
    color: #0f172a !important;
    text-align: center !important;
}
body.premium-home #authModalOverlay .auth-page-description {
    margin: 6px 0 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #64748b !important;
    text-align: center !important;
    font-weight: 500 !important;
}

body.premium-home #authModalOverlay form {
    margin-top: 0 !important;
    gap: 20px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    padding: 28px !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05) !important;
}
body.premium-home #authModalOverlay .form-group {
    margin: 0 !important;
}
body.premium-home #authModalOverlay label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-bottom: 7px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}
body.premium-home #authModalOverlay label i {
    color: #cb202d !important;
    font-size: 13px !important;
    display: inline-block !important;
}
body.premium-home #authModalOverlay .form-input {
    min-height: 52px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    border: 1.5px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    padding: 10px 14px !important;
    transition: all 0.15s ease !important;
    box-sizing: border-box !important;
}
body.premium-home #authModalOverlay .form-input:focus {
    border-color: #cb202d !important;
    box-shadow: 0 0 0 3px rgba(203, 32, 45, 0.12) !important;
    outline: none !important;
}
body.premium-home #authModalOverlay .form-group > div:has(> input[type="tel"]) {
    display: flex !important;
    align-items: stretch !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    transition: all 0.15s ease !important;
}
body.premium-home #authModalOverlay .form-group > div:has(> input[type="tel"]):focus-within {
    border-color: #cb202d !important;
    box-shadow: 0 0 0 3px rgba(203, 32, 45, 0.12) !important;
}
body.premium-home #authModalOverlay .form-group > div:has(> input[type="tel"]) > span {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    background: #f8fafc !important;
    border-right: 1.5px solid #e2e8f0 !important;
    padding: 0 14px !important;
    color: #1e293b !important;
    display: flex !important;
    align-items: center !important;
    letter-spacing: 0.3px !important;
}
body.premium-home #authModalOverlay .form-group > div:has(> input[type="tel"]) > input {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: 52px !important;
    padding: 10px 14px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    letter-spacing: 0.5px !important;
    width: 100% !important;
}
body.premium-home #authModalOverlay .password-input-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}
body.premium-home #authModalOverlay .password-input-wrap .form-input {
    width: 100% !important;
    padding-right: 56px !important;
    letter-spacing: 2px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}
body.premium-home #authModalOverlay .password-input-wrap .toggle-password-btn {
    position: absolute !important;
    right: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: grid !important;
    place-items: center !important;
    border: none !important;
    background: transparent !important;
    color: #64748b !important;
    font-size: 16px !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: all 0.15s ease !important;
}
body.premium-home #authModalOverlay .password-input-wrap .toggle-password-btn:hover {
    background: #f1f5f9 !important;
    color: #1e293b !important;
}
body.premium-home #authModalOverlay .form-btn:is(.primary, .success) {
    width: 100% !important;
    min-height: 52px !important;
    margin: 8px 0 0 !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    letter-spacing: 0.3px !important;
    background: #cb202d !important;
    border: none !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    box-shadow: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: all 0.15s ease !important;
}
body.premium-home #authModalOverlay .form-btn:is(.primary, .success) i {
    display: inline-block !important;
    font-size: 15px !important;
}
body.premium-home #authModalOverlay .form-btn:is(.primary, .success):hover {
    background: #ad1b27 !important;
    box-shadow: none !important;
    transform: translateY(-1px) !important;
}
body.premium-home #authModalOverlay .form-btn:is(.primary, .success):active {
    transform: translateY(1px) scale(0.99) !important;
    box-shadow: 0 4px 12px rgba(203, 32, 45, 0.25) !important;
}

body.premium-home #authModalOverlay .auth-toggle-tabs {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 16px 0 0 !important;
    padding: 13px 16px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
    transition: all 0.15s ease !important;
}
body.premium-home #authModalOverlay .auth-toggle-tabs:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06) !important;
}
body.premium-home #authModalOverlay .auth-toggle-tabs[hidden] {
    display: none !important;
}
body.premium-home #authModalOverlay .auth-tab-btn {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #64748b !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;
    cursor: pointer !important;
}
body.premium-home #authModalOverlay .auth-tab-btn strong {
    color: #cb202d !important;
    font-weight: 750 !important;
    margin-left: 4px !important;
}
body.premium-home #authModalOverlay .auth-tab-btn.active {
    display: none !important;
}

body.premium-home #authModalOverlay .auth-back {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: 44px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    color: #475569 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    margin-top: 4px !important;
}
body.premium-home #authModalOverlay .auth-back:hover {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

body.premium-home #authModalOverlay .auth-security-strip {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
    margin: 20px 0 0 !important;
    padding: 4px 8px !important;
}
body.premium-home #authModalOverlay .auth-security-strip span {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #626975 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    letter-spacing: 0.2px !important;
}
body.premium-home #authModalOverlay .auth-security-strip span i {
    color: #059669 !important;
    font-size: 11.5px !important;
}

@media(max-width:359px) {
    body.premium-home #authModalOverlay.app-page[data-page-current] > .modal-container { padding-inline: 14px !important; }
    body.premium-home.auth-page-open .page-topbar { padding-inline: 12px; }
    body.premium-home #authModalOverlay form { padding: 18px 14px !important; }
    body.premium-home #authModalOverlay .auth-security-strip { gap: 8px !important; font-size: 10px !important; }
}

/* Consistent accessible controls across account flows. */
body.premium-home #authModalOverlay label i { display: none !important; }
body.premium-home #authModalOverlay .form-input::placeholder { color: #727985; font-weight: 400; letter-spacing: 0; }
body.premium-home #authModalOverlay input { min-width: 0; }
body.premium-home #authModalOverlay .auth-tab-btn { min-height: 44px !important; }
body.premium-home #authModalOverlay .auth-forgot-link { display: inline-flex; align-items: center; min-height: 44px; margin-block: -10px; }
body.premium-home #authModalOverlay :is(button, a):focus-visible,
body.premium-home.auth-page-open #pageBack:focus-visible { outline: 3px solid #cb202d; outline-offset: 3px; }
body.premium-home #authModalOverlay .form-btn:disabled { opacity: .65; cursor: wait !important; transform: none !important; }
body.premium-home #authModalOverlay #authAlertBox { margin: 0 0 16px !important; }
@media (max-width: 479px) {
    body.premium-home #authModalOverlay form { padding: 22px 18px !important; }
    body.premium-home #authModalOverlay .modal-title { font-size: 25px !important; }
}
@media (prefers-reduced-motion: reduce) {
    body.premium-home #authModalOverlay *, body.premium-home.auth-page-open #pageBack { transition: none !important; animation: none !important; }
}

/* Compact payment handoff and scan details. */
body.premium-home #addFundModalOverlay #depositStep2 .dep-gateway-topbar { justify-content: flex-start; gap: 9px; padding: 16px 0 22px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-gateway-back-btn {
    display: grid !important; place-items: center; flex: 0 0 40px; width: 40px; height: 40px;
    min-width: 40px; min-height: 40px; padding: 0; border: 1px solid #e9e8e8;
    border-radius: 12px; background: #fff; color: #273040; font-size: 15px;
}
body.premium-home #addFundModalOverlay #depositStep2 .dep-gateway-brand { display: inline-flex; align-items: center; gap: 3px; min-width: 0; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-gateway-logo { flex: 0 0 32px; width: 32px; height: 32px; margin-right: 5px; object-fit: cover; border-radius: 8px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-secure-badge { margin-left: auto; flex-shrink: 0; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-accordion-panel { padding: 0 12px 14px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-wrapper { width: min(176px, 100%); margin: 12px auto 10px; padding: 5px; }
body.premium-home #addFundModalOverlay #depositStep2 #depositQrCodeImg { max-width: 176px !important; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-upi-id-pill-row { gap: 6px; }
body.premium-home #addFundModalOverlay #depositStep2 #depositUpiIdDisplay { padding: 7px 10px; font-size: 12px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-copy-upi-btn { min-height: 40px; }
@media(max-width:359px) {
    body.premium-home #addFundModalOverlay #depositStep2 .dep-gateway-topbar { gap: 6px; }
    body.premium-home #addFundModalOverlay #depositStep2 .dep-gateway-logo { width: 28px; height: 28px; flex-basis: 28px; margin-right: 3px; }
    body.premium-home #addFundModalOverlay #depositStep2 .dep-brand-carlo,
    body.premium-home #addFundModalOverlay #depositStep2 .dep-brand-567 { font-size: 14px; }
    body.premium-home #addFundModalOverlay #depositStep2 .dep-secure-badge { padding: 6px 8px; font-size: 9px; }
    body.premium-home #addFundModalOverlay #depositStep2 #depProceedToVerifyBtn { font-size: 14px; gap: 6px; }
    body.premium-home #addFundModalOverlay #depositStep2 #depProceedToVerifyBtn i:first-child { display: none; }
}

/* Game pages share document scrolling and comfortable touch targets. */
body.premium-home.app-page-open { height: auto !important; min-height: 100dvh !important; overflow: visible !important; }
body.premium-home #marketGamesModalOverlay.app-page[data-page-current] > .market-games-modal-container { overflow: visible !important; }
body.premium-home #marketGamesModalOverlay .game-category-tabs {
    display: flex !important; gap: 8px !important; position: sticky; top: 0; z-index: 5;
    overflow-x: auto !important; overscroll-behavior-inline: contain; scrollbar-width: none;
    padding: 10px 0 12px !important; margin: 0 0 4px !important; background: var(--app-page);
}
body.premium-home #marketGamesModalOverlay .game-category-tabs::-webkit-scrollbar { display: none; }
body.premium-home #marketGamesModalOverlay .game-cat-tab { flex: 0 0 auto; min-width: 72px; min-height: 44px !important; padding: 9px 13px !important; border-radius: 22px !important; font-size: 13px !important; background: #fff !important; color: #667080 !important; }
body.premium-home #marketGamesModalOverlay .game-cat-tab[aria-pressed="true"] { border-color: #f0c5cd !important; background: #fff1f3 !important; color: #bb253a !important; }
body.premium-home #marketGamesModalOverlay .games-grid-cards { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; align-content: start; gap: 12px !important; overflow: visible !important; max-height: none !important; padding: 0 0 12px !important; }
body.premium-home #marketGamesModalOverlay .market-game-card { min-width: 0; min-height: 144px !important; padding: 15px 9px !important; background: #fff !important; border-color: #e4e7ec !important; border-radius: 15px !important; box-shadow: none !important; }
body.premium-home #marketGamesModalOverlay .market-game-card:focus-visible,
body.premium-home #marketGamesModalOverlay .game-cat-tab:focus-visible { outline: 3px solid #c31e26 !important; outline-offset: 2px; }
body.premium-home #marketGamesModalOverlay .game-card-name { font-size: 14px !important; font-weight: 600; }
body.premium-home #marketGamesModalOverlay .game-card-name::before { margin-bottom: 9px; }
body.premium-home #marketGamesModalOverlay .market-games-bottom-wrapper { margin-top: 8px; }
body.premium-home #bidModalOverlay .bidding-modal-container { overflow: visible !important; }
body.premium-home #bidModalOverlay .bidding-scroll-body { overflow: visible !important; max-height: none !important; }
body.premium-home #bidModalOverlay .bidding-footer { position: sticky; bottom: calc(70px + env(safe-area-inset-bottom)); z-index: 3; padding: 12px 0; background: var(--app-page); border-top: 1px solid #e4e7ec; }
body.premium-home #bidModalOverlay :is(button, input, select) { min-height: 44px; }
body.premium-home #bidModalOverlay .btn-review-submit { min-height: 48px; border-radius: 12px; box-shadow: none !important; }
@media(max-width:359px) {
    body.premium-home #marketGamesModalOverlay .games-grid-cards { gap: 9px !important; }
    body.premium-home #marketGamesModalOverlay .market-game-card { min-height: 136px !important; }
    body.premium-home #marketGamesModalOverlay .game-card-name { font-size: 13px !important; }
}

/* Withdrawal: compact form with one heading in the shared app bar. */
body.premium-home #withdrawFundModalOverlay.app-page[data-page-current] > .finance-sheet { max-width: 600px !important; padding-top: 24px !important; }
body.premium-home #withdrawFundModalOverlay .payment-progress { margin-bottom: 22px !important; padding: 0 !important; }
body.premium-home #withdrawFundModalOverlay .finance-body-content { padding: 0 !important; }
body.premium-home #withdrawFundModalOverlay .dep-wallet-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; margin-bottom: 22px; background: #fff; border: 1px solid #e4e8ee; border-radius: 14px; }
body.premium-home #withdrawFundModalOverlay .dep-wallet-meta { display: inline-flex; align-items: center; gap: 8px; color: #798392; font-size: 13px; }
body.premium-home #withdrawFundModalOverlay .dep-wallet-bar strong { color: #26303e; font-size: 20px; font-weight: 650; white-space: nowrap; }
body.premium-home #withdrawFundModalOverlay .dep-hero-amount-section { padding: 0; text-align: left; }
body.premium-home #withdrawFundModalOverlay .dep-eyebrow-label { margin: 0 0 8px; color: #273244; font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; }
body.premium-home #withdrawFundModalOverlay .withdraw-amount-wrap { display: flex; align-items: center; min-height: 62px; padding: 0 16px; }
body.premium-home #withdrawFundModalOverlay .withdraw-currency-prefix { color: #6c7685; font-size: 24px; }
body.premium-home #withdrawFundModalOverlay #withdrawAmountInput { width: 100%; min-width: 0; min-height: 58px !important; padding: 0 8px; font-size: 28px !important; outline: none; }
body.premium-home #withdrawFundModalOverlay .withdraw-amount-wrap:focus-within { border-color: #c31e26; box-shadow: 0 0 0 3px #c8203617; }
body.premium-home #withdrawFundModalOverlay .dep-limits-subrow { margin: 8px 0 0; text-align: left; color: #798392; font-size: 12px; font-weight: 400; line-height: 1.4; }
body.premium-home #withdrawFundModalOverlay .dep-chips-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px !important; margin: 16px 0 12px !important; }
body.premium-home #withdrawFundModalOverlay .dep-chip-btn { min-height: 42px; padding: 8px 2px !important; font-size: 12px !important; background: #fff !important; border: 1px solid #e2e6ed !important; border-radius: 10px !important; color: #424b58 !important; }
body.premium-home #withdrawFundModalOverlay .dep-chip-btn.active { background: #fff1f3 !important; border-color: #c31e26 !important; color: #b62337 !important; }
body.premium-home #withdrawFundModalOverlay #withdrawAmountForm .dep-processing-time-hint,
body.premium-home #withdrawFundModalOverlay #withdrawAmountForm .dep-method-preview-chip { display: none; }
body.premium-home #withdrawFundModalOverlay #withdrawContinue { margin-top: 16px; min-height: 50px; }
body.premium-home #withdrawFundModalOverlay .withdraw-method-card { flex-direction: row; justify-content: flex-start; min-height: 70px; padding: 12px 14px; }
body.premium-home #withdrawFundModalOverlay .withdraw-method-info { display: grid; gap: 2px; text-align: left; }
@media(max-width:359px) { body.premium-home #withdrawFundModalOverlay .dep-chips-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }

/* Account: concise identity, account details, and navigation. */
body.premium-home #profileModalOverlay.app-page[data-page-current] > .modal-container { max-width: 600px !important; padding-top: 24px !important; text-align: left !important; }
body.premium-home #profileModalOverlay .modal-header { display: none !important; }
body.premium-home #profileModalOverlay .modal-container > div:nth-child(2) { display: flex; align-items: center; gap: 16px; margin: 0 0 22px !important; min-width: 0; }
body.premium-home #profileModalOverlay .modal-container > div:nth-child(2) > div:first-child { width: 58px !important; height: 58px !important; min-width: 58px; margin: 0 !important; font-size: 24px !important; background: #fff0f2 !important; color: #c31e26 !important; }
body.premium-home #profileModalOverlay #profileNameDisplay { margin: 0 0 2px !important; color: #202630; font-size: 20px; font-weight: 650; line-height: 1.25; overflow-wrap: anywhere; }
body.premium-home #profileModalOverlay #profilePhoneDisplay { color: #788393 !important; font-size: 13px !important; }
body.premium-home #profileModalOverlay .modal-container > div:nth-child(3) { padding: 16px !important; margin-bottom: 20px !important; background: #fff !important; border: 1px solid #e5e8ed; border-radius: 14px !important; font-size: 13px !important; }
body.premium-home #profileModalOverlay .modal-container > div:nth-child(3) > div { align-items: center; gap: 12px; min-height: 26px; margin-bottom: 8px !important; }
body.premium-home #profileModalOverlay .modal-container > div:nth-child(3) > div:last-child { margin-bottom: 0 !important; }
body.premium-home #profileModalOverlay .modal-container > div:nth-child(3) span { color: #788393; }
body.premium-home #profileModalOverlay .modal-container > div:nth-child(3) strong { font-weight: 650; text-align: right; }
body.premium-home #profileModalOverlay .profile-quick-links { border: 1px solid #e5e8ed; border-radius: 14px; overflow: hidden; background: #fff; }
body.premium-home #profileModalOverlay .profile-quick-links button { min-height: 53px; padding: 0 16px; font-family: inherit !important; font-size: 14px; font-weight: 500; text-align: left; }
body.premium-home #profileModalOverlay .profile-quick-links button span { font-size: 19px; color: #9aa3af; }
body.premium-home #profileModalOverlay #profileLogoutBtn { min-height: 50px; width: 100%; margin-top: 20px; border: 1px solid #f3cbd1 !important; border-radius: 12px !important; background: #fff !important; color: #b72439 !important; font-size: 14px; font-weight: 600 !important; }

/* Chart owns the complete viewport; the embedded chart takes all remaining height. */
body.premium-home.chart-page-open { height: 100dvh !important; min-height: 100dvh !important; padding: 0 !important; overflow: hidden !important; background: #0f172a !important; }
body.premium-home.chart-page-open #pageNavigation,
body.premium-home.chart-page-open #appBottomNav.mobile-bottom-nav { display: none !important; }
body.premium-home.chart-page-open #fullScreenChartOverlay.app-page[data-page-current] { display: flex !important; position: fixed !important; inset: 0 !important; z-index: 100002 !important; width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; flex-direction: column; overflow: hidden !important; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); background: #0f172a !important; }
body.premium-home.chart-page-open #fullScreenChartOverlay .fschart-header { position: relative; flex: 0 0 48px; }
body.premium-home.chart-page-open #fullScreenChartOverlay .fschart-body { position: relative; flex: 1 1 auto; min-height: 0; height: auto !important; overflow: hidden; }
body.premium-home.chart-page-open #fullScreenChartOverlay .fschart-iframe { width: 100%; height: 100% !important; }

/* Home shortcuts: deposit is the primary action, with three clear destinations. */
body.premium-home .home-quick-access { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin: 14px 0 18px; }
body.premium-home .home-quick-access[hidden] { display: none !important; }
body.premium-home .home-quick-access button { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 7px; min-width: 0; min-height: 96px; padding: 11px 5px; overflow: hidden; border: 1px solid #e8e8e9; border-radius: 16px; background: #fff; color: #27303c; box-shadow: 0 3px 10px #19233309; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
body.premium-home .home-quick-access button:hover { transform: translateY(-2px); border-color: #e2bdc4; box-shadow: 0 9px 20px #19233312; }
body.premium-home .home-quick-access button:active { transform: scale(.98); }
body.premium-home .home-quick-access .home-quick-icon { display: grid; place-items: center; flex: 0 0 auto; width: 42px; height: 42px; border-radius: 13px; background: #fff0f2; color: #c31e26; }
body.premium-home .home-quick-access button:nth-child(2) .home-quick-icon { background: #f1f0ff; color: #6155c9; }
body.premium-home .home-quick-access button:nth-child(3) .home-quick-icon { background: #eaf5ff; color: #2378b8; }
body.premium-home .home-quick-access button:nth-child(4) .home-quick-icon { background: #fff4de; color: #bc7916; }
body.premium-home .home-quick-access .home-quick-icon i { display: inline-grid; place-items: center; width: auto; height: auto; border: 0; border-radius: 0; background: none; color: inherit; font-size: 20px; }
body.premium-home .home-quick-access .home-quick-label { display: block; max-width: 100%; color: inherit; font-size: 13px; font-weight: 650; line-height: 1.15; white-space: nowrap; }
body.premium-home .home-quick-access .home-quick-hint { display: block; color: inherit; font-size: 10px; font-weight: 500; line-height: 1; opacity: .85; }
body.premium-home .home-quick-access .home-quick-deposit { border-color: #bc1d34; background: linear-gradient(359deg, #7b0c1b, #d42a41); color: #fff; box-shadow: 0 8px 16px #c820362b; }
body.premium-home .home-quick-access .home-quick-deposit:hover { border-color: #b7192e; background: linear-gradient(145deg,#a9192c,#c31e26); box-shadow: 0 10px 20px #c8203633; }
body.premium-home .home-quick-access .home-quick-deposit .home-quick-icon { background: #ffffff2b; color: #fff; }
@media(max-width:359px) {
    body.premium-home .home-quick-access { gap: 6px; }
    body.premium-home .home-quick-access button { min-height: 88px; padding-inline: 2px; }
    body.premium-home .home-quick-access .home-quick-icon { width: 36px; height: 36px; border-radius: 11px; }
    body.premium-home .home-quick-access .home-quick-icon i { font-size: 18px; }
    body.premium-home .home-quick-access .home-quick-label { font-size: 11px; }
}

/* Home: clearer hierarchy, larger controls, and artwork that leaves actions clear. */
body.premium-home:not(.app-page-open) .container { padding-inline: clamp(12px, 2vw, 20px); }
body.premium-home .spotlight-hero { margin: 12px 0 14px; border-radius: 18px; box-shadow: none; }
body.premium-home .spotlight-copy { padding: 24px 0 22px 20px; }
body.premium-home .spotlight-copy h1 { margin-top: 0; font-size: clamp(26px, 5vw, 38px); letter-spacing: -.7px; }
body.premium-home .spotlight-copy p { font-size: 13px; }
body.premium-home .spotlight-actions { gap: 8px; margin-top: 16px; }
body.premium-home .spotlight-actions button { min-height: 44px; padding-inline: 13px; border-radius: 10px; font-size: 12px; }
body.premium-home .account-card { padding: 14px; border-radius: 18px; box-shadow: none; }
body.premium-home .account-card-header { margin-bottom: 10px; }
body.premium-home .account-avatar-pill { width: 42px; height: 42px; border-radius: 13px; }
body.premium-home .account-name { font-size: 16px; }
body.premium-home .account-balance-row { border-radius: 14px; background: #fbfbfc; padding: 15px; }
body.premium-home .balance-meta .bal-amount { font-size: 25px; }
body.premium-home .balance-actions { gap: 8px; }
body.premium-home .btn-bal-action { min-height: 44px; border-radius: 10px; }
body.premium-home .account-shortcuts-grid { gap: 8px; margin-top: 10px; }
body.premium-home .dash-shortcut { min-height: 64px; gap: 5px; }
body.premium-home .dash-shortcut i { width: 38px; height: 38px; border: 0; border-radius: 12px; background: #fff0f2; color: #c31e26; font-size: 17px; }
body.premium-home .dash-shortcut:nth-child(2) i { background: #eaf5ff; color: #2378b8; }
body.premium-home .dash-shortcut:nth-child(3) i { background: #f1f0ff; color: #6155c9; }
body.premium-home .dash-shortcut:nth-child(4) i { background: #fff4de; color: #bc7916; }
body.premium-home .dash-shortcut span { font-size: 11.5px; font-weight: 600; color: #374151; }
body.premium-home .market-list-heading { margin-bottom: 10px; }
body.premium-home .market-list-heading h2 { font-size: 19px; letter-spacing: -.4px; }
body.premium-home .market-summary-pill { background: #f3f5f8; color: #697384; font-size: 11px; }
body.premium-home .market-explorer-toolbar { gap: 8px !important; margin-bottom: 12px !important; }
body.premium-home .market-search-input { height: 44px !important; min-height: 44px !important; border-radius: 11px !important; font-size: 14px !important; }
body.premium-home .market-search-input::placeholder { font-size: 13px; }
body.premium-home .market-refresh { height: 44px !important; min-height: 44px !important; border-radius: 11px !important; font-size: 13px !important; }
body.premium-home .market-card { border-color: #e4e8ed; border-radius: 15px; box-shadow: none; }
body.premium-home .market-name { font-size: 14px; }

/* One consistent five-item navigation on every user page. */
body.premium-home #appBottomNav.mobile-bottom-nav { padding-top: 4px !important; border-top-color: #e8eaee !important; box-shadow: 0 -6px 18px #20263008 !important; }
body.premium-home #appBottomNav .mobile-tab { min-height: 58px; gap: 2px; border-radius: 12px; color: #778191; transition: color .15s ease, background .15s ease; }
body.premium-home #appBottomNav .mobile-tab .nav-icon { width: 44px; height: 34px; border-radius: 12px; transition: background .15s ease, transform .15s ease; }
body.premium-home #appBottomNav .mobile-tab .nav-icon i { font-size: 20px; line-height: 1; }
body.premium-home #appBottomNav .mobile-tab .nav-label { font-size: 11px; font-weight: 550; }
body.premium-home #appBottomNav .mobile-tab.active { color: #c31e26; }
body.premium-home #appBottomNav .mobile-tab.active .nav-icon { background: #fff0f2; transform: translateY(-1px); }
body.premium-home #appBottomNav .mobile-tab.active .nav-label { font-weight: 700; }
body.premium-home #appBottomNav .mobile-tab:active .nav-icon { transform: scale(.94); }
@media(max-width:600px) {
    body.premium-home .spotlight-hero { min-height: 196px; }
    body.premium-home .spotlight-art { opacity: .38; transform: translateX(14px); pointer-events: none; }
    body.premium-home .spotlight-copy { padding-left: 16px; }
    body.premium-home .account-card { padding: 12px; }
}
@media(max-width:359px) {
    body.premium-home .spotlight-hero { display: block; min-height: 186px; }
    body.premium-home .spotlight-art { display: none; }
    body.premium-home .spotlight-copy { padding: 22px 16px; }
    body.premium-home .spotlight-copy h1 { font-size: 26px; }
    body.premium-home .spotlight-actions button { padding-inline: 12px; font-size: 11px; }
    body.premium-home .dash-shortcut span { font-size: 10.5px; }
    body.premium-home #appBottomNav .mobile-tab .nav-icon { width: 40px; }
    body.premium-home #appBottomNav .mobile-tab .nav-label { font-size: 10px; }
}

/* Floating app dock, inspired by the raised center action in the reference. */
body.premium-home #appBottomNav.mobile-bottom-nav {
    inset: auto 8px 0 !important;
    width: calc(100% - 16px) !important;
    height: calc(70px + env(safe-area-inset-bottom)) !important;
    padding: 5px max(4px,calc((100vw - 620px) / 2)) calc(5px + env(safe-area-inset-bottom)) !important;
    border: 1px solid #e9ebf0 !important;
    border-bottom: 0 !important;
    border-radius: 20px 20px 0 0 !important;
    background: #fff !important;
    box-shadow: 0 -8px 28px #26344d13 !important;
    overflow: visible !important;
}
body.premium-home #appBottomNav .mobile-tab { position: relative; color: #465168; }
body.premium-home #appBottomNav .mobile-tab .nav-label { font-size: 10px; font-weight: 650; letter-spacing: .25px; }
body.premium-home #appBottomNav .mobile-tab[data-nav-key="play"] { z-index: 1; }
body.premium-home #appBottomNav .mobile-tab[data-nav-key="play"] .nav-icon {
    position: absolute; top: -18px; left: 50%; width: 56px; height: 56px;
    border: 4px solid #fff; border-radius: 50%; background: linear-gradient(145deg, #9b0419, #ff7600);
    color: #fff; box-shadow: 0 5px 15px #bd203a55; transform: translateX(-50%);
}
body.premium-home #appBottomNav .mobile-tab[data-nav-key="play"] .nav-icon i { font-size: 23px; color: #fff; }
body.premium-home #appBottomNav .mobile-tab[data-nav-key="play"] .nav-label { position: absolute; left: 0; right: 0; bottom: 5px; margin: 0; color: #9f2639; font-weight: 700; }
body.premium-home #appBottomNav .mobile-tab[data-nav-key="play"].active .nav-icon { background: linear-gradient(145deg,#a90f26,#d52c43); box-shadow: 0 5px 18px #bd203a77; transform: translateX(-50%) !important; }
body.premium-home #appBottomNav .mobile-tab[data-nav-key="play"].active .nav-label { color: #c31e26; }
body.premium-home #appBottomNav .mobile-tab[data-nav-key="play"]:active .nav-icon { transform: translateX(-50%) scale(.95) !important; }
@media(max-width:359px) {
    body.premium-home #appBottomNav.mobile-bottom-nav { inset-inline: 5px !important; width: calc(100% - 10px) !important; }
    body.premium-home #appBottomNav .mobile-tab[data-nav-key="play"] .nav-icon { width: 52px; height: 52px; top: -16px; }
    body.premium-home #appBottomNav .mobile-tab[data-nav-key="play"] .nav-icon i { font-size: 21px; }
}

/* Account access is a calm, full-page flow with one clear action per step. */
body.premium-home.auth-page-open { background: #fff !important; }
body.premium-home.auth-page-open .page-topbar { padding-inline: 22px; }
body.premium-home.auth-page-open #pageBack {
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
}
body.premium-home.auth-page-open #pageBack span { display: none !important; }
body.premium-home.auth-page-open #pageBack i { color: #17212f !important; font-size: 16px !important; }
body.premium-home #authModalOverlay.app-page[data-page-current] > .modal-container {
    max-width: 430px !important;
    padding: clamp(12px, 4vh, 36px) 24px 32px !important;
    background: #fff !important;
}
body.premium-home #authModalOverlay .modal-header {
    align-items: flex-start !important;
    text-align: left !important;
    margin: 0 0 27px !important;
}
body.premium-home #authModalOverlay .modal-header > div { align-items: flex-start !important; text-align: left !important; }
body.premium-home #authModalOverlay .auth-brand-logo {
    width: 76px !important;
    height: 76px !important;
    margin: 0 0 25px !important;
    border: 1px solid #f0e7e9 !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 24px #84212a1a !important;
}
body.premium-home #authModalOverlay .modal-title {
    font-size: clamp(27px, 7vw, 32px) !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    letter-spacing: -.9px !important;
    text-align: left !important;
}
body.premium-home #authModalOverlay form {
    padding: 0 !important;
    gap: 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
body.premium-home #authModalOverlay label { font-size: 14px !important; margin-bottom: 8px !important; }
body.premium-home #authModalOverlay .form-input,
body.premium-home #authModalOverlay .form-group > div:has(> input[type="tel"]) {
    min-height: 54px !important;
    border-color: #d9dee7 !important;
    border-radius: 13px !important;
    background: #fff !important;
}
body.premium-home #authModalOverlay .form-group > div:has(> input[type="tel"]) > input { min-height: 54px !important; }
body.premium-home #authModalOverlay .form-group > div:has(> input[type="tel"]) > span { background: #fff !important; color: #273447 !important; }
body.premium-home #authModalOverlay .form-btn:is(.primary, .success) {
    min-height: 55px !important;
    margin-top: 5px !important;
    border-radius: 13px !important;
    background: linear-gradient(110deg, #b71329, #d51e34) !important;
    box-shadow: 0 9px 18px #bc1c2d2e !important;
}
body.premium-home #authModalOverlay .auth-toggle-tabs {
    margin-top: 13px !important;
    padding: 4px !important;
    border: 0 !important;
    box-shadow: none !important;
}
body.premium-home #authModalOverlay .auth-tab-btn { color: #647084 !important; }
body.premium-home #authModalOverlay .auth-tab-btn strong { color: #bc1c2d !important; }
body.premium-home #authModalOverlay #authAlertBox { border-radius: 12px !important; }
body.premium-home #authModalOverlay[data-auth-view="SIGNUP"][data-auth-step="verify"] #signupForm > .form-group:not(#signupOtpStep) { display: none !important; }
body.premium-home #authModalOverlay[data-auth-view="SIGNUP"][data-auth-step="verify"] #signupForm { padding-top: 4px !important; }
@media(max-width:359px) {
    body.premium-home #authModalOverlay.app-page[data-page-current] > .modal-container { padding-inline: 18px !important; }
}

/* Account pages: dark brand welcome area and a compact rounded form surface. */
body.premium-home.auth-page-open {
    background: radial-gradient(circle at 92% 2%, #ff8c9a17 0 82px, transparent 83px), linear-gradient(to bottom, #4f0314 0, #750a1f 155px, #53030e 300px, #fff 300px) !important;
}
body.premium-home.auth-page-open #pageNavigation { background: transparent !important; border: 0 !important; }
body.premium-home.auth-page-open .page-topbar { max-width: 430px; padding-inline: 22px; }
body.premium-home.auth-page-open #pageBack {
    width: 42px !important;
    height: 42px !important;
    border: 1px solid #00000038 !important;
    border-radius: 50% !important;
    background: #ffffff0a !important;
    color: #fff !important;
}
body.premium-home.auth-page-open #pageBack i { color: #fff !important; }
body.premium-home #authModalOverlay.app-page[data-page-current] {
    min-height: calc(100dvh - 58px) !important;
    background: transparent !important;
}
body.premium-home #authModalOverlay.app-page[data-page-current] > .modal-container {
    max-width: 430px !important;
    min-height: calc(100dvh - 58px) !important;
    padding: 18px 18px 0 !important;
    background: transparent !important;
}
body.premium-home #authModalOverlay .modal-header {
    order: 0;
    min-height: 158px;
    margin: 0 !important;
    padding: 0 10px !important;
    align-items: center !important;
    text-align: center !important;
    background: transparent !important;
}
body.premium-home #authModalOverlay .modal-header > div { align-items: center !important; text-align: center !important; }
body.premium-home #authModalOverlay .auth-brand-logo {
    width: 78px !important;
    height: 78px !important;
    margin: 0 auto 15px !important;
    border: 3px solid #fff !important;
    outline: 5px solid #ffffff2c !important;
    border-radius: 50% !important;
    box-shadow: 0 12px 28px #560c2290 !important;
}
body.premium-home #authModalOverlay .modal-title {
    max-width: 290px;
    color: #fff !important;
    font-size: clamp(25px, 6.5vw, 29px) !important;
    line-height: 1.16 !important;
    letter-spacing: -.7px !important;
    text-align: center !important;
}
body.premium-home #authModalOverlay .auth-toggle-tabs {
    order: 1;
    position: relative;
    display: flex !important;
    width: 100%;
    margin: 0 !important;
    padding: 22px 22px 6px !important;
    border: 0 !important;
    border-radius: 25px 25px 0 0 !important;
    background: #fff !important;
    box-shadow: 0 -8px 24px #0c172522 !important;
}
body.premium-home #authModalOverlay .auth-toggle-tabs::before {
    content: '';
    position: absolute;
    inset: 18px 22px 4px;
    border-radius: 12px;
    background: #edf0f5;
}
body.premium-home #authModalOverlay .auth-toggle-tabs[hidden],
body.premium-home #authModalOverlay[data-auth-step="verify"] .auth-toggle-tabs { display: none !important; }
body.premium-home #authModalOverlay .auth-tab-btn,
body.premium-home #authModalOverlay .auth-tab-btn.active {
    position: relative;
    z-index: 1;
    display: flex !important;
    flex: 1 1 0 !important;
    align-items: center;
    justify-content: center;
    min-height: 42px !important;
    border-radius: 10px !important;
    color: #607085 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
body.premium-home #authModalOverlay .auth-tab-btn.active {
    background: #fff !important;
    color: #17243a !important;
    box-shadow: 0 2px 7px #1421381a !important;
}
body.premium-home #authModalOverlay #authAlertBox { order: 2; margin: 0 !important; border-radius: 0 !important; }
body.premium-home #authModalOverlay form {
    order: 3;
    min-height: calc(100dvh - 304px);
    padding: 15px 22px 29px !important;
    gap: 17px !important;
    border-radius: 0 0 25px 25px !important;
    background: #fff !important;
    box-shadow: 0 13px 26px #17243a12 !important;
    box-sizing: border-box;
}
body.premium-home #authModalOverlay[data-auth-view="FORGOT"] form,
body.premium-home #authModalOverlay[data-auth-view="RESET"] form,
body.premium-home #authModalOverlay[data-auth-step="verify"] #signupForm { border-radius: 25px !important; padding-top: 24px !important; }
body.premium-home #authModalOverlay label { color: #27364b !important; font-size: 13px !important; }
body.premium-home #authModalOverlay .form-input,
body.premium-home #authModalOverlay .form-group > div:has(> input[type="tel"]) {
    min-height: 51px !important;
    border: 1px solid #e1e6ee !important;
    border-radius: 13px !important;
    box-shadow: 0 2px 6px #17243a06 !important;
}
body.premium-home #authModalOverlay .form-group > div:has(> input[type="tel"]) > input { min-height: 51px !important; }
body.premium-home #authModalOverlay .form-group > div:has(> input[type="tel"]):focus-within { border-color: #bd2035 !important; box-shadow: 0 0 0 3px #bd20351f !important; }
body.premium-home #authModalOverlay .form-btn:is(.primary, .success) {
    min-height: 52px !important;
    margin-top: 3px !important;
    border-radius: 12px !important;
    background: linear-gradient(
329deg, #510510, #9d0404, #49020b) !important;
    box-shadow: 0 8px 16px #bd203532 !important;
}
@media(max-width:359px) {
    body.premium-home #authModalOverlay.app-page[data-page-current] > .modal-container { padding-inline: 12px !important; }
    body.premium-home #authModalOverlay .auth-toggle-tabs { padding-inline: 17px !important; }
    body.premium-home #authModalOverlay .auth-toggle-tabs::before { inset-inline: 17px; }
    body.premium-home #authModalOverlay form { padding-inline: 17px !important; }
}

/* Withdrawal: clear balance, confident method selection, and legible review. */
body.premium-home #withdrawFundModalOverlay.app-page[data-page-current] { background: #f7f8fa !important; }
body.premium-home #withdrawFundModalOverlay.app-page[data-page-current] > .finance-sheet {
    max-width: 520px !important;
    padding: 22px 20px 26px !important;
    background: #f7f8fa !important;
}
body.premium-home #withdrawFundModalOverlay .payment-progress {
    gap: 7px !important;
    margin-bottom: 20px !important;
}
body.premium-home #withdrawFundModalOverlay .payment-progress li {
    min-width: 0;
    border-top-width: 3px !important;
    padding-top: 8px !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    color: #8490a2 !important;
    white-space: nowrap;
}
body.premium-home #withdrawFundModalOverlay .payment-progress li[aria-current="step"] { color: #bc2035 !important; font-weight: 800 !important; }
body.premium-home #withdrawFundModalOverlay .payment-progress li.complete { color: #128869 !important; }
body.premium-home #withdrawFundModalOverlay .dep-wallet-bar {
    position: relative;
    overflow: hidden;
    min-height: 90px;
    margin-bottom: 22px;
    padding: 18px 20px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: linear-gradient(115deg, #18263d, #2d3a53) !important;
    box-shadow: 0 10px 23px #17243a1b !important;
}
body.premium-home #withdrawFundModalOverlay .dep-wallet-bar::after {
    content: '';
    position: absolute;
    right: -26px;
    top: -48px;
    width: 138px;
    height: 138px;
    border: 1px solid #ffffff1b;
    border-radius: 50%;
    box-shadow: 0 0 0 28px #ffffff08;
    pointer-events: none;
}
body.premium-home #withdrawFundModalOverlay .dep-wallet-meta { color: #c7d1df !important; font-size: 13px !important; font-weight: 600; }
body.premium-home #withdrawFundModalOverlay .dep-wallet-meta i { color: #ff8b9a; }
body.premium-home #withdrawFundModalOverlay .dep-wallet-bar strong { position: relative; z-index: 1; color: #fff !important; font-size: 23px !important; font-weight: 800 !important; letter-spacing: -.5px; }
body.premium-home #withdrawFundModalOverlay .dep-eyebrow-label { margin-bottom: 9px !important; font-size: 14px !important; font-weight: 750 !important; }
body.premium-home #withdrawFundModalOverlay .withdraw-amount-wrap {
    min-height: 66px !important;
    border: 1.5px solid #dce2ea !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 2px 6px #17243a08 !important;
}
body.premium-home #withdrawFundModalOverlay .withdraw-currency-prefix { font-size: 27px !important; color: #26354b !important; }
body.premium-home #withdrawFundModalOverlay #withdrawAmountInput { color: #16243a !important; font-size: 30px !important; font-weight: 750 !important; }
body.premium-home #withdrawFundModalOverlay .dep-limits-subrow { margin-top: 10px !important; font-size: 12px !important; line-height: 1.45 !important; }
body.premium-home #withdrawFundModalOverlay .dep-chips-grid { gap: 9px !important; margin: 17px 0 17px !important; }
body.premium-home #withdrawFundModalOverlay .dep-chip-btn {
    min-height: 44px !important;
    padding-inline: 5px !important;
    border-radius: 11px !important;
    color: #314059 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}
body.premium-home #withdrawFundModalOverlay .dep-chip-btn.active { background: #fff0f2 !important; color: #bb2035 !important; box-shadow: inset 0 0 0 1px #bb2035 !important; }
body.premium-home #withdrawFundModalOverlay :is(.finance-primary,.btn-finance-outline) { min-height: 52px !important; border-radius: 13px !important; font-size: 14px !important; }
body.premium-home #withdrawFundModalOverlay .finance-primary:not(:disabled) { background: #c31e26 !important; border-color: #c31e26 !important; box-shadow: 0 7px 14px #c8203624 !important; }
body.premium-home #withdrawFundModalOverlay .finance-primary:disabled { background: #e3e7ed !important; border-color: #e3e7ed !important; color: #7b8799 !important; opacity: 1 !important; box-shadow: none !important; }
body.premium-home #withdrawFundModalOverlay .withdraw-method-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; margin: 0 0 20px !important; }
body.premium-home #withdrawFundModalOverlay .withdraw-method-card {
    position: relative;
    min-width: 0;
    min-height: 112px;
    flex-direction: column !important;
    align-items: flex-start;
    justify-content: center;
    gap: 9px;
    padding: 14px !important;
    border: 1.5px solid #e0e5ec !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 2px 7px #17243a07 !important;
}
body.premium-home #withdrawFundModalOverlay .withdraw-method-card.active { border-color: #c31e26 !important; background: #fff7f8 !important; box-shadow: inset 0 0 0 1px #c31e26,0 4px 11px #c8203611 !important; }
body.premium-home #withdrawFundModalOverlay .withdraw-method-card.active::after { content: '\2713'; position: absolute; top: 12px; right: 13px; display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: #c31e26; color: #fff; font-size: 11px; font-weight: 800; }
body.premium-home #withdrawFundModalOverlay .withdraw-method-icon { width: 35px; height: 35px; border-radius: 10px; }
body.premium-home #withdrawFundModalOverlay .withdraw-method-info { gap: 3px; }
body.premium-home #withdrawFundModalOverlay .withdraw-method-info strong { font-size: 13px; font-weight: 750; }
body.premium-home #withdrawFundModalOverlay .withdraw-method-info span { font-size: 11px; line-height: 1.25; }
body.premium-home #withdrawFundModalOverlay #withdrawDestinationForm label { color: #24334b; font-size: 13px; font-weight: 700; letter-spacing: 0; text-transform: none; }
body.premium-home #withdrawFundModalOverlay #withdrawDestinationForm input { min-height: 50px; border: 1.5px solid #dce2ea; border-radius: 12px; background: #fff; font-size: 14px; }
body.premium-home #withdrawFundModalOverlay #withdrawDestinationForm input:focus { border-color: #c31e26; box-shadow: 0 0 0 3px #c820361c; }
body.premium-home #withdrawFundModalOverlay .dep-form-note,
body.premium-home #withdrawFundModalOverlay .dep-reserve-notice { border: 1px solid #dfe5ed; border-radius: 12px; background: #fff; color: #4d5c70; font-size: 12px; line-height: 1.45; }
body.premium-home #withdrawFundModalOverlay .dep-form-note { display: flex; align-items: flex-start; gap: 8px; padding: 10px 12px; }
body.premium-home #withdrawFundModalOverlay .dep-form-note i { margin-top: 2px; flex: none; color: #60758e; }
body.premium-home #withdrawFundModalOverlay .finance-actions { gap: 10px; margin-top: 17px; }
body.premium-home #withdrawFundModalOverlay .finance-actions .btn-finance-outline { flex: .8; }
body.premium-home #withdrawFundModalOverlay .finance-actions .finance-primary { flex: 1.2; }
body.premium-home #withdrawFundModalOverlay .finance-summary { padding: 4px 17px; margin: 0 0 12px; border: 1px solid #e0e5ed; border-radius: 17px; background: #fff; box-shadow: 0 3px 9px #17243a08; }
body.premium-home #withdrawFundModalOverlay .finance-summary > div { min-height: 46px; padding: 9px 0; border-bottom-color: #edf0f4; font-size: 13px; }
body.premium-home #withdrawFundModalOverlay .finance-summary dt { color: #778398; font-weight: 600; }
body.premium-home #withdrawFundModalOverlay .finance-summary dd { color: #1c2d45; font-weight: 700; }
body.premium-home #withdrawFundModalOverlay .finance-summary > div:has(dd strong) { margin: 0 -17px -4px; padding: 12px 17px; border: 0; border-radius: 0 0 16px 16px; background: #f2faf6; }
body.premium-home #withdrawFundModalOverlay .finance-summary dd strong { color: #07845f; font-size: 20px; font-weight: 800; }
body.premium-home #withdrawFundModalOverlay :is(button,input):focus-visible { outline: 3px solid #c31e26; outline-offset: 2px; }
@media(max-width:359px) {
    body.premium-home #withdrawFundModalOverlay.app-page[data-page-current] > .finance-sheet { padding-inline: 15px !important; }
    body.premium-home #withdrawFundModalOverlay .withdraw-method-grid { grid-template-columns: 1fr !important; }
    body.premium-home #withdrawFundModalOverlay .withdraw-method-card { min-height: 68px; flex-direction: row !important; align-items: center; }
}

/* Deposit amount stays compact on short phones, with the action in reach. */
body.premium-home #addFundModalOverlay #depositStep1 .dep-clean-header { min-height: 67px !important; padding: 12px 0 7px !important; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-header-icon-box { width: 40px; height: 40px; background: #fff0f2; color: #c82036; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-wallet-bar { min-height: 32px; margin-bottom: 4px; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-hero-amount-section {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    padding: 12px 0 10px !important;
}
body.premium-home #addFundModalOverlay #depositStep1 .dep-eyebrow-label { color: #798397; font-size: 11px; letter-spacing: 1.7px; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-amount-hero-card { margin: 3px auto 2px; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-hidden-amount-input { height: 52px !important; min-height: 52px !important; font-size: 39px !important; font-weight: 750 !important; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-currency-symbol { font-size: 26px; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-limits-subrow { min-height: 18px; font-size: 11px; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-chips-grid { margin: auto 0 10px !important; gap: 8px !important; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-chip-btn { min-height: 42px !important; padding: 8px 2px !important; font-size: 12px !important; font-weight: 700 !important; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-chip-btn.active { background: #fff0f2 !important; color: #b91d34 !important; border-color: #d92a43 !important; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-touch-keypad { margin: 0 !important; gap: 4px 8px !important; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-key { height: 48px !important; min-height: 48px !important; font-size: 22px !important; line-height: 1; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-key:active { background: #fff0f2; border-radius: 11px; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-clean-header { border: 0 !important; outline: 0 !important; box-shadow: none !important; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-amount-hero-card { border: 0 !important; outline: 0 !important; box-shadow: none !important; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-hidden-amount-input:is(:focus,:focus-visible) { border: 0 !important; outline: 0 !important; box-shadow: none !important; }
body.premium-home #addFundModalOverlay #depositStep1 .dep-amount-hero-card:has(.dep-hidden-amount-input:focus-visible)::after { content: ''; position: absolute; bottom: 0; left: 50%; width: min(132px, 58%); height: 2px; border-radius: 999px; background: #c82036; transform: translateX(-50%); pointer-events: none; }
body.premium-home #addFundModalOverlay #depositStep1 #depStep1ContinueBtn {
    position: sticky;
    bottom: calc(76px + env(safe-area-inset-bottom));
    z-index: 5;
    min-height: 52px;
    margin: 10px 0 8px !important;
    background: #c82036 !important;
    box-shadow: 0 8px 16px #c8203628 !important;
}
body.premium-home #addFundModalOverlay #depositStep1 #depStep1ContinueBtn:disabled { background: #e8ebf0 !important; box-shadow: none !important; }
@media(max-height:650px) {
    body.premium-home #addFundModalOverlay #depositStep1 .dep-clean-header { min-height: 58px !important; padding: 7px 0 4px !important; }
    body.premium-home #addFundModalOverlay #depositStep1 .dep-hero-amount-section { padding: 6px 0 5px !important; }
    body.premium-home #addFundModalOverlay #depositStep1 .dep-hidden-amount-input { height: 44px !important; min-height: 44px !important; font-size: 34px !important; }
    body.premium-home #addFundModalOverlay #depositStep1 .dep-chips-grid { margin-bottom: 4px !important; }
    body.premium-home #addFundModalOverlay #depositStep1 .dep-chip-btn { min-height: 38px !important; padding-block: 5px !important; }
    body.premium-home #addFundModalOverlay #depositStep1 .dep-touch-keypad { row-gap: 0 !important; }
    body.premium-home #addFundModalOverlay #depositStep1 .dep-key { height: 44px !important; min-height: 44px !important; }
    body.premium-home #addFundModalOverlay #depositStep1 #depStep1ContinueBtn { margin-top: 5px !important; }
}

/* Payment handoff: consistent merchant identity and restrained gateway accents. */
body.premium-home #addFundModalOverlay #depositStep2.active { background: #f8f8f9 !important; }
body.premium-home #addFundModalOverlay:has(#depositStep2.active),
body.premium-home #addFundModalOverlay:has(#depositStep2.active) > .modal-container { background: #f8f8f9 !important; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-gateway-topbar { padding: 15px 0 17px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-gateway-logo { border-radius: 50%; border: 1px solid #eadce0; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-brand-carlo,
body.premium-home #addFundModalOverlay #depositStep2 .dep-brand-567 { color: #172238; font-weight: 800; font-style: normal; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-brand-pill { background: #fff0f2; color: #b91d34; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-pay-summary-card { border: 1px solid #e7e9ed; border-top: 3px solid #c82036; border-radius: 18px; box-shadow: 0 7px 22px #18243a0a; padding: 18px; margin-bottom: 17px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-summary-val { font-size: 30px; font-weight: 800; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-summary-val .dep-val-cur,
body.premium-home #addFundModalOverlay #depositStep2 .dep-summary-timer { color: #bb2035; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-summary-footer { color: #6f7a89; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-upi-grid-modern { gap: 9px; margin-bottom: 11px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-upi-modern-card { min-height: 72px; border: 1px solid #e4e7ec; border-radius: 15px; box-shadow: 0 3px 11px #18243a08; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-upi-modern-card:focus-visible,
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-accordion-trigger:focus-visible { outline: 3px solid #c82036; outline-offset: 2px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-accordion { border-color: #e4e7ec; border-radius: 15px; box-shadow: 0 3px 11px #18243a08; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-accordion-trigger { min-height: 70px; padding: 12px 14px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-acc-headline { font-weight: 750; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-acc-icon { background: #fff0f2; }
body.premium-home #addFundModalOverlay #depositStep2 #depProceedToVerifyBtn { min-height: 52px; background: #c82036 !important; box-shadow: 0 7px 15px #c8203622 !important; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-gateway-bottom-row { margin-top: 13px; padding-bottom: 5px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-secure-badge { font-size: 10.5px; letter-spacing: .8px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-summary-label { color: #728096; font-size: 10.5px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-summary-footer { font-size: 11px; line-height: 1.4; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-summary-footer code { font-size: 11px; font-weight: 750; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-timer-dot { display: none; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-acc-icon svg rect { fill: #c82036; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-upi-modern-card:hover,
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-accordion-trigger:not(.dep-qr-static-header):hover { border-color: #eac5cd; background: #fffafb; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-footer-note { color: #6f7d91; font-size: 11.5px; line-height: 1.4; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-footer-cancel-link { color: #5c6b80; font-size: 12px; }

/* Verification reads as the final payment step. */
body.premium-home #addFundModalOverlay #depositStep3.active { background: #f8f9fb !important; min-height: calc(100dvh - 70px - env(safe-area-inset-bottom)); }
body.premium-home #addFundModalOverlay:has(#depositStep3.active),
body.premium-home #addFundModalOverlay:has(#depositStep3.active) > .modal-container { background: #f8f9fb !important; }
body.premium-home #addFundModalOverlay #depositStep3 .dep-verify-header { justify-content: flex-start !important; gap: 12px; padding: 15px 0 18px !important; margin-bottom: 0; border: 0 !important; background: transparent !important; }
body.premium-home #addFundModalOverlay #depositStep3 .dep-verify-header > div { text-align: left !important; }
body.premium-home #addFundModalOverlay #depositStep3 .dep-nav-back-btn { flex: 0 0 42px; width: 42px; height: 42px; padding: 0; justify-content: center; border-radius: 12px; }
body.premium-home #addFundModalOverlay #depositStep3 .dep-step-body { padding: 0 0 20px !important; }
body.premium-home #addFundModalOverlay #depositStep3 .dep-verification-amount { min-height: 67px; padding: 12px 16px !important; border: 1px solid #e4e8ee; border-radius: 14px !important; background: #fff !important; box-shadow: 0 3px 10px #18243a08; }
body.premium-home #addFundModalOverlay #depositStep3 .dep-verification-amount strong { color: #158260 !important; font-size: 20px !important; }
body.premium-home #addFundModalOverlay #depositStep3 .form-group label { color: #243248 !important; font-size: 13px !important; }
body.premium-home #addFundModalOverlay #depositStep3 .dep-utr-input { min-height: 52px; border: 1.5px solid #dce2ea !important; border-radius: 12px !important; font-family: inherit !important; font-size: 16px !important; font-weight: 650 !important; letter-spacing: .8px !important; background: #fff; }
body.premium-home #addFundModalOverlay #depositStep3 .dep-utr-input:focus { border-color: #c82036 !important; box-shadow: 0 0 0 3px #c820361d !important; }
body.premium-home #addFundModalOverlay #depositStep3 .dep-screenshot-dropzone { min-height: 94px; padding: 15px; border-radius: 14px; border-color: #cbd5e1; background: #fff; }
body.premium-home #addFundModalOverlay #depositStep3 .dep-screenshot-dropzone i { color: #bd2035 !important; }
body.premium-home #addFundModalOverlay #depositStep3 .dep-verification-note { padding: 11px 12px !important; border: 1px solid #eedbc0 !important; border-radius: 12px !important; background: #fffaf3 !important; color: #815c28 !important; font-size: 12px !important; }
body.premium-home #addFundModalOverlay #depositStep3 #depSubmitVerificationBtn { min-height: 52px; background: #c82036 !important; box-shadow: 0 7px 15px #c8203622 !important; }

/* The five shared destinations stay the same, with calmer SaaS-style chrome. */
body.premium-home #appBottomNav.mobile-bottom-nav {
    inset: auto 0 0 !important;
    width: 100% !important;
    height: calc(68px + env(safe-area-inset-bottom)) !important;
    border: 1px solid #e4e8ee !important;
    border-bottom: 0 !important;
    border-radius: 18px 18px 0 0 !important;
    box-shadow: 0 -4px 20px #15233b12 !important;
}
body.premium-home #appBottomNav .mobile-tab { color: #657188; min-height: 56px; }
body.premium-home #appBottomNav .mobile-tab .nav-icon { width: 40px; height: 32px; border-radius: 11px; }
body.premium-home #appBottomNav .mobile-tab .nav-icon i { font-size: 19px; }
body.premium-home #appBottomNav .mobile-tab .nav-label { font-size: 10px; font-weight: 650; letter-spacing: 0; }
body.premium-home #appBottomNav .mobile-tab.active { color: #bb2035; }
body.premium-home #appBottomNav .mobile-tab.active .nav-icon { background: #fff0f2; }
body.premium-home #appBottomNav .mobile-tab[data-nav-key="play"] .nav-icon { top: -13px; width: 52px; height: 52px; background: linear-gradient(203deg, #bd011e, #ffd400); box-shadow: 0 5px 13px #ac1d3452; }
body.premium-home #appBottomNav .mobile-tab[data-nav-key="play"].active .nav-icon { background: linear-gradient(145deg,#9c1127,#c82036); box-shadow: 0 5px 13px #ac1d3466; }
body.premium-home #appBottomNav .mobile-tab[data-nav-key="play"] .nav-label { color: #a91c31; }

/* Bids: compact filters, scannable cards, and a purposeful empty state. */
body.premium-home #allBidsModalOverlay.app-page[data-page-current] > .modal-container { max-width: 620px !important; padding-top: 18px !important; }
body.premium-home #allBidsModalOverlay .modal-header { display: none !important; }
body.premium-home #allBidsModalOverlay .bids-history-toolbar { display: grid !important; gap: 12px !important; margin: 0 0 16px !important; }
body.premium-home #allBidsModalOverlay .bids-status-pills { flex-wrap: nowrap !important; overflow-x: auto; gap: 7px !important; padding: 0 0 3px; scrollbar-width: none; }
body.premium-home #allBidsModalOverlay .bids-status-pills::-webkit-scrollbar { display: none; }
body.premium-home #allBidsModalOverlay .bid-filter-chip { flex: 0 0 auto; min-height: 39px; padding: 8px 15px; border: 1px solid #e0e5ec; border-radius: 999px; background: #fff; color: #5d6a7d; font-size: 12px; font-weight: 700; white-space: nowrap; }
body.premium-home #allBidsModalOverlay .bid-filter-chip.active { border-color: #c82036; background: #c82036; color: #fff; }
body.premium-home #allBidsModalOverlay .bids-history-toolbar > div:last-child { display: flex; width: 100%; gap: 8px; }
body.premium-home #allBidsModalOverlay #bidsMarketFilterSelect { flex: 1; min-width: 0; min-height: 42px; padding: 8px 12px !important; border: 1px solid #dce2ea !important; border-radius: 11px !important; background: #fff; color: #243248 !important; font-size: 13px !important; }
body.premium-home #allBidsModalOverlay .refresh-bids-btn { flex: 0 0 42px; min-width: 42px; min-height: 42px; padding: 0 !important; border: 1px solid #dce2ea !important; border-radius: 11px !important; background: #fff !important; color: #44536a !important; }
body.premium-home #allBidsModalOverlay #allUserBidsListContainer { margin-top: 0 !important; max-height: none !important; overflow: visible !important; }
body.premium-home #allBidsModalOverlay .bids-empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 220px; padding: 28px 20px; border: 1px solid #e4e8ee; border-radius: 17px; background: #fff; text-align: center; }
body.premium-home #allBidsModalOverlay .bids-empty-icon { display: grid; place-items: center; width: 55px; height: 55px; margin-bottom: 14px; border-radius: 16px; background: #fff0f2; color: #c82036; font-size: 22px; }
body.premium-home #allBidsModalOverlay .bids-empty-state strong { color: #1a2a40; font-size: 16px; }
body.premium-home #allBidsModalOverlay .bids-empty-state p { margin: 5px 0 0; color: #7b8798; font-size: 12px; }
body.premium-home #allBidsModalOverlay .user-bid-card { display: grid; gap: 10px; margin-bottom: 10px; padding: 15px; border: 1px solid #e2e7ee; border-radius: 15px; background: #fff; box-shadow: 0 3px 10px #18243a07; }
body.premium-home #allBidsModalOverlay .user-bid-head,
body.premium-home #allBidsModalOverlay .user-bid-foot { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
body.premium-home #allBidsModalOverlay .user-bid-market { display: flex; align-items: center; min-width: 0; gap: 7px; }
body.premium-home #allBidsModalOverlay .user-bid-market strong { overflow: hidden; color: #152238; font-size: 14px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
body.premium-home #allBidsModalOverlay .user-bid-market > span { flex: none; padding: 3px 6px; border-radius: 5px; background: #f0f3f7; color: #60718a; font-size: 10px; font-weight: 750; }
body.premium-home #allBidsModalOverlay .user-bid-status { flex: none; padding: 5px 9px; border-radius: 999px; font-size: 10px; font-weight: 800; letter-spacing: .2px; }
body.premium-home #allBidsModalOverlay .user-bid-game { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #283951; font-size: 13px; font-weight: 700; }
body.premium-home #allBidsModalOverlay .user-bid-game > span { flex: none; color: #6b798c; font-size: 11px; font-weight: 600; }
body.premium-home #allBidsModalOverlay .user-bid-game strong { display: inline-block; min-width: 24px; padding: 3px 6px; border-radius: 6px; background: #f0f3f7; color: #152238; text-align: center; font-size: 12px; }
body.premium-home #allBidsModalOverlay .user-bid-foot { padding-top: 10px; border-top: 1px solid #f0f2f5; color: #6b798c; font-size: 12px; }
body.premium-home #allBidsModalOverlay .user-bid-foot strong { color: #152238; font-size: 13px; }
body.premium-home #allBidsModalOverlay .user-bid-payout { color: #07845f; font-weight: 800; }
body.premium-home #allBidsModalOverlay .user-bid-date { margin-top: -5px; color: #8490a0; font-size: 11px; }
body.premium-home #allBidsModalOverlay :is(button,select):focus-visible { outline: 3px solid #c82036; outline-offset: 2px; }
@media(max-width:359px) {
    body.premium-home #allBidsModalOverlay .bid-filter-chip { padding-inline: 12px; }
    body.premium-home #allBidsModalOverlay .user-bid-card { padding: 12px; }
}

/* Remaining account and discovery pages share the same full-page rhythm. */
body.premium-home :is(#addBankDetailsModalOverlay,#chartsModalOverlay,#gameRatesModalOverlay,#termsModalOverlay,#notificationsModalOverlay,#bonusModalOverlay,#chartTypeModalOverlay,#depositWithdrawHistoryModalOverlay).app-page[data-page-current] > .modal-container { max-width: 640px !important; padding-top: 18px !important; padding-bottom: calc(100px + env(safe-area-inset-bottom)) !important; text-align: left !important; }
body.premium-home :is(#addBankDetailsModalOverlay,#chartsModalOverlay,#gameRatesModalOverlay,#termsModalOverlay,#notificationsModalOverlay,#bonusModalOverlay,#chartTypeModalOverlay,#depositWithdrawHistoryModalOverlay) .modal-header { display: none !important; }
body.premium-home :is(#addBankDetailsModalOverlay,#chartsModalOverlay,#gameRatesModalOverlay,#termsModalOverlay,#notificationsModalOverlay,#bonusModalOverlay,#chartTypeModalOverlay,#depositWithdrawHistoryModalOverlay) :is(button,input,select):focus-visible { outline: 3px solid #c82036; outline-offset: 2px; }

/* Bank details: consistent labels, fields, and an unobstructed save action. */
body.premium-home #addBankDetailsModalOverlay form { display: grid !important; gap: 0 !important; }
body.premium-home #addBankDetailsModalOverlay .ui-field-label { margin: 14px 0 6px; color: #26354b; font-size: 13px; font-weight: 700; }
body.premium-home #addBankDetailsModalOverlay .ui-field-label:first-child { margin-top: 0; }
body.premium-home #addBankDetailsModalOverlay .form-input { width: 100%; min-height: 50px; padding: 12px 14px; border: 1.5px solid #dce2ea; border-radius: 12px; background: #fff; color: #19283e; font-size: 15px; }
body.premium-home #addBankDetailsModalOverlay .form-input:focus { border-color: #c82036; box-shadow: 0 0 0 3px #c8203618; }
body.premium-home #addBankDetailsModalOverlay .ui-field-help { margin: 13px 0 0; color: #738095; font-size: 12px; line-height: 1.5; }
body.premium-home #addBankDetailsModalOverlay form > .form-btn { min-height: 52px; margin-top: 20px !important; background: #c82036 !important; font-size: 14px; font-weight: 750 !important; }
body.premium-home #bankDetailsPreviewCard { border-color: #e2e7ee !important; border-radius: 14px !important; background: #fff !important; }

/* Chart directory and selectors. */
body.premium-home #chartsModalOverlay #chartDirectorySearch { width: 100%; min-height: 50px; margin-bottom: 13px; padding: 12px 15px; border: 1.5px solid #dce2ea; border-radius: 12px; background: #fff; color: #19283e; font-size: 14px; }
body.premium-home #chartsModalOverlay #pannaChartsListContainer { max-height: none !important; overflow: visible !important; gap: 9px !important; }
body.premium-home #chartsModalOverlay .chart-directory-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 64px; padding: 10px 13px; border: 1px solid #e2e7ee; border-radius: 14px; background: #fff; box-shadow: 0 2px 8px #18243a05; }
body.premium-home #chartsModalOverlay .chart-directory-row > strong { min-width: 0; overflow: hidden; color: #19283e; font-size: 14px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
body.premium-home #chartsModalOverlay .chart-directory-actions { display: flex; flex: none; gap: 6px; }
body.premium-home #chartsModalOverlay .chart-directory-actions button { min-width: 51px; min-height: 44px; padding: 8px 10px; border: 1px solid #f2ccd2; border-radius: 10px; background: #fff6f7; color: #ad1e33; font-size: 12px; font-weight: 750; }
body.premium-home #chartsModalOverlay .chart-directory-actions button:disabled { opacity: .45; }
body.premium-home #chartTypeModalOverlay #chartTypeModalMarketName { margin: 6px 0 19px !important; color: #19283e !important; font-size: 18px !important; }
body.premium-home #chartTypeModalOverlay #chartTypeModalBtns { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px !important; }
body.premium-home #chartTypeModalOverlay #chartTypeModalBtns button { min-height: 58px; padding: 10px !important; border-radius: 13px !important; font-size: 13px !important; }

/* Rates and policy details are readable without oversized headings. */
body.premium-home #gameRatesModalOverlay .game-rates-modern-grid { display: grid; gap: 9px; }
body.premium-home #gameRatesModalOverlay .game-rate-card { min-height: 62px; padding: 10px 13px; border: 1px solid #e2e7ee; border-radius: 14px; background: #fff; }
body.premium-home #gameRatesModalOverlay .game-rate-info { min-width: 0; gap: 10px; }
body.premium-home #gameRatesModalOverlay .game-rate-icon { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 10px; background: #fff0f2; color: #c82036; font-size: 15px; }
body.premium-home #gameRatesModalOverlay .game-rate-name { color: #19283e; font-size: 14px; font-weight: 700; }
body.premium-home #gameRatesModalOverlay .game-rate-pill { flex: none; padding: 6px 9px; border: 1px solid #d9ece2; border-radius: 999px; background: #f1faf5; color: #116b50; font-size: 11px; font-weight: 800; font-variant-numeric: tabular-nums; }
body.premium-home #termsModalOverlay #userNoticeText { margin: 0 0 15px !important; padding: 15px !important; border: 1px solid #d9e8df; border-radius: 14px !important; background: #f2faf5 !important; color: #155c46 !important; font-size: 13px !important; line-height: 1.5; }
body.premium-home #termsModalOverlay #userTermsBulletsContainer { display: grid; gap: 9px; margin: 0; padding: 0 !important; list-style: none; }
body.premium-home #termsModalOverlay :is(#userTermsBulletsContainer > li,.terms-bullet) { display: block; padding: 13px 14px; border: 1px solid #e2e7ee; border-radius: 12px; background: #fff; color: #344258; font-size: 13px; line-height: 1.5; }

/* Result notifications and rewards. */
body.premium-home #notificationsModalOverlay #announcementsModalBody { max-height: none !important; margin-top: 0 !important; overflow: visible !important; gap: 12px !important; color: #536176; font-size: 14px; }
body.premium-home #notificationsModalOverlay :is(.notification-settings,.result-notification,.ui-announcement) { border: 1px solid #e2e7ee; border-radius: 15px; background: #fff; box-shadow: 0 2px 8px #18243a05; }
body.premium-home #notificationsModalOverlay .notification-settings > strong { color: #19283e; font-size: 16px; }
body.premium-home #notificationsModalOverlay .notification-settings .form-btn { min-height: 46px; background: #c82036 !important; font-size: 13px; }
body.premium-home #notificationsModalOverlay .btn-test-alert { min-height: 44px; border-radius: 11px; }
body.premium-home #notificationsModalOverlay .result-notification-list { gap: 10px; }
body.premium-home #notificationsModalOverlay .notification-result { color: #bd2035; }
body.premium-home #notificationsModalOverlay .notifications-error-state { display: flex; flex-direction: column; align-items: center; padding: 32px 20px; border: 1px solid #e2e7ee; border-radius: 16px; background: #fff; text-align: center; }
body.premium-home #notificationsModalOverlay .notifications-error-icon { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 13px; border-radius: 15px; background: #fff0f2; color: #c82036; font-size: 21px; }
body.premium-home #notificationsModalOverlay .notifications-error-state strong { color: #19283e; font-size: 16px; }
body.premium-home #notificationsModalOverlay .notifications-error-state p { margin: 5px 0 17px; color: #718096; font-size: 13px; line-height: 1.45; }
body.premium-home #notificationsModalOverlay .notifications-error-state .form-btn { width: auto; min-height: 44px; padding: 9px 22px; border: 1px solid #e7c4cb; background: #fff6f7 !important; color: #ad1e33 !important; font-size: 13px; }
body.premium-home #bonusModalOverlay .modal-container > div:last-child { margin-top: 2px; padding: 24px 18px !important; border: 1px solid #e2e7ee; border-radius: 17px; background: #fff; text-align: center; box-shadow: 0 3px 10px #18243a07; }
body.premium-home #bonusModalOverlay .modal-container > div:last-child > i { color: #c82036 !important; }
body.premium-home #bonusModalOverlay #bonusReferralCodeDisplay { margin-top: 19px; border-color: #edc1ca !important; border-radius: 13px !important; background: #fff6f7 !important; color: #a91b30 !important; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }

/* Wallet list stays scrollable without a permanent scrollbar or empty pagination. */
body.premium-home #walletModalOverlay .modal-header { display: none !important; }
body.premium-home #walletModalOverlay .finance-filters { scrollbar-width: none !important; }
body.premium-home #walletModalOverlay .finance-filters::-webkit-scrollbar { display: none; }
body.premium-home #walletModalOverlay .finance-empty { display: grid; place-items: center; min-height: 128px; padding: 20px; border: 1px solid #e2e7ee; border-radius: 15px; background: #fff; color: #758397; text-align: center; font-size: 13px; }
body.premium-home #walletModalOverlay .finance-actions:has(#walletPrev:disabled):has(#walletNext:disabled) { display: none; }
body.premium-home #walletModalOverlay .finance-transaction { padding: 15px; margin-bottom: 10px; border: 1px solid #e2e7ee; border-radius: 15px; background: #fff; box-shadow: 0 2px 8px #18243a05; }
body.premium-home #addFundModalOverlay #depositStep3 .dep-screenshot-dropzone:focus-visible { outline: 3px solid #c82036; outline-offset: 3px; }

@media(max-width:359px) {
    body.premium-home #chartsModalOverlay .chart-directory-row { padding-inline: 10px; }
    body.premium-home #chartsModalOverlay .chart-directory-actions button { min-width: 46px; padding-inline: 7px; }
    body.premium-home #gameRatesModalOverlay .game-rate-card { padding-inline: 10px; }
}

/* Shared success, warning, and error feedback across full-page flows. */
body.premium-home.auth-pending > :not(script):not(style):not(dialog) { visibility: hidden !important; }
body.premium-home .ui-feedback {
    --feedback-accent: #586982;
    --feedback-soft: #eef2f6;
    position: fixed;
    top: calc(78px + env(safe-area-inset-top));
    bottom: auto;
    left: 50%;
    z-index: 300000;
    display: grid;
    grid-template-columns: 36px minmax(0,1fr) 40px;
    align-items: start;
    gap: 10px;
    width: min(440px, calc(100vw - 24px));
    max-height: min(42dvh, 250px);
    padding: 12px;
    overflow-y: auto;
    border: 1px solid #e0e6ed;
    border-left: 3px solid var(--feedback-accent);
    border-radius: 15px;
    background: #fff;
    color: #213047;
    box-shadow: 0 10px 30px #18243a1c;
    font-size: 14px;
    line-height: 1.45;
    white-space: normal;
    transform: translateX(-50%);
    box-sizing: border-box;
    overscroll-behavior: contain;
}
body.premium-home .ui-feedback[hidden] { display: none !important; }
body.premium-home .ui-feedback.is-error { --feedback-accent: #c82036; --feedback-soft: #fff0f2; background: #fff !important; color: #213047; }
body.premium-home .ui-feedback.is-warning { --feedback-accent: #b97913; --feedback-soft: #fff7e8; }
body.premium-home .ui-feedback.is-success { --feedback-accent: #11815f; --feedback-soft: #eaf8f1; }
body.premium-home .ui-feedback-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: var(--feedback-soft); color: var(--feedback-accent); font-size: 17px; }
body.premium-home .ui-feedback-copy { min-width: 0; padding-top: 5px; overflow-wrap: anywhere; white-space: pre-line; font-weight: 600; text-wrap: pretty; }
body.premium-home .ui-feedback > button { display: grid; place-items: center; width: 40px; min-width: 40px; height: 40px; min-height: 40px; margin: 0; padding: 0; border: 0; border-radius: 10px; background: #f3f5f7; color: #69788d; font-size: 16px; }
body.premium-home .ui-feedback > button:hover { background: #e9edf2; color: #203047; }
body.premium-home .ui-feedback > button:focus-visible { outline: 3px solid var(--feedback-accent); outline-offset: 2px; }
body.premium-home.ui-feedback-visible #pageNavigation:not([hidden]),
body.premium-home.ui-feedback-visible:not(.app-page-open) .app-header { margin-bottom: var(--ui-feedback-space, 100px); }
body.premium-home.deposit-page-open .ui-feedback { top: calc(10px + env(safe-area-inset-top)); }
body.premium-home.deposit-page-open.ui-feedback-visible #addFundModalOverlay.app-page[data-page-current] > .modal-container { padding-top: var(--ui-feedback-space, 100px) !important; }
body.premium-home .app-page :is(.modal-title,.modal-header)[tabindex="-1"]:focus { outline: 0 !important; box-shadow: none !important; }
body.premium-home .bid-success-toast { bottom: calc(78px + env(safe-area-inset-bottom)) !important; max-height: calc(100dvh - 102px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; }
body.premium-home .bid-success-close { width: 40px; height: 40px; }
body.premium-home .matka-toast-container { bottom: calc(80px + env(safe-area-inset-bottom)); width: min(440px,calc(100vw - 24px)); max-width: none; }
@media(max-width:359px) {
    body.premium-home .ui-feedback { top: calc(72px + env(safe-area-inset-top)); grid-template-columns: 32px minmax(0,1fr) 38px; gap: 8px; padding: 10px; font-size: 13px; }
    body.premium-home.deposit-page-open .ui-feedback { top: calc(10px + env(safe-area-inset-top)); }
    body.premium-home .ui-feedback-icon { width: 32px; height: 32px; font-size: 15px; }
    body.premium-home .ui-feedback > button { width: 38px; min-width: 38px; height: 38px; min-height: 38px; }
}
@media(prefers-reduced-motion:reduce) {
    body.premium-home .bid-success-toast,
    body.premium-home .matka-toast { animation: none !important; transition: none !important; }
}

/* Logged-in overview: one compact balance hierarchy and a stable action grid. */
body.premium-home .account-dashboard { padding: 10px 0 4px; }
body.premium-home .account-card { gap: 12px; margin: 0 0 10px; padding: clamp(12px, 3.5vw, 18px); border: 1px solid #e6e9ef; border-radius: 18px; background: #fff; box-shadow: 0 6px 22px #17233d0a; }
body.premium-home .account-card-header { gap: 12px; margin: 0; min-width: 0; }
body.premium-home .account-user-meta { min-width: 0; gap: 10px; }
body.premium-home .account-user-meta > div:last-child { min-width: 0; }
body.premium-home .account-avatar-pill { width: 44px; height: 44px; border-radius: 13px; background: #fff0f1; color: #c31e26; }
body.premium-home .account-name { max-width: 100%; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow-wrap: normal; color: #17233b; font-size: 15px; font-weight: 750; letter-spacing: -.2px; }
body.premium-home .btn-profile-gear { width: 44px; height: 44px; border-radius: 12px; border-color: #e4e9f0; background: #f8fafc; color: #64748b; }
body.premium-home .account-balance-row { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; padding: 14px; border: 1px solid #e6e9ef; border-radius: 15px; background: #f9fafc; }
body.premium-home .balance-meta { min-width: 0; gap: 3px; }
body.premium-home .balance-meta .bal-label { color: #68758a; font-size: 11px; font-weight: 700; letter-spacing: .08em; }
body.premium-home .balance-meta .bal-amount { color: #c31e26; font-size: clamp(23px, 6vw, 28px); font-weight: 800; letter-spacing: -.6px; line-height: 1.1; }
body.premium-home .balance-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; width: 100%; }
body.premium-home .btn-bal-action { justify-content: center; width: 100%; min-width: 0; min-height: 44px; padding: 0 8px; border-radius: 11px; font-size: 13px; line-height: 1.2; }
body.premium-home .btn-bal-action.deposit { background: #c31e26; box-shadow: none; }
body.premium-home .btn-bal-action.withdraw { border-color: #d7dee8; color: #26354d; }
body.premium-home .account-shortcuts-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; margin: 0; padding-top: 11px; border-top: 1px solid #eef0f4; }
body.premium-home .dash-shortcut { min-width: 0; min-height: 65px; padding: 2px 0; gap: 5px; border-radius: 10px; }
body.premium-home .dash-shortcut i { display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 11px; font-size: 16px; }
body.premium-home .dash-shortcut span { max-width: 100%; color: #334155; font-size: 11px; font-weight: 650; line-height: 1.2; white-space: normal; }
body.premium-home .account-card :is(button):focus-visible { outline: 3px solid #c31e2666; outline-offset: 2px; }
@media(max-width:359px) {
    body.premium-home .account-card { gap: 10px; padding: 11px; }
    body.premium-home .account-balance-row { padding: 12px; gap: 10px; }
    body.premium-home .dash-shortcut span { font-size: 10.5px; }
}

/* Casino-inspired member card: rich surfaces, restrained gold, clear controls. */
body.premium-home .account-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid #8f2330;
    background: radial-gradient(circle at 92% 4%, #df435044 0, transparent 31%), linear-gradient(145deg,#4c0a16 0%,#781321 52%,#320811 100%);
    box-shadow: 0 10px 26px #500d2426, inset 0 1px #ffffff20;
}
body.premium-home .account-card::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 180px;
    height: 180px;
    right: -95px;
    top: -105px;
    border: 1px solid #ffdb9d2a;
    border-radius: 50%;
    box-shadow: 0 0 0 26px #ffdb9d0b,0 0 0 52px #ffdb9d08;
    pointer-events: none;
}
body.premium-home .account-name { color: #fff9f3; }
body.premium-home .account-avatar-pill { background: linear-gradient(145deg,#ffe5aa,#dca94f); color: #5b1420; box-shadow: inset 0 1px #fff6d1,0 4px 10px #21050b45; }
body.premium-home .btn-profile-gear { background: #ffffff18; border-color: #ffffff30; color: #f8e6d0; }
body.premium-home .btn-profile-gear:hover { background: #ffffff2b; color: #fff; }
body.premium-home .account-balance-row { border-color: #f4d69338; background: linear-gradient(135deg,#2b0711b8,#54101bb8); box-shadow: inset 0 1px #ffffff12; }
body.premium-home .balance-meta .bal-label { color: #e9cbb0; }
body.premium-home .balance-meta .bal-amount { color: #ffdf9a; text-shadow: 0 1px 10px #ffd27c24; }
body.premium-home .pending-withdrawal-link { color: #f7d8ad; }
body.premium-home .btn-bal-action.deposit { border: 1px solid #ffe2a5; background: linear-gradient(145deg,#ffe5a8,#e8b95e) !important; color: #38131a !important; box-shadow: 0 4px 11px #15030640 !important; }
body.premium-home .btn-bal-action.deposit:hover { filter: brightness(1.05); }
body.premium-home .btn-bal-action.withdraw { border-color: #f5e4d58a; background: #ffffff12; color: #fff8ed; }
body.premium-home .btn-bal-action.withdraw:hover { background: #ffffff23; color: #fff; border-color: #fff1de; }
body.premium-home .account-shortcuts-grid { border-top-color: #ffffff32; }
body.premium-home .dash-shortcut { color: #fff7ed; }
body.premium-home .dash-shortcut i,
body.premium-home .dash-shortcut:nth-child(n) i { border: 1px solid #ffe4b34d; background: #ffe8bb18; color: #ffdc96; }
body.premium-home .dash-shortcut span { color: #f8e9e4; }
body.premium-home .dash-shortcut:hover { background: #ffffff12; }
body.premium-home .dash-shortcut:hover i { background: #ffe8bb2e; color: #fff0bd; }
body.premium-home .account-card :is(button):focus-visible { outline-color: #ffe3a3; }

/* Payment QR is part of the page, with no expand/collapse control. */
body.premium-home #addFundModalOverlay .dep-qr-static-header { cursor: default; }
body.premium-home #addFundModalOverlay .dep-upi-any-link { display: flex; justify-content: center; align-items: center; min-height: 44px; margin: 4px 0 12px; color: #ac1e2c; font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

body.premium-home #sidebarOverlay .sidebar-support-button { width: 100%; text-align: left; font: inherit; }
body.premium-home #sidebarOverlay .sidebar-support-button .menu-item-text { flex: 1; }
body.premium-home #sidebarOverlay .sidebar-support-button .fa-whatsapp { color: #18714b; }
body.premium-home #sidebarOverlay .sidebar-support-button small { display: block; margin-top: 3px; color: #626975; font-size: 12px; font-weight: 400; overflow-wrap: anywhere; }
body.premium-home #sidebarOverlay .sidebar-support-button:disabled { opacity: .6; cursor: wait; }

/* Compact referral destination; never a dashboard promotion. */
body.premium-home #bonusModalOverlay.app-page[data-page-current] > .modal-container { max-width:480px !important; text-align:left; }
.referral-page-status { padding:20px; color:var(--muted,#626975); }
.referral-card { padding:20px; display:grid; gap:14px; background:#fff; border:1px solid #DDE0E5; border-radius:16px; }
.referral-card[hidden] { display:none; }
.referral-icon { width:44px; height:44px; display:grid; place-items:center; background:#FFF0F2; color:#CB202D; border-radius:12px; }
.referral-card h2 { font-size:20px; margin:0; }
.referral-card p,.referral-card small { margin:0; color:#626975; line-height:1.5; }
.referral-reward { color:#CB202D; font-size:16px; }
.referral-code { display:flex; justify-content:space-between; gap:12px; padding:14px; border:1px dashed #DDE0E5; border-radius:12px; font-size:14px; }
.referral-code strong { letter-spacing:1px; }
.referral-card input { width:100%; min-width:0; box-sizing:border-box; padding:12px; font-size:14px; border:1px solid #DDE0E5; border-radius:10px; background:#F4F5F7; }
.referral-actions { display:flex; gap:10px; }
.referral-actions button { flex:1; min-height:44px; display:flex; align-items:center; justify-content:center; gap:8px; }
.referral-actions .btn { border:1px solid #DDE0E5; border-radius:10px; background:#fff; color:#20242C; font:600 14px system-ui; cursor:pointer; }
.referral-actions .btn-primary { background:#CB202D; border-color:#CB202D; color:#fff; }
.referral-card small { font-size:12px; }

/* Keep half of the Play circle above the navigation rail. */
body.premium-home #appBottomNav .mobile-tab[data-nav-key="play"] .nav-icon { top:-32px; }

/* Payment options stay together; the QR remains readable in a compact card. */
body.premium-home #addFundModalOverlay #depositStep2 .dep-upi-grid-modern { gap:8px; margin-bottom:0; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-upi-modern-card { min-height:60px; padding:8px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-upi-any-link { min-height:44px; margin:0 0 4px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-static-header { min-height:48px; padding:8px 12px; gap:8px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-acc-icon { width:30px; height:30px; border-radius:9px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-accordion { margin-bottom:10px; }
body.premium-home #addFundModalOverlay #depositStep2 #depProceedToVerifyBtn { margin-top:10px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-gateway-bottom-row { margin-top:10px; padding-top:0; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-accordion-panel { padding:10px 12px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-accordion.active .dep-qr-accordion-panel { display:grid; grid-template-columns:144px minmax(0,1fr); gap:10px; align-items:center; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-wrapper { width:144px; height:auto; box-sizing:border-box; margin:0; padding:4px; }
body.premium-home #addFundModalOverlay #depositStep2 #depositQrCodeImg { max-width:144px !important; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-upi-id-pill-row { flex-direction:column; gap:8px; min-width:0; }
body.premium-home #addFundModalOverlay #depositStep2 #depositUpiIdDisplay { max-width:100%; box-sizing:border-box; overflow-wrap:anywhere; white-space:normal; font-size:11px; padding:8px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-copy-upi-btn { min-height:44px; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-status { grid-column:1/-1; margin:0; color:#626975; font-size:12px; line-height:1.4; text-align:center; }
body.premium-home #addFundModalOverlay #depositStep2 :is(.dep-qr-wrapper,#depositQrCodeImg,.dep-qr-status)[hidden] { display:none !important; }
body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-accordion-panel:has(.dep-qr-wrapper[hidden]) { grid-template-columns:1fr; }
@media(max-width:359px) {
    body.premium-home #addFundModalOverlay #depositStep2 .dep-qr-accordion.active .dep-qr-accordion-panel { grid-template-columns:1fr; justify-items:center; }
    body.premium-home #addFundModalOverlay #depositStep2 .dep-upi-id-pill-row { flex-direction:row; }
}