/* Wallet, trading and launch surfaces. Same glass-HUD language as the rest of Atlas. */

/* ---------- Wallet chip + popover ---------- */
.wchip{display:flex;align-items:center;gap:8px;border:1px solid var(--line-hi);background:rgba(62,230,224,.08);border-radius:999px;padding:5px 12px 5px 6px;font-size:12px;color:var(--text);cursor:pointer}
.wchip:hover{background:rgba(62,230,224,.16)}
.wchip img{width:20px;height:20px;border-radius:6px}
.wchip .ph{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(160deg,var(--mint),var(--cyan));color:#022}
.wchip .ph svg{width:12px;height:12px}
.wpop{position:fixed;top:calc(64px + env(safe-area-inset-top,0px));right:16px;width:min(380px,calc(100% - 24px));z-index:46;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .25s,transform .25s;max-height:calc(100vh - 170px);overflow-y:auto;overflow-x:hidden;overflow-wrap:anywhere}
.wpop.on{opacity:1;pointer-events:auto;transform:none}
.wlist button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(4,16,20,.5);margin-top:8px;text-align:left}
.wlist button:hover{border-color:var(--line-hi)}
.wlist img{width:28px;height:28px;border-radius:8px}
.bal{font-family:var(--display);font-size:22px;letter-spacing:.04em;margin:6px 0 2px}
.trow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(110,235,225,.07);font-size:13px}
.trow:last-child{border-bottom:0}
.trow .grow{flex:1;min-width:0}
.mono{font-family:ui-monospace,Consolas,monospace;font-size:12px;word-break:break-all}

/* ---------- Copy chips ---------- */
.cchip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:rgba(4,16,20,.55);border-radius:999px;padding:3px 10px;font-size:11.5px;color:#BDE6E2;cursor:pointer;transition:border-color .2s,background .2s,color .2s;font-family:ui-monospace,Consolas,monospace}
.cchip:hover{border-color:var(--line-hi);color:var(--text)}
.cchip svg{width:12px;height:12px;flex:none}
.cchip.done{border-color:rgba(140,255,201,.6);background:rgba(140,255,201,.12);color:var(--mint)}
.gwrap{position:relative}
.gwrap>.cchip{position:absolute;right:10px;top:136px;z-index:3;backdrop-filter:blur(6px)}

/* ---------- Trade dock (floats beside the investigation sheet) ---------- */
.tdock{position:fixed;z-index:32;top:calc(12px + env(safe-area-inset-top,0px));right:calc(min(620px,100% - 24px) + 24px);width:min(400px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;
  opacity:0;pointer-events:none;transform:translateX(30px) scale(.98);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.tdock.on{opacity:1;pointer-events:auto;transform:none}
.tdock .hud-pad{padding:18px 18px 16px}
.side{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border:1px solid var(--line);border-radius:14px;margin:12px 0}
.side button{border:0;border-radius:10px;padding:9px;background:none;color:var(--muted);font-weight:600;font-size:13px}
.side button[aria-pressed="true"].buy{background:linear-gradient(160deg,var(--mint),var(--cyan));color:#022}
.side button[aria-pressed="true"].sell{background:linear-gradient(160deg,#FF9AA6,var(--danger));color:#200}
.amt{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:rgba(6,22,28,.7)}
.amt input{flex:1;min-width:0;background:none;border:0;font-size:22px;font-family:var(--display);letter-spacing:.03em;color:var(--text)}
.amt input:focus{outline:none}
.amt:focus-within{border-color:var(--line-hi)}
.tchips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.tchips button{border:1px solid var(--line);background:rgba(62,230,224,.05);border-radius:999px;padding:4px 10px;font-size:12px;color:#BFE3E0}
.tchips button[aria-pressed="true"]{border-color:var(--cyan);color:var(--text);background:rgba(62,230,224,.15)}
.qcard{border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:rgba(4,16,20,.55);margin-top:12px}
.qrow{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:4px 0}
.qrow span:first-child{color:var(--muted)}
.qbig{font-family:var(--display);font-size:18px;letter-spacing:.03em}
.ttl{height:3px;border-radius:2px;background:rgba(110,235,225,.12);overflow:hidden;margin-top:8px}
.ttl>b{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--cyan));transition:width 1s linear}
.gate{border:1px dashed rgba(255,182,92,.5);background:rgba(255,182,92,.07);color:#FFD9A8;border-radius:12px;padding:10px 12px;font-size:12.5px;margin-top:12px}
.ok-note{border:1px solid rgba(140,255,201,.25);background:rgba(140,255,201,.06);color:#BFF5DA;border-radius:12px;padding:10px 12px;font-size:12.5px;margin-top:10px}
.bad-note{border:1px solid rgba(255,107,122,.35);background:rgba(255,107,122,.08);color:#FFC2C9;border-radius:12px;padding:10px 12px;font-size:12.5px;margin-top:10px}
.ack{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:#C4E4E2;margin:12px 0}
.ack input{margin-top:3px;accent-color:var(--cyan)}
.txs{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px;border-radius:14px;border:1px solid var(--line)}
.txs .dot{margin-top:0}
.steps{display:flex;gap:4px;flex-wrap:wrap;margin:6px 0 14px}
.steps span{font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.steps span.on{border-color:var(--cyan);color:var(--text);background:rgba(62,230,224,.12)}
.steps span.done{border-color:rgba(140,255,201,.4);color:var(--mint)}
.tbtns{display:flex;gap:8px;margin-top:10px}
.tbtns .btn{flex:1}
.sheet-trade{display:flex;gap:8px;flex-wrap:wrap}
.btn.buy{background:linear-gradient(160deg,var(--mint),var(--cyan));color:#022;border:0;font-weight:600}
.btn.sell{background:rgba(255,107,122,.12);border-color:rgba(255,107,122,.45);color:#FFD0D6;font-weight:600}

/* ---------- Launch workspace ---------- */
.lgrid{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:start}
.lart{aspect-ratio:1;border-radius:20px;overflow:hidden;border:1px solid var(--line);display:grid;place-items:center;background:radial-gradient(circle,rgba(62,230,224,.18),transparent 70%);position:relative}
.lart img{width:100%;height:100%;object-fit:cover}
.lbanner{height:80px;border-radius:14px;overflow:hidden;border:1px dashed var(--line);display:grid;place-items:center;margin-top:10px;font-size:12px;color:var(--muted)}
.lbanner img{width:100%;height:100%;object-fit:cover}
.perm{border:1px solid rgba(165,149,255,.45);background:rgba(165,149,255,.08);border-radius:14px;padding:10px 14px;font-size:12.5px;color:#DCD6FF;margin:12px 0}
.perm b{color:#fff}
.confirm-type{width:100%;background:rgba(6,22,28,.7);border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--text);font-family:var(--display);letter-spacing:.08em}
.drafts button{display:flex;justify-content:space-between;width:100%;gap:8px;border:1px solid var(--line);background:none;border-radius:10px;padding:7px 10px;margin-top:6px;font-size:12.5px;color:var(--text)}
.drafts button[aria-pressed="true"]{border-color:var(--cyan)}

@media (max-width:1180px){
  .tdock{right:12px;left:auto;top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:33;max-height:78vh;box-shadow:0 -20px 60px rgba(0,0,0,.6)}
}
@media (max-width:760px){
  .tdock{left:8px;right:8px;width:auto}
  .lgrid{grid-template-columns:1fr}
  .lart{max-width:220px}
}

/* Studio concept tabs wrap instead of hiding tabs off the edge of the narrow panel */
.studio .tabs{flex-wrap:wrap;overflow:visible;row-gap:2px}

/* A closing/closed sheet (investigation or launch bay) must never intercept clicks, even mid-transition */
.sheet:not(.on){pointer-events:none}