/* One neutral surface system. No page-specific green/blue dark canvases. */
.bn-ui{--bn-canvas:#F5F5F2;--bn-surface:#ECEDE8;--bn-line:#DBDDD6;--bn-warm:#F1F2ED}
.bn-ui .wh-shell{--wh-ink:var(--bn-ink);--wh-muted:var(--bn-muted);--wh-line:var(--bn-line);--wh-paper:var(--bn-white);--wh-quiet:var(--bn-warm);--wh-ground:var(--bn-canvas);--wh-focus:var(--bn-ink)}
html[data-participant-theme=dark] .bn-ui{--bn-ink:#F4F4F2;--bn-white:#151515;--bn-paper:#151515;--bn-warm:#1D1D1D;--bn-canvas:#000000;--bn-surface:#232323;--bn-line:#353535;--bn-muted:#B8B8B2;--bn-focus:#F7F700;background:#000000}
html[data-participant-theme=dark] .bn-ui .wh-shell{--wh-ink:#F4F4F2;--wh-muted:#B8B8B2;--wh-line:#353535;--wh-paper:#151515;--wh-quiet:#1D1D1D;--wh-ground:#000000;--wh-focus:#F7F700}
html[data-participant-theme=dark] .bn-ui .bn-participant{--bp-soft:var(--bn-warm);--bp-panel:var(--bn-white);--bp-muted:var(--bn-muted);--bp-stroke:var(--bn-line)}
html[data-participant-theme=dark] .bn-ui .pl-site{--pl-canvas:#000000;--pl-panel:#151515;--pl-soft:#1D1D1D;--pl-ink:#F4F4F2;--pl-muted:#B8B8B2;--pl-line:#353535;--pl-control-line:#858580}
html[data-participant-theme=dark] .bn-ui :is(.rules-notice,.rules-tier-grid article,.rules-rate-table thead){background:var(--bn-warm);color:var(--bn-ink);border-color:var(--bn-line)}
html[data-participant-theme=dark] .bn-ui :is(.rules-reference,.rules-tier-grid,.rules-dynamic,.rules-policy,.rules-rate-table){color:var(--bn-ink)}
html[data-participant-theme=dark] .bn-ui :is(.rules-source,.rules-inline){color:var(--bn-muted)}
.bn-ui .cw-shell{min-height:100dvh}
.bn-ui .cw-shell .wh-header{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;padding:10px 20px;min-height:66px;gap:12px;background:var(--wh-ground)}
.bn-ui .cw-shell .wh-role{display:none}
.bn-ui .cw-header-theme{margin-left:0;display:flex;align-items:center;width:112px;flex:none}
.bn-ui .cw-header-theme .pt-theme-label{white-space:normal;text-align:left;flex:1;min-width:0}
.bn-ui .cw-header-theme .pt-theme-track{flex:none;width:38px;min-width:38px}
.bn-ui .cw-header-theme .pt-theme-toggle{display:flex;align-items:center;justify-content:space-between;width:112px;min-height:44px;font-size:12px;gap:7px;color:var(--wh-ink)}
.bn-ui .cw-shell .wh-logo{margin-right:0;min-width:0}
.bn-ui .cw-shell .wh-logo .bn-logo{width:112px;max-width:100%}
.bn-ui .cw-shell .wh-menu>summary{border-radius:12px}
.bn-ui .cw-shell .bn-user-nav{background:var(--wh-ground);border-color:var(--wh-line);border-radius:0;box-shadow:none}
.bn-ui .cw-shell .bn-user-nav a{border-radius:10px;min-height:50px}
.bn-ui .cw-shell .bn-participant:not(.wh-main){padding:22px 20px 24px;max-width:1100px}
.bn-ui .cw-shell .bn-participant h1,.bn-ui .cw-brand :is(.bn-flow-heading h1,.bn-u-heading h1){font-size:28px;line-height:1.2;letter-spacing:-.6px}
.bn-ui .cw-shell .bn-participant h2{font-size:19px;line-height:1.3;letter-spacing:-.2px}
.bn-ui .cw-shell .bn-participant h3{font-size:16px;line-height:1.4}
.bn-ui .cw-shell .bn-participant :is(.td-heading,.td-workspace-heading,.td-task-heading,.pt-heading,.pt-task-heading,.pf-heading,.ms-heading,.ew-heading,.pn-heading){margin-bottom:18px;gap:8px 16px}
.bn-ui .cw-shell .bn-participant :is(.td-heading,.pt-heading,.pf-heading,.ms-heading,.ew-heading)>div>p:last-child{font-size:13px;line-height:1.55;margin-top:6px}
.bn-ui .cw-shell .bn-participant :is(.td-panel,.pt-card,.pn-card,.pn-ledger,.pf-network,.pf-member-detail,.pf-comparison,.pf-calculator,.pf-ledger,.ms-plan-card,.ms-checkout-card,.ew-ledger,.ew-guide-content){padding:18px;border-radius:14px;box-shadow:none}
.bn-ui .cw-shell .bn-participant :is(.td-button,.pt-button,.pf-button){border-radius:10px;min-height:46px;font-size:14px;padding:11px 14px}
.bn-ui .cw-shell .bn-participant :is(.td-tag,.pt-tag,.pf-chip,.pf-status,.ew-record-count,.ms-plan-mark){border-radius:6px;font-size:12px;padding:4px 7px}
.bn-ui .cw-shell :is(.bn-workspace-footer,.wh-footer){max-width:1060px;padding:18px 20px 0;margin-top:22px}
.bn-ui .cw-shell .bn-workspace-footer nav{gap:2px 18px}

/* A consistent, native disclosure. All original content remains accessible. */
.bn-ui .cw-disclosure{border:1px solid var(--bn-line);border-radius:12px;background:var(--bn-white);margin:14px 0;padding:0;min-width:0;max-width:100%;color:var(--bn-ink)}
.bn-ui .cw-disclosure>summary{display:flex;align-items:center;gap:11px;min-height:70px;padding:13px 14px;cursor:pointer;list-style:none;font-size:14px;font-weight:500}
.bn-ui .cw-disclosure>summary::-webkit-details-marker{display:none}
.bn-ui .cw-disclosure>summary::after{content:none}
.bn-ui .cw-disclosure-icon{display:grid;place-items:center;width:32px;height:36px;flex:none;background:var(--bn-warm);border-left:3px solid var(--bn-yellow);border-radius:4px}
.bn-ui .cw-disclosure-icon .bn-icon{width:18px;height:18px}
.bn-ui .cw-disclosure-copy{flex:1;min-width:0;display:block}
.bn-ui .cw-disclosure-copy strong{font-size:14px;line-height:1.45;font-weight:700;display:block}
.bn-ui .cw-disclosure-copy small{display:block;font-size:12px;line-height:1.5;font-weight:400;color:var(--bn-muted);margin-top:3px}
.bn-ui .cw-plus{font-size:22px;line-height:1;display:grid;place-items:center;width:24px;height:24px;flex:none;font-weight:400}
.bn-ui .cw-disclosure[open]>summary .cw-plus{transform:rotate(45deg)}
.bn-ui .cw-disclosure-body{padding:16px;border-top:1px solid var(--bn-line);font-size:14px;line-height:1.65;min-width:0}
.bn-ui .cw-disclosure-body>:first-child{margin-top:0}
.bn-ui .cw-disclosure-body>:last-child{margin-bottom:0}
.bn-ui .cw-disclosure-body>.cw-disclosure{box-shadow:none}
.bn-ui .cw-disclosure-body>:is(.pf-member-detail,.pf-comparison,.ew-daily-panel,.rf-panel,.bn-flow-source,.bn-flow-profile-intro){background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0}
.bn-ui .cw-demo-label{display:inline-flex;border:1px solid var(--bn-line);border-radius:6px;padding:5px 8px;font-size:12px;line-height:1.5;color:var(--bn-muted);margin:0 0 12px}
.bn-ui .cw-key-condition{padding:12px 14px;border-left:3px solid var(--bn-yellow);border-radius:6px;background:var(--bn-warm);font-size:13px;line-height:1.55;margin:14px 0}
.bn-ui .cw-key-condition p{color:var(--bn-muted);margin-top:3px;font-size:13px}
.bn-ui .cw-shell :focus-visible,.bn-ui .cw-brand :focus-visible{outline:3px solid var(--bn-focus);outline-offset:3px}

/* My tasks: a status-led list, compact art, and one action per card. */
.bn-ui .cw-shell .td-queue-filters{gap:6px;margin-bottom:18px}
.bn-ui .cw-shell .td-queue-filter{border-radius:8px;padding:9px 11px;min-height:44px}
.bn-ui .cw-shell .td-queue-heading{margin-bottom:12px}
.bn-ui .cw-shell .td-queue-heading p{font-size:13px}
.bn-ui .cw-shell .td-joined-task{border-radius:14px;padding:14px;grid-template-columns:52px minmax(0,1fr) auto;gap:12px}
.bn-ui .cw-shell .td-joined-task h2{font-size:16px;margin:7px 0}
.bn-ui .cw-shell .td-joined-task .td-task-meta{gap:6px 12px;margin:8px 0}
.bn-ui .cw-shell .td-start-panel{padding:20px;border-radius:14px;gap:16px}
.bn-ui .cw-shell .td-start-art{max-width:100px}

/* Member: compact prices first, tier detail on demand. */
.bn-ui .cw-shell .ms-current-strip{margin:16px 0;padding:14px;border:1px solid var(--bn-line);background:var(--bn-white);border-radius:12px;gap:10px 14px}
.bn-ui .cw-shell .ms-current-strip>p{font-size:13px}
.bn-ui .cw-shell .ms-tier-selection{margin:18px 0}
.bn-ui .cw-shell .ms-tier-heading{margin-bottom:12px}
.bn-ui .cw-shell .ms-plan-grid{gap:12px}
.bn-ui .cw-shell .ms-plan-price strong{font-size:30px;letter-spacing:-.6px}
.bn-ui .cw-shell .ms-plan-card .cw-disclosure{grid-column:1 / span 2;grid-row:3;border:0;border-top:1px solid var(--bn-line);border-radius:0;background:none;margin:4px 0 0}
.bn-ui .cw-shell .ms-plan-card .cw-disclosure>summary{min-height:48px;padding:9px 0;gap:8px}
.bn-ui .cw-shell .ms-plan-card .cw-disclosure-icon{display:none}
.bn-ui .cw-shell .ms-plan-card .cw-disclosure-copy strong{font-size:13px;font-weight:500}
.bn-ui .cw-shell .ms-plan-card .cw-disclosure-copy small{display:none}
.bn-ui .cw-shell .ms-plan-card .cw-disclosure-body{padding:10px 0}
.bn-ui .cw-shell .ms-plan-facts{margin:0;font-size:13px}
.bn-ui .cw-shell .ms-plan-cta{padding-top:4px}
.bn-ui .cw-shell .ms-plan-cta .td-button{width:100%;background:var(--bn-warm);color:var(--bn-ink);border-color:var(--bn-line)}
.bn-ui .cw-shell .ms-static-benefit{margin:0;gap:18px}
.bn-ui .cw-shell .ms-common-benefits{margin:18px 0 0;padding:16px;border-radius:12px}
.bn-ui .cw-shell .ms-static-overview :is(p,h2){margin-bottom:8px}

/* Earnings: balances and activity share the first reading layer. */
.bn-ui .cw-shell .ew-wallet-primary{margin-bottom:16px}
.bn-ui .cw-shell .ew-wallet-primary>header{align-items:start;margin-bottom:10px;gap:5px}
.bn-ui .cw-shell .ew-wallet-primary>header>span{font-size:12px;line-height:1.5}
.bn-ui .cw-shell .ew-balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bn-ui .cw-shell .ew-balance{padding:12px 10px;border-radius:12px;border-top-width:1px;min-width:0}
.bn-ui .cw-shell .ew-balance:first-child{grid-column:auto}
.bn-ui .cw-shell .ew-balance>strong{font-size:23px;line-height:1.3}
.bn-ui .cw-shell .ew-balance .ew-icon{display:none}
.bn-ui .cw-shell .ew-balance :is(p,span){font-size:12px;line-height:1.5}
.bn-ui .cw-shell .ew-balance .mt-wallet-topup{min-height:44px;width:100%;padding:8px 2px;margin-top:8px;font-size:12px;border-radius:8px}
.bn-ui .cw-shell .ew-balance .ew-balance-equivalent{margin:5px 0}
.bn-ui .cw-shell .ew-balance-actions{display:flex;justify-content:flex-end;margin-top:8px}
.bn-ui .cw-shell .ew-balance-actions a{min-height:44px;min-width:130px;border-radius:9px}
.bn-ui .cw-shell .ew-balance-actions .ew-topup-action{display:inline-flex;width:auto;align-items:center;justify-content:center;gap:8px;background:var(--bn-yellow);color:#141615;padding:10px 14px;font-size:13px;font-weight:700;margin:0}
.bn-ui .cw-shell .ew-balance-actions .bn-icon{width:16px;height:16px}
.bn-ui .cw-shell .ew-earned-overview{grid-template-columns:1fr;gap:12px;margin:16px 0}
.bn-ui .cw-shell .ew-earned-total{padding:18px;border-radius:14px}
.bn-ui .cw-shell .ew-earned-label h2{font-size:16px}
.bn-ui .cw-shell .ew-earned-label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
.bn-ui .cw-shell .ew-earned-label>div{justify-content:flex-start;min-width:0;display:block}
.bn-ui .cw-shell .ew-earned-total .ew-icon{display:none}
.bn-ui .cw-shell .ew-earned-total{background:var(--bn-white);padding:16px}
.bn-ui .cw-shell .ew-earned-total .ew-earned-amount{margin:8px 0;gap:8px}
.bn-ui .cw-shell .ew-earned-total .ew-summary-details{margin-top:12px;padding:0;border-top:1px solid var(--bn-line)}
.bn-ui .cw-shell .ew-summary-details>summary{min-height:44px;padding:10px 0;font-size:13px;line-height:1.5;cursor:pointer}
.bn-ui .cw-shell .ew-summary-details>div{padding:10px 0}
.bn-ui .cw-shell .ew-earned-amount strong{font-size:34px}
.bn-ui .cw-shell .ew-earned-overview>.cw-disclosure{margin:0}
.bn-ui .cw-shell .ew-ledger-switch{margin:14px 0;gap:6px}
.bn-ui .cw-shell .ew-switch{border-radius:8px;min-height:44px}
.bn-ui .cw-shell .ew-filter-panel>summary{min-height:44px}
.bn-ui .cw-shell .ew-guide-section{border-radius:12px;margin-bottom:12px}
.bn-ui .cw-shell .ew-guide-section>summary{padding:16px;min-height:78px}

/* Team and all secondary workspace forms share the same quiet rhythm. */
.bn-ui .cw-shell .pf-account-control{padding:14px;margin:14px 0;border:1px solid var(--bn-line);border-radius:12px;background:var(--bn-white);gap:10px 14px}
.bn-ui .cw-shell .pf-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.bn-ui .cw-shell .pf-stats>section{padding:12px;border:1px solid var(--bn-line);border-radius:10px;background:var(--bn-white)}
.bn-ui .cw-shell .pf-stats strong{font-size:23px;margin:6px 0}
.bn-ui .cw-shell .pf-workspace>.cw-disclosure{margin:0}
.bn-ui .cw-shell .cw-disclosure-body>.pf-account-control{margin:0;padding:0;border:0;background:none}
.bn-ui .cw-shell .cw-disclosure-body .pf-depth-badge{padding:0}
.bn-ui .cw-shell .pf-node{border-radius:12px;padding:14px;gap:6px}
.bn-ui .cw-shell .pf-tree-scroll{background:var(--bn-canvas)}
.bn-ui .cw-shell .pt-detail-aside{display:grid;align-content:start;gap:12px}
.bn-ui .cw-shell .mt-page{padding-top:22px}
.bn-ui .cw-shell .mt-page :is(.mt-topup-card,.mt-review-card,.mt-state-card){border-radius:14px}
.bn-ui .cw-brand .bn-flow{padding-top:24px}
.bn-ui .cw-brand .bn-flow-heading{margin-bottom:18px}
.bn-ui .cw-brand .bn-flow .bn-flow-eyebrow>span{color:var(--bn-muted)}
.bn-ui .cw-brand :is(.bn-flow-info,.bn-flow-feed,.bn-flow-kyb-state,.bn-flow-card){border-radius:14px}

@media(max-width:760px){
 .bn-ui .cw-shell .ms-plan-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:16px}
 .bn-ui .cw-shell .ms-plan-top,.bn-ui .cw-shell .ms-plan-price{grid-row:1;margin:0}
 .bn-ui .cw-shell .ms-plan-price{display:flex;align-items:baseline;flex-wrap:nowrap;gap:6px;min-width:116px}
 .bn-ui .cw-shell .ms-fee-caption{grid-row:2;margin:0;font-size:12px}
 .bn-ui .cw-shell .ms-plan-cta{grid-row:4;margin:0}
 .bn-ui .cw-shell .td-joined-task{grid-template-columns:52px minmax(0,1fr)}
 .bn-ui .cw-shell .td-joined-task>.td-button{grid-column:1 / -1;width:100%;margin:0}
 .bn-ui .cw-shell .pf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bn-ui .cw-shell .bn-task-detail-layout{grid-template-columns:minmax(0,1fr);gap:16px}
 .bn-ui .cw-shell .bn-task-reading>.bn-task-brief{margin-top:14px}
 .bn-ui .cw-shell .cw-disclosure-body .ms-static-benefit{grid-template-columns:minmax(0,1fr)}
 .bn-ui .cw-shell .bn-participant .cw-disclosure-body .ms-plan-facts{display:block}
}
@media(max-width:370px){
 .bn-ui .cw-shell .wh-header{gap:9px;padding-inline:16px}
 .bn-ui .cw-shell .wh-logo .bn-logo{width:104px}
 .bn-ui .cw-shell .ew-balances{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bn-ui .cw-shell .ew-balance:first-child{grid-column:1 / -1}
}
@media(min-width:800px){
 .bn-ui .cw-shell .wh-header{padding-inline:32px;grid-template-columns:minmax(0,1fr) auto auto}
 .bn-ui .cw-shell .bn-user-nav{max-width:720px;border-radius:14px}
 .bn-ui .cw-shell .bn-participant:not(.wh-main){padding:28px 32px}
 .bn-ui .cw-shell .ew-earned-overview{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}
}
@media(prefers-reduced-motion:reduce){.bn-ui :is(.cw-shell,.cw-brand) *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}