/* SurfCoins UI 2.0 — camada visual não destrutiva */
.surfcoins-ui-2 :is(.ns-sc-wallet,.ns-sc-public-wallet-container,.psc-wrap){font-family:var(--scui-font);color:var(--scui-text)}
.surfcoins-ui-2 :is(.ns-sc-wallet,.ns-sc-public-wallet-page){--sc-line:color-mix(in srgb,var(--scui-primary) 16%,#dfe8e7);--sc-soft:color-mix(in srgb,var(--scui-primary) 7%,#fff)}
.surfcoins-ui-2 .ns-sc-public-wallet-page{background:linear-gradient(180deg,var(--scui-bg),#fff 82%);padding:28px 18px 60px}
.surfcoins-ui-2 .ns-sc-wallet{max-width:1180px;margin:0 auto}

/* Hero */
.surfcoins-ui-2 .ns-sc-hero{position:relative;overflow:hidden;min-height:126px;padding:28px 30px;border-radius:calc(var(--scui-radius) + 4px);background:linear-gradient(125deg,var(--scui-primary-dark) 0%,var(--scui-primary) 58%,color-mix(in srgb,var(--scui-accent) 82%,var(--scui-primary)) 100%);box-shadow:0 18px 44px rgba(5,74,68,.18);isolation:isolate}
.surfcoins-ui-2 .ns-sc-hero:before{content:"";position:absolute;inset:-90% auto auto 48%;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.08);z-index:-1}
.surfcoins-ui-2 .ns-sc-hero:after{content:"";position:absolute;right:-90px;bottom:-150px;width:320px;height:320px;border:1px solid rgba(255,255,255,.11);border-radius:50%;z-index:-1}
.surfcoins-ui-2 .ns-sc-user{gap:16px}.surfcoins-ui-2 .ns-sc-user img{width:76px!important;height:76px!important;object-fit:cover;border:3px solid rgba(255,255,255,.78);box-shadow:0 7px 20px rgba(0,0,0,.18)}
.surfcoins-ui-2 .ns-sc-user span,.surfcoins-ui-2 .ns-sc-balance span{font-size:12px;letter-spacing:.01em;opacity:.86}
.surfcoins-ui-2 .ns-sc-user h2{font-size:clamp(22px,3vw,29px);letter-spacing:-.025em}.surfcoins-ui-2 .ns-sc-balance strong{font-size:clamp(28px,4vw,39px);letter-spacing:-.035em;line-height:1.06}.surfcoins-ui-2 .ns-sc-balance small{display:block;margin-top:12px;font-size:12px}

/* Superfícies */
.surfcoins-ui-2 :is(.ns-sc-card,.ns-sc-section,.ns-sc-public-card,.ns-sc-balance-mini,.ns-sc-quick-panel,.ns-sc-pix-action-card,.ns-sc-pix-login){border:1px solid var(--sc-line)!important;border-radius:var(--scui-radius)!important;background:var(--scui-surface)!important;box-shadow:var(--scui-shadow)!important}
.surfcoins-ui-2 .ns-sc-grid{gap:18px;margin-top:18px}.surfcoins-ui-2 .ns-sc-card,.surfcoins-ui-2 .ns-sc-section{padding:24px}.surfcoins-ui-2 .ns-sc-section{margin-top:18px}

/* Ações rápidas */
.surfcoins-ui-2 .ns-sc-quick-panel{padding:24px;margin-top:18px}
.surfcoins-ui-2 .ns-sc-quick-heading{align-items:center;margin-bottom:18px}.surfcoins-ui-2 .ns-sc-quick-heading span{color:var(--scui-primary);font-size:11px}.surfcoins-ui-2 .ns-sc-quick-heading strong{font-size:22px;letter-spacing:-.02em}.surfcoins-ui-2 .ns-sc-quick-heading small{color:var(--scui-muted);font-size:13px}
.surfcoins-ui-2 .ns-sc-quick-actions{gap:12px}
.surfcoins-ui-2 .ns-sc-quick-action{min-height:82px;padding:15px;border:1px solid var(--sc-line);border-radius:16px;background:linear-gradient(180deg,#fff,var(--sc-soft));color:var(--scui-text);box-shadow:0 2px 0 rgba(12,81,75,.02);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.surfcoins-ui-2 .ns-sc-quick-action:hover,.surfcoins-ui-2 .ns-sc-quick-action:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--scui-primary) 45%,#fff);box-shadow:0 12px 24px rgba(6,74,68,.11)}
.surfcoins-ui-2 .ns-sc-quick-action.primary,.surfcoins-ui-2 .ns-sc-quick-action.is-pro-feature{background:linear-gradient(135deg,var(--scui-primary-dark),var(--scui-primary));box-shadow:0 8px 18px rgba(5,92,84,.19)}
.surfcoins-ui-2 .ns-sc-quick-icon{width:42px;height:42px;flex-basis:42px;border-radius:14px;background:color-mix(in srgb,var(--scui-primary) 10%,#fff);color:var(--scui-primary);font-size:19px}
.surfcoins-ui-2 .ns-sc-quick-action strong{font-size:15px;line-height:1.2}.surfcoins-ui-2 .ns-sc-quick-action small{font-size:11px;color:var(--scui-muted)}

/* Listas e estatísticas */
.surfcoins-ui-2 .ns-sc-stats{gap:14px}.surfcoins-ui-2 .ns-sc-stats .ns-sc-card{min-height:116px}.surfcoins-ui-2 .ns-sc-stats span{color:var(--scui-muted)}.surfcoins-ui-2 .ns-sc-stats strong{font-size:25px;letter-spacing:-.025em}
.surfcoins-ui-2 .ns-sc-list{gap:8px}.surfcoins-ui-2 .ns-sc-row{padding:14px 15px;border-color:var(--sc-line);border-radius:15px;background:#fff;transition:background .16s ease,transform .16s ease}.surfcoins-ui-2 .ns-sc-row:hover{background:var(--sc-soft);transform:translateX(2px)}
.surfcoins-ui-2 .ns-sc-icon{width:42px;height:42px}.surfcoins-ui-2 .ns-sc-row-main span,.surfcoins-ui-2 .ns-sc-row-main small{color:var(--scui-muted)}

/* Botões e inputs */
.surfcoins-ui-2 :is(.ns-sc-primary-button,.ns-sc-actions button,.ns-sc-qr-card button){border-radius:13px!important;background:linear-gradient(135deg,var(--scui-primary),var(--scui-accent))!important;box-shadow:0 8px 18px rgba(8,125,109,.18);transition:transform .16s ease,filter .16s ease}
.surfcoins-ui-2 :is(.ns-sc-primary-button,.ns-sc-actions button,.ns-sc-qr-card button):hover{transform:translateY(-1px);filter:brightness(.97)}
.surfcoins-ui-2 :is(.ns-sc-transfer-step input,.ns-sc-transfer-step textarea,.psc-field input,.psc-field textarea){border-color:var(--sc-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 1px 0 rgba(0,0,0,.01)}
.surfcoins-ui-2 :is(.ns-sc-transfer-step input,.ns-sc-transfer-step textarea,.psc-field input,.psc-field textarea):focus{outline:3px solid color-mix(in srgb,var(--scui-primary) 18%,transparent)!important;border-color:var(--scui-primary)!important}

/* Modais */
.surfcoins-ui-2 :is(.ns-sc-transfer-dialog,.ns-sc-qr-modal-dialog,.ns-sc-pro-modal-dialog,.psc-cropper-dialog){border-radius:calc(var(--scui-radius) + 2px)!important;box-shadow:0 30px 90px rgba(0,20,18,.32)!important}
.surfcoins-ui-2 :is(.ns-sc-transfer-backdrop,.ns-sc-qr-modal-backdrop,.ns-sc-pro-modal-backdrop){background:rgba(3,32,30,.72)!important;backdrop-filter:blur(8px)}
.surfcoins-ui-2 .ns-sc-modal-close{background:var(--sc-soft);color:var(--scui-text)}

/* Perfil SurfCoins */
.surfcoins-ui-2 .psc-wrap{--psc-primary:var(--scui-primary);--psc-primary-dark:var(--scui-primary-dark);--psc-text:var(--scui-text);--psc-muted:var(--scui-muted);--psc-line:color-mix(in srgb,var(--scui-primary) 16%,#e5e9e8);--psc-bg:var(--scui-bg);max-width:1080px}
.surfcoins-ui-2 .psc-card{border-radius:var(--scui-radius);box-shadow:var(--scui-shadow);border-color:var(--psc-line)}
.surfcoins-ui-2 .psc-profile-header{background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--scui-primary) 7%,#fff))}
.surfcoins-ui-2 .psc-avatar-shell{box-shadow:0 14px 34px color-mix(in srgb,var(--scui-primary) 24%,transparent)}
.surfcoins-ui-2 .psc-button-primary{background:linear-gradient(135deg,var(--scui-primary),var(--scui-accent))}

/* Acessibilidade */
.surfcoins-ui-2 :is(a,button,input,textarea,select):focus-visible{outline:3px solid color-mix(in srgb,var(--scui-accent) 35%,transparent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.surfcoins-ui-2 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Tablets */
@media(max-width:820px){
 .surfcoins-ui-2 .ns-sc-public-wallet-page{padding:18px 12px 46px}
 .surfcoins-ui-2 .ns-sc-hero{padding:24px}.surfcoins-ui-2 .ns-sc-quick-panel{padding:20px}
 .surfcoins-ui-2 .ns-sc-quick-heading{align-items:flex-start}
}

/* Celular */
@media(max-width:600px){
 .surfcoins-ui-2 .ns-sc-wallet{margin:0}.surfcoins-ui-2 .ns-sc-hero{gap:20px;min-height:auto;padding:22px 18px;border-radius:20px}
 .surfcoins-ui-2 .ns-sc-user img{width:64px!important;height:64px!important}.surfcoins-ui-2 .ns-sc-user h2{font-size:22px}
 .surfcoins-ui-2 .ns-sc-balance strong{font-size:30px}.surfcoins-ui-2 .ns-sc-balance small{margin-top:7px}
 .surfcoins-ui-2 .ns-sc-quick-panel{padding:16px;border-radius:18px!important}.surfcoins-ui-2 .ns-sc-quick-heading{margin-bottom:14px}.surfcoins-ui-2 .ns-sc-quick-heading strong{font-size:20px}
 .surfcoins-ui-2 .ns-sc-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .surfcoins-ui-2 .ns-sc-quick-action{min-height:96px;align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.surfcoins-ui-2 .ns-sc-quick-icon{width:38px;height:38px;flex-basis:38px}.surfcoins-ui-2 .ns-sc-quick-action small{white-space:normal;line-height:1.25}
 .surfcoins-ui-2 .ns-sc-card,.surfcoins-ui-2 .ns-sc-section{padding:18px}
 .surfcoins-ui-2 .ns-sc-row{padding:12px}.surfcoins-ui-2 .ns-sc-row-value{max-width:112px}
 .surfcoins-ui-2 .psc-card{padding:18px}
}
@media(max-width:360px){.surfcoins-ui-2 .ns-sc-quick-actions{grid-template-columns:1fr}.surfcoins-ui-2 .ns-sc-quick-action{min-height:72px;flex-direction:row;align-items:center}}