.daily-report-preview > div {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.daily-report-delete {
  border: 1px solid var(--color-error, #eb000f);
  background: transparent;
  color: var(--color-error, #eb000f);
  border-radius: 8px;
  padding: 5px 10px;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}

.daily-report-delete:hover:not(:disabled) {
  background: color-mix(in srgb, var(--color-error, #eb000f) 10%, transparent);
}

.daily-report-delete:disabled {
  opacity: .55;
  cursor: wait;
}