/* BiggerPayout step 3 page (public/biggerpayout.html, body.ws4bp), DEC-0311: the chat and upload
   workspace in the landing page's look (public/landing-v2/landing.css): its page colour, header
   links, white cards with a soft lilac outline, and solid purple buttons in place of gradients.
   Loaded after the page's own <style>; the layout, the phone chat mode (DEC-0276, DEC-0300) and
   every element workspace-app.js uses are unchanged. */
.ws4bp{--ws-line:#E1D9E6;--ws-accent:#68558F;--ws-card-shadow:0 6px 18px -10px rgba(58,31,102,.35);
  --ui-cta:#68558F;}
body.ws4bp{background:#FBF8FA;}
.ws4bp header .topnav{gap:22px;}
.ws4bp header .topnav .link{font-size:14.5px;font-weight:600;color:#695C72;min-height:44px;display:inline-flex;align-items:center;}
.ws4bp header .topnav .link:hover{color:var(--ws-accent);}
@media (min-width:821px){
  .ws4bp .chat{border:2px solid var(--ws-line);border-radius:16px;box-shadow:var(--ws-card-shadow);}
  .ws4bp .chat::before{display:none;}
  .ws4bp .composer{border:2px solid var(--ws-line);border-radius:14px;box-shadow:none;}
}
.ws4bp .lv2-steps{border:2px solid var(--ws-line);box-shadow:var(--ws-card-shadow);}
/* solid purple, as on the landing page */
.ws4bp .choice-btn.primary,.ws4bp .dc-continue,.ws4bp .btn-primary,.ws4bp .composer .send{background:var(--ws-accent);background-image:none;color:#fff;border:0;}
.ws4bp .choice-btn{border:2px solid var(--ws-line);min-height:44px;}
.ws4bp .chip{border:2px solid var(--ws-line);border-radius:999px;min-height:40px;padding:8px 14px;font-size:13.5px;}
.ws4bp .packet .pk{border:2px solid var(--ws-line);border-radius:14px;box-shadow:var(--ws-card-shadow);}
.ws4bp .packet .pk .ph{font-size:14px;}
.ws4bp #packCtaBtn:not(:disabled){background:var(--ws-accent)!important;color:#fff!important;border:0!important;font-size:15px!important;min-height:48px;border-radius:12px!important;}
.ws4bp #packCtaBtn:disabled{border:2px dashed var(--ws-line)!important;}
/* "pending" pack documents are listed, not faded to illegibility (WCAG contrast) */
.ws4bp .docchip.out.pending{opacity:1;color:#6A5C74;border-style:dashed;}
@media (max-width:820px){.ws4bp .lv2-steps{width:auto;box-sizing:border-box;margin-left:10px;margin-right:10px;}}