/* Glass appearance for owner analytics, finance, campaigns and streaming.
   Keep chart/status colors, media, QR codes and editable wallet artwork intact. */
html[data-appearance="glass"] body #blocspace-activity-content#blocspace-activity-content .bsa-root {
    --bsa-card: var(--gl-fill); --bsa-line: var(--gl-rim); --bsa-line2: rgba(255,255,255,.16);
    --bsa-ink: #fff; --bsa-ink2: rgba(255,255,255,.88); --bsa-mute: rgba(255,255,255,.74);
    --bsa-mute2: rgba(255,255,255,.68); --bsa-faint: rgba(255,255,255,.55);
    --bsa-track: rgba(255,255,255,.10); --bsa-pill: var(--gl-fill); --bsa-chip: var(--gl-fill);
    --bsa-thumb: var(--gl-fill); --bsa-hero: var(--gl-fill); --bsa-hero-on: var(--gl-fill-strong);
    --bsa-hero-line: var(--gl-rim); --bsa-hero-ink: #fff; --bsa-hero-mute: rgba(255,255,255,.74);
    --bsa-teal-ink: #86efac; --bsa-teal-bg: rgba(52,211,153,.16);
    --bsa-amber-ink: #fcd34d; --bsa-amber-bg: rgba(251,191,36,.16);
    --bsa-red: #fda4af; --bsa-red-bg: rgba(251,113,133,.16); --bsa-shadow: var(--gl-hi);
    background: transparent !important;
}
html[data-appearance="glass"] body #blocspace-activity-content#blocspace-activity-content :is(.bsa-hero,.bsa-card) {
    background: var(--gl-bg) !important; border-color: var(--gl-rim) !important; box-shadow: var(--gl-shadow) !important;
}
html[data-appearance="glass"] body #blocspace-activity-content#blocspace-activity-content .bsa-hero {
    -webkit-backdrop-filter: var(--gl-blur); backdrop-filter: var(--gl-blur);
}
html[data-appearance="glass"] body #blocspace-wallet-finance#blocspace-wallet-finance {
    --text-primary: #fff; --text-secondary: rgba(255,255,255,.74); background: transparent !important;
}
html[data-appearance="glass"] body #blocspace-wallet-finance#blocspace-wallet-finance :is(.mobile-blocspace-wallet-hero,.mobile-blocspace-wallet-section,.mobile-blocspace-wallet-empty) {
    background: var(--gl-bg) !important; border: 1px solid var(--gl-rim) !important;
    border-radius: 20px; padding: 16px; box-shadow: var(--gl-hi) !important;
}
html[data-appearance="glass"] body #blocspace-wallet-finance#blocspace-wallet-finance .mobile-blocspace-wallet-hero {
    -webkit-backdrop-filter: var(--gl-blur); backdrop-filter: var(--gl-blur);
}
html[data-appearance="glass"] body #blocspace-wallet-finance#blocspace-wallet-finance :is(button,.mobile-blocspace-wallet-sub-summary) {
    background: var(--gl-fill) !important; border-color: var(--gl-rim) !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body #blocspace-wallet-finance#blocspace-wallet-finance .mobile-blocspace-wallet-segment button.is-active {
    background: var(--gl-fill-strong) !important; box-shadow: var(--gl-hi) !important;
}
/* Campaign's composer has its own hard-coded light palette. */
html[data-appearance="glass"] body :is(.mcamp.mcamp.mcamp,#mobile-campaign-overlay#mobile-campaign-overlay) {
    --mc-ink: #fff; --mc-body: rgba(255,255,255,.88); --mc-mute: rgba(255,255,255,.74);
    --mc-faint: rgba(255,255,255,.55); --mc-paper: transparent; --mc-wash: var(--gl-fill); --mc-line: var(--gl-rim);
    background: transparent !important;
}
html[data-appearance="glass"] body #mobile-campaign-overlay#mobile-campaign-overlay {
    background: var(--gl-sheet) !important; -webkit-backdrop-filter: var(--gl-blur) !important; backdrop-filter: var(--gl-blur) !important;
}
html[data-appearance="glass"] body :is(.mcamp.mcamp.mcamp,#mobile-campaign-overlay#mobile-campaign-overlay) :is(.mcamp-overlay__body,.mcamp-overlay__bar,.mcamp__wizhead) {
    background: transparent !important;
}
html[data-appearance="glass"] body :is(.mcamp.mcamp.mcamp,#mobile-campaign-overlay#mobile-campaign-overlay) :is(.mcamp__card,.mcamp__boxed,.mcamp__row,.mcamp__disc,.mcamp__cal,.mcamp__search,.mcamp__drop,.mcamp__sponsor,.mcamp__paste,.mcamp__addbtn,.mcamp__btn,.mcamp__pill,.mcamp__choice,.mcamp__grid2:has(.mcamp__choice),input,textarea,select) {
    background: var(--gl-fill) !important; border-color: var(--gl-rim) !important; box-shadow: var(--gl-hi) !important;
}
html[data-appearance="glass"] body :is(.mcamp.mcamp.mcamp,#mobile-campaign-overlay#mobile-campaign-overlay) :is(h1,h2,h3,p,label,input,textarea,select,button,.mcamp__title,.mcamp__label,.mcamp__row-title,.mcamp__row-meta,.mcamp__field,.mcamp__btn,.mcamp__choice) {
    color: #fff !important; -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body :is(.mcamp.mcamp.mcamp,#mobile-campaign-overlay#mobile-campaign-overlay) :is(.mcamp__btn--next,.mcamp__btn--solid,.mcamp__choice.is-on,.mcamp__check.is-on,.mcamp__day.is-on,.mcamp__day.is-sel) {
    background: var(--gl-fill-strong) !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body #mobile-campaign-overlay#mobile-campaign-overlay :is(.mcamp__banner,.mcamp__error) {
    background: rgba(251,113,133,.16) !important; color: #fda4af !important; -webkit-text-fill-color: #fda4af !important;
}
/* Streaming dashboard, replay library, add composer and wallet detail sheets. */
html[data-appearance="glass"] body :is(#mobile-stream-control-sheet#mobile-stream-control-sheet#mobile-stream-control-sheet,#mobile-stream-replay-library#mobile-stream-replay-library,#mobileStreamModal#mobileStreamModal#mobileStreamModal,dialog.sd-wallet-preview.sd-wallet-preview.sd-wallet-preview:not(.sd-details-mode),dialog.sd-field-sheet.sd-field-sheet) {
    background: var(--gl-sheet) !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
    color-scheme: dark !important; -webkit-backdrop-filter: var(--gl-blur) !important; backdrop-filter: var(--gl-blur) !important;
}
html[data-appearance="glass"] body #mobile-stream-control-sheet#mobile-stream-control-sheet#mobile-stream-control-sheet :is(.mobile-stream-control-panel,.mobile-stream-control-head,.mobile-stream-control-body,.mobile-stream-dashboard-metrics,.mobile-stream-dashboard-metrics article,.mobile-stream-dashboard-permission-option,.mobile-stream-activity-row) {
    background: transparent !important; border-color: var(--gl-rim) !important;
}
html[data-appearance="glass"] body #mobile-stream-control-sheet#mobile-stream-control-sheet#mobile-stream-control-sheet :is(.mobile-stream-status-card,.mobile-stream-dashboard-stream-row,.mobile-stream-dashboard-permission-options,.mobile-stream-dashboard-access-code,.mobile-stream-activity-list,.mobile-stream-control-inline,.mobile-stream-control-close,.sd-schedule-form,.sd-price-control,.sd-wallet-mini,[data-minimum-form],[data-card-status],[aria-label="Trading card pricing"],.msd-replay-stats > div,input,select,.msd-library-back,.msd-replay-menu button) {
    background: var(--gl-bg) !important; border-color: var(--gl-rim) !important; box-shadow: var(--gl-hi) !important;
}
html[data-appearance="glass"] body #mobile-stream-control-sheet#mobile-stream-control-sheet#mobile-stream-control-sheet :is(h3,strong,small,span,label,input,select,button,p,i,.mobile-stream-control-kicker,.mobile-stream-activity-value,.sd-price-help) {
    color: #fff !important; -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body #mobile-stream-control-sheet#mobile-stream-control-sheet#mobile-stream-control-sheet :is([data-card-mode][aria-pressed="true"],button[type="submit"],.sd-price-control button) {
    background: var(--gl-fill-strong) !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body #mobileStreamModal#mobileStreamModal#mobileStreamModal :is(.stc-posting,.stc-card,.stc-segment,.stc-pass-row,.stc-pass-link,.stc-pass-actions button,.stc-submit,.stc-preview-stage,.mobile-stream-add-card,.mobile-stream-add-status.is-starting) {
    background: var(--gl-bg) !important; border-color: var(--gl-rim) !important; box-shadow: var(--gl-hi) !important;
}
html[data-appearance="glass"] body #mobileStreamModal#mobileStreamModal#mobileStreamModal :is(h1,h2,h3,p,label,input,textarea,select,button,span,.stc-label,.stc-hint,.stc-posting-name,.stc-posting-meta,.stc-pass-link) {
    color: #fff !important; -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body #mobileStreamModal#mobileStreamModal#mobileStreamModal :is(input,textarea,select) { background: transparent !important; }
html[data-appearance="glass"] body #mobileStreamModal#mobileStreamModal#mobileStreamModal :is(.stc-segment button.is-active,.stc-submit.is-ready,.stc-pass-actions button.is-primary) { background: var(--gl-fill-strong) !important; }
html[data-appearance="glass"] body :is(dialog.sd-wallet-preview.sd-wallet-preview.sd-wallet-preview:not(.sd-details-mode),dialog.sd-field-sheet.sd-field-sheet) :is(.sd-detail-group,.sd-wallet-details > div:not(.sd-detail-hero),.sd-wallet-editor,input,header:not(.sd-wallet-face header),button:not(.sd-swatches button)) {
    background: var(--gl-bg) !important; border-color: var(--gl-rim) !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body dialog.sd-wallet-preview.sd-wallet-preview.sd-wallet-preview:not(.sd-details-mode) :is(.sd-wallet-details,.sd-wallet-details *,.sd-detail-toolbar,.sd-detail-toolbar *,header > span):not(.sd-wallet-face):not(.sd-wallet-face *) {
    color: #fff !important; -webkit-text-fill-color: #fff !important; border-color: var(--gl-rim) !important;
}
html[data-appearance="glass"] body :is(#mobileStreamModal#mobileStreamModal#mobileStreamModal,#mobile-campaign-overlay#mobile-campaign-overlay,#mobile-stream-control-sheet#mobile-stream-control-sheet#mobile-stream-control-sheet) :is(input,textarea)::placeholder {
    color: rgba(255,255,255,.6) !important; -webkit-text-fill-color: rgba(255,255,255,.6) !important;
}
html[data-appearance="glass"] body :is(#mobileStreamModal,#mobile-campaign-overlay,#mobile-stream-control-sheet) option { background: #1c1c20 !important; color: #fff !important; }
/* Current Blocspace renderers share BSD and ODX tokens with detail views. */
html[data-appearance="glass"] body :is(#blocspace-modal-content,#blocspace-calendar-sheet) .bsd-root.bsd-root {
    --bsd-card: var(--gl-fill); --bsd-card2: rgba(255,255,255,.08);
    --bsd-line: var(--gl-rim); --bsd-line2: rgba(255,255,255,.16);
    --bsd-ink: #fff; --bsd-ink2: rgba(255,255,255,.88); --bsd-mute: rgba(255,255,255,.74);
    --bsd-mute2: rgba(255,255,255,.68); --bsd-faint: rgba(255,255,255,.55);
    --bsd-track: rgba(255,255,255,.10); --bsd-pill: var(--gl-fill); --bsd-chip: var(--gl-fill);
    --bsd-chip2: var(--gl-fill-strong); --bsd-thumb: var(--gl-fill); --bsd-hero: var(--gl-fill);
    --bsd-hero-on: var(--gl-fill-strong); --bsd-hero-line: var(--gl-rim); --bsd-hero-edge: var(--gl-rim);
    --bsd-hero-ink: #fff; --bsd-hero-mute: rgba(255,255,255,.74); --bsd-hero-soft: rgba(255,255,255,.8);
    --bsd-teal-ink: #86efac; --bsd-teal-bg: rgba(52,211,153,.16); --bsd-amber-ink: #fcd34d;
    --bsd-amber-bg: rgba(251,191,36,.16); --bsd-red: #fda4af; --bsd-red-bg: rgba(251,113,133,.16);
    --bsd-red-line: rgba(251,113,133,.32); --bsd-shadow: var(--gl-hi); --bsd-lift: var(--gl-shadow);
}
html[data-appearance="glass"] body :is(#blocspace-modal-content,#blocspace-calendar-sheet) .bsd-root.bsd-root :is(.bsd-hero,.bsd-card,.bsd-subcard) {
    background: var(--gl-bg) !important; border-color: var(--gl-rim) !important; box-shadow: var(--gl-hi) !important;
}
html[data-appearance="glass"] body :is(#bs-odx,#bsw-odx,#bsm-odx,#bsp-odx):is(#bs-odx,#bsw-odx,#bsm-odx,#bsp-odx):is(#bs-odx,#bsw-odx,#bsm-odx,#bsp-odx).odx {
    --odx-bg: transparent; --odx-card: var(--gl-fill); --odx-ink: #fff;
    --odx-mute: rgba(255,255,255,.74); --odx-faint: rgba(255,255,255,.55);
    --odx-line: rgba(255,255,255,.22); --odx-line2: var(--gl-rim);
    --odx-good: #86efac; --odx-bad: #fda4af; --odx-warn: #fcd34d;
    background: transparent !important;
}
html[data-appearance="glass"] body :is(#bs-odx,#bsw-odx,#bsm-odx,#bsp-odx):is(#bs-odx,#bsw-odx,#bsm-odx,#bsp-odx):is(#bs-odx,#bsw-odx,#bsm-odx,#bsp-odx).odx :is(.odx-card,.odx-tile,.odx-search,.odx-seg,.odx-chip,.odx-btn) {
    background: var(--gl-fill) !important; border-color: var(--gl-rim) !important; box-shadow: var(--gl-hi) !important;
}
html[data-appearance="glass"] body :is(#bs-odx,#bsw-odx,#bsm-odx,#bsp-odx):is(#bs-odx,#bsw-odx,#bsm-odx,#bsp-odx):is(#bs-odx,#bsw-odx,#bsm-odx,#bsp-odx).odx :is(.odx-seg button[aria-pressed="true"],.odx-btn.is-solid,.odx-chip.is-on,.odx-chip[aria-pressed="true"]) {
    background: var(--gl-fill-strong) !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body :is(#bs-odx,#bsw-odx,#bsm-odx,#bsp-odx):is(#bs-odx,#bsw-odx,#bsm-odx,#bsp-odx):is(#bs-odx,#bsw-odx,#bsm-odx,#bsp-odx).odx .odx-chip[aria-pressed="true"] span { color: #fff !important; -webkit-text-fill-color: #fff !important; }
/* Campaign list and its dock are separate from the wizard's mc-* tokens. */
html[data-appearance="glass"] body #mobile-campaign-overlay#mobile-campaign-overlay :is(.mcamp,.mch,.mcamp-overlay__body) {
    background: transparent !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body #mobile-campaign-overlay#mobile-campaign-overlay :is(.mch-foot,.mch-pill,.mch-cta,.mch-mark,.mch-chip--draft,.mch-chip--ended,.mch-bar,.mch-track) {
    background: var(--gl-bg) !important; border-color: var(--gl-rim) !important; box-shadow: var(--gl-hi) !important;
}
html[data-appearance="glass"] body #mobile-campaign-overlay#mobile-campaign-overlay :is(.mch-foot) {
    -webkit-backdrop-filter: var(--gl-blur); backdrop-filter: var(--gl-blur);
}
html[data-appearance="glass"] body #mobile-campaign-overlay#mobile-campaign-overlay :is(.mch-pill.is-on,.mch-cta,.mch-chip--live) { background: var(--gl-fill-strong) !important; }
html[data-appearance="glass"] body #mobile-campaign-overlay#mobile-campaign-overlay :is(.mch-name,.mch-value,.mch-figure,.mch-row-title,.mch-pill,.mch-mark,.mch-chip--draft,.mch-chip--ended,.mch-cta) { color: #fff !important; -webkit-text-fill-color: #fff !important; }
html[data-appearance="glass"] body #mobile-campaign-overlay#mobile-campaign-overlay :is(.mch-label,.mch-sub,.mch-muted,.mch-row-meta,.mch-empty,.mch-hint) { color: rgba(255,255,255,.74) !important; -webkit-text-fill-color: rgba(255,255,255,.74) !important; }
html[data-appearance="glass"] body #mobile-campaign-overlay#mobile-campaign-overlay :is(.mch-stats,.mch-stat,.mch-row) { border-color: var(--gl-rim) !important; }
html[data-appearance="glass"] body #mobile-campaign-overlay#mobile-campaign-overlay :is(.mcamp__wiztitle,.mcamp__display,.mcamp__stat-value,.mcamp__datebtn) { color: #fff !important; -webkit-text-fill-color: #fff !important; }
html[data-appearance="glass"] body #mobile-campaign-overlay#mobile-campaign-overlay :is(.mcamp__note,.mcamp__mono-sm,.mcamp__section-title,.mcamp__stat-label) { color: rgba(255,255,255,.74) !important; -webkit-text-fill-color: rgba(255,255,255,.74) !important; }
html[data-appearance="glass"] body #mobile-campaign-overlay#mobile-campaign-overlay .mcamp__datebtn { background: var(--gl-fill) !important; box-shadow: var(--gl-hi) !important; }
html[data-appearance="glass"] body #mobileStreamModal#mobileStreamModal#mobileStreamModal :is(strong,small) { color: #fff !important; -webkit-text-fill-color: #fff !important; }
/* These structural mats otherwise hide the backdrop behind translucent cards. */
html[data-appearance="glass"] body #stream-main-area#stream-main-area > .stream-container,
html[data-appearance="glass"] body #blocspace-modal-content#blocspace-modal-content > div:first-child {
    background: transparent !important; background-color: transparent !important;
}
html[data-appearance="glass"] body #blocspace-modal#blocspace-modal {
    background: var(--gl-sheet) !important; -webkit-backdrop-filter: var(--gl-blur); backdrop-filter: var(--gl-blur);
}
/* ODX adds :has(#bs-odx) to both ancestor shells in dark mode. */
html[data-appearance="glass"] body #blocspace-modal#blocspace-modal#blocspace-modal { background: var(--gl-sheet) !important; }
html[data-appearance="glass"] body #blocspace-modal-content#blocspace-modal-content#blocspace-modal-content { background: transparent !important; }
html[data-appearance="glass"] body #mobile-stream-control-sheet#mobile-stream-control-sheet#mobile-stream-control-sheet .sd-schedule-form input {
    background: var(--gl-fill) !important; color: #fff !important; -webkit-text-fill-color: #fff !important; border-color: var(--gl-rim) !important;
}
/* Phone Stream Dashboard (#mobile-stream-owner-sheet): icon buttons -- refresh,
   close, remove detail -- are translucent glass with white icons in every state. */
html[data-appearance="glass"] body #mobile-stream-owner-sheet#mobile-stream-owner-sheet :is(.bd-btn--icon,.sd-rm .bd-btn):is(*,:hover,:active,:focus) {
    background: rgba(255,255,255,.14) !important; border-color: rgba(255,255,255,.24) !important;
    color: #fff !important; -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body #mobile-stream-owner-sheet#mobile-stream-owner-sheet :is(.bd-btn--icon,.sd-rm .bd-btn) i {
    color: #fff !important; -webkit-text-fill-color: #fff !important; opacity: 1 !important;
}