/* Stellar Pay — skin final (visual no padrão Magnus Pay, identidade roxa Stellar)
   Carregado por último. Aplica-se ao tema escuro (padrão). */
:root{--sk-bg:#000;--sk-card:#070707;--sk-card2:#0d0d0d;--sk-line:#1b1b1b;--sk-line2:#262626;--sk-ink:#fff;--sk-mute:#6f6f6f;--sk-dim:#4a4a4a;--sk-acc:#a78bfa;--sk-acc-bg:#120a22;--sk-acc-line:#2a1850;--sk-ok:#5eddA0;--sk-warn:#f5b73a;--sk-bad:#ff6b78}
html,body,button,input,select,textarea{font-family:'Montserrat','DM Sans',system-ui,sans-serif!important}
html[data-theme=dark] body,html[data-theme=dark] .app,html[data-theme=dark] .shell,html[data-theme=dark] .main{background:var(--sk-bg)!important;color:var(--sk-ink)!important}
html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3{font-family:'Montserrat',sans-serif!important;letter-spacing:-.03em!important;font-weight:600!important}

/* cards */
html[data-theme=dark] .section,html[data-theme=dark] .xbox,html[data-theme=dark] .xc,html[data-theme=dark] .xt,html[data-theme=dark] .status-card,html[data-theme=dark] .stat-card,html[data-theme=dark] .spx-card,html[data-theme=dark] .stellar-tools-card,html[data-theme=dark] .ranking-card,html[data-theme=dark] .mobile-list,html[data-theme=dark] .mobile-profile{background:var(--sk-card)!important;border:1px solid var(--sk-line)!important;border-radius:26px!important;box-shadow:none!important}
html[data-theme=dark] .balance-card{background:radial-gradient(circle at 88% 0%,rgba(255,255,255,.05) 0,transparent 42%),#0a0a0a!important;border:1px solid var(--sk-line)!important;border-radius:28px!important;box-shadow:none!important;position:relative;overflow:hidden}
html[data-theme=dark] .balance-label{color:var(--sk-mute)!important;font-size:15px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important}
html[data-theme=dark] .balance{font-weight:700!important;letter-spacing:-.04em!important;color:#fff!important}
html[data-theme=dark] .balance small{color:var(--sk-dim)!important;font-weight:600!important}

/* topo */
html[data-theme=dark] .topbar{background:var(--sk-bg)!important;border:0!important;backdrop-filter:none!important}
html[data-theme=dark] .mobile-kicker{color:var(--sk-mute)!important;font-weight:500!important;font-size:15px!important}
html[data-theme=dark] .greeting h1{font-weight:700!important;letter-spacing:-.045em!important}
html[data-theme=dark] .avatar,html[data-theme=dark] .profile-avatar{border:2px solid var(--sk-line2)!important;background:#161616!important;overflow:hidden}

/* botões */
html[data-theme=dark] .primary,html[data-theme=dark] .transfer-primary,html[data-theme=dark] .cta{background:#fff!important;color:#000!important;border:0!important;border-radius:22px!important;font-weight:700!important;box-shadow:none!important;letter-spacing:-.01em}
html[data-theme=dark] .primary:disabled,html[data-theme=dark] .transfer-primary:disabled{background:#161616!important;color:#3a3a3a!important}
html[data-theme=dark] .secondary,html[data-theme=dark] .ghost,html[data-theme=dark] .link-action{background:var(--sk-card2)!important;color:#d8d8d8!important;border:1px solid var(--sk-line2)!important;border-radius:20px!important;font-weight:600!important;box-shadow:none!important}
html[data-theme=dark] .mobile-statement{background:#101010!important;border:1px solid var(--sk-line2)!important;color:#8a8a8a!important;border-radius:999px!important;font-weight:700!important;letter-spacing:.16em!important;height:62px!important}

/* ações rápidas */
html[data-theme=dark] .action svg,html[data-theme=dark] .action>.sp-icon{background:#121212!important;color:#bdbdbd!important;border-radius:22px!important;width:56px!important;height:56px!important;padding:16px!important}
html[data-theme=dark] .action strong{color:#8a8a8a!important;font-weight:500!important}

/* abas segmentadas (PIX / Interna / Crypto, Todas / Recebidas / Enviadas) */
html[data-theme=dark] .transfer-tabs{background:#070707!important;border:1px solid var(--sk-line)!important;border-radius:24px!important;padding:6px!important}
html[data-theme=dark] .transfer-tab{background:transparent!important;color:#777!important;border:0!important;border-radius:18px!important;font-weight:600!important}
html[data-theme=dark] .transfer-tab.active{background:#fff!important;color:#000!important}
html[data-theme=dark] .transfer-tab.active svg{color:#000!important}

/* campos e teclado */
html[data-theme=dark] .field,html[data-theme=dark] .main input,html[data-theme=dark] .main select,html[data-theme=dark] .main textarea{background:#080808!important;border:1px solid var(--sk-line2)!important;border-radius:22px!important;color:#fff!important}
html[data-theme=dark] .main input:focus,html[data-theme=dark] .main textarea:focus{border-color:var(--sk-acc)!important;outline:0!important;box-shadow:0 0 0 3px rgba(167,139,250,.12)!important}
html[data-theme=dark] .main ::placeholder{color:#444!important}
html[data-theme=dark] .quick-amount,html[data-theme=dark] .xchip{background:#0e0e0e!important;color:#6a6a6a!important;border:0!important;border-radius:999px!important;font-weight:700!important}
html[data-theme=dark] .quick-amount:active,html[data-theme=dark] .quick-amount.active{background:#fff!important;color:#000!important}
html[data-theme=dark] .numeric-key{background:transparent!important;border:0!important;color:#fff!important;font-weight:600!important;font-size:30px!important;box-shadow:none!important}
html[data-theme=dark] .numeric-key:active{background:#111!important;border-radius:20px!important}

/* extrato / lista */
html[data-theme=dark] .tx-icon{background:#121212!important;color:#c8c8c8!important}
html[data-theme=dark] .tx-amount.positive,html[data-theme=dark] .positive{color:var(--sk-warn)!important}
html[data-theme=dark] .badge{border-radius:999px!important;font-weight:600!important;background:transparent!important;padding:0!important}
html[data-theme=dark] .badge.in,html[data-theme=dark] .badge.in-text{color:var(--sk-ok)!important}
html[data-theme=dark] .badge.out,html[data-theme=dark] .badge.out-text{color:var(--sk-bad)!important}

/* menu "Mais" */
html[data-theme=dark] .mobile-list button{color:#e9e9e9!important;font-weight:500!important}
html[data-theme=dark] .mobile-list button svg{background:#121212!important;color:#9a9a9a!important}
html[data-theme=dark] .mobile-more h2{font-size:12px!important;letter-spacing:.1em!important;color:#4d4d4d!important;font-weight:600!important}
html[data-theme=dark] .mobile-list button em{background:#0b2a1e!important;color:var(--sk-ok)!important;font-weight:700!important}
html[data-theme=dark] .mobile-logout{background:#140508!important;border:1px solid #3a0f16!important;color:var(--sk-bad)!important;border-radius:26px!important}

/* avisos (ex.: "Você recebe o valor cheio") com a cor Stellar */
html[data-theme=dark] .notice,html[data-theme=dark] .fee-box{background:var(--sk-acc-bg)!important;border:1px solid var(--sk-acc-line)!important;color:var(--sk-acc)!important;border-radius:22px!important}
html[data-theme=dark] .toggle.on,html[data-theme=dark] .toggle.active{background:#fff!important}

/* barra inferior */
html[data-theme=dark] .mobile-nav{background:rgba(0,0,0,.97)!important;border-top:1px solid var(--sk-line)!important}
html[data-theme=dark] .mobile-nav button{color:#4f4f4f!important;font-weight:500!important}
html[data-theme=dark] .mobile-nav button.active{color:#fff!important;position:relative}
html[data-theme=dark] .mobile-nav button.active:before{content:'';position:absolute;top:-11px;left:50%;width:30px;height:3px;margin-left:-15px;border-radius:0 0 4px 4px;background:#fff}
html[data-theme=dark] .mobile-nav button[data-view=quick]{background:#0d0d0d!important;border:2px solid var(--sk-line2)!important;color:#fff!important;box-shadow:0 0 0 8px #000!important}
html[data-theme=dark] .mobile-nav button[data-view=quick]:before{display:none}
html[data-theme=dark] .mobile-nav button[data-view=quick]:after{border-color:var(--sk-line)!important}
html[data-theme=dark] .mobile-back,html[data-theme=dark] .spx-back{background:#0d0d0d!important;border:1px solid var(--sk-line2)!important;color:#ddd!important}

/* desktop: mesma linguagem visual */
@media(min-width:761px){
html[data-theme=dark] .topbar{border-bottom:1px solid var(--sk-line)!important}
html[data-theme=dark] .sidebar{background:#050505!important;border-right:1px solid var(--sk-line)!important}
html[data-theme=dark] .nav button{color:#7a7a7a!important;border-radius:16px!important;font-weight:600!important}
html[data-theme=dark] .nav button.active{background:#fff!important;color:#000!important}
html[data-theme=dark] .nav button.active svg{color:#000!important}
}