/* Compact primary inventory action. */
#inventoryAddToggle {
  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;
  padding: 10px 16px !important;
  white-space: nowrap !important;
  font-size: .86rem !important;
}

/* Materials: keep color immediately beneath price and make its summary one line. */
.materialProfileGrid .profileColorPick {
  grid-column: 1 !important;
  width: 100% !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
}

.materialProfileGrid .profileColorPick .unifiedColorHeader {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  min-height: 40px !important;
}

.materialProfileGrid .profileColorPick .unifiedColorTitle {
  flex: 0 0 auto !important;
}

.materialProfileGrid .profileColorPick .unifiedColorTitle label {
  margin: 0 !important;
  white-space: nowrap !important;
}

.materialProfileGrid .profileColorPick .unifiedColorSelected {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.materialProfileGrid .profileColorPick .unifiedColorControls {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

.materialProfileGrid .inventoryEditor {
  grid-column: 1 / -1 !important;
}

@media (max-width: 720px) {
  #inventoryAddToggle { padding: 9px 13px !important; font-size: .8rem !important; }
  .materialProfileGrid .profileColorPick { grid-column: 1 / -1 !important; }
}