/* Wallet connection: panel, login gate, assets table and the consent window. Tokens of index.html only. */
.wl-panel{margin-bottom:var(--sp-4);}
.wl-on{color:var(--good); font-weight:600;}
.wl-off{color:var(--ink-faint);}
.wl-gate{margin-top:var(--sp-3);}
.wl-assets{margin-bottom:var(--sp-3);}
.wl-fixed{font-weight:600;}
.wl-table{display:grid; gap:var(--sp-2); margin:var(--sp-2) 0;}
.wl-tr{display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1.4fr) minmax(0,1fr) minmax(0,0.8fr) minmax(0,0.9fr) auto; gap:var(--sp-2); align-items:center;}
.wl-tr input{min-width:0; width:100%;}
.wl-th{font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:var(--tracking-caps); color:var(--ink-faint);}
@media (max-width:980px){.wl-tr{grid-template-columns:1fr 1fr;} .wl-th{display:none;}}
.wl-inline{display:inline-flex; gap:var(--sp-2); align-items:center; font-size:var(--fs-sm); color:var(--ink-dim);}
.wl-overlay{position:fixed; inset:0; z-index:1000; background:rgba(0,0,0,.55); display:flex; align-items:center; justify-content:center; padding:var(--sp-4);}
.wl-dialog{background:var(--surface); color:var(--ink); border:1px solid var(--accent); border-radius:var(--r-lg); padding:var(--sp-5); max-width:720px; width:100%; max-height:90vh; overflow:auto; box-shadow:var(--shadow-1);}
.wl-dialog h3{margin:0 0 var(--sp-2); font-family:var(--display);}
.wl-dialog h4{margin:var(--sp-3) 0 var(--sp-1); font-size:var(--fs-sm); color:var(--ink-dim); text-transform:uppercase; letter-spacing:var(--tracking-caps);}
.wl-dialog p{font-size:var(--fs-sm); line-height:var(--lh-snug); color:var(--ink-dim);}
.wl-hash{overflow-wrap:anywhere; flex:1; font-family:var(--mono); font-size:var(--fs-xs);}
.wl-json{max-height:220px; overflow:auto; font-family:var(--mono); font-size:var(--fs-xs); background:var(--surface-2); padding:var(--sp-2); border-radius:var(--r-md); white-space:pre-wrap; overflow-wrap:anywhere;}