/* Fashion flat-lay: the two inner setting cards provide their own grouping.
   Remove only the redundant heading and outer desktop settings shell. */
html:not([data-mobile-workbench="true"])
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="flat-lay"]
  .settings-scroll-area {
  gap: 12px !important;
}

html:not([data-mobile-workbench="true"])
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="flat-lay"]
  #task-panel #settings-card > .settings-head {
  display: none !important;
}

html:not([data-mobile-workbench="true"])
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="flat-lay"]
  #task-panel #settings-card,
html:not([data-mobile-workbench="true"])
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="flat-lay"]
  #task-panel #settings-card:hover {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html:not([data-mobile-workbench="true"])
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="flat-lay"]
  #task-panel #settings-card::before,
html:not([data-mobile-workbench="true"])
  body.feature-focus-mode.workstation-feature-mode[data-active-feature="flat-lay"]
  #task-panel #settings-card::after {
  content: none !important;
  display: none !important;
}