/* User destinations are document pages, not fixed overlays. Legacy class names
   remain only as hooks for the existing validated forms and API handlers. */
body.premium-home.app-page-open { padding: 0 0 calc(76px + env(safe-area-inset-bottom)) !important; overflow: auto !important; background: #f4f5f7; }
body.app-page-open > :not(.app-page):not(#pageNavigation):not(#appBottomNav):not(script):not(style):not(.ui-feedback):not(.matka-toast-container):not(.bid-success-toast):not(.result-alert-floating-banner):not(dialog) { display: none !important; }
body.premium-home .app-page:not([data-page-current]) { display: none !important; }
body.premium-home .app-page[data-page-current]:is([id], #appScreen) {
    display: block !important; position: relative !important; inset: auto !important;
    height: auto !important; min-height: calc(100dvh - 144px); width: 100% !important;
    opacity: 1 !important; visibility: visible !important; content-visibility: visible;
    pointer-events: auto; z-index: auto !important; overflow: visible !important;
    background: #f4f5f7 !important; transition: none !important;
}
body.premium-home .app-page[data-page-current]:is([id], #appScreen) > :is(.modal-container, .sidebar-drawer-content) {
    height: auto !important; max-height: none !important; min-height: calc(100dvh - 190px) !important;
    overflow: visible !important; background: #f4f5f7 !important;
    padding: 20px max(16px, calc((100vw - 680px) / 2)) 28px !important;
    display: block !important;
}
body.premium-home .app-page[data-page-current] :is(.games-grid-cards,.bidding-scroll-body) { overflow: visible !important; max-height: none !important; }
body.premium-home .app-page .modal-close-btn, body.premium-home .app-page .sidebar-close-btn { display: none !important; }
body.premium-home .app-page .modal-header { background: transparent !important; position: static !important; }
body.premium-home #authModalOverlay .modal-header { margin-top: 8px; }
body.premium-home .app-page .market-games-bottom-wrapper { margin-top: 16px !important; }
body.premium-home .app-page .bidding-footer { margin-top: 20px !important; }
#pageNavigation { background: #fff; border-bottom: 1px solid #e1e4e9; }
.page-topbar { max-width: 728px; margin: auto; padding: max(10px,env(safe-area-inset-top)) 16px 10px; display: flex; gap: 12px; align-items: center; min-height: 68px; }
.page-topbar > button, .page-topbar > a { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #e1e4e9; background: white; color: #242a34; border-radius: 12px; cursor: pointer; }
.page-topbar > div { flex: 1; display: grid; gap: 1px; }
.page-brand { color: #a92330; font-size: 10px; letter-spacing: 1.4px; font-weight: 700; }
.page-topbar strong { font-size: 19px; color: #20242c; }
.page-bottom-tabs { position: fixed; z-index: 100001; bottom: 0; left: 0; right: 0; background: #fff; border-top: 1px solid #e1e4e9; display: flex; justify-content: center; padding: 6px 8px max(8px,env(safe-area-inset-bottom)); }
.page-bottom-tabs a { flex: 1; max-width: 136px; min-height: 52px; text-decoration: none; color: #626975; display: grid; align-content: center; justify-items: center; gap: 5px; font-size: 12px; font-weight: 600; }
.page-bottom-tabs i { font-size: 19px; }
.page-bottom-tabs a.selected { color: #cb202d; background: #fff2f3; border-radius: 10px; }
.payment-progress { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; padding: 0; margin: 0 0 22px; list-style: none; }
.payment-progress li { border-top: 3px solid #dce0e5; padding-top: 9px; font-size: 13px; color: #707782; }
.payment-progress li[aria-current=step] { border-color: #cb202d; color: #ac1e2c; font-weight: 700; }
.payment-progress li.complete { border-color: #168167; color: #168167; }
body.premium-home :is(#addFundModalOverlay, #withdrawFundModalOverlay) .modal-title { font-size: 24px !important; letter-spacing: -.5px; }
body.premium-home .finance-sheet p { font-size: 14px !important; line-height: 1.6; }
body.premium-home .finance-sheet :is(.finance-balance, .finance-summary, .withdraw-amount-wrap, .withdraw-method-card) { background: #fff; border: 1px solid #dde2e8; box-shadow: none; border-radius: 12px; }
body.premium-home .finance-balance { padding: 18px; margin-bottom: 22px; }
body.premium-home .finance-balance strong { font-size: 32px; color: #20242c; letter-spacing: -.8px; }
body.premium-home .finance-sheet label { text-transform: none; letter-spacing: 0; margin-top: 16px; }
body.premium-home .finance-sheet .finance-primary { background: #cb202d !important; border-color: #cb202d !important; box-shadow: none; min-height: 48px; }
body.premium-home .finance-actions { margin-top: 20px; }
body.premium-home .finance-sheet [role=alert]:empty { display: none; }
body.premium-home .finance-sheet [role=alert]:not(:empty) { border: 1px solid #f0c7cc; border-radius: 10px; padding: 12px; background: #fff2f3; color: #a92330; }
body.premium-home .finance-progress { display: none; }
body.premium-home .finance-summary { padding: 16px; }
body.premium-home .withdraw-method-card.active { border: 2px solid #cb202d; background: #fff8f8; }
body.premium-home #addFundModalOverlay .dep-step-body { padding-top: 0 !important; }
body.premium-home #addFundModalOverlay .dep-amount-hero-card { background: white; border: 1px solid #dce0e5; box-shadow: none; }
body.premium-home #addFundModalOverlay .dep-order-summary { background: #fff !important; color: #242a34 !important; border: 1px solid #dce0e5; }
body.premium-home #addFundModalOverlay .dep-order-summary :is(code, #depStep2ReqCode) { color: #626975 !important; }
body.premium-home #addFundModalOverlay .dep-touch-keypad { gap: 8px; }
body.premium-home #addFundModalOverlay .dep-key { box-shadow: none; border-color: #dce0e5; font-size: 22px; min-height: 48px; }
body.premium-home #addFundModalOverlay .dep-step-content > .modal-header { margin-bottom: 16px !important; }
body.premium-home #addFundModalOverlay .dep-step-content { background: transparent !important; }
body.premium-home #addFundModalOverlay :is(.dep-step-body,.modal-header) { background: transparent !important; }
body.premium-home #addFundModalOverlay .dep-chip-btn.active { border-color: #cb202d; background: #fff2f3; color: #ac1e2c; box-shadow: none; }
body.premium-home :is(#addFundModalOverlay,#withdrawFundModalOverlay) button { font-weight: 600 !important; }
body.premium-home #addFundModalOverlay .dep-touch-keypad { display: none; }
body.premium-home #addFundModalOverlay :is(#depDisplayAmount,.dep-amount-caret) { display: none; }
body.premium-home #addFundModalOverlay .dep-hidden-amount-input { position: static; opacity: 1; width: 100%; height: 64px; min-width: 0; color: #20242c; font-size: 32px !important; font-weight: 700; cursor: text; }
body.premium-home #addFundModalOverlay .dep-amount-hero-card { padding: 8px 18px; gap: 12px; }
body.premium-home #fullScreenChartOverlay.app-page .fschart-header { position: static; }
body.premium-home #fullScreenChartOverlay.app-page .fschart-body { position: relative; height: 70dvh; }
body.premium-home #fullScreenChartOverlay.app-page iframe { width: 100%; height: 70dvh; }
body.premium-home #addFundModalOverlay .dep-upi-card { box-shadow: none; background: #fff; border-color: #dce0e5; }
body.premium-home #addFundModalOverlay .dep-section-label { text-transform: none !important; }
@media(max-width:359px) { .page-topbar { padding-inline: 12px; } }