/* Player v3.10.74 safe hotfix
   Deliberately scoped to Payout Channels. It does not modify portal, sidebar,
   main-shell, game page, loader, topbar positioning, or application layout. */

#view-payout-channels .payout-manager-panel,
#view-payout-channels .payout-channel-selector,
#view-payout-channels .payout-channel-panel,
#view-payout-channels .payout-dropdown-shell {
  overflow: visible !important;
  contain: none !important;
}

/* Desktop dropdown stays in normal document flow, so all OptekPay channels
   remain reachable and the saved-card section is pushed down instead of covered. */
@media (min-width: 821px) {
  #view-payout-channels .payout-channel-dropdown {
    position: relative !important;
    inset: auto !important;
    margin-top: 10px !important;
    z-index: 12 !important;
    max-height: none !important;
    overflow: visible !important;
    background: linear-gradient(155deg, rgba(27,17,14,.99), rgba(9,9,8,.995)) !important;
    border-color: rgba(227,200,102,.28) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.34) !important;
  }
  #view-payout-channels .payout-channel-option-list {
    max-height: 430px !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scroll-padding-bottom: 22px;
    padding: 3px 8px 22px 3px !important;
    scrollbar-width: auto;
    scrollbar-color: #9f1730 #16110f;
  }
}

#view-payout-channels .payout-channel-option-list::-webkit-scrollbar { width: 12px; }
#view-payout-channels .payout-channel-option-list::-webkit-scrollbar-track { background: #16110f; border-radius: 999px; }
#view-payout-channels .payout-channel-option-list::-webkit-scrollbar-thumb {
  background: linear-gradient(#a91a34, #721020);
  border: 3px solid #16110f;
  border-radius: 999px;
}

/* Professional black/red/gold balance only inside the payout page. */
#view-payout-channels .payout-manager-panel,
#view-payout-channels .payout-saved-panel {
  background: linear-gradient(150deg, rgba(31,19,17,.97), rgba(12,11,10,.99)) !important;
  border-color: rgba(227,200,102,.20) !important;
}
#view-payout-channels .payout-channel-hero {
  background: linear-gradient(108deg, rgba(112,13,28,.86), rgba(29,17,14,.97) 58%, rgba(9,9,8,.99)) !important;
}
#view-payout-channels .payout-dropdown-trigger {
  background: linear-gradient(135deg, rgba(126,15,31,.92), rgba(29,17,14,.99)) !important;
  border-color: rgba(227,200,102,.34) !important;
}
#view-payout-channels .payout-dropdown-trigger:hover,
#view-payout-channels .payout-dropdown-trigger[aria-expanded="true"] {
  background: linear-gradient(135deg, #a91a34, #3a1114) !important;
  border-color: rgba(244,229,167,.62) !important;
}
#view-payout-channels .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;
}
#view-payout-channels .payout-channel-option:hover,
#view-payout-channels .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;
}

/* Actual provider logo where available; local bank/e-wallet graphic on failure. */
#view-payout-channels .payout-channel-option-logo,
#view-payout-channels .payout-digital-card-logo {
  padding: 5px !important;
  background: #fffaf0 !important;
  border-color: rgba(227,200,102,.50) !important;
}
#view-payout-channels .payout-channel-option-logo img,
#view-payout-channels .payout-digital-card-logo img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  border-radius: 7px;
}
#view-payout-channels .payout-brand-monogram { display: none !important; }
#view-payout-channels .payout-channel-search {
  background: #0b0a09 !important;
  border-color: rgba(227,200,102,.25) !important;
}
#view-payout-channels .payout-saved-group .saved-methods { align-items: start !important; }

/* Keep the existing safe mobile bottom-sheet behaviour. */
@media (max-width: 820px) {
  #view-payout-channels .payout-channel-dropdown {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    top: auto !important;
    bottom: calc(74px + env(safe-area-inset-bottom)) !important;
    z-index: 180 !important;
    max-height: 70dvh !important;
    overflow: hidden !important;
    padding-bottom: calc(12px + env(safe-area-inset-bottom)) !important;
  }
  #view-payout-channels .payout-channel-option-list {
    grid-template-columns: 1fr !important;
    max-height: 54dvh !important;
    overflow-y: auto !important;
    padding-bottom: 22px !important;
  }
}