/* dust landing: the payout wallet row of the link card. Loaded only while the Worker flags the page (PAYOUT_WALLET on).
   Nothing new in the visual language: the row is the YOUR LINK row again (.link-head, .lab, .copied, .linkbox, .link-url, .btn, .btn-sm,
   .btn-ghost, .micro, .wallets, .wal, .nowallet from style.css), on the same tokens. The only new rules are the ones below. */
.pw{margin-top:12px}
/* the label is the only status mark: alert = your move (token table: callouts), muted like YOUR LINK once the wallet is there */
.pw:not([data-pw="bound"]) .lab{color:var(--alert)}
/* a prompt until a wallet is there, then data */
.pw[data-pw="idle"] .pw-text{color:var(--muted)}
/* idle: the whole row is the button's hit area (one click anywhere on it) */
.pw[data-pw="idle"] .linkbox{cursor:pointer}
/* the three dots of OPEN YOUR WALLET (keyframes dots, style.css) */
.pw-work::after{content:"...";display:inline-block;width:1.2em;text-align:left;animation:dots 1.1s steps(4,end) infinite}
/* the one filled button of the link card after POST TO X: moon fill, ground label (token table) */
.pw-go{background:var(--moon);color:var(--ground)}
/* 36 px button, 48 px touch target */
.pw .btn-sm{position:relative}
.pw .btn-sm::after{content:"";position:absolute;inset:-6px -4px}
.pw-micro{margin:8px 0 0;text-align:center}
/* the link in the small line (DM @Dust_bid) stays whole: at 360 px it used to break between "DM" and "@Dust_bid" */
.pw-micro a{white-space:nowrap}
.pw .wallets{margin-top:8px}
.pw .nowallet{margin-top:8px}
.pw .err{margin-top:8px}
@media (max-width:720px){
  .pw{margin-top:10px}
  .pw-micro{font-size:11px}
}
@media (prefers-reduced-motion:reduce){
  .pw-work::after{animation:none!important}
}