.wpill{display:inline-flex;gap:8px;align-items:center;border:0;border-radius:14px;padding:5px 10px;background:rgba(127,127,127,.14);color:inherit;font:600 12px/1 var(--font-ui);font-variant-numeric:tabular-nums;opacity:.85}
.wpill span+span:before{content:"·";margin-right:8px;opacity:.5}
.wsheet{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center}
.wsheet .wbox{width:100%;max-width:520px;background:var(--card,#1c1c1e);color:inherit;border-radius:16px 16px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:85vh;overflow:auto}
.wbox h3{margin:0 0 4px;font-size:20px}.wbox .wsub{opacity:.6;font-size:13px;margin-bottom:14px;word-break:break-all}
.wbal{display:flex;gap:10px;margin-bottom:14px}.wbal div{flex:1;background:rgba(127,127,127,.12);border-radius:12px;padding:12px}.wbal b{display:block;font-size:22px;font-variant-numeric:tabular-nums}.wbal small{opacity:.6}
.wbox label{display:block;font-size:13px;opacity:.7;margin:10px 0 4px}.wbox select,.wbox input{width:100%;box-sizing:border-box;padding:11px;border-radius:10px;border:1px solid rgba(127,127,127,.3);background:transparent;color:inherit;font:inherit}
.wbtn{display:block;width:100%;border:0;border-radius:12px;padding:13px;margin-top:12px;font:600 16px var(--font-ui);background:#0a84ff;color:#fff}.wbtn.sec{background:rgba(127,127,127,.18);color:inherit}.wbtn.bad{background:#ff453a}
.wpay{border:1px solid rgba(127,127,127,.25);border-radius:12px;padding:12px;margin-top:10px}.wpay .wrow{display:flex;gap:8px}.wpay .wrow .wbtn{margin-top:8px}
.werr{color:#ff453a;font-size:14px;margin-top:8px}
/* honest wallet state */
.w-na{display:flex;flex-direction:column;gap:4px;margin:12px 0;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--txt,#fff) 7%,transparent)}
.w-na b{font-size:16px}.w-na span,.w-warn,.w-blocked{font-size:14px;line-height:1.4}
.w-warn{margin:12px 0;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,#F5A524 16%,transparent);color:#F5C46B}
.w-blocked{flex:1;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--txt,#fff) 6%,transparent)}
.wbtn:disabled{opacity:.45;cursor:not-allowed}
html.desk.dk-light .w-warn{color:#8a5a00}
@media (prefers-color-scheme:light){html:not(.desk) .w-warn{color:#8a5a00}}
/* wallet-key-export */
.w-exp [hidden]{display:none!important}
.w-exp .w-warn{margin:0 0 10px}
.w-key{display:block;word-break:break-all;font:500 13px/1.45 var(--font-mono);padding:12px;border-radius:12px;background:var(--surface-3,rgba(127,127,127,.12));-webkit-user-select:all;user-select:all;margin:8px 0}
/* wallet-agent-limits + encrypted backup */
.w-wrap{flex-wrap:wrap;gap:8px}
.w-ag{align-items:flex-end;border-top:1px solid rgba(127,127,127,.18);padding-top:8px}
.w-ag input.ag-p,.w-ag input.ag-d{max-width:100%}
.w-chk{display:flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}
.w-mini{padding:6px 10px;min-width:0}
.w-sub{margin-top:14px}
@media (max-width:520px){
  .w-ag>span{flex:1 1 40% !important}
  .w-ag>span:first-child{flex:1 1 100% !important}
  .w-wrap>span{flex:1 1 100% !important}
  .w-acts.w-wrap .wbtn{flex:1 1 100%}
}
