/* The page title already identifies the profile editor. */
#materialsSignedIn .materialFormHeading {
  display: none !important;
}

/* Full-width, compact color selector with the preview beside its label. */
.materialProfileGrid .profileColorPick {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
}

.materialProfileGrid .profileColorPick .unifiedColorHeader {
  justify-content: flex-start !important;
  gap: 12px !important;
}

.materialProfileGrid .profileColorPick .unifiedColorSelected {
  margin-left: 0 !important;
  flex: 0 0 auto !important;
}

.materialProfileGrid .profileColorPick .unifiedColorPreview {
  order: -1;
}

.materialProfileGrid .profileColorPick .colorToggle {
  margin-left: 4px !important;
}

/* Keep the inventory choice visible, but collapse its details until enabled. Hide by
   CLASS as well as the [hidden] attribute — a display rule elsewhere can override the
   attribute, which left the fields expanded while the toggle was off. */
.inventoryEditor .inventoryEditorGrid[hidden],
.inventoryEditor:not(.inventoryEnabled) .inventoryEditorGrid {
  display: none !important;
}

.inventoryEditor:not(.inventoryEnabled) {
  padding-bottom: 14px !important;
}

.inventoryEditor:not(.inventoryEnabled) .inventoryEditorHeading {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.inventoryEditor.inventoryEnabled .inventoryEditorGrid {
  animation: revealInventoryFields .22s ease both;
}

@keyframes revealInventoryFields {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Remove the legacy price-column glare; the dedicated full-card layer remains. */
.topProjectStrip .stripPrice::before,
.topProjectStrip .stripPrice::after,
.topProjectStrip #topSuggestedCost::before,
.topProjectStrip #topSuggestedCost::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

@media (max-width: 620px) {
  .materialProfileGrid .profileColorPick .unifiedColorHeader {
    flex-wrap: wrap !important;
  }
}