/*
 * Shared desktop workbench surfaces
 * Keep upload and setting containers solid white while preserving the
 * functional color states of buttons, presets, libraries, and results.
 */
html:not([data-theme="dark"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature] main.content-grid .task-panel .task-body :is(
  #product-upload,
  #settings-card,
  .upload-card,
  .single-upload-card,
  .background-upload-button,
  .color-reference-upload,
  .try-on-garment-upload,
  .pose-upload-reference-button,
  .pattern-upload-button,
  .detail-upload-slot,
  .set-generate-upload-card,
  .buyer-tryon-public-upload-card,
  .unified-upload-dropzone,
  .experience-upload-button,
  .material-empty-upload-button,
  .settings-card,
  .inline-model-section,
  .generate-count-box,
  .generation-resolution-section,
  .detail-page-basic-selects,
  #detail-page-module-picker,
  #detail-reference-materials,
  .video-generate-settings,
  .video-setting-block,
  .video-upload-options,
  .set-generate-settings,
  .set-product-type-block,
  .set-model-role-field,
  .set-shot-picker,
  .print-extract-setting-card,
  #free-bottom-ratio-section,
  .view-change-panel,
  .pattern-transfer-panel,
  .outpaint-preset-grid,
  .material-picker,
  .buyer-tryon-fixed-note,
  .print-compact-select,
  .detail-page-select-field > summary
) {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Basic dropdowns own their rounded surfaces. Their rectangular wrapper must
 * stay transparent across industries so it cannot show through the corners. */
html:not([data-theme="dark"]) body.feature-focus-mode.workstation-feature-mode:is([data-active-feature="detail-page"], [data-active-feature="pet-product-main-image"]) main.content-grid .task-panel .task-body :is(#detail-page-basic-selects, #pet-main-basic-selects) .detail-basic-select-card {
  background-color: transparent !important;
  background-image: none !important;
}

/* Customer fitting room: its fields and option groups already have their own
 * surfaces, so the shared settings card must not add another white backing. */
html:not([data-theme="dark"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] main.content-grid .task-panel .task-body #settings-card {
  background-color: transparent !important;
  background-image: none !important;
}

/* Customer fitting room: the product-type group uses a plain white surface;
 * keep the existing border, radius, spacing, and option-button states. */
html:not([data-theme="dark"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="buyer-try-on"] main.content-grid .task-panel .task-body .buyer-tryon-product-type-row {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Reverse prompt already has its own bordered result field; do not add a second white card beneath it. */
html:not([data-theme="dark"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="reverse-prompt"] main.content-grid .task-panel .task-body #settings-card {
  background-color: transparent !important;
  background-image: none !important;
}

/* Fashion pose change: the upload, type, gallery, and prompt controls keep
 * their own surfaces; the shared settings card must not add another frame. */
html:not([data-theme="dark"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="pose-change"] main.content-grid .task-panel .task-body #settings-card {
  background-color: transparent !important;
  background-image: none !important;
}

html:not([data-theme="dark"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature] #task-panel .extra-prompt-box {
  background-color: transparent !important;
  background-image: none !important;
}

/* Outfit recommendation: remove only the redundant outer backing panels. */
html:not([data-theme="dark"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] main.content-grid .outfit-recommend-section {
  border: 0 !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
html:not([data-theme="dark"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="free-generate"] main.content-grid #free-generate-page.free-generate-page :is(
  .free-page-upload-zone,
  #free-bottom-ratio-section,
  .generation-resolution-section,
  .print-compact-select
) {
  background-color: #ffffff !important;
  background-image: none !important;
}

html:not([data-theme="dark"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature] main.content-grid .task-panel .task-body :is(
  #product-upload,
  .upload-card,
  .background-upload-button,
  .color-reference-upload,
  .try-on-garment-upload,
  .pose-upload-reference-button,
  .pattern-upload-button,
  .detail-upload-slot,
  .set-generate-upload-card,
  .buyer-tryon-public-upload-card
):is(:hover, :focus-visible) {
  background-color: #ffffff !important;
  background-image: none !important;
}