/* 888 LOTTO ATBP Player v3.10.73 — professional black/red/gold balance, non-overlapping sidebar, complete payout dropdown */
:root{
  --pro-bg:#080807;--pro-surface:#11100e;--pro-surface-2:#181310;--pro-panel:#1c1110;
  --pro-red:#8f1327;--pro-red-strong:#b51c35;--pro-red-dark:#3b070e;
  --pro-gold:#e3c866;--pro-gold-soft:#f4e5a7;--pro-border:rgba(227,200,102,.22)
}
body{background:radial-gradient(circle at 70% 0,rgba(143,19,39,.10),transparent 32%),linear-gradient(180deg,#070706,#0c0a08 52%,#070706)!important;color:var(--pro-gold-soft)}

/* Stable desktop sidebar: participates in layout and never covers page content. */
.portal{display:flex!important;align-items:stretch!important;min-height:100dvh!important;overflow:visible!important}
.portal>.sidebar{position:sticky!important;inset:auto!important;top:0!important;flex:0 0 252px!important;width:252px!important;min-width:252px!important;height:100dvh!important;max-height:100dvh!important;transform:none!important;overflow:hidden!important;z-index:35!important;background:linear-gradient(180deg,#0e0d0b 0%,#15100e 55%,#0b0a09 100%)!important;border-right:1px solid var(--pro-border)!important;box-shadow:10px 0 34px rgba(0,0,0,.30)!important}
.portal>.main-shell{position:relative!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;overflow:visible!important;z-index:1!important}
.portal.sidebar-collapsed>.sidebar{flex-basis:88px!important;width:88px!important;min-width:88px!important}
.portal.game-active.sidebar-collapsed>.sidebar{display:none!important;flex-basis:0!important;width:0!important;min-width:0!important}
.sidebar-nav{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:rgba(181,28,53,.72) transparent}
.sidebar .nav-button{color:rgba(244,229,167,.82)!important;background:rgba(46,15,16,.38)!important;border-color:rgba(227,200,102,.12)!important}
.sidebar .nav-button:hover{color:var(--pro-gold-soft)!important;background:linear-gradient(135deg,rgba(94,12,25,.78),rgba(24,18,14,.94))!important;border-color:rgba(227,200,102,.30)!important}
.sidebar .nav-button.active{color:var(--pro-gold-soft)!important;background:linear-gradient(135deg,var(--pro-red-strong),#67101f)!important;border-color:rgba(244,229,167,.52)!important;box-shadow:0 9px 22px rgba(70,4,15,.24)!important}
.sidebar .nav-icon{color:var(--pro-gold)!important;background:rgba(143,19,39,.28)!important}
.sidebar .nav-button.active .nav-icon{color:#2a080b!important;background:linear-gradient(180deg,#f4e5a7,#d7b94e)!important}

/* Header buttons remain red with gold labels, while the header itself stays dark. */
.topbar{background:linear-gradient(180deg,rgba(15,13,11,.98),rgba(10,9,8,.96))!important;border-bottom:1px solid var(--pro-border)!important;box-shadow:0 10px 30px rgba(0,0,0,.22)!important}
.topbar :is(.button,.icon-button,.notification-button,.topbar-sidebar-toggle),
.header-account-button,.topbar-wallet-actions :is(button,a){color:var(--pro-gold-soft)!important;background:linear-gradient(180deg,#9f1730,#761020)!important;border-color:rgba(227,200,102,.40)!important;box-shadow:0 7px 18px rgba(48,3,11,.24)!important}
.topbar :is(.button,.icon-button,.notification-button,.topbar-sidebar-toggle):hover,
.header-account-button:hover,.topbar-wallet-actions :is(button,a):hover{color:#fff5c7!important;background:linear-gradient(180deg,#bd2440,#8c1428)!important;border-color:rgba(244,229,167,.68)!important}

/* Professional surface balance: charcoal/black base, burgundy accents, gold hierarchy. */
:is(.panel,.stat-card,.game-card,.wallet-card,.account-card,.support-card,.profile-card,.payout-manager-panel,.payout-saved-panel){background:linear-gradient(150deg,rgba(27,19,16,.97),rgba(12,11,10,.98))!important;border-color:var(--pro-border)!important;box-shadow:0 17px 42px rgba(0,0,0,.24)!important}
:is(.modal-card,.ui-dialog-card,.auth-card,.account-center-modal-card,.wallet-actions-modal-card){background:linear-gradient(150deg,#19130f,#0e0c0a 72%)!important;border-color:rgba(227,200,102,.30)!important;box-shadow:0 28px 85px rgba(0,0,0,.58)!important}
:is(.modal-header,.account-center-modal-header,.wallet-actions-modal-header){background:linear-gradient(90deg,rgba(105,13,28,.82),rgba(27,17,14,.96))!important;border-bottom-color:rgba(227,200,102,.20)!important}
:is(.auth-tab,.account-center-tab,.wallet-action-tab,.wallet-inner-tab,.payout-category-tab,.lobby-category-button,.mobile-bottom-nav-button,.nav-button){color:rgba(244,229,167,.80)!important;background:linear-gradient(180deg,rgba(53,16,18,.70),rgba(20,15,13,.92))!important;border-color:rgba(227,200,102,.16)!important}
:is(.auth-tab,.account-center-tab,.wallet-action-tab,.wallet-inner-tab,.payout-category-tab,.lobby-category-button,.mobile-bottom-nav-button,.nav-button).active,
:is(.auth-tab,.account-center-tab,.wallet-action-tab,.wallet-inner-tab,.payout-category-tab,.lobby-category-button,.mobile-bottom-nav-button,.nav-button)[aria-selected="true"]{color:var(--pro-gold-soft)!important;background:linear-gradient(180deg,#a71932,#761020)!important;border-color:rgba(244,229,167,.54)!important;box-shadow:0 8px 20px rgba(62,3,13,.22)!important}
.button-primary{color:var(--pro-gold-soft)!important;background:linear-gradient(180deg,#ab1b35,#7c1124)!important;border-color:rgba(227,200,102,.46)!important;box-shadow:0 10px 23px rgba(62,3,13,.28)!important}
.button-secondary{color:var(--pro-gold-soft)!important;background:linear-gradient(180deg,#2b1716,#17110f)!important;border-color:rgba(227,200,102,.25)!important}

/* Payout area: dropdown expands in document flow so the full list can always be reached. */
#view-payout-channels,.payout-channels-view,.payout-manager-panel,.payout-manager-body,.payout-channel-selector,.payout-channel-panel,.payout-dropdown-shell{overflow:visible!important;contain:none!important}
.payout-manager-panel{background:linear-gradient(150deg,rgba(31,19,17,.98),rgba(12,11,10,.99))!important}
.payout-channel-hero{background:linear-gradient(105deg,rgba(116,14,30,.86),rgba(24,16,13,.96) 58%,rgba(9,9,8,.98))!important}
.payout-dropdown-trigger{background:linear-gradient(135deg,rgba(117,14,29,.92),rgba(27,18,15,.98))!important;border-color:rgba(227,200,102,.32)!important}
.payout-dropdown-trigger:hover,.payout-dropdown-trigger[aria-expanded="true"]{background:linear-gradient(135deg,#a91a34,#3a1114)!important;border-color:rgba(244,229,167,.62)!important}
.payout-channel-dropdown{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:12!important;margin-top:10px!important;max-height:none!important;padding:12px!important;overflow:visible!important;background:linear-gradient(155deg,#17110f,#090908)!important;border-color:rgba(227,200,102,.30)!important;box-shadow:0 18px 42px rgba(0,0,0,.34)!important}
.payout-channel-option-list{max-height:460px!important;overflow-y:auto!important;overscroll-behavior:contain;padding:4px 7px 16px 3px!important;scroll-padding-bottom:18px!important;scrollbar-width:auto!important;scrollbar-color:#9f1730 #16110f!important}
.payout-channel-option-list::-webkit-scrollbar{width:12px}.payout-channel-option-list::-webkit-scrollbar-track{background:#16110f;border-radius:99px}.payout-channel-option-list::-webkit-scrollbar-thumb{background:linear-gradient(#bd2440,#761020);border:3px solid #16110f;border-radius:99px}
.payout-channel-option{background:linear-gradient(145deg,rgba(31,22,18,.98),rgba(12,11,10,.99))!important;border-color:rgba(227,200,102,.18)!important}
.payout-channel-option:hover,.payout-channel-option.active{background:linear-gradient(145deg,rgba(128,16,32,.92),rgba(35,17,15,.99))!important;border-color:rgba(244,229,167,.58)!important}
.payout-channel-option-logo,.payout-digital-card-logo{padding:5px!important;background:#fffaf0!important;border-color:rgba(227,200,102,.52)!important}
.payout-channel-option-logo img,.payout-digital-card-logo img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;border-radius:8px}
.payout-brand-monogram{display:none!important}
.payout-channel-search{background:#0b0a09!important;border-color:rgba(227,200,102,.25)!important}
.payout-channel-status{background:rgba(21,16,13,.94)!important}
.payout-saved-group .saved-methods{align-items:start!important}
.payout-digital-card{box-shadow:0 20px 44px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.10)!important}

@media(max-width:980px){
  .portal,.portal.sidebar-collapsed{display:block!important;min-height:100dvh!important}
  .portal>.sidebar,.portal.sidebar-collapsed>.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;flex:none!important;width:min(286px,calc(100vw - 52px))!important;min-width:0!important;height:100dvh!important;max-height:100dvh!important;transform:translateX(-104%)!important;transition:transform .2s ease!important;overflow-y:auto!important;z-index:120!important}
  .portal>.sidebar.open,.portal.sidebar-collapsed>.sidebar.open{transform:translateX(0)!important}
  .portal>.main-shell{width:100%!important;min-width:0!important}
  .sidebar-backdrop{z-index:110!important}
  .mobile-menu-button{display:inline-grid!important}
  .payout-channel-option-list{grid-template-columns:1fr!important;max-height:52dvh!important}
  .payout-channel-dropdown{position:fixed!important;left:10px!important;right:10px!important;bottom:12px!important;top:auto!important;max-height:82dvh!important;overflow:hidden!important;z-index:180!important;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}
}
@media(max-width:560px){.payout-channel-option-list{max-height:60dvh!important}.payout-digital-card{min-height:202px!important}}