/* Mobile shop Glass appearance. Keep media and semantic status colors intact.
 * Theme tokens cover dynamic owner/guest screens; blur only full-screen sheets,
 * sticky bars and popovers, never every product or order in a long list. */

html[data-appearance="glass"] body #moments-scroll-container.mobile-shop-storefront,
html[data-appearance="glass"] body #shop-main-area,
html[data-appearance="glass"] body #main-external-shop,
html[data-appearance="glass"] body .mobile-shop-detail-modal,
html[data-appearance="glass"] body .mobile-shop-product-form,
html[data-appearance="glass"] body #addItemModal,
html[data-appearance="glass"] body #shop-empty,
html[data-appearance="glass"] body #shop-item-action-sheet,
html[data-appearance="glass"] body #mobile-shop-owner-products-modal,
html[data-appearance="glass"] body #mobile-shop-reviews-modal,
html[data-appearance="glass"] body #mobile-shop-review-form-modal,
html[data-appearance="glass"] body #mobile-shop-question-modal,
html[data-appearance="glass"] body #mobile-shop-guest-products-modal,
html[data-appearance="glass"] body .mobile-shop-dashboard-modal,
html[data-appearance="glass"] body .mobile-shop-owner-orders-modal,
html[data-appearance="glass"] body .mobile-shop-order-detail-sheet {
    --mobile-shop-bg: transparent;
    --mobile-shop-text: #fff;
    --mobile-shop-muted: rgba(255,255,255,.76);
    --mobile-shop-subtle: rgba(255,255,255,.62);
    --mobile-shop-border: var(--gl-rim);
    --mobile-shop-surface: var(--gl-fill);
    --mobile-shop-soft: rgba(255,255,255,.10);
    --mobile-shop-card-bg: var(--gl-fill);
    --mobile-shop-card-soft: rgba(255,255,255,.10);
    --mobile-shop-button-bg: var(--gl-fill);
    --mobile-shop-button-disabled: rgba(255,255,255,.08);
    --shop-dashboard-bg: transparent;
    --shop-dashboard-surface: var(--gl-fill);
    --shop-dashboard-surface-soft: rgba(255,255,255,.10);
    --shop-dashboard-border: var(--gl-rim);
    --shop-dashboard-text: #fff;
    --shop-dashboard-muted: rgba(255,255,255,.76);
    --shop-dashboard-subtle: rgba(255,255,255,.62);
    --shop-manager-button-text: #111;
}


html[data-appearance="glass"] body .mobile-shop-detail-modal,
html[data-appearance="glass"] body .mobile-shop-product-form,
html[data-appearance="glass"] body #addItemModal#addItemModal,
html[data-appearance="glass"] body #shop-empty#shop-empty,
html[data-appearance="glass"] body #shop-item-action-sheet#shop-item-action-sheet,
html[data-appearance="glass"] body #mobile-shop-owner-products-modal#mobile-shop-owner-products-modal,
html[data-appearance="glass"] body #mobile-shop-reviews-modal#mobile-shop-reviews-modal,
html[data-appearance="glass"] body #mobile-shop-review-form-modal#mobile-shop-review-form-modal,
html[data-appearance="glass"] body #mobile-shop-question-modal#mobile-shop-question-modal,
html[data-appearance="glass"] body #mobile-shop-guest-products-modal#mobile-shop-guest-products-modal,
html[data-appearance="glass"] body .mobile-shop-dashboard-modal,
html[data-appearance="glass"] body .mobile-shop-owner-orders-modal,
html[data-appearance="glass"] body .mobile-shop-order-detail-sheet,
html[data-appearance="glass"] body #shopping-cart-modal#shopping-cart-modal,
html[data-appearance="glass"] body #shop-checkout#shop-checkout,
html[data-appearance="glass"] body #shop-order-confirmed#shop-order-confirmed,
html[data-appearance="glass"] body #shop-reviews#shop-reviews,
html[data-appearance="glass"] body #shop-review-write#shop-review-write,
html[data-appearance="glass"] body #shop-review-pick#shop-review-pick,
html[data-appearance="glass"] body #shop-ticket-tiers#shop-ticket-tiers,
html[data-appearance="glass"] body #shop-digital-item#shop-digital-item {
    background: var(--gl-sheet) !important;
    color: #fff !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}

/* Order lists and receipts use a separate light palette. Give their controls
   an explicit glass palette so generic button styles cannot leave white pills
   with white labels over the photo. */
html[data-appearance="glass"] body .mobile-shop-orders-v2,
html[data-appearance="glass"] body #mobile-shop-order-detail-sheet.mobile-shop-receipt-v2 {
    --ord-bg: transparent;
    --ord-ink: #fff;
    --ord-muted: rgba(255,255,255,.8);
    --ord-faint: rgba(255,255,255,.62);
    --ord-line: rgba(255,255,255,.3);
    --ord-soft: rgba(255,255,255,.14);
}
html[data-appearance="glass"] body #mobile-shop-order-detail-sheet.mobile-shop-receipt-v2 {
    background: var(--gl-sheet) !important;
}
html[data-appearance="glass"] body #mobile-shop-order-detail-sheet.mobile-shop-receipt-v2 :is(.mobile-shop-receipt-back, .mobile-shop-receipt-pass-link, .mobile-shop-receipt-action),
html[data-appearance="glass"] body .mobile-shop-orders-v2 :is(.mobile-shop-order-btn, .mobile-shop-orders-chip, .mobile-shop-order-card) {
    background: var(--gl-fill) !important;
    border-color: var(--gl-rim) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: var(--gl-hi) !important;
}
html[data-appearance="glass"] body #mobile-shop-order-detail-sheet.mobile-shop-receipt-v2 :is(.mobile-shop-receipt-back, .mobile-shop-receipt-pass-link, .mobile-shop-receipt-action) *,
html[data-appearance="glass"] body .mobile-shop-orders-v2 :is(.mobile-shop-order-btn, .mobile-shop-orders-chip) * {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}
html[data-appearance="glass"] body #mobile-shop-order-detail-sheet.mobile-shop-receipt-v2 .mobile-shop-receipt-action {
    color: #ffb7bd !important;
    -webkit-text-fill-color: #ffb7bd !important;
    border-color: rgba(255,183,189,.55) !important;
}
html[data-appearance="glass"] body .mobile-shop-orders-v2 .mobile-shop-orders-chip.is-active {
    background: rgba(255,255,255,.26) !important;
    border-color: var(--gl-rim-strong) !important;
}
html[data-appearance="glass"] body .mobile-shop-dashboard-home {
    --shop-dashboard-bg: transparent;
    --shop-dashboard-surface: var(--gl-fill);
    --shop-dashboard-surface-soft: rgba(255,255,255,.12);
    --shop-dashboard-border: var(--gl-rim);
    --shop-dashboard-text: #fff;
    --shop-dashboard-muted: rgba(255,255,255,.78);
    --shop-dashboard-subtle: rgba(255,255,255,.62);
}
html[data-appearance="glass"] body .mobile-shop-dashboard-home :is(.mobile-shop-dashboard-header, .mobile-shop-dashboard-today-metrics span, .mobile-shop-dashboard-day-tile.has-activity, .mobile-shop-dashboard-month-tile.has-activity) {
    background: var(--gl-fill) !important;
    border-color: var(--gl-rim) !important;
    box-shadow: var(--gl-hi) !important;
}
html[data-appearance="glass"] body .mobile-shop-dashboard-home :is(.mobile-shop-dashboard-today-copy strong, .mobile-shop-dashboard-today-metrics b, .mobile-shop-dashboard-day-tile, .mobile-shop-dashboard-day-top span, .mobile-shop-dashboard-day-bottom em, .mobile-shop-dashboard-month-tile, .mobile-shop-dashboard-month-top span) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}


html[data-appearance="glass"] body #main-external-shop#main-external-shop,
html[data-appearance="glass"] body #moments-scroll-container.mobile-shop-storefront {
    background: transparent !important;
}


html[data-appearance="glass"] body #shopping-cart-modal#shopping-cart-modal {
    --cart-paper: #15151a;
    --cart-ink: #fff;
    --cart-body: rgba(255,255,255,.82);
    --cart-mute: rgba(255,255,255,.68);
    --cart-label: rgba(255,255,255,.68);
    --cart-hair: rgba(255,255,255,.20);
    --cart-rule: var(--gl-rim);
}


html[data-appearance="glass"] body #shopping-cart-modal#shopping-cart-modal .cart-bar,
html[data-appearance="glass"] body #shopping-cart-modal#shopping-cart-modal .cart-dock {
    background: var(--gl-sheet) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}


html[data-appearance="glass"] body #shop-checkout#shop-checkout {
    --co-paper: #15151a;
    --co-ink: #fff;
    --co-body: rgba(255,255,255,.82);
    --co-mute: rgba(255,255,255,.68);
    --co-label: rgba(255,255,255,.68);
    --co-hair: rgba(255,255,255,.20);
    --co-rule: var(--gl-rim);
}


html[data-appearance="glass"] body #shop-checkout#shop-checkout .co-bar,
html[data-appearance="glass"] body #shop-checkout#shop-checkout .co-dock {
    background: var(--gl-sheet) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}


html[data-appearance="glass"] body #shop-order-confirmed#shop-order-confirmed {
    --oc-paper: #15151a;
    --oc-ink: #fff;
    --oc-body: rgba(255,255,255,.82);
    --oc-mute: rgba(255,255,255,.68);
    --oc-label: rgba(255,255,255,.68);
    --oc-hair: rgba(255,255,255,.20);
    --oc-rule: var(--gl-rim);
}


html[data-appearance="glass"] body #shop-order-confirmed#shop-order-confirmed .oc-bar,
html[data-appearance="glass"] body #shop-order-confirmed#shop-order-confirmed .oc-dock {
    background: var(--gl-sheet) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}


html[data-appearance="glass"] body #shop-reviews#shop-reviews {
    --rv-paper: #15151a;
    --rv-ink: #fff;
    --rv-body: rgba(255,255,255,.82);
    --rv-mute: rgba(255,255,255,.68);
    --rv-label: rgba(255,255,255,.68);
    --rv-hair: rgba(255,255,255,.20);
    --rv-rule: var(--gl-rim);
}


html[data-appearance="glass"] body #shop-reviews#shop-reviews .rv-bar,
html[data-appearance="glass"] body #shop-reviews#shop-reviews .rv-dock {
    background: var(--gl-sheet) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}


html[data-appearance="glass"] body #shop-review-write#shop-review-write {
    --rw-paper: #15151a;
    --rw-ink: #fff;
    --rw-body: rgba(255,255,255,.82);
    --rw-mute: rgba(255,255,255,.68);
    --rw-label: rgba(255,255,255,.68);
    --rw-hair: rgba(255,255,255,.20);
    --rw-rule: var(--gl-rim);
}


html[data-appearance="glass"] body #shop-review-write#shop-review-write .rw-bar,
html[data-appearance="glass"] body #shop-review-write#shop-review-write .rw-dock {
    background: var(--gl-sheet) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}


html[data-appearance="glass"] body #shop-review-pick#shop-review-pick {
    --rw-paper: #15151a;
    --rw-ink: #fff;
    --rw-body: rgba(255,255,255,.82);
    --rw-mute: rgba(255,255,255,.68);
    --rw-label: rgba(255,255,255,.68);
    --rw-hair: rgba(255,255,255,.20);
    --rw-rule: var(--gl-rim);
}


html[data-appearance="glass"] body #shop-review-pick#shop-review-pick .rw-bar,
html[data-appearance="glass"] body #shop-review-pick#shop-review-pick .rw-dock {
    background: var(--gl-sheet) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}


html[data-appearance="glass"] body #shop-ticket-tiers#shop-ticket-tiers {
    --tier-paper: #15151a;
    --tier-ink: #fff;
    --tier-body: rgba(255,255,255,.82);
    --tier-mute: rgba(255,255,255,.68);
    --tier-label: rgba(255,255,255,.68);
    --tier-hair: rgba(255,255,255,.20);
    --tier-rule: var(--gl-rim);
}


html[data-appearance="glass"] body #shop-ticket-tiers#shop-ticket-tiers .tier-bar,
html[data-appearance="glass"] body #shop-ticket-tiers#shop-ticket-tiers .tier-dock {
    background: var(--gl-sheet) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}


html[data-appearance="glass"] body #shop-digital-item#shop-digital-item {
    --dg-paper: #15151a;
    --dg-ink: #fff;
    --dg-body: rgba(255,255,255,.82);
    --dg-mute: rgba(255,255,255,.68);
    --dg-label: rgba(255,255,255,.68);
    --dg-hair: rgba(255,255,255,.20);
    --dg-rule: var(--gl-rim);
}


html[data-appearance="glass"] body #shop-digital-item#shop-digital-item .dg-bar,
html[data-appearance="glass"] body #shop-digital-item#shop-digital-item .dg-dock {
    background: var(--gl-sheet) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}


html[data-appearance="glass"] body #mobile-shop-owner-orders-modal#mobile-shop-owner-orders-modal,
html[data-appearance="glass"] body #mobile-shop-order-detail-modal#mobile-shop-order-detail-modal,
html[data-appearance="glass"] body .mobile-shop-order-detail-sheet.mobile-shop-order-detail-sheet {
    --ord-bg: transparent;
    --ord-ink: #fff;
    --ord-muted: rgba(255,255,255,.76);
    --ord-faint: rgba(255,255,255,.62);
    --ord-line: var(--gl-rim);
    --ord-soft: var(--gl-fill);
}


html[data-appearance="glass"] body #shop-odx#shop-odx#shop-odx.odx {
    --odx-bg: #15151a;
    --odx-card: var(--gl-fill);
    --odx-ink: #fff;
    --odx-mute: rgba(255,255,255,.76);
    --odx-faint: rgba(255,255,255,.62);
    --odx-line: rgba(255,255,255,.22);
    --odx-line2: var(--gl-rim);
    background: transparent !important;
}


html[data-appearance="glass"] body #shop-odx#shop-odx#shop-odx.odx :is(.odx-card, .odx-stat, .odx-search, .odx-input, .odx-textarea) {
    background: var(--gl-fill) !important;
    border-color: var(--gl-rim) !important;
    box-shadow: var(--gl-hi) !important;
}
html[data-appearance="glass"] body #shop-odx#shop-odx#shop-odx.odx :is(.odx-tile, .odx-btn, .odx-chip, .odx-seg) {
    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 #shop-odx#shop-odx#shop-odx.odx :is(.odx-btn.is-solid, .odx-seg button[aria-pressed="true"], .odx-chip[aria-pressed="true"]) {
    background: var(--gl-fill-strong) !important;
    border-color: var(--gl-rim-strong) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: var(--gl-hi) !important;
}
html[data-appearance="glass"] body #shop-odx#shop-odx#shop-odx.odx :is(.odx-btn.is-solid, .odx-seg button[aria-pressed="true"], .odx-chip[aria-pressed="true"]) * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body #shop-odx#shop-odx#shop-odx.odx .odx-btn.is-danger {
    color: #ffb7bd !important;
    -webkit-text-fill-color: #ffb7bd !important;
    border-color: rgba(255,183,189,.55) !important;
}


html[data-appearance="glass"] body #shopping-cart-modal#shopping-cart-modal :is(.cart-qty,.cart-stepper),
html[data-appearance="glass"] body #shop-checkout#shop-checkout .co-suggest,
html[data-appearance="glass"] body #shop-order-confirmed#shop-order-confirmed :is(.oc-pass,.oc-card) {
    background: var(--gl-bg) !important;
    border-color: var(--gl-rim) !important;
}


html[data-appearance="glass"] body #shop-checkout#shop-checkout .co-suggest button {
    background: transparent !important;
}


html[data-appearance="glass"] body #shop-order-confirmed#shop-order-confirmed {
    --oc-card: var(--gl-fill);
    --oc-card-mute: rgba(255,255,255,.76);
    --oc-card-dim: rgba(255,255,255,.62);
    --oc-card-hair: var(--gl-rim);
}


html[data-appearance="glass"] body #mobile-shop-question-modal#mobile-shop-question-modal {
    --sak-paper: transparent;
    --sak-ink: #fff;
    --ask-paper: transparent;
    --ask-ink: #fff;
}


html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal :is(.sac-posting,.sac-card,.sac-segmented,.sac-file,.sac-file-icon,.mobile-shop-ticket-tier input,.mobile-shop-ticket-venue-suggestions,.mobile-shop-ticket-venue-suggestion) {
    background: var(--gl-fill) !important;
    border-color: var(--gl-rim) !important;
    box-shadow: var(--gl-hi) !important;
}


html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal :is(h2,h3,p,label,input,textarea,select,.sac-posting-name,.sac-posting-label,.sac-label,.sac-file-title,.sac-file-meta,.sac-row--button,.sac-type-btn) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-color: var(--gl-rim) !important;
}


html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal :is(input,textarea,select) {
    background-color: rgba(255,255,255,.08) !important;
}


html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal :is(input,textarea)::placeholder {
    color: rgba(255,255,255,.65) !important;
    -webkit-text-fill-color: rgba(255,255,255,.65) !important;
}


html[data-appearance="glass"] body .mobile-shop-dashboard-license-input {
    background: var(--gl-fill) !important;
    border-color: var(--gl-rim) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Composer text is explicitly dark in its base sheet, independent of theme. */
html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal :is(.sac-bar-title, .sac-bar-cancel, .sac-eyebrow, .sac-hint, .sac-note, .sac-file-copy, .sac-file-copy *, .sac-more-summary, .sac-more-meta, .sac-row-prefix, .sac-row-tag, .sac-segment button) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal .sac-segment {
    background: rgba(255,255,255,.10) !important;
}
html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal .sac-segment button:is(.active, [aria-pressed="true"]) {
    background: var(--gl-fill-strong) !important;
}
html[data-appearance="glass"] body #mobile-shop-question-modal#mobile-shop-question-modal.is-sak {
    --sak-card-bg: var(--gl-fill);
    --sak-line: var(--gl-rim);
    --sak-text-dim: rgba(255,255,255,.76);
    --sak-text-mute: rgba(255,255,255,.62);
}
html[data-appearance="glass"] body #mobile-shop-question-modal#mobile-shop-question-modal.is-sak :is(input,textarea),
html[data-appearance="glass"] body #shopping-cart-modal#shopping-cart-modal .cart-stepper button {
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
/* Shared owner-dashboard CSS adds an opaque :has(#shop-odx) wrapper. */
html[data-appearance="glass"] body :is(#shop-orders-modal, #mobile-shop-owner-orders-modal):is(#shop-orders-modal, #mobile-shop-owner-orders-modal):has(#shop-odx) {
    background: var(--gl-sheet) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}
html[data-appearance="glass"] body :is(#shop-orders-modal, #mobile-shop-owner-orders-modal):is(#shop-orders-modal, #mobile-shop-owner-orders-modal):has(#shop-odx) :is(.mobile-shop-dashboard-scroll, .mobile-shop-orders-topbar, #shop-orders-list-modal, #mobile-shop-dashboard-order-rows) {
    background: transparent !important;
}
/* Product manager has intentionally white cards even in its dark stylesheet. */
html[data-appearance="glass"] body #mobile-shop-owner-products-modal#mobile-shop-owner-products-modal {
    --shop-manager-bg: transparent;
    --shop-manager-text: #fff;
    --shop-manager-muted: rgba(255,255,255,.76);
    --shop-manager-border: var(--gl-rim);
    --shop-manager-surface: var(--gl-fill);
    --shop-manager-soft: var(--gl-fill);
}
html[data-appearance="glass"] body #mobile-shop-owner-products-modal#mobile-shop-owner-products-modal :is(.mobile-shop-owner-products-embed-btn, .mobile-shop-owner-products-search-wrap, .mobile-shop-owner-product-filter, .mobile-shop-owner-products-primary-btn, .mobile-shop-owner-product-row, .mobile-shop-owner-product-action) {
    background: var(--gl-fill) !important;
    border-color: var(--gl-rim) !important;
    box-shadow: var(--gl-hi) !important;
}
html[data-appearance="glass"] body #mobile-shop-owner-products-modal#mobile-shop-owner-products-modal :is(.mobile-shop-owner-product-filter, .mobile-shop-owner-product-filter *, .mobile-shop-owner-product-action:not(.is-delete), .mobile-shop-owner-products-primary-btn) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body #mobile-shop-owner-products-modal#mobile-shop-owner-products-modal .mobile-shop-owner-product-filter.is-active {
    background: var(--gl-fill-strong) !important;
}
html[data-appearance="glass"] body #mobile-shop-owner-products-modal#mobile-shop-owner-products-modal .mobile-shop-owner-product-filter.is-active * {
    background: transparent !important;
}
html[data-appearance="glass"] body #mobile-add-product-modal#mobile-add-product-modal :is(.mobile-shop-product-form-media, .mobile-shop-product-form-close, .mobile-shop-product-form-save, .mobile-shop-product-form-upload) {
    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 #mobile-add-product-modal#mobile-add-product-modal :is(.mobile-shop-product-form-upload *, .mobile-shop-product-form-close *, .mobile-shop-product-form-save *) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body #mobile-shop-owner-products-modal#mobile-shop-owner-products-modal :is(.mobile-shop-owner-product-name, .mobile-shop-owner-product-price, .mobile-shop-owner-product-meta span, .mobile-shop-variant-chips span, .mobile-shop-variant-chips strong, .mobile-shop-owner-products-search-wrap input, .mobile-shop-owner-products-search-wrap i, .mobile-shop-owner-products-embed-btn i, .mobile-shop-owner-product-action:not(.is-delete) i) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body #mobile-shop-owner-products-modal#mobile-shop-owner-products-modal input::placeholder {
    color: rgba(255,255,255,.72) !important;
    -webkit-text-fill-color: rgba(255,255,255,.72) !important;
}
html[data-appearance="glass"] body #shop-orders-modal#shop-orders-modal,
html[data-appearance="glass"] body #mobile-shop-order-detail-sheet#mobile-shop-order-detail-sheet,
html[data-appearance="glass"] body #mobile-shop-dashboard-activity-modal#mobile-shop-dashboard-activity-modal {
    background: var(--gl-sheet) !important;
    color: #fff !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}
html[data-appearance="glass"] body #mobile-shop-owner-products-modal#mobile-shop-owner-products-modal #mobile-shop-owner-products-search {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body #mobile-shop-owner-products-modal#mobile-shop-owner-products-modal #mobile-shop-owner-products-search:empty::before {
    color: rgba(255,255,255,.72) !important;
    -webkit-text-fill-color: rgba(255,255,255,.72) !important;
}

/* The Digital add-item composer has its own four-ID field rules and inline
 * input colors. Keep the sheet frosted and its controls clear while typing. */
html[data-appearance="glass"] body #addItemModal#addItemModal {
    --sac-field-ink: #fff;
    --sac-field-scheme: dark;
    --sac-selected-bg: var(--gl-fill-strong);
    --sac-muted-ink: rgba(255,255,255,.76);
}
html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal#addItemModal#addItemModal :is(input:not([type="file"]):not([type="checkbox"]):not([type="color"]), textarea, select) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: transparent !important;
    caret-color: #fff !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color-scheme: dark !important;
}
html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal :is(.sac-bar-title strong, .sac-posting-name, .sac-file-icon i, .sac-more-summary span, .sac-row--button span) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal :is(.sac-bar-title small, .sac-eyebrow span, .sac-posting-label, .sac-row > span, .sac-file-copy small, .sac-note) {
    color: rgba(255,255,255,.76) !important;
    -webkit-text-fill-color: rgba(255,255,255,.76) !important;
}
html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal :is(.sac-bar, .sac-row, .sac-more, .mobile-shop-ticket-tier) {
    border-color: var(--gl-rim) !important;
}
html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal :is(.sac-file-action, .sac-posting-avatar) {
    background: var(--gl-fill) !important;
    border: 1px solid var(--gl-rim) !important;
}
html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal .sac-submit {
    background: rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.55) !important;
    -webkit-text-fill-color: rgba(255,255,255,.55) !important;
}
html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal .sac-submit.is-ready {
    background: var(--gl-cta) !important;
    color: var(--gl-cta-ink) !important;
    -webkit-text-fill-color: var(--gl-cta-ink) !important;
}

html[data-appearance="glass"] body #addItemModal#addItemModal#addItemModal :is(.mobile-shop-add-item-shell, .mobile-shop-add-item-scroll, #addItemForm) {
    background: transparent !important;
}