.oms-order-date-toolbar .toolbar {
  display: grid;
  grid-template-columns: minmax(200px, 1fr) minmax(170px, 200px) minmax(170px, 200px);
  gap: 16px;
  align-items: end;
}
.oms-order-date-toolbar .field { min-width: 0; }
.oms-order-date-toolbar input[type="date"] {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  box-sizing: border-box;
  font: inherit;
  color: inherit;
  color-scheme: dark;
}
body.theme-light .oms-order-date-toolbar input[type="date"] { color-scheme: light; }
.oms-order-date-toolbar input[type="date"]::-webkit-calendar-picker-indicator { cursor: pointer; }
.oms-order-date-meta {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 9px;
  font-size: 12px;
  color: var(--muted, #718096);
}
.oms-order-date-meta button {
  appearance: none;
  border: 0;
  padding: 4px 0;
  background: transparent;
  color: var(--primary, #376cf2);
  font: inherit;
  cursor: pointer;
}
.oms-order-date-meta button:disabled { opacity: .45; cursor: default; }
.oms-order-date-meta button:focus-visible { outline: 2px solid #376cf2; outline-offset: 3px; border-radius: 3px; }
@media (max-width: 760px) {
  .oms-order-date-toolbar .toolbar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
  .oms-order-date-toolbar .toolbar > .field:first-child { grid-column: 1 / -1; }
  .oms-order-date-meta { justify-content: space-between; }
}