.approval-toolbar {
  grid-template-columns: minmax(150px, 1fr) minmax(135px, .9fr) minmax(390px, 2fr) auto auto;
  align-items: center;
}

.date-range {
  display: grid;
  grid-template-columns: auto minmax(125px, 1fr) auto minmax(125px, 1fr);
  align-items: center;
  gap: 9px;
  color: #738095;
  font-size: 12px;
  white-space: nowrap;
}

.date-range i { color: #98a2b2; font-style: normal; text-align: center; }

@media (max-width: 1180px) {
  .approval-toolbar { grid-template-columns: 1fr 1fr 1fr; }
}

@media (max-width: 700px) {
  .approval-toolbar { grid-template-columns: 1fr; }
  .date-range { grid-template-columns: 82px 1fr; }
  .date-range i { display: none; }
  .date-range input:last-child { grid-column: 2; }
}