/* Robinhood wallet panel (dist/wallet.js): the same panel as the Solana wallet menu. The head, body, account card,
   balance rows, notes, action grid, wallet rows and foot are the .sw-* rules of dist/sol.css (loaded on both chains);
   this file positions the dialog like #sol-wallet, tints it with the Robinhood accent, and styles the switch view's
   signer list, forms and key reveal. Shared Zyper tokens and Geist typography throughout. */
#zyper-wallet-drawer{position:fixed;inset:68px 20px auto auto;margin:0;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 88px);padding:0;border:1px solid var(--z-borderHi);border-radius:10px;background:rgb(var(--z-surface));color:rgb(var(--z-text));box-shadow:var(--z-panel-shadow),0 24px 48px -20px rgb(0 0 0/.85);overflow:hidden;font-family:inherit;font-variant-numeric:tabular-nums}
#zyper-wallet-drawer[open]{display:flex;flex-direction:column;animation:zw-appear .18s ease-out}
#zyper-wallet-drawer::backdrop{background:rgb(var(--z-bg)/.45)}
#zyper-wallet-drawer .sw-head h2 .tip{margin-left:2px}
#zyper-wallet-drawer .sw-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--z-scroll-thumb) transparent}
.zw-content{display:flex;flex-direction:column;gap:10px;min-width:0}
.zw-content>.sw-back{margin-bottom:2px}
.zw-feedback,.zw-notice,.zw-inline-error{font-size:.647059rem;line-height:1.5;border:1px solid var(--z-borderHi);border-radius:6px;padding:7px 10px;margin:0 0 10px;overflow-wrap:anywhere}.zw-feedback:empty,.zw-notice:empty{display:none}.zw-feedback,.zw-inline-error{color:rgb(var(--z-danger));border-color:rgb(var(--z-danger)/.25);background:rgb(var(--z-danger)/.04)}.zw-notice{color:rgb(var(--z-textDim));background:var(--z-surface2)}.zw-inline-error{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0}.zw-inline-error .zw-button{flex-shrink:0;padding:4px 8px;font-size:.588235rem}
/* Buttons: the panel's base button look; variants for danger (Remove, Disconnect) and warn (Lock, Switch network). */
.zw-button{font:inherit;font-size:.705882rem;line-height:1.35;padding:8px 10px;border-radius:6px;border:1px solid var(--z-btn-border);background:var(--z-btn-bg);color:var(--z-btn-text);box-shadow:var(--z-btn-shadow);transition:background .15s ease-out,border-color .15s ease-out}
.zw-button:hover{background:var(--z-btn-hover-bg);border-color:var(--z-btn-hover-border);color:var(--z-btn-hover-text)}.zw-button:active{background:var(--z-btn-active-bg);border-color:var(--z-btn-active-border)}.zw-button:disabled{cursor:wait;opacity:.45}.zw-full{width:100%}
.zw-button.zw-danger,#zyper-wallet-drawer button.danger{background:transparent;color:var(--z-btn-danger-text);border-color:var(--z-btn-danger-border);box-shadow:none}.zw-button.zw-danger:hover{color:var(--z-btn-danger-hover-text);border-color:var(--z-btn-danger-hover-border);background:var(--z-btn-danger-hover-bg)}
.zw-button.zw-warn{background:transparent;color:var(--z-btn-warn-text);border-color:var(--z-btn-warn-border);box-shadow:none}.zw-button.zw-warn:hover{color:var(--z-btn-warn-hover-text);border-color:var(--z-btn-warn-hover-border);background:var(--z-btn-warn-hover-bg)}
#zyper-wallet-drawer .sw-note .zw-button{margin-left:4px;padding:3px 8px;font-size:.647059rem;vertical-align:1px}
/* Switch view: section titles, the signer session line, forms */
.zw-group{display:flex;flex-direction:column;gap:10px;min-width:0}.zw-local{padding-top:10px;border-top:1px solid var(--z-border)}
#zyper-wallet-drawer .zw-group-title{display:flex;align-items:center;gap:4px;margin:0;font-size:.588235rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--z-muted))}
.zw-section{min-width:0}.zw-section h3{display:flex;align-items:center;font-size:.764706rem;font-weight:500;letter-spacing:-.02em;margin:0 0 8px}
#zyper-wallet-drawer .zw-copy,#zyper-wallet-drawer .zw-help,.zw-empty{font-size:.705882rem;line-height:1.5;color:rgb(var(--z-textDim));margin:0 0 8px}
#zyper-wallet-drawer .zw-warning{color:rgb(var(--z-warn))}
.zw-eyebrow,.zw-label,.zw-chip{font-size:.588235rem;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--z-muted))}
.zw-label-row{display:flex;align-items:center;min-width:0}#zyper-wallet-drawer .zw-label{display:inline;margin:0}
#zyper-wallet-drawer .zw-help{font-size:.588235rem;line-height:1.5;margin:0 0 0 auto;padding-left:10px;display:inline;text-align:right}
.zw-form{display:flex;flex-direction:column;gap:8px;margin-top:0}#zyper-wallet-drawer .zw-field{display:flex;flex-direction:column;gap:4px;margin:0}
#zyper-wallet-drawer .zw-field input{font:inherit;font-size:.705882rem;padding:8px 10px;width:100%;margin:0;min-width:0;background:var(--z-input-bg);border:1px solid var(--z-input-border);border-radius:6px;color:rgb(var(--z-text))}
.zw-field input::placeholder{color:var(--z-placeholder)}
.zw-command{display:block;white-space:normal;overflow-wrap:anywhere;background:var(--z-input-bg);border:1px solid var(--z-border);padding:8px 10px;border-radius:6px;font:inherit;font-size:.647059rem;line-height:1.7;color:rgb(var(--z-accent));margin:0 0 8px}
.zw-session{display:flex;align-items:center;justify-content:space-between;padding:0 0 8px;border-bottom:1px solid var(--z-border);margin:0 0 8px}.zw-countdown{color:rgb(var(--z-accent));font-size:.764706rem}.zw-time-warn{color:rgb(var(--z-warn))}
/* Wallet rows (browser wallet card, signer wallets): the .sw-wallet row shape with a radio, label, address and actions */
.zw-wallet-list{display:flex;flex-direction:column;gap:6px}
.zw-wallet{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;border:1px solid var(--z-panel-border);background:var(--z-panel-bg);border-radius:8px;padding:8px 10px}.zw-wallet.zw-selected{border-color:rgb(var(--z-accent)/.4)}
#zyper-wallet-drawer .zw-choice{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer;flex:1 1 8rem;min-width:0}#zyper-wallet-drawer .zw-choice input{width:.85rem;height:.85rem;flex-shrink:0;margin:0;accent-color:rgb(var(--z-accent))}
.zw-identity{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.zw-identity strong{display:block;min-width:0;font-size:.764706rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zw-chip{font-size:.529412rem;letter-spacing:.12em;padding:2px 5px;border:1px solid var(--z-border);border-radius:4px;flex-shrink:0}
.zw-wallet-controls{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:0 0 0 auto;flex-shrink:0}.zw-wallet-controls .zw-button{font-size:.588235rem;padding:4px 7px}.zw-wallet-controls .zw-copy{margin:0;color:rgb(var(--z-textDim));border-color:var(--z-ghost-border);background:transparent;box-shadow:none}
.zw-net{display:inline-flex;align-items:center;gap:4px;font-size:.588235rem;color:rgb(var(--z-success));white-space:nowrap}.zw-net::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.zw-net.zw-net-bad{color:rgb(var(--z-warn))}
/* Key reveal, import, confirmations */
.zw-recovery{margin:2px 0;padding:10px;border:1px solid rgb(var(--z-danger)/.45);border-radius:8px;background:rgb(var(--z-danger)/.06)}.zw-recovery>strong{font-size:.764706rem}.zw-private-key{display:block;margin:8px 0;padding:6px 8px;border-radius:5px;background:var(--z-surface3);color:rgb(var(--z-text));font-size:.588235rem;line-height:1.5;word-break:break-all;user-select:all}
.zw-import{border-top:1px solid var(--z-border);margin-top:4px;padding-top:8px}.zw-import .zw-form{margin-top:8px}.zw-import summary{font-size:.705882rem;cursor:pointer;color:rgb(var(--z-textDim));padding:2px 0}.zw-import[open] summary{color:rgb(var(--z-text))}#zyper-wallet-drawer .zw-import-warning{font-size:.647059rem;line-height:1.5;color:rgb(var(--z-warn));margin:0}
.zw-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.zw-actions>.zw-button{flex:1}.zw-group .zw-actions{margin-top:0}
#zyper-wallet-drawer .zw-confirm-address{font-size:.647059rem;line-height:1.5;margin:0;overflow-wrap:anywhere;padding:8px 10px;background:var(--z-surface2);border-radius:6px;color:rgb(var(--z-textDim))}
/* Header wallet button */
.zw-dot,.zw-header-dot{display:inline-block;width:.32rem;height:.32rem;border-radius:50%;background:rgb(var(--z-accent));flex-shrink:0}.wallet-button .zw-header-dot{margin:0 .45rem 0 0;background:rgb(var(--z-muted))}.wallet-button.zw-has-wallet .zw-header-dot{background:rgb(var(--z-accent))}.wallet-button .zw-header-address{margin:0;color:inherit;letter-spacing:0}
.wallet-button.zw-browser.zw-has-wallet .zw-header-dot{background:rgb(var(--z-success))}.wallet-button.zw-wrong-chain .zw-header-dot,.wallet-button.zw-browser.zw-wrong-chain .zw-header-dot{background:rgb(var(--z-warn))}
/* Opacity only: a transform would make the dialog the containing block for the fixed (?) bubble. */
@keyframes zw-appear{from{opacity:0}to{opacity:1}}
@media(max-width:850px){#zyper-wallet-drawer{inset:64px 12px auto auto}}
@media(max-width:550px){.wallet-button{font-size:.62rem}.wallet-button::before{content:none}.wallet-button .zw-header-address{display:inline}.wallet-button .zw-header-dot{display:inline-block}#zyper-wallet-drawer{inset:auto 0 0 0;width:100%;max-width:100%;max-height:85dvh;border-radius:12px 12px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}}
@media(prefers-reduced-motion:reduce){#zyper-wallet-drawer[open]{animation:none}#zyper-wallet-drawer *{transition:none!important}}
/* Local signer usage, last 24 h (dist/signer-usage.js), in the Robinhood and Solana wallet panels. */
.sw-usage{margin-top:10px}.sw-usage-head{margin:0 0 2px;font-size:.588235rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--z-muted))}.sw-usage .sw-balances b{font-variant-numeric:tabular-nums}
/* Zyper trading wallet (dist/tw-panel.js): header tag of the active signer, the panel section, the consent ticks */
.wallet-button .zw-header-tag{margin-left:.4rem;padding:1px 5px;border-radius:4px;font-size:.52rem;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--z-muted));background:var(--z-surface3)}.wallet-button.zw-derived .zw-header-tag{color:rgb(var(--z-accent))}.wallet-button.zw-derived.zw-has-wallet .zw-header-dot{background:rgb(var(--z-accent))}
.sw-tw{margin-top:12px;padding-top:10px;border-top:1px solid var(--z-border)}.sw-tw.sw-tw-active{margin-top:0;padding-top:0;border-top:0}.sw-tw-title{display:flex;align-items:center;gap:4px;margin:0 0 6px;font-size:.705882rem;font-weight:600}
.sw-consent{display:grid;gap:6px;margin:6px 0 10px}.sw-check{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;font-size:.647059rem;line-height:1.35;color:rgb(var(--z-text));cursor:pointer}.sw-check input{margin-top:2px}
.sw-full{width:100%}
.sw-limit{display:grid;grid-template-columns:1fr 8.5rem;gap:8px;align-items:center;font-size:.647059rem;color:rgb(var(--z-text))}.sw-reveal.sw-limits{border-color:var(--z-border);background:none}.sw-limits .sw-actions{margin-top:2px}
@media(max-width:550px){.wallet-button .zw-header-tag{display:none}}
/* Wallet names (dist/wallet-names.js): the name beside each wallet, its ✎ rename button and inline input, the list search */
.wallet-button .zw-header-name{max-width:9rem;margin-right:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
@media(max-width:550px){.wallet-button .zw-header-name{max-width:5.5rem}}
.wn-name{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%}.wn-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wn-none{color:rgb(var(--z-muted));font-style:italic}
.wn-edit{flex-shrink:0;padding:0 5px!important;min-height:0;line-height:1.5;font-size:.7rem!important;border:1px solid transparent!important;border-radius:4px;background:transparent!important;box-shadow:none!important;color:rgb(var(--z-muted))!important;cursor:pointer}
.wn-edit:hover,.wn-edit:focus-visible{color:rgb(var(--z-text))!important;border-color:var(--z-ghost-border,var(--z-border))!important}
.wn-editor{display:inline-flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 9rem}
.wn-input{width:100%;min-width:0;padding:3px 6px;font:inherit;font-size:.705882rem;color:rgb(var(--z-text));background:var(--z-surface3,transparent);border:1px solid rgb(var(--z-accent)/.6);border-radius:5px;outline:none}
.wn-error{color:rgb(var(--z-danger,var(--z-warn)));font-size:.588235rem}
.wn-account{display:flex!important;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}.wn-account .wn-name{max-width:100%}.wn-addr{color:rgb(var(--z-muted));font-weight:400;font-size:.647059rem}
.wn-row{display:flex;align-items:center;gap:4px}.wn-row .sw-wallet{flex:1;min-width:0}.wn-row>.sw-glyph{width:22px;height:22px;border-radius:6px;flex:0 0 22px;display:grid;place-items:center;background:var(--z-surface3)}.wn-row>small{color:rgb(var(--z-muted));font-size:.588235rem}
.wn-filter{width:100%;margin:0 0 8px;padding:6px 8px;font:inherit;font-size:.705882rem;color:rgb(var(--z-text));background:var(--z-panel-bg);border:1px solid var(--z-panel-border);border-radius:6px}
.cr-wallet-name{margin-right:6px;font-weight:600;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}