/* Email sign-in + Add funds (public/embedwallet.js, lane B 11-07): the site's own sheet (.vb-modal), picker rows (.wp-item) and input rows (.id-row),
   with only what those do not already give. Colours are the theme's tokens; html[data-brand="veil"] picks up veil.css's values for them. */
.ew-box{width:min(480px,100%)}
.ew-lab{display:block;margin:0 0 4px;color:var(--dim);font-size:var(--fs-sm,13px);letter-spacing:.02em}
.ew-step{margin:0 0 var(--sp-3,12px)}.ew-step[hidden],.ew-box [data-step][hidden]{display:none!important}
.ew-step .id-row input{min-width:0;flex:1 1 180px}.ew-step .id-row .btn{flex:0 0 auto}
.ew-code{font:600 20px/1.2 var(--mono,ui-monospace,monospace)!important;letter-spacing:.3em;text-align:center}
.ew-links{margin-top:6px}.ew-link{padding:4px 0;border:0;background:none;color:var(--gold-txt);font:inherit;font-size:var(--fs-sm,13px);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ew-or{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:var(--mute);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.ew-or::before,.ew-or::after{content:'';flex:1;height:1px;background:var(--line)}
.ew-social{margin-bottom:var(--sp-3,12px)}
.ew-st{min-height:1.4em;margin:0 0 var(--sp-2,8px);color:var(--dim);font-size:var(--fs-sm,14px);line-height:1.45}.ew-st.bad{color:var(--red)}
.ew-fine{font-size:13px!important;color:var(--dim)}.ew-fine a{color:var(--gold-txt)}
.ew-sec{padding:12px 0;border-top:1px solid var(--line)}.ew-sec .note{margin:2px 0 10px!important}
.ew-amts{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.ew-amt{min-height:40px;min-width:64px;padding:0 12px;border:1px solid var(--frame,var(--border-strong));border-radius:8px;background:var(--wood,rgba(255,235,200,.04));color:var(--txt);font:600 15px/1 var(--mono,ui-monospace,monospace);cursor:pointer}
.ew-amt:hover{border-color:var(--frame2,var(--gold))}.ew-amt[aria-checked="true"]{border-color:var(--gold);color:var(--gold-txt);box-shadow:inset 0 0 0 1px var(--gold)}
.ew-amt:focus-visible{outline:2px solid var(--ring,var(--focus));outline-offset:2px}
.ew-buy{width:100%;min-height:46px}
.ew-addr{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--ink,rgba(0,0,0,.3))}
.ew-addr code{flex:1;min-width:0;overflow-wrap:anywhere;font:500 12px/1.4 var(--mono,ui-monospace,monospace);color:var(--txt)}.ew-addr .btn{flex:none}
.ew-pre{max-height:180px;overflow:auto;margin:0 0 var(--sp-3,12px);padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--ink,rgba(0,0,0,.3));color:var(--txt);font:12px/1.5 var(--mono,ui-monospace,monospace);white-space:pre-wrap;overflow-wrap:anywhere}
@media (max-width:560px){.ew-step .id-row{flex-direction:column;align-items:stretch}.ew-step .id-row input{flex:0 0 auto;width:100%;min-height:46px}.ew-step .id-row .btn{min-height:46px}.ew-amt{flex:1 1 60px}}
/* ui 1107: the balance line in Add funds sits up top (seen on open, never under the sticky Done bar); "could not be estimated" reads as a note,
   not a value; the fine print's links are ordinary inline links (mobile.css gives .note>a a 32 px box) */
.ew-bal{margin:-2px 0 12px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--ink,rgba(0,0,0,.3));color:var(--txt);font-size:14px}.ew-bal[hidden]{display:none}
html[data-brand] .ew-box .vb-rows b.ew-muted,.ew-box .vb-rows b.ew-muted{color:var(--dim);font:italic 400 13px/1.4 var(--font-ui,system-ui,sans-serif);letter-spacing:0;text-align:right}
.vb-modal .ew-fine>a{display:inline;min-height:0}
