/* DAS Short public payouts v30 — visual layer only, backend/data untouched. */
.pages-public.payouts-public .container{width:min(1180px,calc(100% - 28px));padding:28px 0 54px}
.payouts-public-page{display:grid!important;gap:22px!important;color:#e9efff!important}
.payouts-public-page>*{min-width:0}
.payouts-hero-modern{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;gap:22px!important;min-height:320px!important;padding:34px!important;border:1px solid rgba(123,151,255,.24)!important;border-radius:26px!important;overflow:hidden!important;position:relative!important;background:radial-gradient(circle at 12% 12%,rgba(139,92,246,.42),transparent 32%),radial-gradient(circle at 85% 18%,rgba(14,165,233,.30),transparent 30%),linear-gradient(135deg,#111b3b 0%,#121b45 45%,#17164a 100%)!important;box-shadow:0 24px 70px rgba(29,43,112,.32)!important}
.payouts-hero-modern:before{content:"";position:absolute;inset:auto -10% -55% 30%;height:260px;background:radial-gradient(ellipse,rgba(236,72,153,.25),transparent 68%);pointer-events:none}
.payouts-hero-copy{position:relative;z-index:2;align-self:center}
.payouts-eyebrow{color:#c4b5fd!important}
.payouts-hero h1{font-size:clamp(34px,5vw,58px)!important;color:#fff!important;margin:12px 0 15px!important;line-height:1.04!important}
.payouts-hero h1 span{background:linear-gradient(90deg,#a78bfa,#38bdf8,#f472b6)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.payouts-hero-copy>p{color:#c4d0e8!important;font-size:14px!important;line-height:1.75!important}
.payouts-trust-row{gap:9px!important;margin-top:18px!important}
.payouts-trust-row span{padding:8px 10px;border:1px solid rgba(125,211,252,.16);border-radius:99px;background:rgba(255,255,255,.045);color:#cbd8ee!important}
.payouts-hero-actions{margin-top:21px!important}
.payouts-btn-primary{background:linear-gradient(110deg,#7c3aed,#2563eb,#06b6d4)!important;box-shadow:0 12px 30px rgba(37,99,235,.28)!important}
.payouts-btn-ghost{background:rgba(255,255,255,.05)!important;border-color:rgba(196,181,253,.24)!important;color:#e9e5ff!important}
.payouts-hero-visual{display:block!important;position:relative!important;min-height:250px!important;border-radius:22px!important;background:radial-gradient(circle at 50% 45%,rgba(167,139,250,.30),transparent 42%),radial-gradient(circle at 80% 20%,rgba(56,189,248,.22),transparent 35%),rgba(7,13,32,.25)!important}
.payout-orb-wallet{left:27%!important;top:30%!important;background:linear-gradient(145deg,#7c3aed,#2563eb)!important;border-color:rgba(255,255,255,.28)!important;box-shadow:0 22px 55px rgba(76,29,149,.42)!important}
.payout-orb-chart{right:4%!important;top:9%!important;background:rgba(8,15,37,.68)!important;border-color:rgba(125,211,252,.24)!important}
.payout-orb-chart i{background:linear-gradient(#c084fc,#38bdf8)!important}
.payout-orb-coin{background:linear-gradient(145deg,#ec4899,#7c3aed)!important}
.payout-withdraw-ticker{display:flex!important;align-items:stretch!important;min-height:78px!important;border-radius:18px!important;border:1px solid rgba(96,165,250,.25)!important;background:linear-gradient(100deg,rgba(124,58,237,.32),rgba(37,99,235,.20),rgba(6,182,212,.14))!important;box-shadow:0 16px 45px rgba(37,99,235,.12)!important}
.ticker-title{background:rgba(8,14,34,.72)!important;width:220px!important}
.ticker-icon{background:linear-gradient(135deg,#ec4899,#7c3aed,#2563eb)!important}
.ticker-item strong{color:#6ee7b7!important}
.payout-revenue-grid{display:grid!important;grid-template-columns:1fr!important;gap:20px!important}
.payout-panel{padding:24px!important;border:1px solid rgba(123,151,255,.20)!important;border-radius:21px!important;background:linear-gradient(145deg,rgba(20,31,67,.98),rgba(10,18,40,.98))!important;box-shadow:0 18px 55px rgba(0,0,0,.18)!important}
.payout-panel:nth-child(1){background:radial-gradient(circle at 90% 0,rgba(6,182,212,.12),transparent 30%),linear-gradient(145deg,rgba(24,28,75,.98),rgba(11,18,40,.98))!important}
.payout-panel:nth-child(2){background:radial-gradient(circle at 10% 0,rgba(236,72,153,.12),transparent 30%),linear-gradient(145deg,rgba(25,26,70,.98),rgba(11,18,40,.98))!important}
.payout-panel-icon{background:linear-gradient(135deg,#8b5cf6,#2563eb,#06b6d4)!important;box-shadow:0 8px 22px rgba(99,102,241,.24)!important}
.payout-panel-icon.globe{background:linear-gradient(135deg,#06b6d4,#2563eb,#7c3aed)!important}
.payout-kicker{color:#c4b5fd!important}
.payout-panel h2{color:#fff!important}
.payout-panel-intro{color:#aebed8!important}
.currency-toggle{border-color:rgba(139,92,246,.35)!important;background:rgba(7,13,31,.42)!important}
.currency-toggle button.active{background:linear-gradient(110deg,#8b5cf6,#ec4899)!important}
.payout-calc-grid select,.payout-calc-grid input,.country-tools select,.country-search{background:rgba(6,14,32,.80)!important;border-color:rgba(96,165,250,.22)!important;color:#eef5ff!important}
.payout-estimate-results>div{background:linear-gradient(145deg,rgba(37,99,235,.17),rgba(124,58,237,.10))!important;border-color:rgba(96,165,250,.28)!important}
.payout-estimate-results>div:first-child{background:linear-gradient(145deg,rgba(16,185,129,.15),rgba(37,99,235,.08))!important;border-color:rgba(52,211,153,.38)!important}
.payout-estimate-results strong{color:#fff!important}
.country-count{background:rgba(139,92,246,.10)!important;color:#c4b5fd!important;border-color:rgba(139,92,246,.28)!important}
.country-rate-head{color:#8294b4!important}
.country-rate-row{background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(139,92,246,.035))!important;border-color:rgba(123,151,255,.15)!important}
.country-rate-row:hover{background:linear-gradient(90deg,rgba(139,92,246,.10),rgba(37,99,235,.08))!important;border-color:rgba(139,92,246,.40)!important}
.country-rate-name>span{background:linear-gradient(145deg,rgba(139,92,246,.20),rgba(37,99,235,.16))!important;border-color:rgba(167,139,250,.16)!important}
.country-rate-name b{color:#fff!important}
.country-rate-row>strong{color:#c4b5fd!important}
.country-rate-row>strong:nth-child(3){color:#67e8f9!important}
.country-rate-row>strong:nth-child(4){color:#6ee7b7!important}
.country-fallback-card{background:linear-gradient(100deg,rgba(236,72,153,.13),rgba(124,58,237,.12),rgba(37,99,235,.08))!important;border-color:rgba(236,72,153,.25)!important}
.country-fallback-rates span{color:#f0abfc!important}
.payout-method-section-modern,.payout-how-section{background:linear-gradient(145deg,rgba(19,29,62,.98),rgba(9,17,37,.98))!important}
.payout-method-modern{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(139,92,246,.035))!important;border-color:rgba(123,151,255,.17)!important}
.payout-method-modern:nth-child(1) .payout-method-logo{box-shadow:0 8px 25px rgba(14,165,233,.18)}
.payout-method-modern h3{color:#fff!important}
.method-available{background:rgba(16,185,129,.11)!important;color:#6ee7b7!important;border-color:rgba(52,211,153,.22)!important}
.payout-how-list article{background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(37,99,235,.035))!important;border-color:rgba(123,151,255,.14)!important}
.payout-how-list article:nth-child(1)>span{background:linear-gradient(135deg,#06b6d4,#2563eb)!important}
.payout-how-list article:nth-child(2)>span{background:linear-gradient(135deg,#8b5cf6,#ec4899)!important}
.payout-how-list article:nth-child(3)>span{background:linear-gradient(135deg,#f59e0b,#ec4899)!important}
.payout-how-list article:nth-child(4)>span{background:linear-gradient(135deg,#10b981,#06b6d4)!important}
.payout-info-strip{background:rgba(4,10,25,.34)!important}
.payout-info-strip span{border-color:rgba(123,151,255,.10)!important}
.payout-info-strip b{color:#fff!important}
.payout-ai-banner{border-color:rgba(139,92,246,.35)!important;background:linear-gradient(105deg,rgba(37,99,235,.25),rgba(124,58,237,.25),rgba(236,72,153,.13))!important;box-shadow:0 18px 55px rgba(124,58,237,.14)!important}
.ai-banner-icon{background:linear-gradient(135deg,#06b6d4,#7c3aed,#ec4899)!important}
.payout-ai-banner h2{color:#fff!important}
@media(max-width:900px){.payout-revenue-grid{grid-template-columns:1fr!important}.payout-methods-modern{grid-template-columns:1fr!important}}
@media(max-width:680px){.pages-public.payouts-public .container{width:calc(100% - 18px)!important;padding:18px 0 36px!important}.payouts-hero-modern{grid-template-columns:1fr!important;padding:22px!important;min-height:auto!important}.payouts-hero-visual{min-height:180px!important}.payout-withdraw-ticker{min-height:70px!important}.ticker-title{width:155px!important}.payout-panel{padding:17px!important}.country-rate-head,.country-rate-row,.country-fallback-card{grid-template-columns:minmax(145px,1.55fr) repeat(3,minmax(64px,1fr))!important}.country-rate-row{padding:12px 9px!important}.country-rate-name b{font-size:9px!important}.country-rate-row>strong{font-size:9px!important}.payout-method-modern{grid-template-columns:52px 1fr!important}.method-available{grid-column:2!important;width:max-content}.payout-ai-banner{display:grid!important}.ai-banner-actions{margin-left:0!important;display:grid!important}.ai-banner-actions .payouts-btn{width:100%!important}}

/* v31 payout layout refinement: calculator and country revenue are full-width sections. */
.payout-revenue-grid > .payout-panel{width:100%;box-sizing:border-box}
.payout-country-panel{min-width:0}
.payout-method-logo svg{width:38px;height:38px;display:block}
.payout-method-logo.paypal{background:#fff;color:#003087}
.payout-method-logo.bank{color:#2563eb}
@media(max-width:680px){
  .payout-revenue-grid{grid-template-columns:1fr!important}
  .payout-country-panel{overflow:hidden}
  .country-rate-head,.country-rate-row,.country-fallback-card{grid-template-columns:minmax(0,1fr) repeat(3,minmax(0,1fr))!important}
  .country-rate-head span:first-child,.country-rate-row .country-rate-name,.country-fallback-copy{grid-column:1/-1}
  .country-rate-head{row-gap:8px;padding:0 10px!important}
  .country-rate-row{row-gap:10px;padding:13px 10px!important}
  .country-rate-row>strong,.country-fallback-rates span{text-align:center!important}
  .country-rate-name b{font-size:10px!important}
  .country-rate-name small{font-size:8px!important}
  .country-rate-head span:not(:first-child){text-align:center!important}
  .country-fallback-card{row-gap:10px}
  .country-fallback-rates{display:contents}
}

/* v32: aligned country list with individual header info buttons and no-overlap scrolling. */
.country-rate-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:15px}
.country-rate-head,.country-rate-row,.country-fallback-card{min-width:760px!important;grid-template-columns:minmax(250px,2fr) repeat(3,minmax(120px,1fr))!important}
.country-rate-head{align-items:center!important;padding:0 15px 9px!important}
.country-rate-head>span{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;min-width:0!important}
.country-rate-head>span:first-child{justify-content:flex-start!important}
.rate-info-btn{appearance:none!important;border:0!important;background:rgba(139,92,246,.14)!important;color:#c4b5fd!important;width:18px!important;height:18px!important;min-width:18px!important;border-radius:50%!important;padding:0!important;display:inline-grid!important;place-items:center!important;font-size:11px!important;line-height:1!important;cursor:pointer!important}
.rate-info-btn:hover{background:linear-gradient(135deg,#7c3aed,#2563eb)!important;color:#fff!important}
.country-rate-list{overflow:visible!important;max-height:none!important}
.country-rate-row{align-items:center!important}
.country-rate-name{min-width:0!important}.country-rate-name>div{min-width:0!important}.country-rate-name b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.country-rate-row>strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
.rate-info-modal[hidden]{display:none!important}.rate-info-modal{position:fixed!important;inset:0!important;z-index:99999!important;display:grid!important;place-items:center!important;padding:20px!important}.rate-info-backdrop{position:absolute!important;inset:0!important;background:rgba(3,8,23,.68)!important;backdrop-filter:blur(5px)!important}.rate-info-dialog{position:relative!important;z-index:2!important;width:min(440px,100%)!important;padding:26px!important;border:1px solid rgba(139,92,246,.35)!important;border-radius:20px!important;background:linear-gradient(145deg,#18234a,#10182f)!important;box-shadow:0 28px 90px rgba(0,0,0,.45)!important;color:#d9e3f5!important}.rate-info-close{position:absolute!important;right:14px!important;top:12px!important;width:34px!important;height:34px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:50%!important;background:rgba(255,255,255,.05)!important;color:#b9c4d8!important;font-size:22px!important;cursor:pointer!important}.rate-info-dialog-icon{width:42px!important;height:42px!important;border-radius:13px!important;display:grid!important;place-items:center!important;margin-bottom:15px!important;background:linear-gradient(135deg,#7c3aed,#2563eb,#06b6d4)!important;color:#fff!important;font-size:20px!important}.rate-info-dialog h3{margin:5px 0 10px!important;color:#fff!important;font-size:20px!important}.rate-info-dialog p{margin:0!important;color:#b9c8df!important;font-size:13px!important;line-height:1.75!important}.rate-info-note{margin-top:16px!important;padding:12px 13px!important;border:1px solid rgba(96,165,250,.16)!important;border-radius:12px!important;background:rgba(37,99,235,.07)!important;color:#91a5c2!important;font-size:11px!important;line-height:1.65!important}.rate-info-open{overflow:hidden!important}
@media(max-width:680px){.country-rate-scroll{margin-left:-2px;width:calc(100% + 4px)}.country-rate-head,.country-rate-row,.country-fallback-card{min-width:720px!important;grid-template-columns:minmax(235px,2fr) repeat(3,minmax(112px,1fr))!important}.country-rate-head{font-size:7px!important}.rate-info-btn{width:17px!important;height:17px!important;min-width:17px!important;font-size:10px!important}.country-rate-row{padding:12px 12px!important}.country-rate-name b{font-size:10px!important}.country-rate-name small{font-size:7px!important}.country-rate-row>strong{font-size:9px!important}.rate-info-dialog{padding:22px!important}}