/* WALLETS and its money keys (office-account.js renderHolderWallets, office-wallets.js): the approved money design set
   (owner approval, 26 Oct 2026; comps wallets-*, topup-*, deposit-* and wd-*) at 1440 px and on a 390 px phone. One
   riveted panel: the table, then LINK A WALLET beside KEEP IT WHERE IT IS. Below 1240 px (a tablet, a phone) each
   wallet's group of rows is its own riveted card (a grid). The dialog for DEPOSIT, WITHDRAW and TOP UP sits on the
   office's riveted plate (the panel frame of office-chrome.css, like the locked key's dialog), centred on a computer and
   a full sheet on a phone. Faces only through the office tokens; frames and keys are the site's deck art. */
.qo-wallets{--qw-line:#294a36;--qw-pale:#d0ecdb;--qw-grey:#98a59d;--qw-amber:#ffc531}
.qo-wallets-panel{padding:18px 14px 14px}
.qo .qo-wallets-panel>h2{margin:0;padding:12px 0 18px;border-bottom:1px solid var(--qw-line);color:var(--o-green);font-size:clamp(34px,3.85vw,55px);line-height:1}
.qo-w-wrap{overflow-x:auto}
.qo-wtable{width:100%;border-collapse:collapse;white-space:nowrap;font-size:18px;overflow-wrap:normal;word-break:normal}
.qo-wtable thead th{padding:20px 7px 18px;border-bottom:1px solid var(--qw-line);font:700 17px/1 var(--o-display);letter-spacing:.02em;color:var(--qw-pale);text-align:left}
.qo-wtable thead td{border-bottom:1px solid var(--qw-line)}
.qo-wtable :is(thead,tfoot) .qo-w-sol,.qo-wtable :is(thead,tfoot) .qo-w-quit,.qo-wtable .qo-w :is(.qo-w-sol,.qo-w-quit){text-align:right}
.qo-wtable thead .qo-th-never{text-align:center}
.qo-wtable thead .qo-th-lowest{min-width:6.2em;max-width:7.2em;white-space:normal;line-height:1.15;text-align:right}
.qo-wtable .qo-w>tr>*{padding:16px 7px;border-bottom:1px solid var(--qw-line);text-align:left;vertical-align:middle}
.qo-wtable .qo-w>tr:first-child>th{padding-top:20px;padding-bottom:12px}
.qo-wtable .qo-w>tr.qo-w-usdc>td{padding:0 0 10px;border-top:0}
.qo-wtable .qo-w:has(.qo-w-usdc)>tr:first-child>*{border-bottom:0}
/* The name: a linked wallet's mark and name in pale capitals, the email wallet's an orange plate; under it the contact and
   what the wallet is used for. */
.qo-wtable .qo-wallet-name{display:flex;align-items:center;gap:8px;font:700 21px/1 var(--o-display);color:var(--qw-pale)}
.qo-wtable .qo-default-wallet .qo-wallet-name{width:max-content;min-width:188px;min-height:44px;padding:4px 16px 6px 13px;border:0 solid transparent;border-image:url(/runtime/quit/deck-art/key-orange.webp) 22 24 34 fill/9px 11px 12px stretch;font-size:19px;color:#160b00}
.qo-wtable .qo-wallet-name .qa-wallet-mark{width:22px;height:22px}
.qo-wtable th small{display:block;margin-top:6px;font:400 13.5px/1.3 var(--o-body);color:var(--o-ink)}
.qo-wtable th small.qo-w-use{margin-top:7px;font:700 13.5px/1 var(--o-display);letter-spacing:.06em;color:var(--qw-grey)}
.qo-wtable th small.qo-w-contact+small.qo-w-use{margin-top:6px}
/* a long login email wraps at the plate's width (before its @, office-account.js) instead of widening the WALLET column */
.qo-wtable th small.qo-w-contact{max-width:188px;white-space:normal;overflow-wrap:anywhere}
.qo-wtable .qo-w-address{font:400 18px/1 var(--o-body);color:var(--o-ink)}
.qo-wtable .qo-w-address abbr{text-decoration:none}
.qo-wtable .qo-w :is(.qo-w-sol,.qo-w-quit){font:400 18.5px/1 var(--o-body);color:var(--o-ink)}
.qo-wtable .qo-w-never{text-align:center!important;font:700 22px/1 var(--o-display)}
.qo-wtable .qo-w-never[data-never="YES"]{color:var(--o-green)}
.qo-wtable .qo-w-never[data-never="NO"]{color:var(--o-red)}
.qo-wtable .qo-w-lowest{text-align:right!important;font:400 17px/1 var(--o-body);color:var(--o-ink)}
.qo-wtable .qo-w-lowest:is([data-lowest="none"],[data-lowest="unknown"]),.qo-wtable [data-state="unknown"]{color:#8fb3a1;text-transform:uppercase}
/* The keys: TOP UP orange, DEPOSIT and WITHDRAW steel, each a fixed width so a linked wallet's DEPOSIT stands under the
   email wallet's. The figures keep their whole line; where a wallet's figures leave the keys too little room (a real
   balance carries up to six decimals), the keys go on to a second line rather than past the panel. */
.qo-wtable .qo-w-keys{padding-right:0!important;text-align:right!important;white-space:normal}
/* the keys' 3 px above and below (the gap between two lines of keys) come out of the cell's padding, so one line of keys
   keeps the row's height */
.qo-wtable .qo-w>tr>.qo-w-keys{padding-block:13px}
.qo-wtable .qo-w-keys .qo-key{width:106px;min-height:46px;margin:3px 0 3px 8px;padding:4px 5px 6px;font-size:18.5px;line-height:1;letter-spacing:.02em;white-space:nowrap}
.qo-wtable .qo-w-keys .qo-key--orange{width:100px}
.qo-wtable .qo-w-keys--one .qo-key{margin-right:114px}
/* USDC from a card (comp wallets-usdc-desktop): a lit strip joined to the email wallet's row. */
.qo-usdc{display:flex;align-items:center;gap:18px;min-height:55px;padding:6px 8px 6px 16px;border:2px solid #17e383;border-radius:3px;background:#00140b;box-shadow:inset 0 0 14px #00ed8022,0 0 8px #00ed8026}
.qo-usdc>strong{flex:none;font:700 21px/1 var(--o-display);letter-spacing:.03em;color:var(--o-green)}
.qo-usdc>p{flex:1 1 auto;margin:0;font:400 15px/1.3 var(--o-body);color:var(--o-ink);text-align:center;white-space:normal}
.qo-usdc>.qo-key{flex:none;width:192px;min-height:36px;margin-left:auto;padding:3px 8px 5px;font-size:16.5px;letter-spacing:.03em}
.qo-wtable tfoot :is(th,td){padding:20px 7px 19px;border-top:3px solid #4d7055;border-bottom:1px solid var(--qw-line);font:700 32px/1 var(--o-display);color:var(--o-green);text-align:left}
.qo-wtable tfoot td:empty{padding:0}
/* a long TOTAL (six decimals) keeps to about the width of its column's figures instead of widening the table: at most
   150 px wide by its width in em (--qw-em, office-account.js), at most the comps' 32 px (a figure like 6,240,118) */
.qo-wtable tfoot :is(.qo-w-sol,.qo-w-quit)[style]{font-size:min(32px,calc(150px / var(--qw-em)))}
/* LINK A WALLET and its line on the left, KEEP IT WHERE IT IS on the right. */
.qo-w-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,489px);gap:24px;align-items:start;margin-top:15px}
.qo-w-foot .qo-link-wallet{min-width:321px;min-height:66px;margin-top:12px;font-size:25px;letter-spacing:.02em}
.qo .qo-w-foot .qo-link-note{margin-top:14px;font-size:17.5px;line-height:1.35}
.qo-wallets .qo-keep{padding:16px 22px 17px;border:2px solid var(--qw-amber);border-radius:3px;background:#020a05;box-shadow:inset 0 0 0 1px #000}
.qo-wallets .qo-keep h3{margin:0 0 15px;padding-bottom:12px;border-bottom:2px solid #6b643c;font:700 30px/1 var(--o-pixel);color:var(--qw-amber)}
.qo-wallets .qo-keep p{font-size:18px;line-height:1.6;color:var(--o-ink)}

@media(min-width:761px) and (max-width:1300px){
 .qo-wtable .qo-w-keys .qo-key{width:auto;min-width:96px;padding-inline:10px;font-size:16px}
 .qo-wtable .qo-w-keys--one .qo-key{margin-right:0}
 .qo-w-foot{grid-template-columns:minmax(0,1fr)}
}

/* ------------------------------------------------------------------------------------------- WALLETS as cards */
/* Below 1240 px the seven columns cannot keep every key on the panel (a tablet's rail, a real balance's six decimals),
   so each wallet's group of rows is its own riveted card, as the phone comp draws it: one a row on a phone, two where
   there is room. */
@media(max-width:1239px){
 .qo-w-wrap{overflow:visible}
 .qo-wtable,.qo-wtable tfoot{display:block;font-size:16px}
 /* a card's text wraps where a wider face would run past it (the served face sets every line whole), a figure as a last
    resort anywhere; keys stay on one line */
 .qo-wtable :is(.qo-w,tfoot){white-space:normal}
 .qo-wtable :is(.qo-w,tfoot) :is(.qo-w-sol,.qo-w-quit){overflow-wrap:anywhere}
 .qo-wtable .qo-w-keys .qo-key{white-space:nowrap}
 .qo-wtable thead{display:none}
 .qo-wtable tbody.qo-w{container:qw-card/inline-size;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"name addr" "contact use" "sol quit" "usdc usdc" "never never" "lowest lowest" "keys keys";margin:0 0 9px;padding:14px 13px 13px;border:9px solid transparent;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/17.6px 20px stretch}
 .qo-wtable tbody.qo-w::after{content:"";position:absolute;z-index:-1;inset:0;border-radius:8px;background:var(--o-screen);box-shadow:inset 0 0 0 2px var(--o-rim),inset 0 0 0 3px #000,inset 0 4px 10px #000;pointer-events:none}
 .qo-wtable .qo-w>tr,.qo-wtable .qo-w>tr>th{display:contents}
 .qo-wtable .qo-w>tr>td{display:block;padding:0;border:0}
 .qo-wtable .qo-wallet-name{grid-area:name;align-self:center;font-size:19px}
 .qo-wtable .qo-default-wallet .qo-wallet-name{min-width:149px;min-height:37px;padding:3px 14px 5px 12px;font-size:17px}
 .qo-wtable .qo-w-address{grid-area:addr;align-self:center;text-align:right!important;font-size:17px}
 .qo-wtable th small.qo-w-contact{grid-area:contact;margin:10px 0 0;font-size:13.5px}
 .qo-wtable th small.qo-w-use{grid-area:use;margin:10px 0 0;text-align:right;font:400 14.5px/1.3 var(--o-body);letter-spacing:0;color:var(--qw-grey)}
 .qo-wtable .qo-w:not(.qo-default-wallet) th small.qo-w-use{grid-column:1/-1;text-align:left}
 /* the two balances side by side under a rule, a rule between them */
 .qo-wtable .qo-w :is(.qo-w-sol,.qo-w-quit){margin-top:14px;padding:12px 0 12px 4px!important;border-top:2px solid #2e4a38!important;border-bottom:2px solid #2e4a38!important;text-align:left!important;font:700 clamp(24px,8vw,31px)/1 var(--o-display);color:var(--o-green)}
 /* a figure fits its half of the card on one line: its size is that half over its width in em (--qw-em,
    office-account.js), at most the comps' size */
 .qo-wtable .qo-w :is(.qo-w-sol,.qo-w-quit)[style]{font-size:min(clamp(24px,8vw,31px),calc((50cqi - 17px) / var(--qw-em)))}
 .qo-wtable .qo-w .qo-w-sol{grid-area:sol;padding-left:4px!important}
 .qo-wtable .qo-w .qo-w-quit{grid-area:quit;padding-left:13px!important;box-shadow:inset 2px 0 #2e4a38}
 .qo-wtable .qo-w :is(.qo-w-sol,.qo-w-quit)::before{content:attr(data-label);display:block;margin-bottom:7px;font:700 15px/1 var(--o-display);letter-spacing:.03em;color:var(--qw-pale);text-transform:none}
 .qo-wtable .qo-w>tr.qo-w-usdc>td{grid-area:usdc;padding:0;margin-top:2px}
 .qo-wtable .qo-w :is(.qo-w-never,.qo-w-lowest){display:flex!important;flex-wrap:wrap;align-items:baseline;gap:6px 18px;padding:12px 4px!important;border-bottom:2px solid #2e4a38!important;text-align:left!important}
 .qo-wtable .qo-w .qo-w-never{grid-area:never;font-size:19px}
 .qo-wtable .qo-w .qo-w-lowest{grid-area:lowest;font:400 15px/1.2 var(--o-body)}
 .qo-wtable .qo-w :is(.qo-w-never,.qo-w-lowest)::before{content:attr(data-label);flex:0 1 auto;font:700 15.5px/1 var(--o-display);letter-spacing:.03em;color:var(--qw-pale);text-transform:none}
 .qo-wtable .qo-w-keys{grid-area:keys;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:auto;margin-top:11px;padding:0!important}
 .qo-wtable .qo-w-keys .qo-key{width:auto;min-width:0;min-height:43px;margin:0;padding:3px 4px 5px;font-size:17px}
 .qo-wtable .qo-w-keys--one{grid-template-columns:minmax(0,1fr)}
 .qo-wtable .qo-w-keys--one .qo-key{margin:0}
 .qo-wtable .qo-wallet-taken .qo-w-keys,.qo-wtable .qo-wallet-taken :is(.qo-w-sol,.qo-w-quit,.qo-w-never,.qo-w-lowest){display:none!important}
 .qo-usdc{flex-direction:column;align-items:stretch;gap:0;padding:12px 10px 10px;border-radius:2px}
 .qo-usdc>strong{padding:0 8px 11px;border-bottom:2px solid #1e5a3c;font-size:19px}
 .qo-usdc>.qo-key{order:2;width:100%;min-height:48px;margin-top:10px;font-size:22px}
 .qo-usdc>p{order:3;margin-top:9px;font-size:12px;line-height:1.35}
 .qo-wtable tfoot{container-type:inline-size}
 .qo-wtable tfoot tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"total total" "sol quit";padding:14px 6px 12px;border-top:3px solid #4d7055;border-bottom:1px solid var(--qw-line)}
 .qo-wtable tfoot :is(th,td){display:block;padding:0;border:0;font-size:25px}
 .qo-wtable tfoot :is(.qo-w-sol,.qo-w-quit)[style]{font-size:min(25px,calc((50cqi - 22px) / var(--qw-em)))}
 .qo-wtable tfoot th{grid-area:total;margin-bottom:12px}
 .qo-wtable tfoot .qo-w-sol{grid-area:sol;text-align:left!important}
 .qo-wtable tfoot .qo-w-quit{grid-area:quit;padding-left:13px;text-align:left!important}
 .qo-wtable tfoot :is(.qo-w-sol,.qo-w-quit)::before{content:attr(data-label);display:block;margin-bottom:7px;font:700 15px/1 var(--o-display);color:var(--qw-pale)}
 .qo-wtable tfoot td:empty{display:none}
 .qo-wtable{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));column-gap:12px;row-gap:9px;align-items:start}
 .qo-wtable tbody.qo-w{margin:0}
 .qo-wtable tfoot{grid-column:1/-1}
 /* a long login email wraps inside its half of the card (before its @, office-account.js), never under BUYS AND PAYOUTS */
 .qo-wtable th small.qo-w-contact{min-width:0;max-width:none}
}

/* A narrow phone: under 290 px inside the card (a 375, 360 or 320 px phone) three keys in a row would run their labels
   over the keys' bezels, so TOP UP takes its own line above DEPOSIT and WITHDRAW, every label at its size; under 250 px
   (a 320 px phone) the plate, the names and the address go a size down so the address stays clear of the plate. */
@container qw-card (max-width:289px){
 .qo-wtable .qo-w-keys:not(.qo-w-keys--one){grid-template-columns:repeat(2,minmax(0,1fr))}
 .qo-wtable .qo-w-keys .qo-key--orange{grid-column:1/-1}
}
@container qw-card (max-width:250px){
 .qo-wtable .qo-wallet-name{font-size:17px}
 .qo-wtable .qo-default-wallet .qo-wallet-name{min-width:0;padding:3px 10px 5px 9px;font-size:15px}
 .qo-wtable .qo-w-address{font-size:15.5px}
}

/* ------------------------------------------------------------------------------------------- WALLETS on a phone */
@media(max-width:760px){
 .qo-wallets-panel{padding:16px 9px 10px}
 .qo .qo-wallets-panel>h2{padding:8px 6px 18px;border:0;font-size:29px}
 .qo-w-foot{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:6px}
 .qo-w-foot .qo-link-wallet{width:100%;min-width:0;min-height:58px;margin-top:8px;font-size:21px}
 .qo .qo-w-foot .qo-link-note{font-size:15.5px}
 .qo-wallets .qo-keep{padding:14px 14px 14px}
 .qo-wallets .qo-keep h3{font-size:24px}
 .qo-wallets .qo-keep p{font-size:15.5px;line-height:1.6}
 .qo-wtable{display:block}
 .qo-wtable tbody.qo-w{margin:0 0 9px}
}

/* ------------------------------------------------------------------------------------------- the dialog */
.qo-wm{--qw-pale:#d0ecdb;--qw-grey:#83847e;--qw-amber:#ffc531;box-sizing:border-box;width:min(600px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;background:none;color:var(--o-ink);overflow:auto;overscroll-behavior:contain}
.qo-wm::backdrop{background:#010805db}
.qo-wm[data-kind="withdraw"][data-step="review"]{width:min(651px,calc(100vw - 48px))}
.qo-wm[data-kind="withdraw"][data-step="details"]{width:min(587px,calc(100vw - 48px))}
.qo-wm .qo-wm__plate{position:relative;padding:22px 21px 22px}
.qo-wm[data-busy] .qo-wm__plate{cursor:progress}
.qo-wm :is(h2,h3,p,dl,dd,ol,fieldset,legend){margin:0;padding:0}
.qo-wm fieldset{border:0;min-width:0}
/* CLOSE, small and steel, at the top right */
.qo-wm .qo-wm__close{position:absolute;z-index:2;top:16px;right:18px;min-height:40px;padding:3px 16px 5px;font-size:17px;letter-spacing:.04em}
.qo .qo-wm .qo-wm__title{margin:0 0 14px;font-size:62px;line-height:.92;color:var(--o-orange);text-shadow:3px 4px #000;overflow-wrap:normal}
.qo .qo-wm .qo-wm__title:focus{outline:none}
.qo .qo-wm .qo-wm__title--green{color:var(--o-green);text-shadow:0 0 18px #00ed8030,3px 4px #000}
.qo-wm .qo-wm__label{font:700 18px/1 var(--o-display);letter-spacing:.03em;color:var(--qw-pale)}
/* the wallet: its tag (the email wallet's orange plate, a linked wallet's steel one) and its short address */
.qo-wm .qo-wm__who{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin:0 0 18px}
.qo-wm .qo-wm__tag{display:inline-flex;align-items:center;justify-content:center;min-width:184px;min-height:46px;padding:4px 18px 6px;border:0 solid transparent;border-image:url(/runtime/quit/deck-art/key-orange.webp) 22 24 34 fill/9px 11px 12px stretch;font:700 19.5px/1 var(--o-display);letter-spacing:.02em;color:#160b00}
.qo-wm .qo-wm__tag--linked{border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/10px 12px stretch;color:var(--qw-pale)}
.qo-wm .qo-wm__addr{font:400 20px/1 var(--o-body);color:var(--o-ink);text-decoration:none}
/* the step chips (the funnel's): a box each, its round mark over its word; done green with a check, current orange */
.qo-wm .qo-wm__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:46px 0 14px;padding:0 0 12px;border-bottom:2px solid #1d2b23;list-style:none}
.qo-wm .qo-wm__steps li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:84px;padding:6px 4px 8px;border:2px solid #4c5751;border-radius:2px;background:#010b06;color:var(--qw-grey);font:700 19.5px/1 var(--o-display);letter-spacing:.06em;text-align:center}
.qo-wm .qo-wm__steps i{flex:none;display:grid;place-items:center;width:36px;height:36px;border:3px solid currentColor;border-radius:50%;font:700 21px/1 var(--o-display);font-style:normal;letter-spacing:0}
.qo-wm .qo-wm__steps b{font-weight:inherit;white-space:nowrap}
.qo-wm .qo-wm__steps .is-current{border-color:var(--o-orange);background:#0c0602;box-shadow:inset 0 0 14px #ff610b33,0 0 10px #ff610b26;color:var(--o-orange)}
.qo-wm .qo-wm__steps .is-done{border-color:#12a862;color:var(--o-green)}
.qo-wm .qo-wm__steps .is-done i{border-color:var(--o-green);background:var(--o-green)}
.qo-wm .qo-wm__steps .is-done i::before{content:"";width:13px;height:7px;margin-top:-4px;border-left:4px solid #021a0d;border-bottom:4px solid #021a0d;transform:rotate(-45deg)}
.qo-wm .qo-wm__steps .is-done.is-current{border-color:var(--o-green);background:#00140b;box-shadow:inset 0 0 14px #00ed8040,0 0 12px #00ed8040}
/* the dark screens: YOUR WALLET, a send's or a convert's figure, in a riveted frame */
.qo-wm .qo-wm__screen{position:relative;isolation:isolate;padding:10px 20px 14px;border:13px solid transparent;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/13px 14px stretch}
.qo-wm .qo-wm__screen::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:7px;background:#000b06;box-shadow:inset 0 0 0 2px #1a3326,inset 0 4px 12px #000;pointer-events:none}
.qo-wm .qo-wm__balance>strong{display:block;font:700 24px/1 var(--o-display);letter-spacing:.04em;color:var(--o-orange)}
.qo-wm .qo-wm__balance>output{display:block;margin-top:9px;font:700 46px/1 var(--o-display);color:var(--o-green);text-shadow:0 0 10px #00ed8055;white-space:nowrap}
.qo-wm .qo-wm__balance>output:empty{display:none}
.qo-wm .qo-wm__balance>b{display:block;margin-top:9px;font:700 24px/1 var(--o-display);letter-spacing:.04em;color:#f9c31b}
.qo-wm .qo-wm__line{font:400 18px/1.45 var(--o-body);color:var(--o-ink)}
.qo-wm .qo-wm__msg{margin-top:10px;font:400 16px/1.4 var(--o-body);color:var(--o-red)}
.qo-wm .qo-wm__msg:empty{display:none}
.qo-wm .qo-wm__main{width:100%;min-height:62px;margin-top:16px;padding:6px 12px 9px;font-size:30px;letter-spacing:.04em}
.qo-wm .qo-wm__keys{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:18px;margin-top:16px}
.qo-wm .qo-wm__keys .qo-key{min-height:62px;margin:0;font-size:29px;letter-spacing:.04em}
.qo-wm a.qo-key--orange{color:#160b00}
.qo-wm input:not([type="checkbox"]){width:100%;min-width:0;border:0;border-image:none;background:none;box-shadow:none;padding:0;color:var(--o-ink)}
.qo-wm input:focus{outline:none}
.qo-wm .qo-wm__field{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;min-height:48px;padding:3px 14px;border:2px solid #39463f;border-radius:3px;background:#000a05;box-shadow:inset 0 2px 6px #000}
.qo-wm .qo-wm__field:focus-within{border-color:#8fb8a0;box-shadow:inset 0 2px 6px #000,0 0 0 2px #fff0ad55}
.qo-wm .qo-wm__field:has([aria-invalid="true"]){border-color:var(--o-red)}
.qo-wm .qo-wm__unit{flex:none;font:700 21px/1 var(--o-display);color:#9aa49e}
.qo-wm .qo-wm__row{display:flex;align-items:stretch;gap:13px}
.qo-wm .qo-wm__row>.qo-key{flex:none;min-width:99px;min-height:48px;padding:3px 12px 5px;font-size:22px;letter-spacing:.04em}

/* DEPOSIT (comps deposit-desktop and deposit-phone) */
.qo-wm[data-kind="deposit"] .qo-wm__title{margin-top:4px}
.qo-wm .qo-wm__sub{margin:0 0 18px;font:700 31px/1 var(--o-display);letter-spacing:.02em;color:var(--o-orange)}
.qo-wm .qo-wm__send{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;margin-bottom:16px}
.qo-wm .qo-wm__qr{padding:2px;border:12px solid transparent;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/12px 13px stretch}
.qo-wm .qo-wm__qr img{display:block;width:150px;height:150px;border-radius:3px;background:#fff;image-rendering:pixelated}
.qo-wm .qo-wm__addrcol{padding-top:20px}
.qo-wm .qo-wm__addrbox{display:flex;align-items:center;gap:8px;min-height:62px;padding:5px 5px 5px 18px;border:2px solid #2e3a33;border-radius:3px;background:#020a06;box-shadow:inset 0 2px 6px #000,0 0 0 4px #101914}
.qo-wm .qo-wm__addrbox code{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font:400 20px/1 var(--o-body);color:var(--o-ink)}
.qo-wm .qo-wm__addrbox .qo-wm__full{flex:1 1 auto;font:400 14px/1 var(--o-body)}
.qo-wm .qo-wm__copy{flex:none;min-width:98px;min-height:50px;padding:3px 12px 5px;font-size:21px;letter-spacing:.06em}
.qo-wm .qo-wm__note{margin-top:22px;font:400 18px/1.55 var(--o-body);color:var(--o-ink)}
.qo-wm .qo-wm__note span{display:block}
.qo-wm[data-kind="deposit"] .qo-wm__balance{padding-left:22px}
.qo-wm[data-kind="deposit"] .qo-wm__balance>output{font-size:45px}
.qo-wm[data-kind="deposit"] .qo-wm__balance>output+output{margin-top:4px}

/* WITHDRAW (comps wd-form, wd-review and wd-done) */
.qo-wm[data-kind="withdraw"] .qo-wm__steps{margin-top:44px}
.qo-wm[data-kind="withdraw"] .qo-wm__who{gap:10px 22px;margin-bottom:22px}
.qo-wm[data-kind="withdraw"] .qo-wm__who .qo-wm__tag{min-width:0;min-height:0;padding:0;border:0;border-image:none;font-size:23px;color:var(--o-orange)}
.qo-wm .qo-wm__form{display:flex;flex-direction:column}
.qo-wm .qo-wm__form>.qo-wm__label{margin:15px 0 10px}
.qo-wm .qo-wm__assets legend{margin-bottom:10px}
.qo-wm .qo-wm__assets>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.qo-wm .qo-wm__assets .qo-key{min-height:50px;padding:3px 10px 6px;font-size:25px;letter-spacing:.04em}
.qo-wm .qo-wm__avail{margin-top:11px;font:400 18px/1.2 var(--o-body);color:var(--o-ink)}
.qo-wm #qo-wm-amount{font:400 29px/1.1 var(--o-body)}
.qo-wm #qo-wm-to{font:400 15.5px/1.1 var(--o-body)}
.qo-wm .qo-wm__valid{display:flex;align-items:center;gap:10px;margin-top:12px;font:400 17px/1.2 var(--o-body);color:var(--o-green)}
.qo-wm .qo-wm__valid::before{content:"";flex:none;width:15px;height:8px;margin:-4px 3px 0 2px;border-left:4px solid var(--o-green);border-bottom:4px solid var(--o-green);transform:rotate(-45deg)}
.qo-wm .qo-wm__net{margin-top:8px;font:400 16.5px/1.2 var(--o-body);color:var(--o-ink)}
.qo-wm .qo-wm__valid[hidden]+.qo-wm__net{margin-top:12px}
.qo-wm .qo-wm__table{position:relative;isolation:isolate;display:block;margin:0 0 14px;border:12px solid transparent;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/12px 13px stretch}
.qo-wm .qo-wm__table::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:5px;background:#000b06;box-shadow:inset 0 0 0 2px #1a3326;pointer-events:none}
.qo-wm .qo-wm__table>div{display:grid;grid-template-columns:154px minmax(0,1fr);align-items:center;min-height:50px;border-bottom:1px solid #2d5440}
.qo-wm .qo-wm__table>div:last-child{border-bottom:0}
.qo-wm .qo-wm__table dt{align-self:stretch;display:flex;align-items:center;padding:4px 12px;border-right:1px solid #2d5440;font:700 18px/1 var(--o-display);letter-spacing:.03em;color:var(--qw-pale)}
.qo-wm .qo-wm__table dd{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;padding:6px 16px;font:400 18px/1.25 var(--o-body);color:var(--o-ink)}
.qo-wm .qo-wm__table .qo-wm__big{font:700 25px/1 var(--o-display);letter-spacing:.02em;color:var(--o-green)}
.qo-wm .qo-wm__table .qo-wm__tag{min-width:0;min-height:34px;padding:3px 22px 5px;font-size:16.5px}
.qo-wm .qo-wm__table .qo-wm__addr{font-size:17px}
.qo-wm .qo-wm__to{font:400 14px/1.35 var(--o-body);word-spacing:.2em}
.qo-wm .qo-wm__caution{position:relative;padding:10px 16px 11px;border:2px solid var(--qw-amber);border-radius:2px;background:#050a03;font:400 12px/1.65 var(--o-body);color:var(--qw-amber)}
.qo-wm .qo-wm__result{margin-bottom:16px;padding:16px 22px 14px}
.qo-wm .qo-wm__result>output{display:block;font:700 60px/1 var(--o-display);color:var(--o-green);text-shadow:0 0 12px #00ed8055;white-space:nowrap}
.qo-wm .qo-wm__result>p{margin-top:8px;font:400 25px/1.2 var(--o-body);color:var(--o-ink)}
.qo-wm .qo-wm__chip{display:inline-block;min-width:173px;margin-top:10px;padding:6px 14px 7px;border:2px solid var(--o-green);border-radius:2px;font:700 18px/1 var(--o-display);letter-spacing:.06em;color:var(--o-green);text-align:center;box-shadow:0 0 8px #00ed8030}
.qo-wm .qo-wm__chip[hidden]{display:none}
.qo-wm .qo-wm__tx{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 30px;padding:4px 0 16px;border-bottom:2px solid #1d2b23}
.qo-wm .qo-wm__tx .qo-wm__sig{font:400 20px/1 var(--o-body);color:var(--o-ink);text-decoration:none}
.qo-wm .qo-wm__solscan{min-width:208px;min-height:48px;padding:3px 14px 5px;font-size:20px;letter-spacing:.04em}
/* VIEW ON SOLSCAN (and COPY on a phone) are outlined green in the comps: the key's screen gets a green rim */
.qo-wm .qo-wm__solscan::before{box-shadow:inset 0 0 0 2px #17c875,inset 0 0 10px #00ed8030}
.qo-wm .qo-wm__holds{margin-top:14px;font:400 19px/1.35 var(--o-body);color:var(--o-ink)}
.qo-wm .qo-wm__holds[hidden]{display:none}

/* TOP UP (comps topup, topup-paying, topup-convert and topup-done): the chips are steel plates on a computer, the current
   one orange */
@media(min-width:761px){
 .qo-wm[data-kind="topup"] .qo-wm__steps{gap:11px;margin-top:38px;padding-bottom:14px;border-bottom:0}
 .qo-wm[data-kind="topup"] .qo-wm__steps li{position:relative;isolation:isolate;min-height:74px;border:0 solid transparent;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/10px 12px stretch;background:none;box-shadow:none}
 .qo-wm[data-kind="topup"] .qo-wm__steps li::after{content:"";position:absolute;z-index:-1;inset:6px 8px;border-radius:4px;background:#010b06;box-shadow:inset 0 0 0 1px #17432d,inset 0 2px 5px #000}
 .qo-wm[data-kind="topup"] .qo-wm__steps li.is-current:not(.is-done){border-image:url(/runtime/quit/deck-art/key-orange.webp) 22 24 34 fill/9px 11px 12px stretch;color:#160b00}
 .qo-wm[data-kind="topup"] .qo-wm__steps li.is-current:not(.is-done)::after{content:none}
 .qo-wm[data-kind="topup"] .qo-wm__steps li.is-current:not(.is-done) i{border-color:#160b00;background:#160b00;color:#ff7a1f}
 .qo-wm[data-kind="topup"] .qo-wm__steps li.is-done.is-current::after{box-shadow:inset 0 0 0 2px var(--o-green),inset 0 0 14px #00ed8040;background:#00140b}
 .qo-wm[data-kind="topup"][data-step="done"] .qo-wm__steps li+li::before{content:"";position:absolute;top:50%;left:-13px;width:15px;height:7px;margin-top:-3px;background:var(--o-green);box-shadow:0 0 6px #00ed8066}
}
.qo-wm[data-kind="topup"] .qo-wm__title{margin-top:6px}
.qo-wm .qo-wm__amounts legend{margin:2px 0 12px}
.qo-wm .qo-wm__amounts>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.qo-wm .qo-wm__amounts .qo-key{min-height:53px;padding:3px 6px 6px;font-size:27px;letter-spacing:.02em}
.qo-wm .qo-wm__other{display:inline-block;margin:20px 0 0;padding:0;border:0;background:none;font:400 18px/1 var(--o-body);color:var(--o-ink);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.qo-wm .qo-wm__usd{margin-top:12px}
.qo-wm .qo-wm__usd input{font:400 24px/1.1 var(--o-body)}
.qo-wm[data-kind="topup"] .qo-wm__line{margin-top:22px;font-size:17px}
.qo-wm[data-kind="topup"][data-step="card"] .qo-wm__main{min-height:66px;margin-top:20px;font-size:31px}
.qo-wm .qo-wm__fine{margin-top:18px;font:400 13px/1.45 var(--o-body);color:var(--o-ink)}
.qo-wm .qo-wm__fine p+p{margin-top:12px}
.qo-wm .qo-wm__paying span{display:block}
.qo-wm[data-step="paying"] .qo-wm__balance,.qo-wm[data-step="convert"] .qo-wm__balance{margin-top:18px}
.qo-wm[data-step="paying"] .qo-wm__balance>output{font-size:58px}
.qo-wm .qo-wm__ok{margin:2px 0 16px;font:700 30px/1 var(--o-display);letter-spacing:.04em;color:var(--o-green)}
.qo-wm[data-step="convert"] .qo-wm__balance{margin-top:0}
.qo-wm[data-step="convert"] .qo-wm__balance>output.qo-wm__fig{font-size:50px}
.qo-wm[data-step="convert"] .qo-wm__balance>output+output{margin-top:6px;font-size:40px}
.qo-wm[data-step="convert"] .qo-wm__fee{margin-top:14px;font-size:15.5px;text-align:center}
.qo-wm[data-kind="topup"][data-step="done"] .qo-wm__result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:12px}
.qo-wm[data-kind="topup"][data-step="done"] .qo-wm__result>output{grid-column:1/-1;font-size:70px}
.qo-wm[data-kind="topup"][data-step="done"] .qo-wm__chip{min-width:113px;margin:0 0 2px;padding:4px 8px 5px;font-size:16px}
.qo-wm[data-step="done"] .qo-wm__keys,.qo-wm[data-step="review"] .qo-wm__keys{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}
.qo-wm .qo-wm__title--green{font-size:80px}

/* ------------------------------------------------------------------------------------------- the dialog on a phone */
/* A full sheet under the dimmed office header (comps *-phone), every line inside the screen. */
@media(max-width:760px){
 .qo-wm,.qo-wm[data-kind="withdraw"][data-step]{width:100vw;max-width:100vw;min-height:calc(100dvh - 46px);max-height:calc(100dvh - 46px);margin:46px 0 0}
 .qo-wm .qo-wm__plate{min-height:calc(100dvh - 46px);padding:16px 14px 18px}
 .qo-wm .qo-wm__close{position:relative;top:auto;right:auto;display:flex;margin:0 0 16px auto;min-height:40px;padding:3px 18px 5px;font-size:17px}
 .qo .qo-wm .qo-wm__title{margin-bottom:12px;font-size:54px}
 .qo .qo-wm .qo-wm__title--green{font-size:62px}
 .qo-wm .qo-wm__steps,.qo-wm[data-kind] .qo-wm__steps{gap:6px;margin:0 0 14px;padding:6px;border:6px solid transparent;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/8.8px 10px stretch}
 .qo-wm .qo-wm__steps li{min-height:66px;gap:5px;padding:5px 2px 6px;font-size:14px;letter-spacing:.05em}
 .qo-wm .qo-wm__steps i{width:32px;height:32px;font-size:18px}
 .qo-wm .qo-wm__steps .is-done i::before{width:11px;height:6px;border-width:0 0 3.5px 3.5px}
 .qo-wm .qo-wm__who{gap:10px 18px;margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid #1d2b23}
 .qo-wm .qo-wm__tag{min-width:126px;min-height:42px;padding:3px 14px 5px;font-size:16.5px}
 .qo-wm .qo-wm__addr{font-size:19px}
 .qo-wm[data-kind="withdraw"] .qo-wm__who{padding-bottom:0;border:0}
 .qo-wm[data-kind="withdraw"] .qo-wm__who .qo-wm__tag{min-width:0;min-height:40px;padding:3px 16px 5px;border:0 solid transparent;border-image:url(/runtime/quit/deck-art/key-orange.webp) 22 24 34 fill/9px 11px 12px stretch;font-size:16.5px;color:#160b00}
 .qo-wm .qo-wm__label{font-size:16px}
 .qo-wm .qo-wm__sub{margin-bottom:16px;font-size:21px}
 .qo-wm .qo-wm__send{grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px}
 .qo-wm .qo-wm__qr img{width:168px;height:168px}
 .qo-wm .qo-wm__addrcol{justify-self:stretch;padding-top:0}
 .qo-wm .qo-wm__addrbox{min-height:54px;padding-left:14px}
 .qo-wm .qo-wm__addrbox code{font-size:18px}
 .qo-wm .qo-wm__copy{min-width:83px;min-height:44px;font-size:18px}
 .qo-wm .qo-wm__copy::before{box-shadow:inset 0 0 0 2px #17c875,inset 0 0 10px #00ed8030}
 .qo-wm .qo-wm__note{margin-top:14px;font-size:16px}
 .qo-wm .qo-wm__screen{padding:8px 14px 12px;border-width:11px}
 .qo-wm .qo-wm__balance>strong{font-size:20px}
 .qo-wm .qo-wm__balance>output,.qo-wm[data-kind="deposit"] .qo-wm__balance>output{font-size:clamp(28px,10vw,40px)}
 .qo-wm .qo-wm__balance>b{font-size:clamp(14px,4.8vw,19px);white-space:nowrap}
 .qo-wm .qo-wm__line{font-size:16px}
 .qo-wm .qo-wm__main,.qo-wm[data-kind="topup"][data-step="card"] .qo-wm__main{min-height:56px;font-size:clamp(19px,6.4vw,27px)}
 .qo-wm[data-kind="topup"][data-step="card"] .qo-wm__main{padding-inline:8px;font-size:clamp(16px,5.4vw,21px)}
 .qo-wm .qo-wm__caution{font-size:13.5px}
 .qo-wm[data-kind="topup"] .qo-wm__line{font-size:16px}
 .qo-wm[data-kind="topup"] .qo-wm__paying{font-size:14.5px}
 .qo-wm .qo-wm__fine{font-size:14px}
 .qo-wm .qo-wm__keys,.qo-wm[data-step] .qo-wm__keys{grid-template-columns:minmax(0,1fr);gap:12px}
 .qo-wm .qo-wm__keys .qo-key{min-height:56px;font-size:clamp(20px,6.6vw,27px)}
 .qo-wm .qo-wm__row{gap:9px}
 .qo-wm .qo-wm__row>.qo-key{min-width:70px;min-height:50px;font-size:18px}
 .qo-wm .qo-wm__assets .qo-key{min-height:50px;font-size:22px}
 .qo-wm #qo-wm-amount{font-size:26px}
 .qo-wm #qo-wm-to{font-size:clamp(9px,2.45vw,12px)}
 .qo-wm .qo-wm__unit{font-size:16px}
 .qo-wm .qo-wm__valid{font-size:15.5px}
 .qo-wm .qo-wm__net{font-size:15px}
 .qo-wm .qo-wm__table{margin-bottom:12px}
 .qo-wm .qo-wm__table>div{grid-template-columns:104px minmax(0,1fr);min-height:44px}
 .qo-wm .qo-wm__table dt{padding:4px 8px;font-size:14.5px}
 .qo-wm .qo-wm__table dd{padding:8px 12px;font-size:16px}
 .qo-wm .qo-wm__table .qo-wm__big{font-size:22px}
 .qo-wm .qo-wm__table .qo-wm__tag{min-height:30px;padding:2px 14px 4px;font-size:13px}
 .qo-wm .qo-wm__to{font-size:14.5px}
 .qo-wm .qo-wm__caution{padding:10px 12px;font-size:13.5px;line-height:1.5}
 .qo-wm .qo-wm__caution p+p{margin-top:8px}
 .qo-wm .qo-wm__result{padding:16px 12px 14px;text-align:center}
 .qo-wm .qo-wm__result>output,.qo-wm[data-kind="topup"][data-step="done"] .qo-wm__result>output{font-size:clamp(30px,11vw,48px)}
 .qo-wm .qo-wm__result>p{font-size:20px}
 .qo-wm[data-kind="topup"][data-step="done"] .qo-wm__result{display:block}
 .qo-wm[data-kind="topup"][data-step="done"] .qo-wm__chip,.qo-wm .qo-wm__chip{min-width:120px;margin-top:12px}
 .qo-wm .qo-wm__tx{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px;border:9px solid transparent;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/11px 12px stretch}
 .qo-wm .qo-wm__tx .qo-wm__label{grid-column:1}
 .qo-wm .qo-wm__tx .qo-wm__sig{grid-column:1;grid-row:2;font-size:18px}
 .qo-wm .qo-wm__tx .qo-wm__solscan{grid-column:2;grid-row:1/3;min-width:0;font-size:16px}
 .qo-wm .qo-wm__holds{font-size:14px}
 .qo-wm .qo-wm__amounts>div{gap:8px}
 .qo-wm .qo-wm__amounts .qo-key{min-height:52px;font-size:clamp(18px,6vw,24px)}
 .qo-wm .qo-wm__fine{margin-top:16px;padding-top:16px;border-top:2px solid #1d2b23;font-size:14px}
 .qo-wm[data-step="convert"] .qo-wm__fee{font-size:15px;text-align:left}
 .qo-wm .qo-wm__ok{font-size:24px}
 .qo-wm[data-step="convert"] .qo-wm__balance>output.qo-wm__fig{font-size:clamp(30px,11vw,46px)}
 .qo-wm[data-step="convert"] .qo-wm__balance>output+output{font-size:clamp(24px,8.4vw,34px)}
}