/* Outfit recommendation: three independent setting cards without an outer panel. */
html:not([data-theme="dark"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] main.content-grid .task-panel .task-body #settings-card,
html:not([data-theme="dark"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] main.content-grid .task-panel .task-body #dynamic-settings,
html:not([data-theme="dark"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] main.content-grid .task-panel .task-body .outfit-recommend-panel {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: 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="outfit-recommend"] main.content-grid .task-panel .task-body .outfit-recommend-panel {
  display: grid !important;
  gap: 12px !important;
}

html:not([data-theme="dark"]) body.feature-focus-mode.workstation-feature-mode[data-active-feature="outfit-recommend"] main.content-grid .task-panel .task-body .outfit-recommend-section {
  display: grid !important;
  gap: 8px !important;
  padding: 14px 12px 12px !important;
  border: 1px solid rgba(220, 213, 244, 0.92) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
}