.date-quick {
  border: 1px solid var(--border);
  background: #fff;
  color: #666a72;
  border-radius: 7px;
  padding: 7px 10px;
}
.date-quick:hover {
  border-color: #e99b9b;
  color: #c94141;
  background: #fff7f7;
}
.date-picker {
  display: flex;
  align-items: center;
  gap: 7px;
  border: 1px solid var(--border);
  background: #fff;
  border-radius: 7px;
  padding: 0 8px;
  color: #757982;
  font-size: 12px;
  font-weight: 500;
}
.date-picker input {
  width: auto;
  border: 0;
  margin: 0;
  padding: 7px 2px;
  background: transparent;
}
.date-picker span { white-space: nowrap; }
@media (max-width: 520px) {
  .date-picker { width: 100%; justify-content: space-between; }
  .date-picker input { flex: 1; }
  .date-quick { flex: 1; }
}