/* Shared signed-in surface layer. Presentation only: no routes, content, or state changes. */
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand){
 --ps-card:#FFFFFF;--ps-card-end:#FDFDFB;--ps-inset:#F3F4EE;--ps-quiet:#F6F6EF;
 --ps-line:#E4E6DC;--ps-rim:#FFFFFF;--ps-muted:#65695D;--ps-control:#8E957F;
 --ps-warm-end:#FCFCEB;--ps-hover:#EDEFE5;
 --ps-shadow:0 12px 30px rgba(42,46,20,.045),0 2px 5px rgba(42,46,20,.025),inset 0 1px 0 #FFFFFF;
 --ps-small-shadow:0 3px 8px rgba(42,46,20,.035),inset 0 1px 0 #FFFFFF;
 --ps-primary:#F7F700;--ps-primary-top:#FAFB62;--ps-primary-border:#E2E33B;--ps-primary-ink:#181A11;
 --ps-primary-sheen:#FFFFB7;--ps-primary-bottom:#DBDD26;
 --ps-primary-shadow:0 4px 10px rgba(120,122,13,.07),inset 0 1px 0 var(--ps-primary-sheen),inset 0 -1px 0 var(--ps-primary-bottom);
 --ps-selected:#252920;--ps-selected-ink:#FFFFFF;
 background-color:#F6F6F1;
 background-image:radial-gradient(ellipse 440px 330px at 95% 90px,rgba(245,243,161,.28),rgba(245,243,161,0) 100%),radial-gradient(ellipse 520px 420px at 0 470px,rgba(255,253,219,.48),rgba(255,253,219,0) 100%);
 background-repeat:no-repeat;
}
html[data-participant-theme=dark] .bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand){
 --ps-card:#191919;--ps-card-end:#141414;--ps-inset:#242522;--ps-quiet:#151613;
 --ps-line:#343630;--ps-rim:#30322D;--ps-muted:#B7BAB0;--ps-control:#727966;
 --ps-warm-end:#222418;--ps-hover:#303329;
 --ps-shadow:inset 0 1px 0 #272822;--ps-small-shadow:inset 0 1px 0 #252620;
 --ps-primary:#F7F700;--ps-primary-top:#FAFB62;--ps-primary-border:#E2E33B;--ps-primary-ink:#181A11;
 --ps-primary-sheen:#FFFFB7;--ps-primary-bottom:#DBDD26;
 --ps-primary-shadow:inset 0 1px 0 var(--ps-primary-sheen),inset 0 -1px 0 var(--ps-primary-bottom);
 --ps-selected:#D2D696;--ps-selected-ink:#222615;
 background-color:#000000;background-image:none;
}
/* Restore the approved bright-yellow task action in dark mode. */
html[data-participant-theme=dark] .bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .pt-task-cta{
 --ps-primary:#F7F700;--ps-primary-top:#FAFB62;--ps-primary-border:#E2E33B;--ps-primary-ink:#181A11;
 --ps-primary-sheen:#FFFFB7;--ps-primary-bottom:#DBDD26;
 --ps-primary-shadow:0 4px 10px rgba(120,122,13,.07),inset 0 1px 0 var(--ps-primary-sheen),inset 0 -1px 0 var(--ps-primary-bottom);
}
html[data-participant-theme=dark] .bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .pt-task-cta>.bn-icon{background:#FFFFFF40}
html[data-participant-theme=dark] .bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .pt-task-cta:active{--ps-primary-shadow:inset 0 1px 3px #787A1324}

/* Page chrome is quiet and consistent with the approved Tasks screen. */
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .wh-header{background:transparent;border-bottom-color:transparent}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .wh-menu>summary{border-radius:50%;border-color:var(--ps-rim);background:var(--ps-card);box-shadow:var(--ps-small-shadow)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .wh-menu-panel{border-radius:24px;border-color:var(--ps-line);background:var(--ps-card);box-shadow:0 16px 50px #14161518}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .wh-menu-title button{border-radius:14px;background:var(--ps-inset)}

/* Foreground: main cards. Keep all existing grids, padding, and reading order. */
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.td-panel,.td-joined-task,.td-start-panel,.pt-card,.pn-card,.pn-ledger,.pf-network,.pf-member-detail,.pf-comparison,.pf-calculator,.pf-ledger,.ms-plan-card,.ms-checkout-card,.ms-checkout-main,.ms-order-summary,.ms-checkout-aside,.ms-account-card,.ms-current-strip,.ew-ledger,.ew-guide-content,.ew-transaction-detail,.ew-earned-total,.ew-guide-section,.bn-task-brief,.bn-task-conditions,.bn-section-disclosure,.pt-list-panel,.pn-confirm-sheet,.pn-draft-sheet,.pn-live-join,.pn-practice-confirm,.mt-review-card,.mt-state-card){
 border:1px solid var(--ps-rim);border-radius:24px;
 background-color:var(--ps-card);background-image:linear-gradient(150deg,var(--ps-card),var(--ps-card-end));
 box-shadow:var(--ps-shadow);
}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.td-start-panel,.pt-profile-summary,.pt-status-panel,.td-wallet-banner,.pn-settlement-hero){
 border:1px solid var(--ps-rim);border-radius:24px;background-color:var(--ps-card);
 background-image:linear-gradient(115deg,var(--ps-card) 35%,var(--ps-warm-end));box-shadow:var(--ps-shadow);
}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.pt-profile-aside,.pt-profile-account,.pt-account-summary,.pt-side-note,.ms-selected-task,.ms-common-benefits,.ms-auth-prompt,.pn-rule-panel){border:1px solid var(--ps-rim);border-radius:20px;background:var(--ps-quiet);box-shadow:var(--ps-small-shadow)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .td-joined-task>.td-product-art{border-radius:16px;border:1px solid var(--ps-rim)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .td-joined-copy{min-width:0}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .td-start-art{border-radius:20px}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.td-brief-art,.td-task-visual){border-radius:20px}

/* Midground: compact balances, stats, and nested records. */
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.ew-balance,.pf-stats>section,.pf-node,.td-fact,.pt-stat,.pn-stat){border:1px solid var(--ps-rim);border-radius:18px;background:var(--ps-card);box-shadow:var(--ps-small-shadow)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .ew-balance:first-child{background-image:linear-gradient(120deg,var(--ps-card),var(--ps-warm-end))}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .ew-record-row{border-radius:16px}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .ew-record-row:hover{background:var(--ps-inset)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.ew-earned-breakdown,.ms-plan-facts,.pt-retention){border-color:var(--ps-line)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .pf-tree-scroll{border-radius:18px;background:var(--ps-inset)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .pf-node{box-shadow:var(--ps-small-shadow)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .pf-node.is-focused{border-color:var(--ps-control);background:var(--ps-warm-end);box-shadow:inset 0 0 0 1px var(--ps-control)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.pf-node-avatar,.pt-avatar,.rf-symbol){border:1px solid var(--ps-rim);background:var(--ps-inset);border-radius:50%}

/* Progressive disclosure: soft outer cards, quiet nested sections. */
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .cw-disclosure{border-color:var(--ps-rim);border-radius:24px;background:var(--ps-quiet);box-shadow:var(--ps-small-shadow)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .cw-disclosure>summary{border-radius:24px;padding:15px;gap:11px}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .cw-disclosure-icon{width:38px;height:38px;border:1px solid var(--ps-rim);border-radius:14px;background:var(--ps-card);box-shadow:var(--ps-small-shadow)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .cw-plus{border-radius:50%;background:var(--ps-inset);color:var(--ps-muted);font-size:20px}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .cw-disclosure-body{border-color:var(--ps-line)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .cw-disclosure-body>:is(.pf-member-detail,.pf-comparison,.ew-daily-panel,.rf-panel,.pf-account-control,.pn-rule-panel){background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .cw-disclosure-body>.cw-disclosure{border-color:var(--ps-line);border-radius:16px;box-shadow:none}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .ms-plan-card .cw-disclosure{border:0;border-top:1px solid var(--ps-line);background:none;border-radius:0;box-shadow:none}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .ms-plan-card .cw-disclosure>summary{border-radius:0;padding:9px 0}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .ms-plan-card .cw-disclosure-body{padding:10px 0}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.cw-key-condition,.rules-notice,.td-acknowledgement,.mt-not-connected){border-radius:16px;background:var(--ps-inset)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.cw-demo-label,.td-tag,.pt-tag,.pf-chip,.pf-status,.ew-record-count,.ms-plan-mark,.ew-summary-label){border-radius:999px}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .cw-demo-label{background:var(--ps-card);border-color:var(--ps-control);box-shadow:var(--ps-small-shadow);padding:6px 10px}

/* Primary actions keep the same semantics. Enabled primary actions use the approved brand yellow in both themes. */
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.td-button,.pt-button,.pf-button,.rf-button,.mt-button,.ew-topup-action,.pt-task-cta){
 border-radius:17px;border:1px solid var(--ps-primary-border);
 background-color:var(--ps-primary);background-image:linear-gradient(180deg,var(--ps-primary-top),var(--ps-primary));
 color:var(--ps-primary-ink);box-shadow:var(--ps-primary-shadow);
 transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;
}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.td-button-secondary,.pt-button-secondary,.pf-button-light,.rf-button-secondary,.mt-button-secondary){
 background-color:var(--ps-inset);background-image:none;color:var(--bn-ink);
 border-color:var(--ps-control);box-shadow:var(--ps-small-shadow);
}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .ms-plan-cta .td-button{border-radius:16px;background:var(--ps-inset);color:var(--bn-ink);border-color:var(--ps-control);box-shadow:var(--ps-small-shadow)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .pt-task-cta>.bn-icon{color:var(--ps-primary-ink);background:#FFFFFF30}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.td-button,.pt-button,.pf-button,.rf-button,.mt-button,.ew-topup-action,.pt-task-cta):active{transform:translateY(1px)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.td-button,.pt-button,.pf-button,.rf-button,.mt-button,.ew-topup-action,.pt-task-cta):is(:disabled,[aria-disabled=true]){background:var(--ps-inset);background-image:none;color:var(--ps-muted);border-color:var(--ps-line);box-shadow:none;transform:none;cursor:not-allowed}

/* Filters and form surfaces remain distinct from task/action buttons. */
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.td-queue-filter,.pt-tab,.pf-view-switch>a,.pf-ledger-filters>a,.ew-switch,.td-duration-presets button,.mt-presets button,.mt-edit,.mt-state-link,.pf-search>button){
 border-radius:999px;border:1px solid var(--ps-control);background:var(--ps-card);color:var(--bn-ink);box-shadow:var(--ps-small-shadow);
}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.td-queue-filter.is-active,.pt-tab.is-active,.pf-view-switch>a.is-active,.pf-ledger-filters>a.is-active,.ew-switch.is-active,.td-duration-presets button.is-selected,.mt-presets button[aria-pressed=true],.mt-state-link.is-current){background:var(--ps-selected);color:var(--ps-selected-ink);border-color:var(--ps-selected);box-shadow:none}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .td-queue-filter{flex:0 0 auto;gap:7px}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .td-queue-filter>span{white-space:nowrap;overflow-wrap:normal}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .bn-participant :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){border-radius:15px;background:var(--ps-inset);border-color:var(--ps-control);box-shadow:inset 0 1px 2px #14161506}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .bn-participant :is(input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]){border-color:var(--bn-error)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .bn-participant :is(input[readonly],input:disabled,select:disabled,textarea:disabled){background:var(--ps-inset);color:var(--ps-muted);box-shadow:none}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.mt-entry-panel,.mt-method-panel){padding:18px;border:1px solid var(--ps-rim);border-radius:24px;background:var(--ps-card);box-shadow:var(--ps-shadow)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .mt-method-panel{margin-top:16px}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .mt-amount-input{margin:8px 0 12px;padding:8px 12px;border:1px solid var(--ps-control);border-radius:16px;background:var(--ps-inset)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .mt-amount-input input{background:transparent;border-radius:8px}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .mt-amount-input:focus-within{border-color:var(--bn-ink);outline:2px solid var(--bn-ink);outline-offset:3px}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .mt-amount-input input:focus-visible{outline:none}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .mt-currency{border-radius:18px}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .mt-conversion{margin:16px 0 0;padding:13px 14px;border:1px solid var(--ps-line);border-radius:16px;background:var(--ps-inset)}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.mt-method-tile,.mt-usdt-method){border-radius:18px}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .mt-currency-options label>span{border-radius:999px}
.bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .mt-methods input:checked+.mt-method-tile{border-color:var(--ps-control);box-shadow:inset 0 0 0 1px var(--ps-control);background:var(--ps-inset)}

@media(hover:hover) and (pointer:fine){
 .bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.td-button,.pt-button,.pf-button,.rf-button,.mt-button,.ew-topup-action,.pt-task-cta):hover:not(:disabled):not([aria-disabled=true]){transform:translateY(-1px);border-color:var(--ps-primary-border);box-shadow:var(--ps-primary-shadow);background-color:var(--ps-primary)}
 .bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.td-button-secondary,.pt-button-secondary,.pf-button-light,.rf-button-secondary,.mt-button-secondary):hover:not(:disabled){background:var(--ps-hover);border-color:var(--ps-control);box-shadow:var(--ps-small-shadow)}
 .bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .ms-plan-cta .td-button:hover{background:var(--ps-hover);border-color:var(--ps-control);box-shadow:var(--ps-small-shadow)}
 html[data-participant-theme=dark] .bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) .pt-task-cta:hover{--ps-primary-border:#CFD129;--ps-primary-shadow:0 6px 14px #787A1320,inset 0 1px 0 #FFFFB7}
}
@media(prefers-reduced-motion:reduce){
 .bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.td-button,.pt-button,.pf-button,.rf-button,.mt-button,.ew-topup-action,.pt-task-cta){transition:none;transform:none!important}
}
@media(forced-colors:active){
 .bn-ui .cw-shell:is(.wh-shell-participant,.wh-shell-brand) :is(.td-panel,.pt-card,.pf-network,.ms-plan-card,.ew-ledger,.cw-disclosure,.ew-balance,.td-button,.pt-button,.pf-button,.rf-button,.mt-button,.ew-topup-action,.pt-task-cta){border-color:ButtonText;background-image:none;box-shadow:none}
}